:root{color-scheme:dark;--bg:#0c0a08;--panel:#141009;--cream:#f1ebe0;--muted:#a79f90;--bronze:#b07d3c;--gold:#d7a861;--line:rgba(176,125,60,.24)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:400 14px/1.6 'Cabin',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--bronze);color:var(--bg)}
.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#0c0a08}.brand img{display:block;width:177px;height:auto}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#d2c9bb;min-height:44px;display:flex;align-items:center}.site-nav a:hover,.site-nav a[aria-current]{color:var(--gold)}.mobile-contact{display:none}
main{max-width:1800px;margin:auto;padding:24px 4vw 52px}.breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:26px}.breadcrumb a:hover{color:var(--gold)}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);margin:0 0 10px}h1{font-size:clamp(30px,3.5vw,52px);font-weight:400;letter-spacing:-1.4px;line-height:1.12;margin:0}.intro>p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.scene{min-width:0;position:sticky;top:20px}.scene-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted);padding:0 0 12px}.live-label{color:var(--gold);display:flex;align-items:center;gap:8px}.live-label i{width:5px;height:5px;background:var(--gold);border-radius:50%}.viewport{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);background:#16120e}#scene{display:block;width:100%;height:100%;object-fit:contain}#loading{position:absolute;inset:0;background:#16120e;display:grid;place-items:center;color:var(--muted);font-size:13px}#loading[hidden]{display:none}.scene-bottom{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;color:#c8bda9}.detail-mark{font-size:8px;letter-spacing:1.8px;white-space:nowrap;color:var(--muted)}.disclaimer{font-size:10px;color:#847b6d;margin:12px 0}
aside{background:linear-gradient(145deg,#19140e,#100d09);padding:24px;border:1px solid var(--line)}#tabs{display:flex;border-bottom:1px solid var(--line);margin:14px 0 23px;gap:8px}#tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 0;min-height:46px;font-size:13px}#tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.selection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.selection-heading p{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:0 0 4px}h2{font-size:24px;font-weight:400;margin:0;line-height:1.3}#color-code{font-size:9px;letter-spacing:1px;color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px}.swatch{padding:0;background:none;border:0;color:var(--muted);text-align:left;font-size:9px;min-width:0}.swatch b{display:block;position:relative;width:100%;height:41px;border-radius:3px;border:1px solid #ffffff24;margin-bottom:7px}.swatch[aria-pressed=true]{color:var(--cream)}.swatch[aria-pressed=true] b{outline:1px solid var(--gold);outline-offset:3px}.swatch[aria-pressed=true] b:after{content:'✓';position:absolute;right:4px;top:1px;color:white;font-size:12px;text-shadow:0 1px 4px #000}.swatch:disabled{opacity:.35}.swatch:hover b{border-color:var(--gold)}.material-note{font-size:11px;color:var(--muted);line-height:1.65;margin:20px 0;min-height:35px}.summary{border-top:1px solid var(--line);padding:18px 0 14px}.summary div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px}.summary span{color:var(--muted)}.summary strong{font-weight:400}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:12px 13px;font-size:11px;border-radius:2px}.primary{background:var(--bronze);color:#100b05;border:1px solid var(--bronze)}.primary:hover{background:var(--gold)}.secondary{margin-top:10px;background:transparent;border:1px solid var(--line);color:var(--cream)}.secondary:hover{border-color:var(--gold)}#status{font-size:11px;color:var(--gold);margin:12px 0 0}#status:empty{display:none}
footer{padding:30px 4vw;border-top:1px solid var(--line);background:#080705;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}footer img{display:block;object-fit:contain}footer div{display:flex;gap:22px}footer a:hover{color:var(--gold)}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:36px}aside{padding:28px}.swatch b{height:46px}}
@media(max-width:1050px){.site-nav{gap:16px}.site-nav a{font-size:10px;letter-spacing:1px}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:20px}aside{padding:19px}.detail-mark{display:none}}
@media(max-width:780px){.site-header{height:72px}.brand img{width:150px}.site-nav{display:none}.mobile-contact{display:block;font-size:12px;color:var(--gold);padding:10px 0}main{padding:18px 5vw 32px}.breadcrumb{margin-bottom:22px}.intro{display:block;margin-bottom:23px}.intro>p{margin-top:14px;font-size:12px}.intro>p br{display:none}.workspace{grid-template-columns:1fr;gap:20px}.scene{position:static}.scene-top{font-size:8px}h1{font-size:34px}.scene-bottom{font-size:10px;padding:12px 0}.disclaimer{font-size:9px}aside{padding:22px}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px}.swatch{font-size:10px}.swatch b{height:45px}.material-note{min-height:0}footer{flex-wrap:wrap;padding:24px 5vw;gap:18px}footer>span{width:100%;order:3}.primary,.secondary{min-height:48px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.swatches.wood-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wood-options .swatch b{height:60px}.wood-options .swatch{font-size:11px}
#redesign{border:0;color:var(--muted);justify-content:center;font-size:11px}dialog{width:min(560px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:26px;background:var(--panel);color:var(--cream);border:1px solid var(--gold)}dialog::backdrop{background:#000b}dialog img{width:100%;height:auto;display:block;margin:20px 0 12px}dialog input{width:100%;padding:12px;background:var(--bg);color:var(--cream);border:1px solid var(--line);margin:8px 0 14px}dialog label,dialog p{font-size:12px;color:var(--muted)}#close-share{float:right;border:0;background:none;color:var(--cream);font-size:26px;min-width:40px;min-height:40px}.site-nav{gap:20px}

dialog{margin:auto}button[hidden]{display:none!important}

/* Consistent Ertex type scale; retain the original brand artwork. */
body,button,input,h1,h2,p,a,span,strong,label,.site-nav a,.eyebrow,.scene-top,.scene-bottom,.detail-mark,.disclaimer,#tabs button,.selection-heading p,#color-code,.swatch,.wood-options .swatch,.material-note,.summary div,.primary,.secondary,#redesign,#status,footer,dialog label,dialog p,#loading{font-family:'Cabin',sans-serif;font-size:14px;letter-spacing:normal}
h1,h2{font-weight:400;line-height:1.4}.site-nav{gap:18px}.site-nav a{text-transform:none}.workspace{grid-template-columns:minmax(0,1fr) 360px}.swatches{gap:14px 12px}.swatch span{display:block;line-height:1.3;overflow-wrap:anywhere}.brand img{width:177px;height:auto}
@media(max-width:1100px){.site-nav{gap:12px}.workspace{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:780px){
 .site-header{height:52px;padding:0 14px;gap:14px}.brand{margin-right:auto}.brand img{width:138px}.mobile-contact{font-size:14px;padding:8px 0}
 main{padding:8px 12px 24px}.breadcrumb,#intro-kicker,#intro-copy,.scene-top,.detail-mark,#panel-kicker,#material-subtitle,.scene-bottom{display:none}
 .intro{margin:0 0 8px}.intro h1{font-size:14px;line-height:20px}
 .workspace{grid-template-columns:minmax(0,1fr);gap:0}.scene{position:sticky;top:0;z-index:5;background:var(--bg);padding-bottom:8px}
 .viewport{height:min(29svh,250px);aspect-ratio:auto}.disclaimer{display:none}
 aside{padding:0 10px 14px;border-top:0}#tabs{margin:0 0 8px;gap:8px}#tabs button{padding:8px 0;min-height:42px;font-size:14px}
 .selection-heading{margin:0 0 8px}.selection-heading h2,#color-code{font-size:14px;line-height:20px}
 .swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 8px}.swatch{font-size:14px;min-height:62px}.swatch b{height:30px;margin-bottom:5px}.swatch span{font-size:14px;line-height:16px;min-height:32px}.swatches.wood-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wood-options .swatch b{height:45px}
 .material-note{margin:12px 0;min-height:0;font-size:14px}.summary{padding:12px 0 6px}.primary,.secondary{font-size:14px;min-height:44px}.summary div{font-size:14px}
 footer{padding:20px 14px;font-size:14px}dialog{padding:18px}dialog img{max-height:28svh;object-fit:contain}
}

.whatsapp-design{border:1px solid #60885d;background:#172218;color:var(--cream);margin:14px 0 20px;justify-content:center;text-align:center;line-height:1.5}.whatsapp-design:hover{background:#223425;border-color:#8db984}

/* Match ertexoto.com's verified shared typography: Cabin, 16px, white. */
:root{--ertex-text-size:16px;--ertex-text-white:#fff}
html body,html body :where(p,a,span,div,li,label,input,button,small,strong,b,em,h1,h2,h3,h4,h5,h6,footer,nav,section,aside){font-family:'Cabin',sans-serif!important;font-size:16px!important;color:#fff!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important}
html body :where(h1,h2,h3,h4,h5,h6){font-weight:700!important}
.primary{background:#8a5a22;border-color:#b9823b}.primary:hover{background:#6f461b;border-color:#d7a861}
@media(max-width:780px){.viewport{height:min(25svh,225px)}.swatch span{line-height:18px;min-height:36px}.swatches{gap:8px}.intro h1{line-height:22px}.site-header{gap:10px}.brand img{width:128px}}

#configurator-guide{max-width:1100px;margin:48px auto 0;padding:28px 0;border-top:1px solid var(--line);line-height:1.7}#configurator-guide h2{margin:24px 0 12px}#configurator-guide details{padding:14px 0;border-bottom:1px solid var(--line)}#configurator-guide summary{cursor:pointer}#configurator-guide nav{display:flex;gap:18px;flex-wrap:wrap}#configurator-guide a{text-decoration:underline;text-underline-offset:4px}#configurator-guide ol{padding-left:24px}

#model-catalogue{margin-top:32px}#model-catalogue h3{margin-top:24px}#model-catalogue ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}#model-catalogue li{max-width:100%}

/* Fixed chip and label rows keep each palette symmetrical, including wrapped names. */
.swatches{align-items:start;grid-auto-rows:1fr}
.swatch{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-self:stretch}
.swatch b{flex:none}
.swatch span{display:block;line-height:20px;min-height:40px;text-align:left}
@media(max-width:780px){.swatch span{line-height:20px;min-height:40px}}

/* Colour names remain in the selection summary and accessible button labels. */
.swatch span{display:none!important}
.swatch{min-height:44px}
.swatch b{margin-bottom:0}
@media(max-width:780px){.swatch{min-height:44px}.swatch b{height:40px}}

/* Mobile preview preserves the full image, edge to edge. */
@media(max-width:780px){
 .workspace .scene{width:100vw;margin-inline:calc(50% - 50vw);padding-bottom:8px}
 .workspace .scene .viewport{width:100%;height:auto;aspect-ratio:3/2;border:0}
 .workspace .scene #scene{width:100%;height:100%;object-fit:contain;object-position:center}
}

/* Foldable inner screens need controls beside the image, not below a tall sticky image. */
@media(min-width:600px) and (max-width:1100px){
 main{padding:8px 12px 24px}
 .breadcrumb,#intro-kicker,#intro-copy,.scene-top,.scene-bottom,.disclaimer,#panel-kicker,#material-subtitle{display:none}
 .intro{margin:0 0 8px}.intro h1{line-height:22px}
 .workspace{grid-template-columns:minmax(0,1fr) minmax(240px,36%);gap:12px;align-items:start}
 .workspace .scene{position:static;width:auto;margin:0;padding:0;min-width:0}
 .workspace .scene .viewport{width:100%;height:auto;aspect-ratio:3/2;border:0}
 .workspace .scene #scene{width:100%;height:100%;object-fit:contain}
 .workspace aside{min-width:0;padding:0 10px 14px}
 #tabs{margin:0 0 8px;gap:4px}#tabs button{padding:8px 0;min-height:42px}
 .selection-heading{margin:0 0 8px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .swatch{min-height:44px}.swatch b{height:40px}
}
@media(max-height:600px){.workspace .scene{position:static}}
@media(min-width:600px) and (max-width:1100px) and (max-height:600px){
 .intro{display:none}.swatches{grid-template-columns:repeat(5,minmax(0,1fr))}
}