/* SparkMonkey's supplied identity: original logo, black, white and warm gold. */
header{background:#fff;position:sticky;top:0;box-shadow:0 3px 18px #00000005}
html{scroll-behavior:smooth;scroll-padding-top:110px}
section[id]{scroll-margin-top:110px}
.header-actions button{min-width:44px;min-height:44px}
.gallery-controls button{min-width:44px;min-height:44px}
.mega-feature{border-radius:6px}
.mega a:hover,.mobile-links a:hover{color:#a77935}
.gallery>img[src$="home-cinematic.png"]{filter:saturate(.65);width:100%;height:100%;object-fit:cover}
@media(max-width:760px){header .brand-logo{width:155px!important}.header-actions{gap:2px!important}html{scroll-padding-top:90px}section[id]{scroll-margin-top:90px}.mega{max-height:calc(100svh - 74px)}.mobile-links a{min-height:52px}}
.brand-logo{display:block;width:195px;height:82px;object-fit:contain}
header .brand-logo{width:215px;height:72px}
footer{background:#000}
footer .brand{display:inline-flex;background:transparent;padding:0}
footer .brand-logo{width:230px;height:115px;object-fit:contain}
em,.brand-dot{color:#dfb779}
.hero-content .eyebrow,.hero-content>p:not(.eyebrow),.hero-foot{color:#e6ddd1}
.hero-image{filter:saturate(.65)}
.gallery>img,.ev>img,.feature-product>img,.catalog-card img{filter:grayscale(1)}
.room-label{color:#e9d6b5}
.guide-grid>a:nth-child(2){background:#202020;color:#f4eadc}
.guide-grid>a:nth-child(2)>span{color:#dfb779}
.product-pills>span{border-color:#ded4c4}
.swatch{background:#262626;outline-color:#b18a50}
.radio-card input{accent-color:#ad8248}
footer>div>a:not(.brand),footer .muted,.footer-bottom{color:#b9ad99}
.collection-head>p:last-child{color:#c8bdab}
@media(max-width:760px){.brand-logo{width:156px;height:68px}header .brand-logo{width:170px;height:62px}.header-actions{gap:8px}footer .brand-logo{width:210px;height:105px}}
/* Larger wordmark requested by the brand owner. */
header .brand-logo{width:265px;height:82px}
@media(max-width:1100px) and (min-width:761px){header .brand-logo{width:225px}header nav{gap:18px}}
@media(max-width:760px){header .brand-logo{width:195px!important;height:68px}}
@media(max-width:360px){header .brand-logo{width:180px!important}}
@media(max-width:360px){header{padding-left:4%;padding-right:4%}header .brand-logo{width:clamp(140px,44vw,158px)!important}.header-actions{flex-shrink:0}}

/* Language switch (NL / EN / ES) */
.language-switch{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:600;letter-spacing:.04em}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;color:var(--muted);text-decoration:none;border-radius:6px}
.language-switch a:hover,.language-switch a[aria-current="true"]{color:var(--ink)}
.language-switch a[aria-current="true"]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.language-switch a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:420px){.language-switch a{min-width:26px}}
.mobile-links .language-switch{display:none}
@media (max-width:640px){.header-actions .language-switch{display:none}.mobile-links .language-switch{display:flex;gap:8px;margin:0 0 16px;font-size:15px}.mobile-links .language-switch a{min-width:44px;border:1px solid var(--line)}}

/* Readability: the light brand gold is kept for dark sections; on light pages the accent uses a deeper gold (4.6:1). */
.guide-intro h1 em,.not-found h1 em{color:#8a6530}
/* Dark cards keep light accent text. */
.living-card.charging-card .eyebrow{color:#c9ab7c}
/* Product photos in the menu are shown whole on a white tile instead of cropped. */
.mega-feature img.mega-product{object-fit:contain;background:#fff;border-radius:6px;padding:14px;box-sizing:border-box}
/* Server-rendered page text (replaced by the app once it renders). */
/* The app replaces this text right after load; only no-JS visitors and crawlers should see it as a page. */
.js .server-content{display:none}
.server-content{max-width:880px;margin:0 auto;padding:40px 16px 64px;line-height:1.6;color:var(--ink)}
.server-content nav{display:flex;flex-wrap:wrap;gap:8px 4px;margin-bottom:28px;font-size:14px}
.server-content a{color:inherit}
.server-content h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:8px 0 16px}
.server-content h2{font-size:22px;margin:28px 0 8px}
.server-content dl{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:6px 16px}
.server-content dt{font-weight:600}.server-content dd{margin:0}

/* Floating WhatsApp link. --wa-lift is set by the script so the button never covers anything clickable. */
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom) + var(--wa-lift,0px));z-index:16;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1f7a4d;color:#fff;box-shadow:0 8px 24px #0003,0 0 0 2px #dfb779;transition:opacity .2s ease,visibility .2s}
.wa-float:hover{background:#17663f}
.wa-float:focus-visible{outline:3px solid #171717;outline-offset:3px}
.wa-float.wa-hidden{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:600px){.wa-float{width:50px;height:50px;right:max(14px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}