/* Canonical shared layout. Keep reserved page space independent of compact state. */
:root{--header-full:152px;--header-small:88px}body{padding-top:var(--header-full)}html{scroll-padding-top:calc(var(--header-small) + 20px)}
.shared-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-full)}.shared-header .header-main{height:96px;padding:12px 0;gap:22px}.shared-header .brand{width:240px}.shared-header .header-address{display:flex;align-items:center;gap:10px;max-width:310px;font-size:14px;flex-shrink:0}.header-address svg{flex-shrink:0;color:#f90}.shared-header .header-phone{font-size:19px}.shared-header .header-email{font-size:14px}.header-account{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#2484d5;flex-shrink:0}.compact-cta{display:none;white-space:nowrap}.shared-header .mobile-nav{display:block;position:relative;margin-left:0}.mobile-nav>summary{display:grid;gap:5px;cursor:pointer;padding:13px;border:1px solid #555;border-radius:9px;list-style:none}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary span{display:block;width:23px;height:2px;background:white}.mobile-nav[open]>summary span:nth-child(2){opacity:0}.mobile-nav[open]>summary span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav[open]>summary span:last-child{transform:translateY(-7px) rotate(-45deg)}
.shared-header .desktop-nav{display:block;padding:0;height:56px}.nav-root,.nav-group ul,.shared-footer ul{list-style:none;margin:0;padding:0}.desktop-nav>.nav-root{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}.nav-root>li{position:relative}.nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-group>summary::-webkit-details-marker{display:none}/* Draw a complete arrow, independent of the current font. */
.nav-group>summary:after{content:'';display:block;width:18px;height:18px;flex:0 0 18px;background:#f90;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16m-6-6 6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s ease}.nav-group[open]>summary:after{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.nav-group>summary:after{transition:none}}.desktop-nav .nav-root>li>details>ul{position:absolute;top:100%;left:0;min-width:310px;width:340px;max-height:calc(100dvh - var(--header-full) - 20px);overflow-y:auto;padding:12px;background:#1a1b1d;border:1px solid #454545;border-radius:10px;box-shadow:0 10px 30px #0005}.desktop-nav .nav-root>li:nth-last-child(-n+3)>details>ul{left:auto;right:0}.nav-group ul a,.nav-group ul summary{display:flex;padding:10px 12px;font-size:15px;line-height:1.35;border-radius:5px}.nav-group ul ul{padding-left:14px;border-left:1px solid #555;margin-left:12px}.nav-group a:hover,.nav-group summary:hover{background:#333;color:#ffb13b}.desktop-nav>.nav-root>li:last-child>a{display:block;padding:10px 22px;border-radius:25px;background:#f90;color:#171717;font-weight:700}.desktop-nav>.nav-root>li>details>summary{padding:12px 0}.shared-header .menu-panel{position:absolute;right:0;top:58px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;display:block;min-width:0;padding:18px;background:#1a1b1d;border:1px solid #555;border-radius:12px;box-shadow:0 10px 40px #0006}.menu-panel>.nav-root>li{border-bottom:1px solid #414141}.menu-panel .nav-root>li>a,.menu-panel .nav-root>li>details>summary{display:flex;padding:13px 10px;font-size:17px}.menu-panel ul a,.menu-panel ul summary{white-space:normal}.menu-account{display:block!important;padding:14px 10px!important;color:#88c9ff}.shared-header a:focus-visible,.shared-header summary:focus-visible,.shared-contact a:focus-visible,.map-load:focus-visible{outline:3px solid #f90;outline-offset:3px}
.header-compact .shared-header{height:var(--header-small)}.header-compact .shared-header .header-main{height:var(--header-small)}.header-compact .shared-header .desktop-nav,.header-compact .shared-header .header-address{display:none}.header-compact .shared-header .brand{width:220px}.header-compact .shared-header .header-contact{margin-left:auto;text-align:left}.header-compact .compact-cta{display:inline-flex}.header-compact .header-contact span{display:block}
.shared-contact{content-visibility:visible;contain:none;transform:none;overflow:visible}.shared-contact .contact-top{grid-template-columns:1fr 1.15fr .9fr;gap:30px}.shared-contact .contact-details{display:flex;grid-column:auto;font-size:16px}.shared-contact .contact-phone{font-size:22px}.warehouse-map{min-width:0}.map-viewport{position:relative;height:290px;border-radius:14px;overflow:hidden;background:#252a2c}.map-viewport>img,.map-viewport>iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.map-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;cursor:pointer;border:0}.map-load:hover{transform:translate(-50%,-50%)}.map-viewport.is-ready>img,.map-viewport.is-ready>.map-load{display:none}.map-viewport>iframe{position:absolute;inset:0}.shared-contact .map-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin-top:10px}.map-links a{text-decoration:underline;text-underline-offset:3px}.shared-footer{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;align-items:start;gap:28px;padding:32px 0 12px;margin-top:44px}.shared-footer nav{display:block;text-align:left;color:#c4c7ca;font-size:14px}.shared-footer nav h3{font-size:20px;color:white;margin-bottom:16px}.shared-footer li{margin:10px 0;line-height:1.4}.shared-footer nav a:last-child{text-align:left;display:inline;margin:0}.shared-footer a:hover{color:#ffb13b}.footer-identity>a:last-child{display:block;font-size:13px;color:#aaa;margin-top:16px}
@media(max-width:1200px){:root{--header-full:84px;--header-small:84px}.shared-header .header-main{height:84px;gap:16px}.shared-header .brand,.header-compact .shared-header .brand{width:210px}.shared-header .desktop-nav,.shared-header .header-address{display:none}.shared-header .compact-cta{display:inline-flex}.shared-header .header-contact{margin-left:auto;text-align:left}.shared-header .header-contact span{display:block}.shared-header .header-phone{font-size:17px}.shared-header .header-email{font-size:13px}.shared-contact .contact-top{grid-template-columns:1fr 1fr}.shared-contact .contact-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.shared-contact .contact-details h3{grid-column:1/-1}.shared-footer{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:800px){:root{--header-full:78px;--header-small:78px}.shared-header .header-main{height:78px;gap:12px}.shared-header .brand,.header-compact .shared-header .brand{width:180px}.shared-header .header-contact,.header-compact .shared-header .header-contact{display:none}.shared-header .compact-cta{margin-left:auto}.shared-header .menu-panel{top:58px;max-height:calc(100dvh - 98px)}.shared-contact .contact-top{gap:28px}.shared-contact .contact-details{display:flex;grid-column:auto}.shared-footer{grid-template-columns:1fr 1fr}.shared-footer .footer-identity{grid-column:1/-1}.map-viewport{height:280px}}
@media(max-width:540px){:root{--header-full:74px;--header-small:74px}.shared-header .header-main{height:74px;min-height:74px;gap:9px}.shared-header .brand,.header-compact .shared-header .brand{width:140px}.shared-header .header-account{display:none}.shared-header .compact-cta{padding:10px 12px;font-size:12px;min-height:40px;border-radius:9px}.shared-header .mobile-nav>summary{padding:12px 9px}.shared-header .mobile-nav>summary span{width:20px}.shared-header .menu-panel{position:fixed;left:16px;right:16px;top:82px;width:auto;max-width:none;max-height:calc(100dvh - 98px)}.shared-contact .contact-top{grid-template-columns:1fr}.shared-footer{grid-template-columns:1fr;gap:22px}.shared-footer .footer-identity{grid-column:auto}.shared-footer nav h3{margin-bottom:10px}}