/* Treventi: visible choices, compact progress, stable preview and explicit actions. */
#treventi-configurator{--muted:#59564f;--accent:#722c3c;--line:#cbc5bb;padding-bottom:70px}
#treventi-configurator .tc-intro{padding-block:24px 30px}
#treventi-configurator .tc-intro h1{font-size:clamp(30px,3.2vw,44px);line-height:1.12}
#treventi-configurator .tc-intro>p{font-size:11px;letter-spacing:.16em}
#treventi-configurator .tc-intro>span{font-size:16px;color:#59564f}
#treventi-configurator .tc-workspace{gap:5%;max-width:1340px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
#treventi-configurator .tc-panel-heading h2{font-size:34px;line-height:1.12;margin-bottom:14px}
#treventi-configurator .tc-panel-heading p{font-size:17px;line-height:1.5;max-width:650px;color:#59564f}
#treventi-configurator .tc-controls h3{font-size:22px;line-height:1.3;margin-top:26px;margin-bottom:16px}
#treventi-configurator .tc-controls h3:first-child{margin-top:0}
#treventi-configurator .tc-progress{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:12px 0 26px}
#treventi-configurator .tc-progress button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:72px;min-width:0;padding:10px 7px;border:0;border-top:2px solid #bdb5aa;background:transparent;color:#59564f;text-align:left}
#treventi-configurator .tc-progress button[aria-current=step]{color:#722c3c;border-color:#722c3c;background:#ede3e3}
#treventi-configurator .tc-progress button.tc-done{border-color:#722c3c}
#treventi-configurator .tc-progress button span{display:block;width:auto;height:auto;font-size:14px;background:none;border:0;color:inherit}
#treventi-configurator .tc-progress button small{display:block!important;font-size:13px;line-height:1.2;white-space:normal;letter-spacing:0;text-transform:none;color:inherit}
#treventi-configurator .tc-steps-toggle{display:none}
#treventi-configurator .tc-progress-top{font-size:13px;color:#59564f}
#treventi-configurator .tc-preview{background:#ebe6de;padding:22px;border:1px solid #d6cfc5;top:24px;border-radius:0}
#treventi-configurator .tc-preview-note{font-size:12px;line-height:1.5;color:#59564f}
#treventi-configurator .tc-preview-caption strong{font-size:24px}
#treventi-configurator .tc-preview-top{color:#59564f}
#treventi-configurator .tc-scene{background:transparent}
#treventi-configurator .tc-layouts{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#treventi-configurator .tc-layout-card{padding:9px 5px 12px;background:#fff;min-width:0}
#treventi-configurator .tc-layout-card svg{height:118px;width:100%}
#treventi-configurator .tc-layout-card>span:not(.tc-tick){font-size:14px}
#treventi-configurator .tc-two-options .tc-illustrated{display:grid;grid-template-columns:72px minmax(0,1fr);text-align:left;align-items:center;gap:6px 12px;padding:15px;min-height:112px}
#treventi-configurator .tc-two-options .tc-illustrated svg{width:72px;height:86px;grid-column:1;grid-row:1/3;margin:0}
#treventi-configurator .tc-two-options .tc-illustrated strong{grid-column:2;grid-row:1;align-self:end;font-size:17px}
#treventi-configurator .tc-two-options .tc-illustrated small{grid-column:2;grid-row:2;align-self:start;font-size:13px;color:#59564f}
#treventi-configurator [aria-pressed=true]:is(.tc-illustrated,.tc-layout-card,.tc-choice,.tc-accessory-card,.tc-colour,.tc-opening,.tc-glass-option){border-color:#722c3c;box-shadow:inset 0 0 0 1px #722c3c}
#treventi-configurator .tc-tick{background:#722c3c;color:#fff}
#treventi-configurator .tc-primary{background:#722c3c;border-color:#722c3c;color:#fff;min-height:48px}
#treventi-configurator .tc-primary:hover{background:#58212e}
#treventi-configurator .tc-note{font-size:14px;line-height:1.5;color:#59564f}
#treventi-configurator .tc-languages button{min-height:44px;min-width:34px;color:#59564f}
#treventi-configurator .tc-languages button[aria-pressed=true]{color:#722c3c}
#treventi-configurator .tc-bottom{position:sticky;bottom:0;z-index:4;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;background:#f4f1ebf5;backdrop-filter:blur(8px);border-top:1px solid #bdb5aa;margin-top:30px}
#treventi-configurator .tc-bottom #tc-next{margin-left:auto;font-size:16px;white-space:normal;max-width:80%;line-height:1.3}
#treventi-configurator .tc-error:not(:empty){padding:16px;border:1px solid #8c2635;color:#722c3c;background:#fff5f5;margin:20px 0}
#treventi-configurator :focus-visible{outline:3px solid #722c3c!important;outline-offset:4px}
#treventi-configurator .tc-help-choice{margin:24px 0}
#treventi-configurator :is(button,input,select,summary,textarea){scroll-margin-bottom:110px}
#treventi-configurator .tc-opening[disabled]{opacity:1;color:#68635b;background:#eeeae3;border-style:dashed}
#treventi-configurator .tc-opening[disabled] small,#treventi-configurator .tc-opening[disabled] em{color:#68635b}
@media(max-width:1000px){#treventi-configurator .tc-workspace{gap:4%;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}#treventi-configurator .tc-two-options .tc-illustrated{grid-template-columns:52px minmax(0,1fr);padding:12px;gap:8px}#treventi-configurator .tc-two-options .tc-illustrated svg{width:52px;height:72px}#treventi-configurator .tc-layout-card svg{height:100px}}
@media(max-width:760px){
 #treventi-configurator{padding-bottom:20px}
 #treventi-configurator .tc-workspace{display:grid;grid-template-columns:1fr;gap:20px}
 #treventi-configurator .tc-intro{padding-block:16px 22px}
 #treventi-configurator .tc-intro h1{font-size:30px}
 #treventi-configurator .tc-intro>span{font-size:15px;line-height:1.5}
 #treventi-configurator .tc-preview{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:86px minmax(0,1fr);gap:3px 14px;padding:10px 14px;background:#ebe6defa;max-height:170px;overflow:hidden}
 #treventi-configurator .tc-preview-top{grid-column:2;grid-row:1;font-size:11px;padding:0;align-self:end}
 #treventi-configurator .tc-preview .tc-scene{grid-column:1;grid-row:1/4;width:86px;height:122px;min-height:0;aspect-ratio:auto;margin:0}
 #treventi-configurator .tc-preview .tc-scene svg{height:122px;width:100%;object-fit:contain}
 #treventi-configurator .tc-preview-caption{grid-column:2;grid-row:2;padding:0;text-align:left;align-self:center;display:block}
 #treventi-configurator .tc-preview-caption strong{font-size:20px;display:block}
 #treventi-configurator .tc-preview-caption>span{font-size:12px;line-height:1.35;display:block}
 #treventi-configurator .tc-preview-caption small{font-size:11px}
 #treventi-configurator .tc-preview-note{grid-column:2;grid-row:3;font-size:10px;line-height:1.3;margin:0;align-self:start}
 #treventi-configurator .tc-preview>.tc-note{display:none}
 #treventi-configurator .tc-progress{gap:3px;margin-bottom:24px}
 #treventi-configurator .tc-progress button{padding:8px 4px;min-height:75px;gap:6px}
 #treventi-configurator .tc-progress button small{font-size:11px;line-height:1.3}
 #treventi-configurator .tc-panel-heading h2{font-size:29px}
 #treventi-configurator .tc-panel-heading p{font-size:16px}
 #treventi-configurator .tc-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #treventi-configurator .tc-layout-card svg{height:115px}
 #treventi-configurator .tc-two-options{gap:10px}
 #treventi-configurator .tc-two-options .tc-illustrated{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;min-height:150px;padding:12px 8px}
 #treventi-configurator .tc-two-options .tc-illustrated svg{grid-row:1;grid-column:1;width:64px;height:80px}
 #treventi-configurator .tc-two-options .tc-illustrated strong{grid-row:2;grid-column:1;font-size:16px}
 #treventi-configurator .tc-two-options .tc-illustrated small{grid-row:3;grid-column:1;font-size:12px}
 #treventi-configurator .tc-bottom{padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));gap:8px}
 #treventi-configurator .tc-bottom #tc-next{font-size:15px;padding:12px 14px;max-width:76%}
 #treventi-configurator .tc-controls{scroll-margin-top:var(--tc-preview-offset,170px)}
}
@media(prefers-reduced-motion:reduce){#treventi-configurator *{scroll-behavior:auto;transition:none!important}}