.site-header{position:sticky;top:0;z-index:30;height:auto;min-height:84px;padding:14px 3%;align-items:center;flex-wrap:wrap;gap:18px;background:var(--paper,#f5f3eb)}
.site-header .desktop-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.site-header .desktop-nav a,.contact-topics summary{font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer}
.header-contacts{display:flex;gap:12px;flex-direction:column;font-size:12px}.header-contacts a{color:inherit;text-decoration:none}.contact-topics{position:relative}.contact-topics>div{position:absolute;right:0;top:28px;width:min(330px,85vw);padding:16px;background:#f6f4ec;box-shadow:0 8px 30px #0002;display:grid;gap:12px}.contact-topics button{text-align:left;padding:12px;background:transparent;color:#252820;font:inherit}
.brand-intro{animation:store-intro 1s forwards!important;pointer-events:none}@keyframes store-intro{0%,30%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.storefront{padding:26px 3% 90px!important;min-height:calc(100vh - 140px)}.storefront-heading{justify-content:flex-end;margin-bottom:8px}.storefront .price-tabs{margin:0;display:flex;flex-wrap:wrap}.store-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 0;font-size:12px}.store-pager button{border:1px solid #a9aa9e;background:transparent;padding:6px 12px}.storefront .price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.storefront .price-card h2{font-size:18px}.storefront .price-gallery{aspect-ratio:1}.storefront .quantity-control,.storefront .card-total{display:none}.storefront .add-button:disabled{opacity:.6;cursor:default}
body>main>footer{position:static;min-height:0;height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 3%;background:#eeece3;border-top:1px solid #d8d6cd;font-size:12px}body>main>footer p{margin:0}.direction-section{padding:50px 6% 100px!important;min-height:calc(100vh - 150px)}[hidden]{display:none!important}
@media(max-width:1000px){.site-header .desktop-nav{gap:12px}.storefront .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-contacts{flex-direction:row}.site-header .system-link{margin-left:auto}}
@media(max-width:600px){.site-header{padding:10px 4%;gap:10px}.site-header .desktop-nav{order:3;width:100%;gap:12px}.site-header .desktop-nav a,.contact-topics summary{font-size:12px}.header-contacts{font-size:10px;flex-wrap:wrap}.storefront .price-grid{gap:10px}.storefront .price-card-body{padding:12px}.storefront .price-card h2{font-size:15px}body>main>footer{font-size:10px;padding:8px 4%;flex-wrap:wrap;gap:4px}.storefront .price-tabs button{font-size:11px;padding:8px}.contact-topics>div{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}}

/* Explicit header areas keep the fourth child (CRM) out of implicit grid rows. */
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"brand contacts account" "navigation navigation navigation";height:auto!important;min-height:0;padding:16px clamp(18px,3vw,48px) 12px;gap:14px 24px;align-items:center}
.site-header>.wordmark{grid-area:brand;transform:none;min-width:0}
.site-header>.header-contacts{grid-area:contacts;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;font-size:13px;flex-wrap:nowrap;min-width:0}
.site-header>.header-contacts a{white-space:nowrap}
.site-header>.system-link{grid-area:account;justify-self:end;display:grid;max-width:210px;margin:0;padding:10px 14px;border:1px solid #b4b99f;border-radius:6px;background:#eef0e4;text-align:center;line-height:1.35}
.site-header>.system-link span{display:block;margin:0;color:inherit;white-space:nowrap}
.site-header>.system-link small{overflow-wrap:anywhere;text-align:center}
.site-header>.desktop-nav{grid-area:navigation;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:clamp(18px,3vw,40px);width:auto;min-width:0;margin:0;padding:12px 0 0;border-top:1px solid #dfe1d7;overflow:visible;white-space:normal}
.site-header .desktop-nav a,.site-header .contact-topics summary{font-size:13px;line-height:1.45;letter-spacing:.025em;white-space:nowrap}
.site-header .contact-topics>div{top:calc(100% + 10px);left:auto;right:0;max-width:calc(100vw - 36px);box-sizing:border-box}
@media(max-width:760px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "contacts contacts" "navigation navigation";grid-template-rows:auto auto auto;padding:12px 16px;gap:12px}
 .site-header>.header-contacts{justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}
 .site-header>.desktop-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:start}
 .site-header .desktop-nav a,.site-header .contact-topics summary{white-space:normal;font-size:12px;line-height:1.5}
 .site-header>.system-link{max-width:150px;padding:8px 10px;font-size:10px}
 .site-header>.wordmark{gap:8px}.site-header .wordmark b{font-size:11px}.site-header .wordmark small{font-size:7px}
}