.dimension-number{display:flex;align-items:center;gap:10px;margin:8px 0}.dimension-number input{width:110px;min-height:44px;border:1px solid #796b58;border-radius:8px;padding:9px;background:#fff;color:#211d18}.dimension-number button{min-width:44px;min-height:44px;border:1px solid #796b58;border-radius:8px;background:#f7f3ee}.field-error{color:#982e22;font:13px/1.5 Inter,Arial,sans-serif;min-height:1.5em}.field-error:empty{display:none}.config-help,.price-context{font:13px/1.65 Inter,Arial,sans-serif;color:#51483e}.config-help a,.price-context a,.privacy-link{text-decoration:underline;text-underline-offset:3px}.option-card[aria-pressed=true]{outline:2px solid #51432e;outline-offset:-3px}.option-card[aria-pressed=true] strong::before{content:'✓ ';font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #66542e!important;outline-offset:3px}.config-step{scroll-margin-top:145px}.config-step legend:focus{outline:none}.config-step legend{line-height:1.4}.mobile-config-summary{display:none}.module-schemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.module-schemes button{border:1px solid #b4a590;border-radius:8px;background:#fff;padding:10px;font:12px/1.4 Inter,Arial,sans-serif;text-align:center}.module-schemes button[aria-pressed=true]{outline:2px solid #685135}.module-schemes button[aria-pressed=true]::after{content:' ✓'}.module-schemes svg{display:block;width:62px;height:80px;margin:0 auto 8px}.module-row:focus-within{outline:2px solid #685135;outline-offset:3px}.module-map{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0}.module-map span{border:1px solid #77634b;background:#f7f3ee;color:#211d18;padding:8px 12px}.module-map span[aria-current=true]{background:#211d18;color:white;outline:2px solid #a98556}.preview-frame{scroll-margin-top:125px}.config-details{font-size:12px;line-height:1.6;margin:8px 0}.config-details summary{cursor:pointer;text-decoration:underline}.request-status{font-size:14px;line-height:1.6}.request-status a,.request-status button{display:inline-block;margin:8px;padding:10px;border:1px solid currentColor}.config-examples{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.config-examples button{border:1px solid #8a7354;padding:12px;border-radius:8px;background:#f7f3ee}.config-panel [data-next]{letter-spacing:0;text-transform:none;line-height:1.5}.config-panel{min-width:0}.config-panel input,.config-panel textarea{max-width:100%}.price-context{margin:12px 0}.preview-frame.is-fallback [class$='3d-stage']{display:none}.preview-frame.is-fallback [data-wardrobe-preview]{display:flex!important}.preview-frame.is-fallback [data-preview-copy]{position:relative}.config-invalid-note{font-size:13px;color:#982e22}.config-contact-copy{font-size:13px;line-height:1.6;margin:12px 0}
@media(max-width:767px){.mobile-config-summary{display:flex;position:sticky;top:var(--domvs-mobile-header-height,88px);z-index:25;align-items:center;justify-content:space-between;gap:12px;background:#f7f3ee;border:1px solid #c9bdab;padding:10px;border-radius:8px;margin-bottom:16px;font-size:13px}.mobile-config-summary button{padding:9px;border:1px solid #66542e;border-radius:6px;background:white}.hero{min-height:0!important}.hero__copy{padding-top:24px}.config-panel [data-next]{width:auto;flex:1}.module-schemes{grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel{min-width:0}.config-step{scroll-margin-top:160px}.config-examples{display:grid;grid-template-columns:1fr}.mobile-config-summary:focus-within{position:static}body:has(.field-input:focus) .mobile-config-summary,body:has(.dimension-number input:focus) .mobile-config-summary{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
.module-row{min-width:0;max-width:100%}.vestis-page .module-row{grid-template-columns:minmax(0,1fr)}.module-row>*{min-width:0}.module-row__head{flex-wrap:wrap}.module-select{width:100%;min-width:0;max-width:100%}.module-schemes button{min-width:0;overflow-wrap:anywhere}

/* Keep focused controls clear of the fixed DOMVS header and footer. */
.config-panel button,.config-panel input,.config-panel select{scroll-margin-top:160px;scroll-margin-bottom:110px}
/* Explicit rows prevent dynamically inserted module labels becoming grid columns. */
.config-preview-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;min-width:0;gap:16px!important}.config-preview-layout>.module-map{align-self:start;align-items:center;margin:0;grid-row:1}.config-preview-layout>.activate-3d{grid-row:2}.config-preview-layout>.activate-3d[hidden]{display:none}.config-preview-layout>.preview-frame{width:100%;min-width:0;height:clamp(480px,65vh,720px);grid-row:3}.config-preview-layout>.result-panel{grid-row:4}.config-preview-layout .module-map span{flex:none;align-self:start}
.config-preview-layout [class$='3d-stage']{inset:70px 0 38px;background:linear-gradient(145deg,#777b80,#373b40)}.config-preview-layout .preview-frame{background:#292d32}.config-preview-layout [class$='3d-toolbar']{top:-58px;left:14px;right:14px;justify-content:flex-end;flex-wrap:wrap;gap:6px}.config-preview-layout [class$='3d-stage']{overflow:visible}.config-preview-layout [class$='3d-toolbar'] button{background:#fff;color:#17130f;opacity:1;font-size:12px;letter-spacing:0;min-height:36px;border:1px solid #c0c0c0}.config-preview-layout [class$='3d-hint']{top:auto;bottom:-30px;left:12px;right:12px;text-align:center;border:0;border-radius:0;background:#292d32;color:#fff;font-size:11px;letter-spacing:.02em;padding:4px;margin:0}.config-preview-layout [data-preview-kicker],.config-preview-layout .preview-frame>div:has([data-preview-title]){display:none}.config-preview-layout .is-fallback>div:has([data-preview-title]){display:block;background:#292d32;color:#fff}.config-preview-layout .is-fallback [data-preview-copy]{color:#fff}.config-preview-layout [class$='3d-stage']::after{display:none}
@media(max-width:600px){.config-preview-layout>.preview-frame{height:500px;min-height:500px}.config-preview-layout [class$='3d-toolbar']{left:8px;right:8px;justify-content:center}.config-preview-layout [class$='3d-toolbar'] button{padding:7px 9px}.config-preview-layout [class$='3d-hint']{font-size:10px}}
