/* EkoBuild shared visual language. Customer logic remains in the existing scripts. */
:root{--eko-header-height:80px;--eko-ink:#0a0a0a;--eko-green:#7ab82e;--eko-paper:#fafafa;--eko-line:#dedfd9;--eko-radius:12px;--eko-width:1200px;--eko-gutter:clamp(20px,3vw,40px)}
html{scroll-padding-top:calc(var(--eko-header-height) + 24px)}
body{font-family:'Work Sans',sans-serif}
.eko-site-header,.eko-site-header.scrolled{position:fixed!important;inset:0 0 auto!important;height:var(--eko-header-height)!important;display:block!important;margin:0!important;padding:0!important;background:#0a0a0a!important;border:0!important;border-bottom:1px solid #ffffff1c!important;box-shadow:none!important;backdrop-filter:none!important;z-index:1004!important;transform:none!important}
.eko-header-inner{width:min(var(--eko-width),calc(100% - var(--eko-gutter)*2));height:100%;margin:0 auto;display:flex;align-items:center;gap:28px}
.eko-brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;text-decoration:none!important}
.eko-brand-mark{display:block;position:relative;width:152px;height:48px;overflow:hidden}
.eko-brand-mark img{position:absolute;display:block;width:185px!important;max-width:none!important;height:auto!important;left:-13px;top:-34px;margin:0!important;object-fit:contain;transform:none!important}
.eko-primary-links{display:flex;align-items:center;justify-content:center;gap:22px;list-style:none!important;padding:0!important;margin:0 0 0 auto!important;white-space:nowrap}
.eko-primary-links li{padding:0;margin:0;font-size:15px!important;line-height:1.2}
.eko-primary-links a{position:relative;display:inline-flex;align-items:center;min-height:48px;color:#e4e5df!important;text-decoration:none!important;font-size:15px!important;font-weight:500;opacity:1!important;line-height:1.2}
.eko-primary-links a:hover,.eko-primary-links a[aria-current]{color:#b8e480!important}
.eko-primary-links a[aria-current]::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--eko-green)}
.eko-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.eko-header-quote{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;background:var(--eko-green);color:#0a0a0a!important;text-decoration:none;font-size:15px;font-weight:700;border-radius:8px;white-space:nowrap}
.eko-header-quote:hover{background:#a1d45c}
.eko-header-cart.cart-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;position:relative;min-width:76px;min-height:44px;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:inherit;font-size:15px!important;font-weight:500;text-decoration:none!important;transform:none!important;white-space:nowrap;cursor:pointer}
.eko-header-cart svg{width:22px;height:22px;flex-shrink:0}
.eko-header-cart .cart-count{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:21px;width:auto!important;height:21px!important;padding:0 5px;border-radius:50px!important;background:#c6e79e!important;color:#0a0a0a!important;font-size:12px!important;line-height:1!important;font-weight:700}
.eko-site-header .eko-hamburger{display:none;background:transparent;color:#fff;border:1px solid #ffffff3a;border-radius:8px;cursor:pointer;padding:10px}
.eko-site-header .eko-hamburger svg{width:24px;height:24px}
.eko-site-header :focus-visible,.eko-site-footer :focus-visible{outline:2px solid #c6e79e!important;outline-offset:4px!important}
.eko-site-menu{position:fixed!important;left:0;right:0;top:var(--eko-header-bottom,var(--eko-header-height));flex-direction:column;gap:0;background:#0a0a0a!important;color:#fff;z-index:1003!important}
.eko-site-menu a{color:#eceee8;text-decoration:none;font-family:'Work Sans',sans-serif;font-weight:500;border:0!important}
.eko-site-menu a[aria-current]{color:#b8e480;background:#7ab82e12}
.eko-site-menu .eko-menu-primary{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:8px 0 12px}
.eko-site-menu .eko-menu-primary a{padding:14px 10px!important;min-height:52px;border-radius:6px}
.eko-site-menu .eko-menu-quote{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;padding:12px 16px!important;background:var(--eko-green);color:#0a0a0a;font-weight:700;border-radius:8px}
.eko-menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid #ffffff24;padding-top:12px}
.eko-site-menu .eko-menu-secondary a{font-size:15px;padding:12px 10px!important;color:#c2c6be}
.eko-site-menu .eko-menu-help{border-top:1px solid #ffffff24;margin-top:12px}
/* A single footer carries the same useful destinations and legal identity. */
.eko-site-footer{background:#0a0a0a!important;color:#d3d5ce!important;padding:64px 0 28px!important;margin:0!important;text-align:left!important;border-top:1px solid #ffffff1c}
.eko-footer-inner{width:min(var(--eko-width),calc(100% - var(--eko-gutter)*2));margin:auto}
.eko-footer-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding-bottom:40px;margin-bottom:32px;border-bottom:1px solid #ffffff20}
.eko-site-footer .eko-footer-tagline{max-width:390px;margin:18px 0 0;color:#b5baae!important;font-size:16px!important;line-height:1.65}
.eko-footer-contact{justify-self:end;text-align:right}
.eko-footer-contact>a{display:block;width:fit-content;margin-left:auto;min-height:44px;padding:8px 0;font-size:17px;font-weight:500;color:#f5f7f0;text-decoration:none}
.eko-footer-contact p{margin:10px 0 0!important;font-size:15px!important;line-height:1.6;color:#b5baae!important}
.eko-site-footer .eko-footer-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1fr 1.15fr;gap:32px;padding:0 0 32px;margin:0}
.eko-site-footer .eko-footer-col{min-width:0}
.eko-site-footer .eko-footer-col h4{font-family:'Work Sans',sans-serif;font-size:14px!important;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#a5d473;margin:0 0 12px}
.eko-site-footer ul{list-style:none;padding:0;margin:0}
.eko-site-footer .eko-footer-col li{padding:0;margin:0;line-height:1.4;font-size:15px!important}
.eko-site-footer .eko-footer-col a{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;font-size:15px!important;font-weight:400;line-height:1.4;text-decoration:none;color:#d3d5ce;opacity:1}
.eko-site-footer a:hover{color:#b8e480;text-decoration:underline;text-underline-offset:4px}
.eko-site-footer .eko-footer-social{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0 0 24px}
.eko-site-footer .eko-footer-social a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;font-size:15px;color:#b5baae;text-decoration:none;border-radius:0}
.eko-site-footer .eko-footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:24px 0 0;border-top:1px solid #ffffff20}
.eko-site-footer .eko-footer-bottom p{flex:1 1 560px;max-width:770px;margin:0;font-size:14px!important;line-height:1.6;color:#a8aea0!important}
.eko-site-footer .eko-footer-bottom p a{color:#b8e480}
.eko-site-footer .eko-footer-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.eko-site-footer .eko-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px;color:#c6ccbe;text-decoration:none}
.eko-has-sticky-cta .eko-site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
/* Shared details retain the existing action hierarchy and page-specific layouts. */
body:not([data-eko-page="designer"]) :is(.btn,.btn-primary,.btn-outline,.btn-secondary,.cta-btn,.atc-btn){border-radius:8px;min-height:48px;font-family:'Work Sans',sans-serif;font-weight:700;box-shadow:none}
body:not([data-eko-page="designer"]) :is(.product-card,.blog-card,.guide-card,.spec-card,.eko-video-card){border-radius:var(--eko-radius);border-color:var(--eko-line)}
body[data-eko-page="trade"] h1{font-family:'Playfair Display',serif!important;font-weight:900!important;letter-spacing:-.025em;line-height:1.12}
/* Fixed-header offsets are shared; readable content widths remain contextual. */
body .breadcrumb{padding-top:calc(var(--eko-header-height) + 20px)}
body .crumb{padding-top:calc(var(--eko-header-height) + 20px)}
body .eko-watch .crumb{padding-top:0}
body .eko-watch{padding-top:calc(var(--eko-header-height) + 24px)}
body .blog-hero{padding-top:calc(var(--eko-header-height) + 48px)}
body .eko-policy{padding-top:calc(var(--eko-header-height) + 40px)}
body .eko-terms-header{padding-top:calc(var(--eko-header-height) + 40px)}
body .proof-strip{top:var(--eko-header-height)!important;position:absolute!important;background:#202619;border-top:0;border-bottom:1px solid #7ab82e30;color:#d7e5c7}
body .proof-track{animation:none!important;transform:none!important;display:flex;justify-content:center;gap:32px;width:100%;padding:0 20px}
body .proof-item{font-size:13px!important;font-weight:500!important;letter-spacing:.015em;padding:0!important;flex-shrink:0}
body .proof-track>.proof-item:nth-child(n+5){display:none}
body .hero-badge{box-shadow:none!important;animation:none!important;border:1px solid #7ab82e55;background:#7ab82e15!important;color:#b8e480!important}
body .hero::before,body .hero::after{animation:none!important}
body[data-eko-page="designer"] .rd-app{height:calc(100vh - var(--eko-header-height));height:calc(100dvh - var(--eko-header-height));margin-top:var(--eko-header-height)}
body[data-eko-page="designer"] .rd-mobile-header{top:var(--eko-header-height)}
body[data-eko-page="receipt"]{display:block;padding:calc(var(--eko-header-height) + 48px) 0 0}
body[data-eko-page="receipt"] .success-card{margin:0 auto 64px;width:calc(100% - 40px)}
body[data-eko-page="receipt"] .success-card>.btn{color:#0a0a0a}
/* Keep the existing tour available without inserting another header link. */
#tour-welcome-banner{display:none!important}
#tour-launcher:not(.eko-tour-inline){display:none!important}
#tour-launcher.eko-tour-inline{position:static!important;display:inline-flex!important;align-items:center;min-height:44px;margin:8px 0 0;padding:8px 0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#b8e480!important;font:500 14px/1.4 'Work Sans',sans-serif!important;animation:none!important;transform:none!important;gap:8px;text-decoration:underline;text-underline-offset:4px}
#tour-launcher.eko-tour-inline .tour-launcher-icon{display:none}
#tour-launcher.eko-tour-inline:focus-visible{outline:2px solid #b8e480;outline-offset:3px}
body[data-eko-page="designer"] #tour-launcher.eko-tour-inline{margin:0 0 12px}
@media(min-width:1025px) and (max-width:1199px){.eko-header-inner{gap:18px}.eko-primary-links{gap:14px}.eko-header-actions{gap:12px}.eko-header-quote{padding:0 12px}.eko-cart-word{display:none}}
@media(max-width:1024px){
 :root{--eko-header-height:72px}
 .eko-header-inner{width:calc(100% - 40px);gap:12px;justify-content:space-between}
 .eko-brand-mark{width:132px;height:44px}
 .eko-brand-mark img{width:163px!important;left:-11px;top:-29px}
 .eko-primary-links,.eko-header-quote{display:none!important}
 .eko-header-actions{gap:14px}
 .eko-site-header .eko-hamburger{display:flex;width:44px;height:44px;align-items:center;justify-content:center}
 .eko-header-cart.cart-btn{min-width:64px}
 .eko-cart-word{display:none}
 .eko-site-menu.open{padding:12px 20px calc(24px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - var(--eko-header-height))!important}
 .eko-site-footer{padding-top:40px!important}
 .eko-site-footer .eko-footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
 .eko-footer-intro{grid-template-columns:1fr;gap:24px;padding-bottom:28px;margin-bottom:28px}
 .eko-footer-contact{justify-self:start;text-align:left}
 .eko-footer-contact>a{margin-left:0}
 body .proof-strip{height:36px;overflow:hidden}
 body .proof-track{justify-content:center;gap:0;width:100%;padding:0 20px}
 body .proof-track>.proof-item:nth-child(n+2){display:none}
 body[data-eko-page="designer"] .rd-app{height:auto;min-height:calc(100dvh - var(--eko-header-height));margin-top:var(--eko-header-height)}
 body[data-eko-page="receipt"]{padding-top:calc(var(--eko-header-height) + 32px)}
 #tour-launcher.eko-tour-inline{display:none!important}
}
@media(max-width:359px){.eko-header-inner{width:calc(100% - 32px)}.eko-header-actions{gap:8px}.eko-site-menu .eko-menu-primary,.eko-menu-secondary{gap:0 12px}.eko-site-footer .eko-footer-grid{gap:28px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.eko-site-header *,.hero *, .proof-strip *{animation:none!important;transition:none!important}}
@media print{.eko-site-header,.eko-site-menu,.eko-site-footer{display:none!important}}
/* Dock chat inside the reserved mobile contact-bar space, clear of page actions. */
@media(max-width:1024px){
 body:has(#stickyCTA) .cb-chat-root:not(.cb-open){bottom:calc(10px + env(safe-area-inset-bottom))!important;right:16px!important}
 body:has(#stickyCTA) .cb-chat-bubble{width:48px;height:48px;box-shadow:none}
 body #stickyCTA{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}