.header-tools{display:flex;gap:9px;align-items:center}.header-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid #dce2d4;background:#edf0e8;color:#29362c;padding:10px;transition:background .18s,transform .18s}.header-icon svg{width:24px;height:24px;flex-shrink:0}.header-icon:hover:not(:disabled){background:#dceca4;transform:translateY(-2px)}.header-icon.theme-toggle{border-radius:50%}.customer-placeholder:disabled{opacity:1;cursor:default}.header-cart b{position:absolute;right:-5px;top:-6px;border:2px solid #f4f5ef;background:#719747;color:white;min-width:19px;height:19px;padding:0 4px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center}.contact-panel h2{font-size:32px;margin:20px 0}.contact-panel h2 span{color:#93af55}.contact-panel .eyebrow{font-size:8px;color:#7a8c60}.contact-phone-list{display:flex;flex-direction:column;gap:10px}.contact-phone-list a{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}.contact-phone-list svg{width:20px;height:20px;color:#849b53}.contact-note{font-size:12px;line-height:1.9;white-space:pre-wrap}.contact-messengers{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.contact-messengers a{padding:11px 16px;border:1px solid #d1ddbc;border-radius:22px;background:#e9f0dc;font-size:11px}.contact-messengers a:hover{background:#d5ef75}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.contact-info section{padding:17px;background:#eaf0df;border-radius:12px;min-width:0}.contact-info h3{font-size:11px;margin:0 0 10px;color:#71854e}.contact-info p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}
html[data-theme=dark]{--paper:#171c19;--ink:#edf2e7;--muted:#a0ac96;color-scheme:dark}html[data-theme=dark] body{background:#171c19;color:#edf2e7}html[data-theme=dark] body>header,html[data-theme=dark] footer{border-color:#35412f}html[data-theme=dark] .header-icon{background:#293329;color:#dce7cf;border-color:#3c4935}html[data-theme=dark] .header-icon:hover:not(:disabled){background:#405233}html[data-theme=dark] .header-cart b{border-color:#171c19}html[data-theme=dark] .primary{color:#24301d}html[data-theme=dark] .chip{color:#cbd8be;border-color:#445139}html[data-theme=dark] .chip.active{background:#d5ef75;color:#263025}html[data-theme=dark] .category-tile,html[data-theme=dark] .category-intro-content,html[data-theme=dark] .catalog-filter-panel,html[data-theme=dark] .feature-editor,html[data-theme=dark] .badge-editor,html[data-theme=dark] .admin-search-tools,html[data-theme=dark] .notice,html[data-theme=dark] .slider-settings{background:#242e23;border-color:#3c4a32}html[data-theme=dark] .category-tile:hover{background:#2f3d28}html[data-theme=dark] .category-tile h3,html[data-theme=dark] .category-tile-bottom span:last-child,html[data-theme=dark] .category-intro h1{color:#e5eddb}html[data-theme=dark] .category-tile p,html[data-theme=dark] .category-intro p{color:#a6b496}html[data-theme=dark] .category-tile-top b{background:#37452e;color:#d5ef75}html[data-theme=dark] .ribbon-product,html[data-theme=dark] .admin-product-card,html[data-theme=dark] .banner-admin-card,html[data-theme=dark] .stat,html[data-theme=dark] .trash-card,html[data-theme=dark] .table-wrap{background:#222b21;border-color:#3c4933}html[data-theme=dark] .stat b{color:#edf2e7}html[data-theme=dark] .product-art,html[data-theme=dark] .detail-art,html[data-theme=dark] .cart-item-photo{background:#303b2c!important;border-color:#47563b}html[data-theme=dark] #products .product:hover{background:#222b21}html[data-theme=dark] .add{background:#d5ef75;color:#263025}html[data-theme=dark] dialog:not(.photo-viewer){background:#20291f;color:#edf2e7}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .era-select-trigger,html[data-theme=dark] .sort-trigger{background:#2b3628;color:#e1ebd5;border-color:#46563a}html[data-theme=dark] .era-select-menu,html[data-theme=dark] .sort-menu{background:#273222;border-color:#4b5d3a}html[data-theme=dark] .era-select-menu button,html[data-theme=dark] .sort-menu button{color:#d3dfc5}html[data-theme=dark] .era-select-menu button:hover,html[data-theme=dark] .era-select-menu button:focus-visible,html[data-theme=dark] .sort-menu button:hover{background:#41572f;color:#f0f6e9}html[data-theme=dark] .era-select-menu button[aria-selected=true],html[data-theme=dark] .sort-menu button[aria-selected=true]{background:#36482a;color:#d5ef75}html[data-theme=dark] .era-color-control,html[data-theme=dark] .badge-sample,html[data-theme=dark] .contact-info section,html[data-theme=dark] .brand-info-grid details,html[data-theme=dark] .brand-intro{background:#2a3625;border-color:#415335}html[data-theme=dark] .era-color-details input{background:transparent;color:#d5ef75}html[data-theme=dark] .contact-messengers a{background:#34452a;border-color:#50643b;color:#d5ef75}html[data-theme=dark] .contact-info h3{color:#afc68b}html[data-theme=dark] .cart-row,html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .admin-product-info dl,html[data-theme=dark] .admin-product-info dl>div{border-color:#3b4932}html[data-theme=dark] #newOrderCount{border-color:#171c19}html[data-theme=dark] .hero-lime .primary{color:#e1f4ae}
@media(max-width:650px){body>header{gap:10px;flex-wrap:wrap}.header-tools{gap:5px}.header-icon{width:35px;height:35px;padding:7px;border-radius:10px}.header-icon svg{width:21px;height:21px}body>header nav{gap:12px}body>header nav a{font-size:10px}.contact-info{grid-template-columns:1fr}.contact-phone-list a{font-size:20px}}@media(max-width:420px){body>header nav{order:3;width:100%;justify-content:center;padding-top:7px}body>header nav a:nth-child(2){display:inline}.header-tools{margin-left:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-search{position:relative;display:flex;align-items:center;flex:0 1 320px;min-width:160px;border:1px solid #d6dfca;border-radius:25px;background:#f7f9f1;margin-right:20px}.header-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px 5px 12px 17px;border-radius:25px;color:#35452a;font-size:12px;outline-offset:3px}.header-search>button{border:0;background:transparent;color:#6e894b;width:42px;height:40px;flex-shrink:0;padding:10px;display:flex}.header-search svg{width:21px;height:21px}.header-search-results{position:absolute;left:0;top:calc(100% + 10px);width:max(100%,360px);max-width:calc(100vw - 30px);background:#f6f8ef;border:1px solid #d7e1c7;border-radius:15px;padding:7px;z-index:50;box-shadow:0 12px 30px #23301b26;max-height:450px;overflow:auto}.header-search-results[hidden]{display:none}.header-search-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#34442c;border-radius:10px;padding:9px;text-align:left}.header-search-item:hover,.header-search-item:focus-visible{background:#e3edcf}.header-search-item>span:nth-child(2){flex:1;min-width:0}.header-search-item strong{font-size:12px;display:block;overflow-wrap:anywhere}.header-search-item small{display:block;font-size:9px;color:#899575;margin-top:5px}.header-search-item>b{font-size:11px;white-space:nowrap}.search-thumb{width:45px;height:45px;background:#e7eddd;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-thumb img{width:100%;height:100%;object-fit:contain}.search-thumb .bank{transform:rotate(-12deg) scale(.18);flex-shrink:0}.search-result-note{padding:12px;font-size:10px;color:#7c8b68}.full-search-results{max-height:65vh;overflow:auto}body>header{gap:20px}body>header>nav{margin-left:auto;margin-right:auto}
@media(max-width:1100px){body>header{flex-wrap:wrap}.header-search{flex:1 1 260px;margin-right:0}body>header>.logo{order:-1}body>header>nav{order:3;width:100%;justify-content:center}}@media(max-width:650px){body>header{gap:12px}.header-search{order:-2!important;flex:1 1 100%;width:100%;margin:0}.header-search-results{width:100%}body>header>.logo{order:0}body>header>nav{order:3}.header-tools{margin-left:auto}}
/* Graphite night palette: orange actions, green availability, red alerts. */
html[data-theme=dark]{--paper:#17191d;--ink:#eef0f4;--muted:#a1a6af;--lime:#ff963f}html[data-theme=dark] body{background:#17191d;color:#eef0f4}html[data-theme=dark] body>header,html[data-theme=dark] footer{border-color:#363941}html[data-theme=dark] .header-category-nav{background:#1d2025;border-color:#353941}html[data-theme=dark] .header-icon,html[data-theme=dark] .header-category-mini{background:#292d34;border-color:#41464f;color:#eceef2}html[data-theme=dark] .header-icon:hover:not(:disabled),html[data-theme=dark] .header-category-mini:hover,html[data-theme=dark] .header-category-mini.selected{background:#493224;border-color:#ed9149;color:#ffae6b}html[data-theme=dark] .header-category-icon{background:#353a43}html[data-theme=dark] .header-cart b{background:#42bb7c;border-color:#17191d;color:#10271b}html[data-theme=dark] .primary,html[data-theme=dark] .add{background:#ff963f;color:#28190f}html[data-theme=dark] .primary:hover,html[data-theme=dark] .add:hover{background:#ffb16e!important;color:#28190f!important}html[data-theme=dark] .logo span,html[data-theme=dark] .eyebrow,html[data-theme=dark] .ribbon-heading h2>span,html[data-theme=dark] .contact-panel h2 span{color:#ff9b4b}html[data-theme=dark] .eyebrow:before{background:#ff963f}html[data-theme=dark] .category-tile,html[data-theme=dark] .category-intro-content,html[data-theme=dark] .catalog-filter-panel,html[data-theme=dark] .feature-editor,html[data-theme=dark] .badge-editor,html[data-theme=dark] .admin-search-tools,html[data-theme=dark] .notice,html[data-theme=dark] .slider-settings,html[data-theme=dark] .ribbon-product,html[data-theme=dark] .admin-product-card,html[data-theme=dark] .banner-admin-card,html[data-theme=dark] .stat,html[data-theme=dark] .trash-card,html[data-theme=dark] .table-wrap{background:#24282e;border-color:#3d424c}html[data-theme=dark] .category-tile:hover,html[data-theme=dark] #products .product:hover{background:#2d3139}html[data-theme=dark] .category-tile p,html[data-theme=dark] .category-intro p,html[data-theme=dark] .category-tag,html[data-theme=dark] .category-tile-bottom,html[data-theme=dark] .ribbon-category{color:#a4aab3}html[data-theme=dark] .category-tile-top b{background:#383e47;color:#ff9b4b}html[data-theme=dark] .product-art,html[data-theme=dark] .detail-art,html[data-theme=dark] .cart-item-photo{background:#30353e!important;border-color:#454b57}html[data-theme=dark] dialog:not(.photo-viewer){background:#22262c;color:#eef0f4}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .era-select-trigger,html[data-theme=dark] .sort-trigger,html[data-theme=dark] .header-search{background:#2c3139;border-color:#484e59;color:#edf0f5}html[data-theme=dark] .header-search input{color:#edf0f5}html[data-theme=dark] .header-search>button{color:#ff9b4b}html[data-theme=dark] .era-select-menu,html[data-theme=dark] .sort-menu,html[data-theme=dark] .header-search-results{background:#292e35;border-color:#4b525e}html[data-theme=dark] .era-select-menu button,html[data-theme=dark] .sort-menu button,html[data-theme=dark] .header-search-item{color:#e0e4eb}html[data-theme=dark] .era-select-menu button:hover,html[data-theme=dark] .era-select-menu button:focus-visible,html[data-theme=dark] .sort-menu button:hover,html[data-theme=dark] .header-search-item:hover{background:#4c3528;color:#ffc18e}html[data-theme=dark] .era-select-menu button[aria-selected=true],html[data-theme=dark] .sort-menu button[aria-selected=true],html[data-theme=dark] .chip.active{background:#583b27;color:#ffae6b}html[data-theme=dark] .era-select-trigger:hover,html[data-theme=dark] .sort-trigger:hover{background:#37343a;border-color:#dc8846}html[data-theme=dark] .in-stock{background:#203e33;color:#64e49d}html[data-theme=dark] .out-stock{background:#482b2e;color:#ff8585}html[data-theme=dark] .preorder{background:#493a27;color:#ffc075}html[data-theme=dark] .delete-button{background:#442a2d;border-color:#754147;color:#ff9696}html[data-theme=dark] .delete-button:hover{background:#613137}html[data-theme=dark] .discount-line b{background:#54302b;color:#ff9a7d}html[data-theme=dark] .top-flag{background:#4c3825;color:#ffb36e}html[data-theme=dark] .era-color-control,html[data-theme=dark] .badge-sample,html[data-theme=dark] .contact-info section,html[data-theme=dark] .brand-info-grid details,html[data-theme=dark] .brand-intro{background:#2d323a;border-color:#454c58}html[data-theme=dark] .contact-messengers a{background:#3b3029;color:#ffb375;border-color:#745033}html[data-theme=dark] .contact-info h3,html[data-theme=dark] .era-color-details input{color:#ffad67}html[data-theme=dark] .hero-dark{background:#23272d}html[data-theme=dark] .hero-dark .hero-slide-art{background:radial-gradient(ellipse,#bc69282b,transparent 70%)}html[data-theme=dark] .hero-lime,html[data-theme=dark] .promo-lime{background:#403229;color:#fff0e3}html[data-theme=dark] .hero-lime p{color:#d2b9a4}html[data-theme=dark] .hero-lime .primary{background:#ff963f;color:#28190f}html[data-theme=dark] .promo-dark{background:#252a31}html[data-theme=dark] .promo-dark .promo-label{color:#ff9b4b}html[data-theme=dark] .promo-art{background:radial-gradient(ellipse,#d4843420,transparent 70%)}html[data-theme=dark] .tech-divider b,html[data-theme=dark] .ribbon-controls button{background:#343039;border-color:#735139;color:#ff9e51}html[data-theme=dark] .tech-divider>span{background:linear-gradient(90deg,#383d45,#ae6a36)}html[data-theme=dark] .cart-row,html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .admin-product-info dl,html[data-theme=dark] .admin-product-info dl>div{border-color:#414650}html[data-theme=dark] .search-thumb{background:#3b414b}
.header-search{order:-2}html[data-theme=dark] .testbar{background:#111318;color:#9da4af}html[data-theme=dark] .hero-lime,html[data-theme=dark] .promo-lime{background:#2b2f36;color:#f4eee8}html[data-theme=dark] .hero-lime p{color:#b8bdc7}html[data-theme=dark] .hero-lime .eyebrow:before{background:#ff963f}
/* Light theme: warm white, graphite, orange actions, green stock, red alerts. */
html[data-theme=light]{--paper:#f6f6f3;--ink:#25282e;--muted:#777e87;--lime:#ff9238;color-scheme:light}
html[data-theme=light] body{background:#f6f6f3;color:#25282e}html[data-theme=light] .primary{background:#ff9238;color:#2c2119}html[data-theme=light] .primary:hover{background:#ffa85c}html[data-theme=light] .logo span{color:#f47c23}html[data-theme=light] .header-icon{background:#eceef0;color:#30343c;border-color:#dce0e4}html[data-theme=light] .header-icon:hover:not(:disabled){background:#ffe1c7;color:#aa4b14}html[data-theme=light] .header-cart b{background:#24b777;color:#fff;border-color:#f6f6f3}html[data-theme=light] .header-search{background:#fff;border-color:#d6dade}html[data-theme=light] .header-search input{color:#30343c}html[data-theme=light] .header-search>button{color:#ef7b25}html[data-theme=light] .header-search-results{background:#fff;border-color:#dadee4}html[data-theme=light] .header-search-item{color:#30343c}html[data-theme=light] .header-search-item:hover,html[data-theme=light] .header-search-item:focus-visible{background:#ffead8}html[data-theme=light] .search-thumb{background:#e9ecef}html[data-theme=light] .header-category-nav{background:#eeeff1;border-color:#dadde1}html[data-theme=light] .header-category-mini{background:#fafbfc;border-color:#dce0e4;color:#363a42}html[data-theme=light] .header-category-mini:hover,html[data-theme=light] .header-category-mini.selected{background:#ffe7d3;border-color:#f5ad79;color:#974717}html[data-theme=light] .header-category-icon{background:#e6e9ec}html[data-theme=light] .header-category-arrow{color:#e4782b}html[data-theme=light] .hero-dark,html[data-theme=light] .promo-dark{background:#252930}html[data-theme=light] .hero-lime,html[data-theme=light] .promo-lime{background:#ffe0c4;color:#30343b}html[data-theme=light] .hero-lime p{color:#796a5e}html[data-theme=light] .hero-lime .primary{background:#2b2f36;color:#ffac6a}html[data-theme=light] .hero-slide-art{background:radial-gradient(ellipse,#ee9a4a20,transparent 70%)}html[data-theme=light] .promo-dark .promo-label{color:#ffae70}html[data-theme=light] .eyebrow:before{background:#f48a35}html[data-theme=light] .eyebrow,html[data-theme=light] .category-tag,html[data-theme=light] .ribbon-category{color:#9b6239}html[data-theme=light] .category-tile{background:#eceef0;border-color:#dadee3}html[data-theme=light] .category-tile:nth-child(2){background:#f6e9de}html[data-theme=light] .category-tile:nth-child(3){background:#e6f1ec}html[data-theme=light] .category-tile:nth-child(4){background:#f3e6e7}html[data-theme=light] .category-tile:hover{background:#ffead9;border-color:#e5a578}html[data-theme=light] .category-tile-top b{color:#ea7c2b;background:#fff}html[data-theme=light] .category-tile h3,html[data-theme=light] .category-tile-bottom span:last-child{color:#2e333b}html[data-theme=light] .category-tile p,html[data-theme=light] .category-tile-top,html[data-theme=light] .category-tile-bottom{color:#777f88}html[data-theme=light] .category-tile-bottom{border-color:#cfd5dc}html[data-theme=light] .category-intro-content{background:#eceef0;border-color:#d8dde2}html[data-theme=light] .category-intro p{color:#77808b}html[data-theme=light] .chip{border-color:#d6dbe1;color:#4c535d}html[data-theme=light] .chip:hover{background:#ffead9;border-color:#efb183}html[data-theme=light] .chip.active{background:#2c3037;color:#fff;border-color:#2c3037}html[data-theme=light] .catalog-filter-panel,html[data-theme=light] .feature-editor,html[data-theme=light] .badge-editor,html[data-theme=light] .admin-search-tools,html[data-theme=light] .notice,html[data-theme=light] .slider-settings{background:#eceef0;border-color:#d8dde2}html[data-theme=light] .field input,html[data-theme=light] .field textarea,html[data-theme=light] .era-select-trigger,html[data-theme=light] .sort-trigger{background:#fff;color:#343a43;border-color:#cfd5dc}html[data-theme=light] .era-select-trigger:hover,html[data-theme=light] .era-select-trigger[aria-expanded=true],html[data-theme=light] .sort-trigger:hover,html[data-theme=light] .sort-trigger[aria-expanded=true]{background:#fff0e3;border-color:#eea46d;box-shadow:0 0 0 3px #ff963f1c}html[data-theme=light] .era-select-menu,html[data-theme=light] .sort-menu{background:#fff;border-color:#dedfe3;box-shadow:0 12px 32px #25282e20}html[data-theme=light] .era-select-menu button,html[data-theme=light] .sort-menu button{color:#3c424c}html[data-theme=light] .era-select-menu button:hover,html[data-theme=light] .era-select-menu button:focus-visible,html[data-theme=light] .sort-menu button:hover,html[data-theme=light] .sort-menu button:focus-visible{background:#ffe4cd;color:#963e10}html[data-theme=light] .era-select-menu button[aria-selected=true],html[data-theme=light] .sort-menu button[aria-selected=true]{background:#fff0e3;color:#aa4f16}html[data-theme=light] .era-select-check,html[data-theme=light] .sort-check{color:#ec7a24}html[data-theme=light] .in-stock{background:#dbf3e6;color:#168354}html[data-theme=light] .out-stock{background:#ffe0df;color:#c44d47}html[data-theme=light] .preorder{background:#ffe8cb;color:#a15c1b}html[data-theme=light] .add{background:#2b2f36;color:#ff9f56}html[data-theme=light] .add:not(:disabled):hover{background:#ff9238!important;color:#25282e!important;box-shadow:0 4px 14px #f1873840!important}html[data-theme=light] .top-flag,html[data-theme=light] .badge-lime{background:#ffe0c2;color:#9c4c17}html[data-theme=light] .badge-dark{background:#2b2f36;color:#ffae6c}html[data-theme=light] .badge-orange,html[data-theme=light] .discount-line b{background:#ffdcd9;color:#c34b40}html[data-theme=light] .delete-button{background:#fff0ee;border-color:#ecc2bf;color:#bb4d43}html[data-theme=light] .delete-button:hover{background:#ffdcd7}html[data-theme=light] .product-art,html[data-theme=light] .detail-art,html[data-theme=light] .cart-item-photo{background:#e9ecef!important;border-color:#d6dce2}html[data-theme=light] .ribbon-product{background:#f0f1f3;border-color:#dce0e5}html[data-theme=light] .ribbon-heading h2>span{color:#ee852f}html[data-theme=light] .ribbon-heading p{color:#818994}html[data-theme=light] .tech-divider b,html[data-theme=light] .ribbon-controls button{background:#ffe7d3;border-color:#edbf9a;color:#bd621f}html[data-theme=light] .tech-divider>span{background:linear-gradient(90deg,#dbdfe4,#e8a873)}html[data-theme=light] .ribbon-controls button:hover{background:#ffb57c}html[data-theme=light] .brand-intro,html[data-theme=light] .brand-info-grid details,html[data-theme=light] .contact-info section{background:#eceef0;border-color:#d8dee4}html[data-theme=light] .brand-photo-placeholder{background:#292d34;color:#ffa25c}html[data-theme=light] .brand-photo-placeholder small{color:#b2b8c2}html[data-theme=light] .brand-info-grid p,html[data-theme=light] .contact-info h3{color:#7b838e}html[data-theme=light] .contact-messengers a{background:#fff0e4;border-color:#f0c3a0;color:#a44f16}html[data-theme=light] .contact-messengers a:hover{background:#ffddbf}html[data-theme=light] .contact-phone-list svg{color:#f28a38}html[data-theme=light] .contact-panel h2 span{color:#f48b37}html[data-theme=light] .era-color-control,html[data-theme=light] .badge-sample{background:#e8ebef;border-color:#d2d9e1}html[data-theme=light] .era-color-details input{background:transparent;color:#424b58}html[data-theme=light] .new-order-count{background:#ff9238;color:#3a2314}html[data-theme=light] .gallery-thumbnails button{background:#eceef1;border-color:#d2d8e0}html[data-theme=light] .gallery-thumbnails button[aria-pressed=true]{background:#ffe5d0;border-color:#ee914b}
/* Explicit toast colors stay readable independently of theme variables. */
#toast{background:#292d34;color:#ffffff;border:1px solid #474e59;box-shadow:0 8px 26px #10121640;font-weight:600;line-height:1.5;text-align:center;z-index:2000}
html[data-theme=light] #toast{background:#292d34;color:#ffffff;border-color:#474e59}
html[data-theme=dark] #toast{background:#303640;color:#ffffff;border-color:#f49345;box-shadow:0 8px 28px #0008}
/* Main links sit after the tool icons, centered in the remaining header space. */
body>header>.header-tools{order:2;margin-left:0;flex-shrink:0}
body>header>nav{order:3;display:flex;flex:1 1 240px;justify-content:center;align-items:center;margin:0;gap:clamp(18px,2vw,35px)}
body>header>.header-search{flex:0 1 280px;margin-right:0}
@media(min-width:1101px){body>header{justify-content:flex-start}body>header>.logo{margin-right:clamp(8px,2vw,30px)}body>header>nav{width:auto}}
@media(max-width:1100px){body>header>nav{flex:1 1 100%;width:100%;justify-content:center}body>header>.header-search{flex:1 1 230px}}
@media(max-width:650px){body>header>.header-search{flex:1 1 100%}body>header>.header-tools{margin-left:auto}body>header>nav{flex:1 1 100%}}
/* Header: logo first, larger search centered, actions and navigation on the right. */
body>header{display:grid;grid-template-columns:minmax(90px,1fr) minmax(260px,520px) minmax(90px,1fr);gap:18px 26px;align-items:center}
body>header>.logo{grid-column:1;grid-row:1;order:0;justify-self:start;margin:0}
body>header>.header-search{grid-column:2;grid-row:1;order:0;width:100%;max-width:520px;margin:0;justify-self:center;min-width:0}
body>header>.header-search input{font-size:14px;padding:15px 8px 15px 20px}
body>header>.header-search>button{width:48px;height:48px;padding:12px}
body>header>.header-tools{grid-column:3;grid-row:1;order:0;justify-self:end;margin:0}
body>header>nav{grid-column:3;grid-row:2;order:0;width:auto;justify-content:center;gap:20px;min-width:0;font-size:11px;white-space:nowrap}
@media(min-width:1550px){body>header{grid-template-columns:minmax(100px,1fr) minmax(320px,560px) minmax(100px,1fr) minmax(220px,1fr)}body>header>.header-search{max-width:560px}body>header>.header-tools{grid-column:3;justify-self:end}body>header>nav{grid-column:4;grid-row:1;justify-self:stretch}}
@media(max-width:850px){body>header{grid-template-columns:1fr auto;gap:16px}.header-search{order:0!important}body>header>.logo{grid-column:1;grid-row:1}body>header>.header-tools{grid-column:2;grid-row:1}body>header>.header-search{grid-column:1/-1;grid-row:2;max-width:600px}body>header>nav{grid-column:1/-1;grid-row:3;justify-self:center;gap:28px}body>header>.header-search input{padding:13px 8px 13px 18px;font-size:13px}}
/* Explicit non-overlapping header tracks; compact screens use extra rows. */
@media(min-width:1101px){body>header{display:grid;grid-template-columns:110px minmax(0,1fr) 195px 230px;column-gap:24px;row-gap:0;justify-content:normal}body>header>.logo{grid-column:1;grid-row:1;margin:0}body>header>.header-search{grid-column:2;grid-row:1;width:100%;max-width:560px;min-width:0;justify-self:center;box-sizing:border-box}body>header>.header-tools{grid-column:3;grid-row:1;width:195px;justify-content:flex-end;justify-self:end;gap:9px;margin:0}body>header>nav{grid-column:4;grid-row:1;width:230px;justify-content:center;justify-self:end;gap:20px;margin:0;font-size:11px}}
@media(min-width:851px) and (max-width:1100px){body>header{display:grid;grid-template-columns:100px minmax(0,1fr) 195px;gap:18px 24px}body>header>.logo{grid-column:1;grid-row:1}body>header>.header-search{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0}body>header>.header-tools{grid-column:3;grid-row:1;width:195px;gap:9px;justify-content:flex-end;margin:0}body>header>nav{grid-column:1/-1;grid-row:2;width:auto;justify-self:center;gap:30px}}
@media(max-width:850px){body>header{grid-template-columns:minmax(0,1fr) auto;gap:16px}body>header>.header-tools{width:auto;max-width:100%;gap:5px}body>header>.header-search{width:100%;min-width:0;max-width:600px;box-sizing:border-box}body>header>nav{width:auto;max-width:100%;flex-wrap:wrap;white-space:normal}}
/* Compact navigation pills fit inside the reserved header track. */
body>header>nav{gap:6px}
body>header>nav>a{display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:34px;padding:8px 10px;border:1px solid #dce0e5;border-radius:11px;background:#eceef1;color:#515862;font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
body>header>nav>a:hover,body>header>nav>a:focus-visible{background:#ffe3cc;border-color:#f0a36a;color:#a04b16;box-shadow:0 4px 10px #e7863020;transform:translateY(-2px)}
body>header>nav>a:active{transform:translateY(0) scale(.97)}
body:has(#catalog) >header>nav>a[href="/#catalog"]{border-color:#efb383;box-shadow:inset 0 -2px 0 #f09145}
body:has(#adminTable)>header>nav>a[href="/admin"]{background:#ffe5cf;border-color:#f0ae79;color:#9b4c19}
html[data-theme=dark] body>header>nav>a{background:#2a2f37;border-color:#414955;color:#d4dae4}
html[data-theme=dark] body>header>nav>a:hover,html[data-theme=dark] body>header>nav>a:focus-visible{background:#493327;border-color:#c47d48;color:#ffb47c;box-shadow:0 4px 12px #0003}
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href="/admin"]{background:#493327;border-color:#c47d48;color:#ffb47c}
@media(max-width:1100px){body>header>nav{gap:10px}body>header>nav>a{padding:9px 17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body>header>nav>a{transition:none}body>header>nav>a:hover{transform:none}}
/* Quiet header navigation: accents appear only during interaction. */
body>header>nav>a,
html[data-theme=light] body>header>nav>a,
html[data-theme=dark] body>header>nav>a,
body:has(#catalog)>header>nav>a[href="/#catalog"],
body:has(#adminTable)>header>nav>a[href="/admin"],
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href="/admin"]{background:transparent;border-color:transparent;box-shadow:none;color:inherit;border-radius:9px;font-weight:600;transform:none}
body>header>nav>a:hover,
body>header>nav>a:focus-visible,
body:has(#catalog)>header>nav>a[href="/#catalog"]:hover,
body:has(#adminTable)>header>nav>a[href="/admin"]:hover{background:#ff923812;border-color:transparent;box-shadow:none;color:#d66d20;transform:none}
html[data-theme=dark] body>header>nav>a:hover,
html[data-theme=dark] body>header>nav>a:focus-visible,
html[data-theme=dark] body:has(#catalog)>header>nav>a[href="/#catalog"]:hover,
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href="/admin"]:hover{background:#ff963f12;border-color:transparent;box-shadow:none;color:#ffad6a;transform:none}
/* Shared navigation states, independent of the current page. */
html body>header>nav>a,
html body:has(#catalog)>header>nav>a[href],
html body:has(#adminTable)>header>nav>a[href]{background:#292d3404;border:1px solid #292d341c;color:#535b66;box-shadow:none;border-radius:10px;transform:none;transition:background .18s,border-color .18s,color .18s}
html[data-theme=dark] body>header>nav>a,
html[data-theme=dark] body:has(#catalog)>header>nav>a[href],
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href]{background:#ffffff03;border-color:#ffffff1c;color:#c9d0db;box-shadow:none}
html body>header>nav>a:hover,
html body>header>nav>a:focus-visible,
html body:has(#catalog)>header>nav>a[href]:hover,
html body:has(#catalog)>header>nav>a[href]:focus-visible,
html body:has(#adminTable)>header>nav>a[href]:hover,
html body:has(#adminTable)>header>nav>a[href]:focus-visible{background:#ff923818;border-color:#e68d4b75;color:#bd5e1c;box-shadow:none;transform:none}
html[data-theme=dark] body>header>nav>a:hover,
html[data-theme=dark] body>header>nav>a:focus-visible,
html[data-theme=dark] body:has(#catalog)>header>nav>a[href]:hover,
html[data-theme=dark] body:has(#catalog)>header>nav>a[href]:focus-visible,
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href]:hover,
html[data-theme=dark] body:has(#adminTable)>header>nav>a[href]:focus-visible{background:#ff963f1b;border-color:#e7945266;color:#ffb174;box-shadow:none;transform:none}
/* Search focus belongs to the whole field, without the native black ring. */
html .header-search input:focus,html .header-search input:focus-visible{outline:none;box-shadow:none;caret-color:#f06c18}
html .header-search:focus-within{border-color:#f29957;box-shadow:0 0 0 3px #ff963f16;transition:border-color .18s,box-shadow .18s}
html[data-theme=dark] .header-search:focus-within{border-color:#ff9a49;box-shadow:0 0 0 3px #ff963f19}
html[data-theme=dark] .header-search input:focus{caret-color:#ffad64}

/* Keep header controls above promotional click targets. */
body>header{position:relative;z-index:20;isolation:isolate}
.hero-slide,.promo-banner,.editable-category-banner{isolation:isolate}