/* Portal A additions: configurable presentation, readable navigation and four utility actions. */
body.dali-platform [hidden] { display:none!important; }
body.dali-platform { --dali-header-height:79px; --dali-header-offset:0px; }
body.dali-platform #page { padding-top:var(--dali-header-height); }
.dali-site-header { position:fixed; inset:var(--dali-header-offset) 0 auto; z-index:50; }
body.dali-platform.admin-bar { --dali-header-offset:32px; }
body.dali-platform.admin-bar #wpadminbar { position:fixed; }
.dali-header-inner { width:min(var(--dali-content),calc(100% - 48px)); min-height:78px; gap:24px; }
.dali-brand { min-width:160px; flex-shrink:0; }
.dali-nav-list { gap:22px; }
.dali-nav-list a,.dali-nav-button { display:flex; align-items:center; min-height:78px; padding:0; color:#45514c; font-size:15px; font-weight:600; white-space:nowrap; }
.dali-nav-button { border:0; border-radius:0; background:none; box-shadow:none; }
.dali-nav-button:hover { color:var(--dali-green); background:none; }
.dali-header-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.dali-header-action { display:inline-flex; align-items:center; justify-content:center; min-height:36px; gap:5px; padding:0; border:0; border-radius:5px; background:transparent; color:#45514c; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; cursor:pointer; }
.dali-header-action:hover { color:var(--dali-green); background:transparent; }
.dali-header-action svg { flex-shrink:0; }
.dali-register-action { padding:0 15px; border:1px solid var(--dali-green); background:var(--dali-green); color:#fff; }
.dali-register-action:hover { background:#066544; color:#fff; }
.dali-account-name { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dali-green); font-size:13px; }
.dali-search-disclosure { position:relative; }
.dali-search-disclosure > summary { list-style:none; }
.dali-search-disclosure > summary::-webkit-details-marker { display:none; }
.dali-search-disclosure[open] > summary { color:var(--dali-green); }
.dali-search-popover { position:absolute; top:calc(100% + 17px); right:-85px; z-index:30; width:360px; padding:21px; border:1px solid var(--dali-line); border-radius:10px; background:#fff; box-shadow:0 12px 35px #152d271a; }
.dali-search-popover::before { position:absolute; right:105px; top:-6px; width:10px; height:10px; border-top:1px solid var(--dali-line); border-left:1px solid var(--dali-line); background:#fff; transform:rotate(45deg); content:""; }
.dali-header-search { display:block; width:100%; border:0; border-radius:0; background:none; overflow:visible; margin:0; }
.dali-header-search label { display:block; margin-bottom:11px; color:var(--dali-ink); font-size:14px; font-weight:600; }
.dali-search-field { display:flex; align-items:stretch; overflow:hidden; border:1px solid #dbe4df; border-radius:6px; background:#f8faf9; }
.dali-header-search input[type="search"] { padding:11px 12px; background:transparent; color:var(--dali-ink); font-size:13px; }
.dali-header-search button { align-items:center; justify-content:center; flex-shrink:0; min-width:58px; padding:0 12px; border:0; background:var(--dali-green); color:#fff; font-size:13px; }
body.dali-front-page .site-content > .col-full { width:100%; max-width:none; margin:0; padding:0; }
body.dali-catalog-page .site-content > .col-full { width:100%; max-width:none; margin:0; padding:0; }
body.dali-catalog-page #page { display:flex; flex-direction:column; min-height:100vh; min-height:100svh; }
body.dali-catalog-page .site-content { width:100%; flex:1 0 auto; }
body.dali-catalog-page .dali-footer { flex-shrink:0; }
.dali-portal { padding-top:24px; }
.dali-portal > * + * { margin-top:22px; }
.dali-carousel { position:relative; border-radius:10px; background:#102d36; color:#fff; overflow:hidden; isolation:isolate; }
.dali-carousel-stage { position:relative; }
.dali-carousel-slide { position:relative; isolation:isolate; display:flex; align-items:center; min-height:326px; overflow:hidden; background:radial-gradient(ellipse at 78% 75%,#1c635d 0%,transparent 52%),linear-gradient(120deg,#0e2833,#13343e); --slide-accent:#83dfbc; }
.dali-carousel-slide--1 { background:radial-gradient(ellipse at 78% 75%,#314d87 0%,transparent 52%),linear-gradient(120deg,#14263d,#23334f); --slide-accent:#9cc7ff; }
.dali-carousel-slide--2 { background:radial-gradient(ellipse at 78% 75%,#635036 0%,transparent 52%),linear-gradient(120deg,#2e3039,#333c45); --slide-accent:#f0ca93; }
.dali-carousel-slide::after { position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,#091f291a,#091f2900); content:""; }
.dali-carousel-copy { position:relative; z-index:2; width:62%; max-width:760px; padding:37px 50px 53px; }
.dali-carousel-eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 14px; color:var(--slide-accent); font-size:12px; font-weight:500; letter-spacing:1.7px; }
.dali-carousel-eyebrow > span { width:7px; height:7px; border-radius:50%; background:var(--slide-accent); box-shadow:0 0 0 4px #ffffff0a; }
.dali-carousel-copy h1,.dali-carousel-copy h2 { display:-webkit-box; margin:0 0 14px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff; font-size:clamp(28px,3.1vw,42px); font-weight:750; line-height:1.35; letter-spacing:-1px; overflow-wrap:anywhere; }
.dali-carousel-description { display:-webkit-box; max-width:550px; margin:0 0 23px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#d0dedf; font-size:13px; line-height:1.8; }
.dali-carousel .dali-carousel-link { display:inline-flex; align-items:center; gap:24px; min-height:38px; padding:8px 16px; border:1px solid #ffffff4d; border-radius:5px; background:#fff; color:#163e35; font-size:13px; font-weight:600; }
.dali-carousel .dali-carousel-link:hover { background:#e7f7ee; color:#0c573c; }
.dali-carousel-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.dali-carousel-slide.has-image { background:#102d36; }
.dali-carousel-slide.has-image::after { z-index:-1; background:linear-gradient(90deg,#0d2535f5,#0d2535c9 36%,#0d253535 100%); }
.dali-carousel-slide.has-image .dali-carousel-art { display:none; }
.dali-carousel-art { position:absolute; top:-10px; right:0; width:52%; height:calc(100% + 20px); color:var(--slide-accent); }
.dali-workspace-art { width:100%; height:100%; }
.dali-carousel-controls { position:absolute; bottom:17px; right:25px; z-index:3; display:flex; align-items:center; gap:8px; padding:3px 5px; border:1px solid #ffffff16; border-radius:25px; background:#08202c4d; }
.dali-carousel-arrow,.dali-carousel-pause { display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0 7px; border:0; border-radius:15px; background:transparent; color:#d3e3e0; }
.dali-carousel-arrow:hover,.dali-carousel-pause:hover { background:#ffffff1a; color:#fff; }
.dali-carousel-pause { padding-inline:8px; font-size:10px; font-weight:400; }
.dali-carousel-dots { display:flex; align-items:center; gap:7px; }
.dali-carousel-dots button { width:7px; height:7px; padding:0; border:0; border-radius:8px; background:#ffffff55; }
.dali-carousel-dots button[aria-current="true"] { width:23px; background:#fff; }
.dali-image-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.dali-image-nav-item { position:relative; display:block; min-width:0; min-height:139px; overflow:hidden; border:1px solid #ffffff10; border-radius:7px; background:linear-gradient(120deg,#1c5548,#234f51); color:#b3e3ca; }
.dali-image-nav-item--1 { background:linear-gradient(120deg,#3c3b69,#444469); color:#c9bef8; }
.dali-image-nav-item--2 { background:linear-gradient(120deg,#234d70,#2f5e79); color:#9dd4ed; }
.dali-image-nav-item--3 { background:linear-gradient(120deg,#755a3a,#786446); color:#f5d6a6; }
.dali-image-nav-item--4 { background:linear-gradient(120deg,#4e496c,#6b5275); color:#e0c6f4; }
.dali-image-nav-item::after { position:absolute; inset:0; background:linear-gradient(90deg,#0a202c4d,transparent 90%); content:""; }
.dali-image-nav-item > img { position:absolute; width:100%; height:100%; object-fit:cover; }
.dali-image-nav-item.has-image::after { background:linear-gradient(90deg,#0a202cce,#0a202c20); }
.dali-image-nav-art { position:absolute; width:100%; height:130%; right:-40%; top:-16%; opacity:.6; transition:transform .25s; }
.dali-image-nav-item.has-image .dali-image-nav-art { display:none; }
.dali-image-nav-copy { position:relative; z-index:1; display:block; padding:19px 18px; color:#fff; }
.dali-image-nav-copy strong { display:block; font-size:24px; font-weight:750; line-height:1.25; letter-spacing:-.5px; }
.dali-image-nav-copy small { display:block; margin-top:5px; color:#e5eeee; font-size:12px; line-height:1.5; }
.dali-image-nav-go { display:inline-flex; align-items:center; gap:21px; margin-top:12px; padding:1px 9px; border-radius:4px; background:#ffffffed; color:#21443a; font:700 13px/1.65 Arial,sans-serif; }
.dali-image-nav-item:hover .dali-image-nav-art { transform:translateX(-5px); }
.dali-image-nav-item:hover { filter:brightness(1.08); }
.dali-resource-controls { display:flex; align-items:center; justify-content:flex-end; gap:20px; }
.dali-resource-tabs { display:flex; align-items:center; gap:19px; }
.dali-resource-tabs a { padding:6px 0; border-bottom:2px solid transparent; color:#6a7770; font-size:13px; }
.dali-resource-tabs a.is-active { border-bottom-color:var(--dali-green); }
.dali-home-sort { margin:0; }
.dali-home-sort select { min-height:34px; min-width:114px; margin:0; padding:4px 29px 4px 10px; border:1px solid #dfe6e1; border-radius:5px; background-color:#fff; box-shadow:none; color:#56665d; font-size:12px; }
.dali-portal-heading > .dali-resource-controls { gap:20px; }
.dali-portal .dali-product-title h3 { font-size:14px; }
.dali-product-card { position:relative; }
body.dali-platform .dali-card-favorite { position:absolute; z-index:2; top:10px; right:10px; min-height:28px; padding:4px 9px; border:1px solid #ffffff70; border-radius:5px; background:#ffffffed; color:#456459; box-shadow:0 2px 8px #0a25331a; font-size:11px; line-height:1.5; font-weight:500; }
body.dali-platform .dali-card-favorite:hover { background:#fff; color:var(--dali-green); }
body.dali-platform .dali-card-favorite.is-favorite { border-color:#bee2ce; background:#e9f7ef; color:#087653; }
body.dali-platform .dali-card-favorite:disabled { opacity:.6; cursor:wait; }
.dali-carousel-slide:not([hidden]) { animation:dali-slide-enter .4s ease-out; }
@keyframes dali-slide-enter { from { opacity:.35; transform:translateX(15px); } to { opacity:1; transform:translateX(0); } }
.dali-footer { margin-top:16px; padding:10px 0; }
.dali-footer-only-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px 36px; }
.dali-footer-only-links > a,.dali-footer-only-links > button { display:inline-flex; min-height:36px; align-items:center; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#697970; font-family:inherit; font-size:13px; font-weight:500; line-height:1.5; }
.dali-footer-only-links > a:hover,.dali-footer-only-links > button:hover { color:var(--dali-green); background:transparent; }
.dali-footer-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:start; }
.dali-footer .dali-brand { display:inline-flex; }
.dali-footer .dali-brand-name { color:#4d6055; font-size:18px; }
.dali-footer p { max-width:560px; font-size:12px; line-height:1.9; }
.dali-footer-help { min-width:280px; }
.dali-footer-help h2 { font-size:12px; font-weight:600; }
.dali-footer-help .dali-footer-links { display:flex; gap:14px 23px; flex-wrap:wrap; max-width:400px; }
.dali-footer-help .dali-footer-links a { font-size:12px; }
.dali-footer-bottom { margin-top:27px; font-size:11px; line-height:1.7; }
.dali-floating-tools { position:fixed; z-index:40; right:13px; bottom:105px; display:flex; flex-direction:column; gap:1px; padding:4px; border:1px solid #e0e7e3; border-radius:9px; background:#fff; box-shadow:0 4px 20px #163c2a0d; }
.dali-floating-tools > button,.dali-floating-tools > a { position:relative; display:flex; align-items:center; justify-content:center; width:40px; height:43px; padding:9px; border:0; border-radius:5px; background:#fff; color:#7a8980; }
.dali-floating-tools svg { width:23px; height:23px; }
.dali-floating-tools > .dali-tool-vip { background:#fff6de; color:#b37b14; }
.dali-floating-tools > :is(button,a):hover,.dali-floating-tools > :is(button,a):focus-visible { background:#edf6f0; color:var(--dali-green); }
.dali-floating-tools > :is(button,a) > span { position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%); padding:7px 11px; border-radius:5px; background:#1c3b2e; color:#fff; opacity:0; visibility:hidden; pointer-events:none; font-size:12px; line-height:1.5; white-space:nowrap; }
.dali-floating-tools > :is(button,a):hover > span,.dali-floating-tools > :is(button,a):focus-visible > span { opacity:1; visibility:visible; }
.dali-utility-dialog { position:fixed; width:min(400px,calc(100% - 40px)); max-height:calc(100% - 48px); overflow:auto; margin:auto; padding:33px 29px 28px; border:1px solid #e2e9e3; border-radius:13px; background:#fff; color:var(--dali-ink); box-shadow:0 20px 80px #132b2a33; text-align:center; }
.dali-utility-dialog::backdrop { background:#071c2466; backdrop-filter:blur(3px); }
.dali-utility-dialog h2 { margin:0 0 18px; font-size:21px; font-weight:650; }
.dali-utility-dialog p { margin:12px 0 18px; color:#718078; font-size:13px; line-height:1.8; }
.dali-dialog-close { position:absolute; top:8px; right:10px; }
.dali-wechat-qr { display:block; width:240px; max-width:100%; max-height:320px; height:auto; object-fit:contain; margin:0 auto; }
.dali-announcement { position:fixed; z-index:45; bottom:22px; left:50%; display:flex; align-items:center; gap:13px; width:min(760px,calc(100% - 150px)); padding:15px 47px 15px 19px; border:1px solid #ebdac5; border-radius:9px; background:#fffcf5; box-shadow:0 6px 35px #4c3a1e1a; transform:translateX(-50%); color:#866328; }
.dali-announcement-icon { display:flex; flex:none; width:23px; color:#b38a3f; }
.dali-announcement-icon svg { width:100%; height:23px; }
.dali-announcement strong { display:block; margin-bottom:3px; color:#795d2f; font-size:11px; font-weight:600; }
.dali-announcement p { margin:0; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.dali-announcement a { color:#866328; }
.dali-announcement a:hover { color:#4e713a; }
.dali-announcement > .dali-bs-close { position:absolute; top:50%; right:7px; transform:translateY(-50%); }
@media(min-width:1600px) { .dali-carousel-slide { min-height:350px; } .dali-image-nav-item { min-height:150px; } }
@media(max-width:1300px) { .dali-header-inner { gap:18px; } .dali-nav-list { gap:16px; } .dali-nav-list a,.dali-nav-button { font-size:14px; } .dali-header-actions { gap:13px; } .dali-brand { min-width:175px; } .dali-brand-name { font-size:17px; } .dali-submit-action span,.dali-search-disclosure summary span { display:none; } .dali-floating-tools { right:7px; } }
@media(max-width:1100px) { .dali-header-inner { min-height:0; flex-wrap:wrap; gap:0 20px; padding-top:15px; } .dali-header-actions { margin-left:auto; } .dali-submit-action span,.dali-search-disclosure summary span { display:inline; } .dali-nav { order:3; width:100%; margin-top:12px; } .dali-nav-list { width:100%; justify-content:space-between; gap:20px; } .dali-nav-list a,.dali-nav-button { min-height:43px; font-size:14px; } .dali-carousel-slide { min-height:306px; } .dali-carousel-copy { padding:30px 35px 52px; } .dali-image-nav-copy { padding:19px 17px; } .dali-image-nav-copy strong { font-size:22px; } .dali-image-nav-copy small { font-size:11px; } }
@media(max-width:850px) { .dali-header-inner { padding-bottom:0; } .dali-carousel-copy { width:68%; } .dali-carousel-art { right:-10%; width:59%; } .dali-carousel-copy h1,.dali-carousel-copy h2 { font-size:31px; } .dali-image-nav { gap:12px; } .dali-image-nav-item { min-height:130px; } .dali-image-nav-copy { padding:18px 13px; } .dali-image-nav-copy strong { font-size:20px; } .dali-image-nav-copy small { max-width:100px; font-size:11px; } .dali-footer-grid { grid-template-columns:1fr auto; gap:30px; } .dali-footer-grid > :first-child { grid-column:auto; } .dali-footer-help { min-width:210px; max-width:250px; } }
@media(max-width:760px) { .dali-header-inner { width:calc(100% - 32px); padding-top:13px; } .dali-nav { display:flex; position:static; padding:0; border:0; background:transparent; overflow-x:auto; box-shadow:none; } .dali-nav-list { display:flex; flex:none; min-width:100%; width:max-content; gap:24px; justify-content:flex-start; } .dali-nav-list a,.dali-nav-button { min-height:43px; font-size:14px; } .dali-menu-toggle { display:none; } .dali-header-actions { gap:14px; } .dali-brand-sub { font-size:6px; } .dali-portal { padding-top:17px; } .dali-carousel-slide { min-height:298px; } .dali-carousel-copy { width:78%; padding:27px 26px 55px; } .dali-carousel-copy h1,.dali-carousel-copy h2 { font-size:29px; } .dali-carousel-description { font-size:12px; } .dali-carousel-art { right:-20%; width:70%; opacity:.62; } .dali-carousel-controls { right:15px; bottom:12px; } .dali-image-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .dali-image-nav-item { min-height:137px; } .dali-image-nav-copy { padding:19px 20px; } .dali-image-nav-copy strong { font-size:24px; } .dali-image-nav-copy small { max-width:none; font-size:12px; } .dali-portal-heading { flex-wrap:wrap; gap:12px; } .dali-portal-heading > .dali-resource-controls { gap:18px; } .dali-portal-heading .dali-resource-tabs a:last-child { display:block; } .dali-resource-tabs { gap:18px; } .dali-resource-tabs a { font-size:13px; } .dali-portal .dali-product-title h3 { font-size:13px; } .dali-footer-grid { grid-template-columns:1fr; gap:23px; } .dali-footer-grid > :last-child { grid-column:auto; } .dali-footer-help { max-width:none; } .dali-footer-help .dali-footer-links { max-width:none; } .dali-floating-tools { right:4px; bottom:100px; padding:3px; border-radius:7px; } .dali-floating-tools > button,.dali-floating-tools > a { width:33px; height:38px; padding:7px; } .dali-floating-tools svg { width:21px; height:21px; } .dali-announcement { left:12px; width:calc(100% - 67px); transform:none; bottom:14px; padding:12px 46px 12px 13px; gap:9px; } .dali-announcement p { font-size:12px; } .dali-announcement-icon { width:19px; } .dali-announcement > button { right:4px; } }
@media(max-width:560px) { .dali-header-inner { gap:0 10px; } .dali-brand { min-width:0; gap:7px; } .dali-brand-name { font-size:16px; } .dali-brand-mark { width:31px; height:31px; flex-basis:31px; } .dali-brand-sub { display:none; } .dali-header-actions { gap:11px; } .dali-header-action { min-height:33px; font-size:12px; } .dali-submit-action span,.dali-search-disclosure summary span { display:none; } .dali-header-action svg { width:17px; height:17px; } .dali-register-action { padding:0 10px; } .dali-account-name { max-width:58px; font-size:12px; } .dali-search-popover { position:fixed; top:66px; left:16px; right:16px; width:auto; max-width:none; } .dali-search-popover::before { display:none; } .dali-nav { margin-top:11px; } .dali-nav-list { gap:22px; } .dali-nav-list a,.dali-nav-button { min-height:41px; font-size:14px; } .dali-carousel-slide { min-height:287px; } .dali-carousel-copy { width:100%; padding:26px 24px 57px; } .dali-carousel-copy h1,.dali-carousel-copy h2 { max-width:90%; font-size:27px; } .dali-carousel-eyebrow { font-size:10px; letter-spacing:1px; } .dali-carousel-description { max-width:88%; -webkit-line-clamp:2; margin-bottom:18px; } .dali-carousel-art { right:-44%; width:100%; opacity:.3; } .dali-carousel-slide.has-image::after { background:linear-gradient(90deg,#0d2535e6,#0d2535a6); } .dali-carousel-link { min-height:34px; padding:6px 12px; font-size:12px; } .dali-carousel-controls { bottom:10px; right:12px; gap:6px; } .dali-image-nav-item { min-height:128px; } .dali-image-nav-copy { padding:17px 14px; } .dali-image-nav-copy strong { font-size:21px; } .dali-image-nav-copy small { font-size:11px; } .dali-image-nav-go { margin-top:13px; font-size:12px; } .dali-portal-heading h2 { font-size:19px; } .dali-portal-heading small { font-size:10px; } .dali-resource-controls { width:100%; justify-content:space-between; } .dali-home-sort select { min-width:110px; } .dali-portal-heading > .dali-resource-controls { gap:12px; } .dali-portal > * + * { margin-top:18px; } .dali-footer-bottom { flex-direction:column; gap:5px; } }
@media(max-width:430px) { .dali-header-inner { width:calc(100% - 24px); } }
@media(max-width:350px) { .dali-brand-name { font-size:14px; } .dali-brand-mark { width:27px; height:27px; flex-basis:27px; } .dali-header-actions { gap:9px; } .dali-register-action { padding-inline:7px; } .dali-carousel-copy { padding-inline:21px; } .dali-carousel-copy h1,.dali-carousel-copy h2 { font-size:25px; } .dali-image-nav-copy { padding-inline:11px; } .dali-image-nav-copy strong { font-size:19px; } .dali-image-nav-copy small { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .dali-image-nav-art { transition:none; } }
@media(max-width:1100px) { body.dali-platform { --dali-header-height:107px; } }
@media(max-width:782px) { body.dali-platform.admin-bar { --dali-header-offset:46px; } }
@media(max-width:760px) { .dali-image-nav-item:last-child { grid-column:1/-1; } .dali-footer-only-links { gap:8px 16px; } }
/* A compact, bold wordmark; local system fonts keep the Chinese brand dependable. */
.dali-site-header .dali-brand { min-width:140px; gap:11px; }
.dali-site-header .dali-brand-name { color:#183e31; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; font-size:27px; font-weight:900; line-height:1.15; letter-spacing:1.6px; transform:skewX(-5deg); }
.dali-site-header .dali-brand-mark { width:42px; height:42px; flex-basis:42px; border-radius:12px; background:linear-gradient(140deg,#0a9067,#08734f); box-shadow:0 3px 9px #087c571c; }
/* The tight SVG viewBox includes the stroke, so the visible mark is 61.8% wide. */
.dali-site-header .dali-brand-mark svg { width:61.8%; height:61.8%; }
.dali-site-header .dali-custom-logo { max-height:42px; width:auto; }
.dali-directory { display:block; padding-top:26px; padding-bottom:20px; }
.dali-catalog-heading { align-items:center; gap:16px; margin-bottom:22px; }
.dali-catalog-heading h1 { margin:0; color:var(--dali-ink); font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-.4px; }
.dali-directory .dali-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
@media(max-width:1000px) { .dali-directory .dali-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .dali-directory { padding-top:20px; } .dali-directory .dali-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; } .dali-catalog-heading { align-items:stretch; gap:14px; } }
@media(max-width:560px) { .dali-site-header .dali-brand { min-width:0; gap:9px; } .dali-site-header .dali-brand-name { font-size:23px; letter-spacing:1.2px; } .dali-site-header .dali-brand-mark { width:37px; height:37px; flex-basis:37px; border-radius:10px; } }
@media(max-width:350px) { .dali-site-header .dali-brand-name { font-size:21px; } .dali-site-header .dali-brand-mark { width:35px; height:35px; flex-basis:35px; } }
/* Reserve reading space beside the fixed four-action rail; keep the site header full width. */
@media(max-width:1300px) {
 body.dali-platform #main-content.dali-section { padding-right:44px; }
}