.try-on-stage{position:relative;overflow:hidden;border:14px solid transparent;border-image:url('assets/v7/panel-border.webp') 72/14px/0 stretch;background:linear-gradient(180deg,#06243199,#031821cc);background-clip:padding-box;padding:20px;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;gap:12px;min-height:0}.try-on-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03131a33,#03151ddb);z-index:-1}.try-on-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:3}.try-on-stage-head .ui-title{margin:0}.try-on-stage-head .ui-title h1{font-size:29px}.try-on-visual{position:relative;min-height:0;isolation:isolate}.try-on-visual>.ui-person{position:absolute;inset:0 24% 0 0}.try-on-visual .ui-figure-wrap{position:absolute;inset:0}.try-on-avatar{position:absolute;right:2%;top:7%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;background:#05212caa;border:1px solid #d2b46b55;z-index:20}.try-on-avatar>span{font:12px var(--serif);color:#e3cf9e}.try-on-loader,.try-on-asset-error{position:absolute;inset:auto 10% 5%;z-index:30;padding:10px;text-align:center;background:#04202deb;border:1px solid #c9ad6f77}.try-on-loader{display:none}.try-on-visual.is-loading .try-on-loader{display:block}.try-on-asset-error strong,.try-on-asset-error span{display:block}.try-on-status{display:flex;flex-direction:column;gap:3px;padding:9px 12px;background:#051f2ad9;border-left:3px solid #d8b96f;z-index:3}.try-on-status strong{color:#ffe0a0}.try-on-status span{font-size:11px;color:#bdcbc5}.try-on-warning{color:#efc292!important}.try-on-summary{background:#041b25e8;border:1px solid #bea35e66;padding:12px;z-index:3;min-height:0}.try-on-summary>header,.try-on-summary>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.try-on-summary>header strong,.try-on-summary>footer strong,.try-on-summary>footer span,.try-on-summary>footer small{display:block}.try-on-summary>footer small{color:#efb98c}.try-on-compare{display:flex;gap:5px}.try-on-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;max-height:150px;overflow:auto;margin:9px 0;padding-right:4px;scrollbar-width:thin;scrollbar-color:#a98f50 #062330}.try-on-line{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #b49b6133;padding:5px 0}.try-on-line>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.try-on-line .item-art{width:42px;height:42px}.try-on-line strong,.try-on-line small,.try-on-line em{display:block;overflow-wrap:anywhere}.try-on-line strong{font-size:12px}.try-on-line small{font-size:10px}.try-on-line em{font-size:10px;color:#e8b98a;font-style:normal}.try-on-card-actions{display:flex;gap:6px;flex-wrap:wrap}.try-on-purchased{margin-top:10px;padding:10px;border:1px solid #76b99b77;background:#0b342d}.try-on-purchased>strong,.try-on-purchased>span{display:block}.try-on-purchased>span{font-size:11px;color:#c3d8cf;margin-bottom:7px}.try-on-quote{display:flex;flex-direction:column;gap:8px}.try-on-quote>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b89e6333;padding-bottom:7px}
@media(min-width:1200px){.ui-catalog.try-on-active{grid-template-columns:minmax(520px,42%) minmax(0,1fr);gap:3%}.ui-catalog.try-on-active .ui-products{gap:12px}.ui-catalog.try-on-active .ui-product{padding:12px}.ui-catalog.try-on-active .ui-product-art .item-art{max-height:145px}}
@media(max-width:1199px){.ui-catalog.try-on-active{display:flex;flex-direction:column;overflow:auto}.try-on-stage{height:auto;min-height:720px;flex:none}.try-on-visual{min-height:360px}.try-on-list{max-height:220px}.ui-catalog.try-on-active .ui-catalog-content{min-height:650px}}
@media(max-width:700px){.try-on-stage{min-height:760px;padding:12px;border-width:10px;grid-template-rows:auto 330px auto auto}.try-on-stage-head{align-items:center}.try-on-stage-head .ui-title h1{font-size:25px}.try-on-stage-head .ui-title p{font-size:13px}.try-on-stage-head>.btn{padding-inline:10px;font-size:12px}.try-on-visual>.ui-person{inset:0 6% 0 0}.try-on-avatar{right:0;top:4%;transform:scale(.78);transform-origin:top right}.try-on-list{grid-template-columns:1fr;max-height:190px}.try-on-summary>header,.try-on-summary>footer{align-items:flex-start;flex-direction:column}.try-on-compare,.try-on-summary .button-row{width:100%}.try-on-compare .btn,.try-on-summary .button-row .btn{flex:1;padding-inline:8px;white-space:normal}.try-on-status span{font-size:10px}.try-on-active .ui-products{grid-template-columns:1fr;grid-template-rows:repeat(4,auto)!important;min-height:0!important}.try-on-active .ui-product{grid-template-columns:115px minmax(0,1fr);grid-template-rows:none;min-height:180px}.try-on-active .ui-product-art .item-art{height:140px}}
@media(prefers-reduced-motion:reduce){.try-on-stage *{animation:none!important;transition:none!important}}

/* Keep the selected set usable inside the fixed-height desktop shell. */
.try-on-summary{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;scrollbar-width:thin;scrollbar-color:#a98f50 #062330}
@media(min-width:1200px){
 .ui-catalog.try-on-active .try-on-stage{grid-template-rows:auto minmax(135px,1fr) auto minmax(220px,240px);padding:16px}
 .ui-catalog.try-on-active .try-on-stage-head .ui-title{margin-bottom:4px}
 .ui-catalog.try-on-active .try-on-list{max-height:none;overflow:auto}
 .ui-catalog.try-on-active .try-on-status{display:block}
 .ui-catalog.try-on-active .try-on-status strong{display:block}
 .ui-catalog.try-on-active .try-on-status span{display:inline}
 .ui-catalog.try-on-active .try-on-status span+span:before{content:' · '}
 .ui-catalog.try-on-active .try-on-card-actions{gap:2px}
 .ui-catalog.try-on-active .try-on-card-actions .btn{padding-inline:8px}
}
@media(max-width:700px){
 .ui-catalog.try-on-active .try-on-stage{height:auto;min-height:1040px;overflow:visible;grid-template-rows:auto 360px auto minmax(360px,auto)}
 .ui-catalog.try-on-active .try-on-summary{overflow:visible}
}