:root{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);--bg:#faf7f0;--surface:#f0e8da;--text:#352c23;--gold:#a17d47;--muted:#6e6051;--line:#dfd2bf;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover,a:hover{filter:brightness(1.14)}header{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:84px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:27px;color:var(--gold);display:flex;align-items:center;gap:14px}.brand span{letter-spacing:5px;font-size:21px;color:var(--text)}.header-note{font-size:12px;letter-spacing:2px;color:var(--muted)}.collection{font-size:14px;color:var(--muted)}.intro{max-width:1600px;margin:auto;padding:34px 4% 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}p,h1,h2{margin:0}.eyebrow{font-size:12px;letter-spacing:1.7px;color:var(--gold)}h1{font:400 clamp(32px,3.5vw,52px)/1.2 Georgia,serif;letter-spacing:-1.5px;margin-top:10px}em{color:var(--gold);font-weight:400}.intro>p{font-size:16px;line-height:1.7;color:var(--muted)}main{max-width:1600px;margin:auto;padding:0 4% 44px;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:30px;align-items:start}.preview{position:sticky;top:24px;min-width:0}.scene{position:relative;aspect-ratio:3/2;background:#a08d78;overflow:hidden}.scene canvas{display:block;width:100%;height:100%;object-fit:contain}.scene-label{position:absolute;top:18px;left:18px;padding:9px 12px;background:#28221c99;border:1px solid #ffffff30;color:#fff3e6;font-size:12px;letter-spacing:.5px;backdrop-filter:blur(8px)}#enlarge{position:absolute;top:18px;right:18px;border-radius:50%;width:40px;height:40px;border:1px solid #ffffff60;background:#29231c88;font-size:26px}.caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:23px}.caption h2{font:400 34px Georgia,serif;margin-top:7px;overflow-wrap:anywhere}.caption>span{font-size:16px;text-align:right;line-height:1.6;white-space:nowrap}.caption small{font-size:13px;color:var(--muted)}.summary{font-size:14px;color:var(--muted);line-height:1.7;margin-top:15px}.note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px;max-width:660px}.choices{padding:24px;background:var(--surface);border:1px solid var(--line);min-width:0}fieldset{border:0;margin:0;padding:0 0 24px;min-width:0}fieldset+fieldset{border-top:1px solid var(--line);padding-top:24px}legend{float:left;width:100%;padding:0;margin-bottom:18px;font-size:17px}legend+*{clear:both}legend>span{color:var(--gold);font-size:12px;letter-spacing:1px;margin-right:10px}label{display:block;font-size:14px;margin-bottom:9px;line-height:1.5}.optional{color:var(--muted);font-size:13px}input{width:100%;border:1px solid var(--line);border-radius:0;padding:13px;background:var(--bg);color:var(--text);min-height:48px;font-size:16px}input::placeholder{color:var(--muted);font-size:14px}.input-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:8px 0 19px}.hint{font-size:13px;color:var(--muted);line-height:1.65;margin:13px 0 10px}.inspiration{display:flex;flex-wrap:wrap;gap:7px}.inspiration button{border:1px solid var(--line);background:transparent;padding:8px 10px;border-radius:3px;font-size:13px;text-align:left}.figures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.figure{padding:10px 3px;background:var(--bg);border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;min-height:84px}.figure svg{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.figure[aria-pressed=true]{border-color:var(--gold);background:#e8dac2;box-shadow:inset 0 0 0 1px var(--gold)}.selected{font-size:14px;color:var(--muted);margin-bottom:14px}.selected strong{font-weight:400;color:var(--text)}.colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 8px}.swatch{padding:0;background:transparent;border:0;display:flex;justify-content:center;min-height:38px}.swatch span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #ffffff38;background:var(--swatch);position:relative}.swatch[aria-pressed=true] span{outline:2px solid var(--gold);outline-offset:4px}.swatch[aria-pressed=true] span:after{content:'✓';color:white;text-shadow:0 1px 3px black;font-size:19px}.segmented{display:flex;gap:8px}.segmented button{padding:12px 6px;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:3px;font-size:14px;min-height:46px}.segmented button[aria-pressed=true]{background:var(--text);color:#fff;border-color:var(--text)}.lights{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.lights .swatch span{width:29px;height:29px}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.room{padding:0 0 9px;border:1px solid var(--line);border-radius:3px;background:var(--bg);overflow:hidden;font-size:13px;line-height:1.5}.room img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;margin-bottom:7px}.room[aria-pressed=true]{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.actions{margin:0 -24px -24px;padding:20px 24px;background:#e8dac2;border-top:1px solid var(--line)}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--text);color:#fff;padding:15px;font-size:16px}.actions>button{display:block;margin:13px auto 8px;background:none;border:0;font-size:14px;padding:8px}.actions p{font-size:12px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 4%;display:flex;justify-content:space-between;align-items:center}footer span{letter-spacing:4px;font-size:14px}footer p{font:italic 18px Georgia,serif;color:var(--muted)}#loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface);color:var(--gold);font-size:16px}#loading[hidden],[hidden]{display:none!important}dialog{padding:0;width:min(1250px,95vw);max-height:94dvh;background:var(--bg);border:1px solid var(--gold)}dialog::backdrop{background:#0b0907df}dialog canvas{width:100%;display:block}#close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid #fff8;border-radius:50%;background:var(--bg)aa;font-size:26px;z-index:2}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#efe4d3;color:#27211a;padding:14px 20px;opacity:0;pointer-events:none;z-index:99;max-width:90vw;font-size:14px}#toast.visible{opacity:1}.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;top:10px;left:10px;z-index:99;background:var(--gold);padding:15px;color:#211f1b}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 365px;gap:20px}.intro>p{max-width:310px}.intro>p br{display:none}.header-note{display:none}.choices{padding:20px}.actions{margin:0 -20px -20px;padding:20px}.caption{flex-wrap:wrap}.caption>span{text-align:left}}@media(max-width:800px){header{height:68px;padding:0 20px}.brand span{font-size:17px;letter-spacing:3px}.collection{font-size:12px;max-width:125px;text-align:right}.intro{display:block;padding:24px 20px}.intro>p{max-width:none;margin-top:12px;font-size:14px}main{display:block;padding:0 16px 32px}.preview{top:0;z-index:5;padding:8px 0 12px;background:var(--bg)}.scene{height:clamp(200px,33dvh,360px);aspect-ratio:auto;background:var(--bg)}.scene canvas{object-fit:contain}.scene-label{top:8px;left:8px;padding:6px 8px;font-size:12px}#enlarge{top:8px;right:8px;width:34px;height:34px}.caption{padding:10px 4px 0;flex-wrap:nowrap}.caption h2{font-size:24px}.caption .eyebrow{display:none}.caption>span{font-size:13px;text-align:right}.caption small{display:none}.summary{margin:5px 4px 0;font-size:12px}.note{display:none}.choices{margin-top:10px}.colors{grid-template-columns:repeat(7,1fr)}.figure{font-size:13px}.scene-label{max-width:70%}footer p{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:350px){.figures{grid-template-columns:repeat(2,1fr)}.colors{grid-template-columns:repeat(5,1fr)}.rooms{grid-template-columns:1fr}.room img{display:none}.room{padding:12px}}

