:is(#modulePicker,#tribunePicker){height:fit-content;min-height:0;margin:auto;width:min(1200px,calc(100vw - 40px));max-height:calc(100dvh - 40px);border:1px solid #dfe4e1;border-radius:28px;padding:32px;background:#f5f6f3;color:#222b29;overscroll-behavior:contain;overflow:auto}
:is(#modulePicker,#tribunePicker)::backdrop{background:rgba(21,35,33,.36);backdrop-filter:blur(8px)}
.module-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
.module-picker-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-1.6px;margin:10px 0 14px}
.module-picker-heading p{color:#64716f;margin:0;line-height:1.5}
.module-picker-heading .icon-button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:white;border:1px solid #dfe4e1;border-radius:50%;padding:0;line-height:1}.module-picker-heading .icon-button svg{display:block;width:22px;height:22px;margin:0}
.module-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.module-option{padding:0;text-align:left;border:1px solid #dde3df;background:white;border-radius:20px;overflow:hidden;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer;white-space:normal;min-width:0;display:grid;grid-template-rows:auto 1fr}
.module-option:hover,.module-option:focus-visible{transform:translateY(-3px);border-color:#1b5879;box-shadow:0 12px 28px #23363018}
.module-option img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.module-option-copy{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0}
.module-option-copy>strong{font-size:clamp(25px,2.4vw,32px);letter-spacing:-.8px;line-height:1.12}
.module-option-size{font-size:15px;color:#1c5674;font-weight:500;display:flex;gap:7px;align-items:center;white-space:nowrap}
.module-option-description{font-size:14px;line-height:1.5;color:#65716f;margin:6px 0 18px;flex:1}
.module-option-price{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e5e9e6;padding-top:16px;color:#1c5674;font-size:18px;font-weight:650}
.module-option-price small{display:block;font-size:10px;line-height:1.5;color:#65716f;font-weight:400;margin-top:5px}
.module-option-price svg{width:22px;height:22px;flex:none}
.price-notice{font-size:12px;line-height:1.5;color:#667571;margin:18px 0 0}
.accessory-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;padding:16px 0;border-top:1px solid #e7ebe8}.accessory-field:first-child{border-top:0}.accessory-field img{width:92px;height:82px;object-fit:cover;border-radius:12px;background:#f0f2ee}.accessory-field label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.accessory-field select{width:100%;min-width:0;min-height:44px;padding:9px 24px 9px 12px;border:1px solid #d8dfdb;background:white;border-radius:12px;color:#27312e;font-size:13px}.accessory-field option:disabled{color:#a4ada8}.field-note{font-size:13px;color:#697570;line-height:1.55;margin:12px 0 0}.furniture-edit-button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:50px;border:1px solid #d6dfd9;border-radius:14px;background:#eef3f0;font-size:15px;font-weight:600;color:#1b5879;padding:12px 16px;margin-top:18px}
#configurationNotice{position:sticky;top:0;z-index:4;padding:12px 16px;border-radius:14px;background:#fff3d9;color:#665024;font-size:14px}#configurationPrice{font-size:25px!important;letter-spacing:-.5px}#configurationPriceNotice{font-size:11px!important;line-height:1.4;max-width:330px}.config-sticky-action>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}.config-sticky-action>div>small{width:100%}
@media(max-width:900px){.module-options{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#modulePicker,#tribunePicker){padding:22px}}
@media(max-width:520px){:is(#modulePicker,#tribunePicker){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px;border-radius:22px}.module-options{gap:10px}.module-option-copy{padding:12px;gap:8px}.module-option-copy strong{font-size:clamp(20px,5.8vw,24px)}.module-option-description{font-size:12px;margin:4px 0 12px}.module-option-size{font-size:12px;gap:4px}.module-option-price small{font-size:9px}.module-option-price svg{width:16px;height:16px}.module-option-price{font-size:13px}.module-picker-heading h2{font-size:27px}.module-picker-heading p{font-size:14px}.module-picker-heading{gap:8px}.accessory-field{grid-template-columns:72px minmax(0,1fr);gap:10px}.accessory-field img{width:72px;height:74px}}
#quotePriceSummary{margin-top:14px;display:grid;gap:8px}#quotePriceSummary>strong{font-size:18px!important;color:#1b5879}#quotePriceSummary small{font-size:11px;color:#6b7772}#quotePriceSummary summary{font-size:13px;color:#1b5879;cursor:pointer}#quotePriceSummary p{display:flex;justify-content:space-between;gap:20px;margin:8px 0;font-size:12px}#quotePriceSummary b{white-space:nowrap}
/* Technical brochure: navigation beside the document, centred in each button. */
#documentDialog .document-stage { position: relative; flex: 1; min-height: 0; overflow: hidden; }
#documentDialog .document-pages { height: 100%; padding-inline: 64px; }
#documentDialog .document-page-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; min-height: 44px; padding: 0; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--color-line); background: var(--color-paper); color: var(--color-accent); box-shadow: 0 3px 12px var(--color-shadow); }
#documentDialog .document-page-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#previousPage { left: 10px; } #nextPage { right: 10px; }
#documentDialog .document-controls { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
#documentDialog #zoomPage { justify-self: start; }
#documentDialog .document-controls a { justify-self: end; }
#documentDialog #pageNumber { min-width: 50px; text-align: center; font-variant-numeric: tabular-nums; }
@media(max-width: 600px) {
 #documentDialog .document-pages { padding-inline: 8px; }
 #documentDialog .document-page-arrow { background: rgba(255,255,255,.94); }
 #previousPage { left: 4px; } #nextPage { right: 4px; }
 #documentDialog .document-controls { gap: 6px; padding-inline: 10px; }
 #documentDialog .document-controls a { font-size: 10px; }
}

/* Wallpaper previews use the same compact cards as the other finishes. */
.wallpaper-field .finish-sample {overflow:hidden;}
.wallpaper-field .finish-sample img {display:block;width:100%;height:100%;object-fit:cover;}
.wallpaper-note {font-size:11px;line-height:1.5;color:var(--color-muted,#65716e);margin:10px 0 0;}

/* Aperture previews share accessory proportions, labels and responsive spacing. */
.finish-field.opening-field{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px}
.opening-preview,.awning-choice>img{display:block;width:84px;height:72px;object-fit:contain;border-radius:12px;background:var(--color-soft)}
.opening-field>div{min-width:0}.opening-field label{display:block;margin-bottom:8px}.opening-field select{width:100%;min-width:0}
.config-toggle.awning-choice{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;gap:14px;align-items:center}
.awning-choice>span{min-width:0}.awning-choice small{display:block;margin-top:4px;font-weight:400;color:var(--color-muted);font-size:11px}
@container scene (max-width:620px){.finish-field.opening-field,.config-toggle.awning-choice{gap:10px}}

#tribunePicker{width:min(880px,calc(100vw - 40px))}#tribunePicker .module-options{grid-template-columns:repeat(2,minmax(0,1fr))}#tribunePicker .module-option{text-decoration:none}#tribunePicker .tribune-option-picture{display:block;min-width:0}#tribunePicker .module-option-size{white-space:normal}.catalog-grid:has(#catalogTribune){grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1500px){.catalog-grid:has(#catalogTribune){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.catalog-grid:has(#catalogTribune){grid-template-columns:1fr}#tribunePicker{width:calc(100vw - 20px)}#tribunePicker .module-options{grid-template-columns:1fr}#tribunePicker .module-option{grid-template-columns:40% 60%;grid-template-rows:1fr}#tribunePicker .tribune-option-picture{position:relative;overflow:hidden}#tribunePicker .module-option img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 60%}#tribunePicker .module-option-description{display:none}}