/* The showroom shares AYIA's existing page, navigation, stock and request form. */
.showroom-enabled [hidden]{display:none!important}.showroom-enabled button{touch-action:manipulation}.showroom-enabled button:focus-visible,.showroom-placements:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:4px}.showroom-enabled .mixmatch-heading{margin-bottom:2.5rem}.showroom-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.showroom-controls{min-width:0;border-left:var(--line)}.showroom-controls .mix-panel{padding:28px;min-height:0}.showroom-controls .mix-step-heading{margin-bottom:24px;gap:12px}.showroom-controls .mix-step-heading h3{font-size:clamp(25px,2.7vw,39px);line-height:1.05;overflow-wrap:normal}.showroom-controls .mix-step-heading>span{flex-shrink:0;font-size:10px}.showroom-controls .mix-progress li{padding:14px 12px;gap:9px;min-height:64px}.showroom-controls .mix-progress li span{font-size:10px;letter-spacing:.03em}.showroom-controls .mix-progress li b{width:25px;height:25px;font-size:9px}.showroom-controls .mix-navigation{padding:18px 28px}.showroom-controls .mix-final-grid{grid-template-columns:1fr;gap:25px}.showroom-controls .mix-summary{display:block;padding:18px;background:#f4f2e8;border:1px solid #d1ccbf}.showroom-controls .custom-request-card summary{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.showroom-summary-text>strong{display:block;font-size:21px;margin:8px 0}.showroom-summary-text>p{font-size:13px;line-height:1.6}.showroom-summary-text dl{display:grid;grid-template-columns:1fr 1.3fr;gap:14px 9px;font-size:12px;line-height:1.5}.showroom-summary-text dd{margin:0;text-align:right}.showroom-summary-text dt{color:#666}.showroom-summary-text .summary-disclaimer{font-size:11px;margin-bottom:0}.showroom-stage{position:sticky;top:92px;height:calc(100dvh - 92px);min-height:500px;max-height:900px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e6e1d966,transparent 70%)}.showroom-garment{display:block;position:absolute;top:13px;left:50%;transform:translateX(-50%);height:calc(100% - 128px);max-width:100%;aspect-ratio:3/4;border:0;background:transparent;padding:0;cursor:zoom-in;filter:drop-shadow(9px 9px 6px #0002)}.showroom-garment:disabled{cursor:default}.showroom-canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.showroom-stage-rail,.showroom-rack-rail{position:absolute;left:9%;right:9%;top:calc(2.6% + 4px);height:11px;border:1px solid #6e7470;border-radius:8px;background:linear-gradient(#6d7370,#eef0ed 25%,#a7adaa 50%,#48524b);box-shadow:0 3px 6px #0002;z-index:-1}.showroom-view-label{position:absolute;bottom:95px;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#62605b;margin:0}.showroom-view-switch{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);display:flex;width:220px;padding:4px;border:1px solid #d3d0c9;border-radius:30px;background:var(--paper)}.showroom-view-switch button{border:0;flex:1;background:transparent;border-radius:25px;min-height:42px;font-size:13px;cursor:pointer}.showroom-view-switch button[aria-pressed=true]{background:var(--ink);color:white}.showroom-caption{position:absolute;bottom:5px;margin:0;padding:0 12px;width:100%;text-align:center;font-size:10px;line-height:1.5;color:#605d58}.showroom-zoom{position:absolute;top:24px;right:16px;border:1px solid #cbc7bd;border-radius:25px;padding:11px 13px;background:var(--paper);font-size:11px;cursor:pointer;z-index:2}.showroom-loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);padding:14px 18px;border:1px solid #d3d0c9;border-radius:4px;background:var(--paper);font-size:12px;text-align:center;z-index:3}.showroom-retry{position:absolute;top:58%;left:50%;transform:translateX(-50%);border:1px solid var(--blue);background:var(--paper);color:var(--blue);padding:10px 15px;cursor:pointer;z-index:3}.showroom-stage.is-loading .showroom-garment,.showroom-stage.has-error .showroom-garment{visibility:hidden}.showroom-stage.is-loading .showroom-reference{visibility:hidden}.showroom-reference{position:absolute;inset:18px 18px 130px;width:calc(100% - 36px);height:calc(100% - 148px);object-fit:contain}.showroom-placements{border:0;padding:0;margin:25px 0}.showroom-placements legend{font-weight:800;font-size:14px;margin-bottom:12px}.showroom-placements label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #c9c4b9;border-radius:4px;margin-bottom:9px;cursor:pointer}.showroom-placements label:has(input:checked){border:2px solid var(--blue);padding:13px;background:#ecebff}.showroom-placements label:has(input:disabled){opacity:.5;cursor:default}.showroom-placements input{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}.showroom-placements span{display:flex;flex-direction:column;gap:7px}.showroom-placements b{font-size:13px}.showroom-placements small{font-size:11px;color:#68645e}.showroom-placements p{font-size:12px;line-height:1.6;color:var(--blue)}.showroom-fit-note{font-size:13px;line-height:1.6;padding:15px;border-left:4px solid var(--orange);background:#fff1dc}.showroom-custom-fit{border:0;border-bottom:1px solid currentColor;padding:7px 0;color:var(--blue);font-size:13px;background:none;cursor:pointer}.showroom-new{display:block;margin:25px auto;background:none;border:1px solid #c9c4b9;padding:12px 16px;font-size:12px;cursor:pointer}.showroom-review{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 15px}.showroom-review>button{background:#f3f0e9;border:1px solid #d4cfc4;border-radius:4px;padding:6px 4px 13px;min-width:0;cursor:zoom-in}.showroom-review>button>span{display:block;width:100%;aspect-ratio:3/4;filter:drop-shadow(4px 4px 3px #0002)}.showroom-review b{display:block;font-size:10px;font-weight:500}.showroom-review[aria-busy=true]>button>span{visibility:hidden}.showroom-rack-shell{position:relative;margin:0 -22px;isolation:isolate}.showroom-rack-rail{top:22px;left:6px;right:6px;height:8px;z-index:0}.showroom-enabled .design-grid{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 22px 18px;align-items:flex-start;position:relative;overscroll-behavior-x:contain}.showroom-enabled .design-grid::-webkit-scrollbar{display:none}.showroom-enabled .design-card{flex:0 0 230px;border:0;background:transparent;box-shadow:none;margin-right:-55px;overflow:visible;scroll-snap-align:center;transform:none;transition:none}.showroom-enabled .design-card:last-child{margin-right:0}.showroom-enabled .design-card:hover,.showroom-enabled .design-card:focus-visible,.showroom-enabled .design-card.is-selected{box-shadow:none;transform:none;outline:none}.showroom-enabled .design-image{position:relative;height:306px;aspect-ratio:3/4;width:230px;padding:0;border:0;background:none;transform:perspective(900px) rotateY(-43deg);transform-origin:50% 2.6%;transition:transform .3s;filter:drop-shadow(5px 7px 4px #0002)}.showroom-enabled .design-card:hover .design-image,.showroom-enabled .design-card:focus-visible .design-image,.showroom-enabled .design-card.is-selected .design-image{transform:perspective(900px) rotateY(0);z-index:2}.showroom-enabled .design-image canvas{position:absolute;inset:0}.showroom-enabled .rack-ready .design-image>img{visibility:hidden}.showroom-enabled .design-card .design-meta{padding:10px 12px;width:175px;min-height:75px}.showroom-enabled .design-meta small{font-size:8px;line-height:1.4;letter-spacing:.04em}.showroom-enabled .design-meta strong{font-size:12px;line-height:1.4}.showroom-enabled .design-card.is-selected .design-meta strong{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.showroom-rack-help{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:8px 0 25px}.showroom-rack-help>small{font-size:10px;line-height:1.5;color:#6b655d;max-width:310px}.showroom-rack-help>div{display:flex;gap:8px;flex-shrink:0}.showroom-rack-help button{border:1px solid #ccc5b6;background:transparent;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.showroom-enabled .design-filters{display:flex;gap:8px;flex-wrap:wrap}.showroom-enabled .design-filters .choice-button{font-size:10px;padding:9px 11px;min-height:38px;letter-spacing:.02em}.showroom-zoom-dialog{inset:0;margin:auto;width:min(1000px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;border:0;padding:0;border-radius:8px;background:var(--paper);overflow:hidden}.showroom-zoom-dialog::backdrop{background:#171328c2;backdrop-filter:blur(8px)}.showroom-zoom-dialog>header{height:110px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d0c9bc}.showroom-zoom-dialog header>div{min-width:0}.showroom-zoom-dialog header small{font-size:9px;color:var(--blue);letter-spacing:1px}.showroom-zoom-dialog h2{font-size:22px;font-weight:500;margin:5px 0}.showroom-zoom-dialog header p{font-size:11px;margin:5px 0;overflow-wrap:anywhere}.showroom-zoom-dialog header button{border:0;border-bottom:1px solid currentColor;background:none;padding:6px 0;font-size:13px;flex-shrink:0;cursor:pointer}.showroom-zoom-viewport{height:calc(100% - 217px);overflow:auto;padding:20px;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;background:radial-gradient(#e5dfd566,var(--paper) 70%)}#showroom-zoom-wrap{margin:0 auto;flex-shrink:0}#showroom-zoom-canvas{display:block;width:100%;height:100%;max-width:none;pointer-events:none;filter:drop-shadow(7px 9px 6px #0002)}.showroom-zoom-tools{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px}.showroom-zoom-tools button{min-width:38px;height:37px;border:1px solid #c9c1b2;background:none;border-radius:4px;font-size:17px;cursor:pointer}.showroom-zoom-tools #showroom-zoom-reset{font-size:12px;padding:0 10px}.showroom-zoom-tools output{min-width:45px;text-align:center;font-size:12px}.showroom-zoom-hint{text-align:center;font-size:11px;color:#6a6258;padding:0 15px;margin:0}.showroom-zoom-open{overflow:hidden}
@media(max-width:900px){.showroom-layout{grid-template-columns:1fr}.showroom-controls{border-left:0;border-top:var(--line)}.showroom-stage{top:72px;height:38dvh;min-height:275px;max-height:360px;z-index:20;background:var(--paper);border-bottom:1px solid #d6cfc0}.showroom-garment{top:8px;height:calc(100% - 111px)}.showroom-stage-rail{top:calc(2.6% + 1px);height:9px}.showroom-view-switch{bottom:31px;width:208px}.showroom-view-switch button{min-height:37px;font-size:12px}.showroom-view-label{bottom:80px;font-size:8px}.showroom-caption{font-size:9px;bottom:4px;line-height:1.5;max-height:27px;overflow:hidden}.showroom-zoom{top:18px;right:13px;font-size:10px;padding:9px 11px}.showroom-reference{inset:9px 15px 110px;width:calc(100% - 30px);height:calc(100% - 119px)}.showroom-controls .mix-panel{padding:25px 20px}.showroom-controls .mix-navigation{padding:17px 20px}.showroom-enabled .mix-builder{scroll-margin-top:80px}.showroom-enabled .mixmatch{padding:36px 14px 55px}.showroom-enabled .mixmatch-heading{margin-bottom:30px}.showroom-zoom-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.showroom-controls .mix-final-grid{gap:20px}.showroom-rack-shell{margin:0 -15px}.showroom-enabled .design-grid{padding-left:15px;padding-right:15px}.showroom-enabled .design-card{flex-basis:208px;margin-right:-52px}.showroom-enabled .design-image{width:208px;height:277px}.showroom-enabled .design-card .design-meta{width:155px}.showroom-rack-rail{top:22px}.showroom-controls .mix-progress li{gap:6px;padding:13px 10px}.showroom-controls .mix-progress li span{font-size:9px}.showroom-zoom-dialog h2{font-size:18px}.showroom-zoom-dialog>header{padding:15px}.showroom-enabled .request-form-intro{font-size:13px;line-height:1.6}.showroom-enabled .custom-request-content{padding:18px 12px}.showroom-enabled .form-field label{font-size:12px;letter-spacing:.02em}.showroom-enabled .request-success strong{font-size:25px}.showroom-enabled .choice-button{font-size:12px}.showroom-enabled .color-button{font-size:11px}}
@media(max-width:360px){.showroom-controls .mix-panel{padding:23px 15px}.showroom-controls .mix-progress li{padding:12px 7px;gap:4px}.showroom-controls .mix-progress li b{width:21px;height:21px}.showroom-controls .mix-step-heading h3{font-size:25px}.showroom-placements label{padding:12px 9px;gap:8px}.showroom-placements label:has(input:checked){padding:11px 8px}.showroom-placements b{font-size:12px}.showroom-placements small{font-size:10px}.showroom-controls .mix-request-form{grid-template-columns:1fr}.showroom-zoom-hint{font-size:10px}.showroom-rack-help>small{font-size:9px}.showroom-enabled .mixmatch-heading h2{font-size:3.3rem}}
@media(prefers-reduced-motion:reduce){.showroom-enabled .design-image{transition:none}}
.showroom-enabled .mixmatch-intro p{font-size:16px;letter-spacing:0;line-height:1.65;font-weight:600}
@media(max-width:900px){.showroom-stage{top:76px}}

.custom-category-note{font-size:13px;line-height:1.65;padding:14px;border-left:4px solid var(--blue);background:#eeecff;margin:16px 0}.showroom-enabled #item-block{margin-top:0}

/* Keep the stocked flow primary; custom requests are a quiet fallback after Continue. */
.showroom-controls>.custom-request-card{margin:22px 28px 0;border:1px solid #d0c9bc;background:var(--paper);box-shadow:none}
.showroom-controls>.custom-request-card summary{min-height:0;padding:18px;gap:10px}
.showroom-controls>.custom-request-card summary small{font-size:9px;color:#70685f;letter-spacing:.08em}
.showroom-controls>.custom-request-card summary strong{font-size:17px;line-height:1.3}
.showroom-controls>.custom-request-card summary em{font-size:12px;font-weight:400;line-height:1.5}
.showroom-controls>.custom-request-card summary b{background:none;box-shadow:none;border:0;border-bottom:1px solid currentColor;padding:6px 0;font-size:11px;width:auto;color:var(--blue)}
.showroom-controls .mix-next{min-width:190px}
.showroom-controls .mix-navigation:has(#mix-back[hidden]) .mix-next{width:100%}
@media(max-width:900px){.showroom-controls>.custom-request-card{margin:18px 20px 0}}

/* Raw artwork never appears before the composed garment is ready. */
.showroom-enabled .design-image>img{display:none}
.showroom-enabled .design-image{display:block}
.showroom-enabled .rack-status{position:absolute;inset:35% 15% auto;min-height:70px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.5;text-align:center;color:#6b655d;transform:rotateY(43deg)}
.showroom-enabled .rack-ready .rack-status{display:none}
.showroom-enabled .design-card:disabled{opacity:1;cursor:progress}
.showroom-enabled .design-card:disabled .design-image{transform:none}
.showroom-enabled .design-card:disabled .rack-status{transform:none}
.showroom-enabled .design-card[data-rack-state=error] .rack-status{color:var(--blue);text-decoration:underline}

.design-first-note{font-size:13px;line-height:1.6;color:#696257;margin:-7px 0 23px}
.selected-design-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;background:#eeecff;border-left:4px solid var(--blue);margin:0 0 24px}
.selected-design-bar>div{min-width:0}.selected-design-bar small{display:block;font-size:9px;letter-spacing:.07em;margin-bottom:7px;color:var(--blue)}.selected-design-bar strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.selected-design-bar button{flex-shrink:0;background:none;border:0;border-bottom:1px solid currentColor;color:var(--blue);padding:8px 0;font-size:12px;cursor:pointer}
@media(max-width:360px){.selected-design-bar{align-items:flex-start;flex-direction:column;gap:7px}.design-first-note{font-size:12px}}

.form-field input,.form-field select,.form-field textarea,.consent-field{scroll-margin-top:110px}
@media(max-width:900px){
 .showroom-enabled[data-showroom-step="3"] .showroom-stage,.showroom-layout:has(.custom-request-card[open]) .showroom-stage{position:relative;top:auto}
 .showroom-enabled[data-showroom-step="3"] .form-field input,.showroom-enabled[data-showroom-step="3"] .form-field textarea,.showroom-enabled[data-showroom-step="3"] .consent-field,.custom-request-form input,.custom-request-form select,.custom-request-form textarea,.custom-request-form .consent-field{scroll-margin-top:100px}
}