@font-face{font-family:Parisienne;src:url(/configurator/rond/assets/parisienne.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}

.figure canvas{width:54px;height:54px;display:block;border-radius:50%;background:#171716}.figure{min-height:103px}.exact-note{font-size:13px;line-height:1.65;color:#655441;border-left:2px solid var(--gold);padding:10px 12px;margin-top:14px;background:var(--surface)}#exact-options label{margin-top:16px}#sky-summary{margin-top:15px}#exact-options input{min-width:0}#sky-modes button{line-height:1.4}

@font-face{font-family:StarmuxS;src:url(/configurator/rond/assets/readable-s.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0053}

.scene.portrait{aspect-ratio:3/4;height:min(70vh,820px);width:auto;max-width:100%;margin-inline:auto;background:var(--bg)}.scene.portrait canvas{object-fit:contain}.room img{object-position:center 60%}dialog canvas{width:auto;max-width:100%;height:auto;max-height:88dvh;object-fit:contain;margin:auto}@media(max-width:800px){.scene.portrait{height:clamp(250px,43dvh,440px);max-width:100%}}

/* STARMUX Sterrenlicht: warm ivory, champagne and gold. */
body{font-size:16px;line-height:1.65}
header{height:96px;padding-inline:5%;background:var(--bg)}
.brand{flex-direction:row-reverse;gap:9px;font-size:28px}
.brand span{font-size:26px;letter-spacing:4px;font-weight:600}
.collection{color:var(--text);padding:9px 0;border-bottom:1px solid #a28a67}
.header-note{color:var(--muted)}
.intro{padding:38px 5% 30px}
h1{line-height:1.12;letter-spacing:-1.8px}
em{color:#8b6838}
.eyebrow{font-weight:600;letter-spacing:2px;color:var(--text)}
main{padding-inline:5%}
.choices{background:var(--surface)}
legend{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.3}
legend>span{font-family:Arial,Helvetica,sans-serif;color:#8b6838}
input,.inspiration button,.figure,.segmented button,.room{border-radius:0}
button,a{transition:background .2s,color .2s,border-color .2s}
button:hover,a:hover{filter:none}
.inspiration button:hover,.figure:hover,.room:hover{background:#e8dac2;border-color:var(--gold)}
.segmented button:hover{border-color:var(--gold)}
.primary{border:1px solid var(--text);padding:17px 20px;font-size:14px}
.primary:hover{background:#584431}
.actions>button:hover,.collection:hover{color:#8b6838}
.room[aria-pressed=true]{color:var(--text);background:#e8dac2}
.swatch span{border-color:#352c2338}
.caption{border-bottom:1px solid var(--line);padding-bottom:18px}
.summary{font-size:14px}
#enlarge,#close{color:#fff3e6}
#loading{color:var(--text)}
footer{padding:32px 5%;background:var(--bg)}
@media(max-width:800px){header{height:78px;padding-inline:20px}.brand span{font-size:20px;letter-spacing:3px}.brand{font-size:23px}.collection{font-size:14px;max-width:150px}.intro{padding:26px 20px}.intro>p{font-size:16px}main{padding-inline:16px}.caption{padding-bottom:10px}.caption h2{line-height:1.2}.summary{font-size:13px}.preview{background:var(--bg)}footer{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}

.request-cta{display:block;width:100%;border:1px solid #38382d;background:#38382d;color:#fffdf5;padding:16px 20px;border-radius:3px;font:16px Arial,sans-serif;cursor:pointer;margin-top:22px}.request-cta:hover{background:#514b3b}.request-cta:disabled{opacity:.55;cursor:not-allowed}#requestDialog{border:1px solid #d1c6af;background:#faf9f5;color:#292821;border-radius:5px;padding:32px;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#requestDialog::backdrop{background:#000a}body:has(#requestDialog[open]){overflow:hidden}.dialog-close{position:absolute;top:10px;right:12px;background:transparent;border:0;font-size:30px;color:#756747;cursor:pointer;width:40px;height:40px}#requestDialog h2{font-size:29px;margin:14px 0 18px}#requestDialog .eyebrow{font-size:11px;color:#8c784e;margin-right:24px}.request-overview{background:#eee9dd;padding:16px;margin-bottom:20px;font-size:14px;line-height:1.6}.request-overview p{margin:4px 0}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.request-fields .wide{grid-column:1 / -1}.request-fields label{display:block;font-size:14px;margin-bottom:7px}.request-fields input,.request-fields textarea{width:100%;border:1px solid #d6cfc0;border-radius:3px;padding:12px;background:#fffdf8;font:16px Arial}.request-fields small{font-size:12px;color:#807563}.request-error{color:#9b3328;font-size:14px;line-height:1.5}.request-message{font-size:14px;line-height:1.5;color:#786746}.request-message:empty,.request-error:empty{display:none}.form-trap{position:absolute;left:-9999px;opacity:0}#requestSuccess p{line-height:1.65}#requestSuccess:focus{outline:none}@media(max-width:420px){#requestDialog{padding:25px 20px}.request-fields{grid-template-columns:1fr}.request-fields>div{grid-column:1/-1}}

.request-fields textarea{display:block;min-height:110px;resize:vertical;line-height:1.5;margin-bottom:6px}

/* Keep the form within the area above the on-screen keyboard. */
#requestDialog{max-height:calc(var(--request-visible-height,100dvh) - 24px);scroll-padding-block:18px;-webkit-overflow-scrolling:touch}
.request-fields input,.request-fields textarea{scroll-margin-block:18px}
@media(max-width:760px){
 #requestDialog{position:fixed;inset:auto 0 auto 0;top:calc(var(--request-visible-top,0px) + 12px);margin:0 auto;max-height:calc(var(--request-visible-height,100dvh) - 24px);padding-bottom:max(24px,env(safe-area-inset-bottom))}
 .request-fields textarea{min-height:80px;max-height:calc(var(--request-visible-height,100dvh) * .4)}
}


#requestDialog{inset:auto;margin:auto}#requestDialog .eyebrow{font-size:12px}#requestDialog label{margin-top:0}#requestDialog .request-cta{letter-spacing:normal}#requestDialog .help{font-size:14px;line-height:1.6}#requestDialog .request-fields input{margin:0}#requestDialog .request-overview{overflow-wrap:anywhere}@media(max-width:760px){#requestDialog{inset:auto 0 auto 0;margin:0 auto;top:calc(var(--request-visible-top,0px) + 12px)}}

#requestMailFallback[hidden]{display:none}#requestMailFallback{text-align:center;text-decoration:none}

/* Match the panel atelier request button, including its button element styling. */
.actions > .primary{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:49px;margin:0;background:#352c23;border:1px solid #352c23;color:#fff;padding:17px 20px;font-size:14px}
.actions > .primary:hover{background:#584431;color:#fff}
.actions > .primary span{font-size:21px;line-height:1}

.price-summary{margin-bottom:20px}.price-summary #price-details>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.6;padding:5px 0}.price-summary #price-details>div>span:last-child{white-space:nowrap}.price-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-top:1px solid var(--line);margin-top:12px;padding-top:16px;font-size:17px}.price-total strong{font-size:27px;white-space:nowrap}.actions .price-vat{text-align:right;font-size:14px;margin-top:5px}

.price-summary .price-total{border-top:0;margin-top:0;padding-top:0}.price-breakdown{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.price-breakdown summary{cursor:pointer;font-size:14px;color:var(--muted);padding:4px 0}.price-breakdown summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.price-breakdown #price-details{margin-top:12px}

/* Shared STARMUX footer */
footer#smx-footer{all:initial;box-sizing:border-box;display:block;position:relative;flex:none;clear:both;width:100%;max-width:1600px;margin:0 auto;padding:42px 5% 25px;border-top:1px solid #dfd2bf;background:#faf7f0;color:#6e6051;font:14px/1.65 Arial,Helvetica,sans-serif;text-align:left}
#smx-footer *{box-sizing:border-box}
#smx-footer a{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;color:inherit;background:none;border:0;border-radius:0;text-decoration:none;font:inherit;letter-spacing:normal;white-space:normal}
#smx-footer a:hover{color:#8b6838}
#smx-footer a:focus-visible{outline:2px solid #a17d47;outline-offset:5px}
#smx-footer span{display:inline;margin:0;padding:0;color:inherit;font:inherit;letter-spacing:normal}
#smx-footer .smxf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;flex-wrap:wrap}
#smx-footer .smxf-brand{font:600 26px/1.4 Arial,Helvetica,sans-serif;letter-spacing:4px;color:#352c23;gap:0;white-space:nowrap}
#smx-footer .smxf-brand span{font-weight:300;letter-spacing:4px}
#smx-footer .smxf-brand i{font-style:normal;font-size:28px;color:#a17d47;margin-left:9px}
#smx-footer .smxf-contact a{display:block}
#smx-footer .smxf-address{font:inherit;color:inherit;margin:0;padding:0}
#smx-footer svg{display:inline-block;flex:none;width:24px;height:24px;vertical-align:middle}
#smx-footer .smxf-instagram{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:14px;color:#a17d47;border:1px solid #dfd2bf;border-radius:50%;transition:color .2s,background .2s,border-color .2s}
#smx-footer .smxf-instagram svg{width:22px;height:22px}
#smx-footer .smxf-instagram:hover{color:#352c23;background:#f0e8da;border-color:#a17d47}
#smx-footer .smxf-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;padding-top:23px;border-top:1px solid #dfd2bf;font:12px/1.65 Arial,Helvetica,sans-serif}
@media(max-width:700px){#smx-footer .smxf-top{display:grid;grid-template-columns:1fr;gap:24px}#smx-footer .smxf-bottom{flex-direction:column;align-items:flex-start;gap:15px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){#smx-footer .smxf-instagram{transition:none}}

.contact-options{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.contact-options h3{font:400 25px/1.3 Georgia,serif;margin:0 0 8px}.contact-intro{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.5}
.contact-grid{display:grid;gap:10px}.contact-card{display:grid;grid-template-columns:28px 1fr;gap:3px 14px;min-width:0;padding:16px 18px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;text-align:left;text-decoration:none;font:inherit;line-height:1.35}
.contact-card svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3;align-self:center}.contact-card strong{font-size:16px}.contact-card span{grid-column:2;font-size:14px;color:var(--muted)}.contact-card:hover{background:var(--surface)}.contact-card.contact-whatsapp{background:var(--text);border-color:var(--text);color:white}.contact-whatsapp span{color:#eee4d2}.contact-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.contact-card:disabled{opacity:.6;cursor:wait}
