/* Customer layouts for phone, tablet, landscape and the Android WebViewer. */
.customer-body { -webkit-text-size-adjust:100%; }
.customer-body *, .customer-body *::before, .customer-body *::after { box-sizing:border-box; }
.customer-body img { max-width:100%; }
.customer-body .input-field, .customer-body .select-field, .customer-body textarea { max-width:100%; }
/* Preserve the original desktop studio; touch controls belong to compact layouts. */
body.customer-body.tryon-body .tryon-view-actions, body.customer-body.tryon-body .tryon-gesture-help { display:none; }
@media(max-width:1100px) {
body.customer-body.tryon-body .tryon-view-actions { position:relative; z-index:3; display:flex; gap:6px; justify-content:center; padding:8px 12px 0; }
body.customer-body.tryon-body .tryon-view-actions button { min-width:42px; min-height:40px; padding:8px 12px; background:#171d27; color:#edf2f7; border:1px solid #30394a; border-radius:10px; font-family:inherit; font-weight:600; font-size:12px; cursor:pointer; touch-action:manipulation; }
body.customer-body.tryon-body .tryon-view-actions button:focus-visible { outline:2px solid #facc15; outline-offset:2px; }
body.customer-body.tryon-body .tryon-gesture-help { display:block; margin:6px 12px 10px; text-align:center; font-size:11px; color:#94a3b8; }
body.customer-body.tryon-body .tryon-stage-panel { display:flex!important; flex-direction:column; min-width:0; max-height:none!important; }
body.customer-body.tryon-body .tryon-avatar-switcher { position:relative!important; inset:auto!important; flex:0 0 auto; width:calc(100% - 24px)!important; margin:12px 12px 0!important; display:flex!important; justify-content:center; gap:10px!important; padding:10px!important; border-radius:12px!important; }
body.customer-body.tryon-body .tryon-avatar-control { flex:1; min-width:0; max-width:220px; }
body.customer-body.tryon-body .tryon-avatar-control .select-field { width:100%!important; max-width:none!important; min-height:40px; font-size:14px!important; }
body.customer-body.tryon-body .tryon-stage-panel #tryon-canvas { position:relative!important; inset:auto!important; flex:1 1 0; max-height:none!important; width:100%!important; min-height:260px!important; height:auto!important; padding:0!important; margin:0!important; overflow:hidden!important; }
body.customer-body.tryon-body .tryon-stage-panel #tryon-canvas canvas { display:block; padding:0!important; width:100%!important; height:100%!important; touch-action:none; }
body.customer-body.tryon-body .tryon-stage-panel::before, body.customer-body.tryon-body .tryon-stage-panel::after, body.customer-body.tryon-body .tryon-stage-panel #tryon-canvas::after { display:none!important; }
}
@media(max-width:1200px) {
 .customer-body .container { width:calc(100% - 32px); }
 .customer-body .product-layout, .customer-body .checkout-layout { min-width:0; }
 .customer-body .btn { min-height:44px; }
 .customer-body .product-card, .customer-body .auth-card { min-width:0; }
}
@media(max-width:1100px) {
 body.customer-body.tryon-body .tryon-studio-page { height:auto!important; min-height:0!important; overflow:visible!important; }
 body.customer-body.tryon-body .tryon-studio-shell { height:auto!important; min-height:0!important; display:grid!important; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important; grid-template-areas:'catalog stage' 'right right'!important; overflow:visible!important; align-items:start!important; }
 body.customer-body.tryon-body .tryon-catalog-panel { grid-area:catalog!important; width:100%!important; height:620px!important; max-height:none!important; min-width:0!important; overflow:hidden!important; }
 body.customer-body.tryon-body .tryon-catalog-list { min-height:0!important; overflow:auto!important; }
 body.customer-body.tryon-body .tryon-stage-panel { grid-area:stage!important; width:100%!important; height:620px!important; min-height:0!important; margin:0!important; padding:0!important; }
 body.customer-body.tryon-body .tryon-right-panel { grid-area:right!important; width:100%!important; height:auto!important; min-width:0!important; max-height:none!important; display:grid!important; grid-template-columns:1fr 1fr!important; align-items:start!important; gap:12px!important; padding:12px!important; overflow:visible!important; }
 body.customer-body.tryon-body .tryon-primary-purchase-actions { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; }
 body.customer-body.tryon-body .tryon-selected-actions .btn { white-space:normal!important; width:100%!important; font-size:13px!important; padding:11px 9px!important; }
 body.customer-body.tryon-body .tryon-buy-now-form[hidden], body.customer-body.tryon-body .tryon-primary-purchase-actions[hidden] { display:none!important; }
}
@media(max-width:760px) {
 .customer-body .container { width:calc(100% - 24px); }
 .customer-body input:not([type='checkbox']):not([type='radio']), .customer-body select, .customer-body textarea { font-size:16px; }
 .customer-body .page-heading h1 { font-size:clamp(27px,7vw,36px); line-height:1.15; overflow-wrap:anywhere; }
 .customer-body .page-shell { padding:26px 0 36px; }
 .customer-body .auth-card { width:100%; padding:22px 18px; }
 .customer-body .site-nav { max-height:calc(100dvh - 86px); overflow-y:auto; }
 body.customer-body.tryon-body .tryon-studio-shell { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:'stage' 'catalog' 'right'!important; gap:0!important; }
 body.customer-body.tryon-body .tryon-stage-panel { height:clamp(350px,53svh,470px)!important; border-bottom:1px solid #252b35; }
 body.customer-body.tryon-body .tryon-avatar-switcher { margin:8px 10px 0!important; width:calc(100% - 20px)!important; padding:7px 9px!important; }
 body.customer-body.tryon-body .tryon-avatar-control .select-field { min-height:38px; padding:8px!important; font-size:14px!important; }
 body.customer-body.tryon-body .tryon-stage-panel #tryon-canvas { min-height:210px!important; }
 body.customer-body.tryon-body .tryon-view-actions { padding-top:4px; gap:5px; }
 body.customer-body.tryon-body .tryon-view-actions button { min-height:38px; padding:7px 10px; font-size:11px; }
 body.customer-body.tryon-body .tryon-gesture-help { margin:4px 10px 7px; font-size:10px; }
 body.customer-body.tryon-body .tryon-catalog-panel { height:auto!important; display:flex!important; flex-direction:column!important; gap:8px!important; padding:12px!important; overflow:visible!important; }
 body.customer-body.tryon-body .tryon-catalog-tabs { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; min-width:0!important; gap:6px!important; scrollbar-width:none; }
 body.customer-body.tryon-body .tryon-tab-btn { min-width:max-content!important; min-height:40px!important; padding:8px 10px!important; flex:0 0 auto!important; }
 body.customer-body.tryon-body .tryon-search-wrap { margin:0!important; }
 .customer-body #tryonSearch { height:40px!important; min-height:40px!important; padding:9px 12px!important; font-size:16px!important; }
 body.customer-body.tryon-body .tryon-catalog-list { display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; height:98px!important; min-height:98px!important; max-height:98px!important; overflow-x:auto!important; overflow-y:hidden!important; border:0!important; padding:2px 0 4px!important; margin:0!important; gap:8px!important; scroll-snap-type:x proximity; }
 body.customer-body.tryon-body .tryon-catalog-item, body.customer-body.tryon-body .tryon-none-card { flex:0 0 190px!important; width:190px!important; min-width:190px!important; min-height:88px!important; height:88px!important; padding:9px!important; scroll-snap-align:start; }
 body.customer-body.tryon-body .tryon-none-card { flex-basis:110px!important; width:110px!important; min-width:110px!important; }
 body.customer-body.tryon-body .tryon-catalog-item[hidden] { display:none!important; }
 body.customer-body.tryon-body .tryon-catalog-thumb { flex:0 0 52px!important; width:52px!important; height:62px!important; }
 body.customer-body.tryon-body .tryon-right-panel { grid-template-columns:minmax(0,1fr)!important; padding:12px!important; }
 body.customer-body.tryon-body .tryon-selected-panel { order:0!important; }
 body.customer-body.tryon-body .tryon-current-panel { order:1!important; }
 body.customer-body.tryon-body .tryon-purchase-controls { grid-template-columns:minmax(0,1fr)!important; }
 body.customer-body.tryon-body .tryon-current-list { max-height:220px; overflow:auto; }
 .customer-body .inquiry-widget:not(.is-open) { right:12px!important; bottom:max(12px,env(safe-area-inset-bottom))!important; }
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px) {
 body.customer-body.tryon-body .tryon-studio-shell { grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)!important; grid-template-areas:'catalog stage' 'right right'!important; }
 body.customer-body.tryon-body .tryon-catalog-panel, body.customer-body.tryon-body .tryon-stage-panel { height:480px!important; }
 body.customer-body.tryon-body .tryon-catalog-list { display:flex!important; flex-direction:column!important; height:auto!important; max-height:none!important; overflow-y:auto!important; }
 body.customer-body.tryon-body .tryon-catalog-item, body.customer-body.tryon-body .tryon-none-card { flex:0 0 88px!important; width:100%!important; min-width:0!important; }
}
@media(prefers-reduced-motion:reduce) { .customer-body { scroll-behavior:auto; } }