/* Mobile customer presentation. Desktop and management layouts retain their existing rules. */
.tryon-mobile-intro,.tryon-mobile-dock,.mobile-card-price { display:none; }
.tryon-wardrobe:not([open]) { display:none; }
@media(max-width:760px) {
 body.customer-body { --mobile-border:#29313e; --mobile-surface:#111722; --mobile-muted:#a9b4c5; }
 .customer-body .container { width:calc(100% - 32px); }
 .customer-body .nav-wrap { min-height:68px; }
 .customer-body .brand { gap:10px; }
 .customer-body .brand-mark { width:38px; height:38px; }
 .customer-body .nav-toggle { min-width:44px; min-height:44px; border-radius:12px; }
 .customer-body .site-nav { padding:12px; border-radius:0 0 18px 18px; }
 .customer-body .site-nav a { min-height:44px; display:flex; align-items:center; }
 .customer-body .btn { min-height:44px!important; border-radius:12px; }
 .customer-body :is(button,a,input,select,textarea):focus-visible { outline:2px solid #f5ce45; outline-offset:3px; }
 .customer-body .home-hero { padding:28px 0 32px!important; }
 .customer-body .home-hero-grid { gap:24px!important; }
 .customer-body .home-hero-copy h1 { font-size:34px!important; line-height:1.12!important; letter-spacing:-1px; }
 .customer-body .home-hero-copy > p { font-size:15px; line-height:1.7; }
 .customer-body .home-cta-row { gap:10px; margin-top:22px; }
 .customer-body .home-stats-grid { gap:8px; margin-top:20px; }
 .customer-body .home-stat-box { padding:12px 10px; border-radius:14px; }
 .customer-body .home-preview-panel { padding:16px!important; border-radius:20px!important; }
 .customer-body .shop-hero { padding:28px 0 22px!important; }
 .customer-body .shop-hero h1 { font-size:32px!important; letter-spacing:-.8px; line-height:1.15; }
 .customer-body .shop-hero p { font-size:14px!important; line-height:1.65; }
 .customer-body .shop-group-nav { top:72px; width:100%; margin-bottom:24px; justify-content:space-between; gap:4px; padding:5px; border-radius:14px; }
 .customer-body .shop-group-nav button { min-height:44px; padding:8px 12px; }
 .customer-body .shop-group-heading { gap:12px!important; margin-bottom:18px!important; }
 .customer-body .shop-group-heading h2 { font-size:24px; }
 .customer-body .shop-group-heading p { font-size:13px; line-height:1.6; }
 .customer-body :is(.featured-section,.shop-products-section) .product-grid.featured-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
 .customer-body :is(.featured-section,.shop-products-section) .product-card-gold { border-radius:16px!important; border:1px solid #29313e!important; box-shadow:none!important; }
 .customer-body :is(.featured-section,.shop-products-section) .product-image-gold { aspect-ratio:1 / 1.08!important; height:auto!important; min-height:0!important; background:#20242a; }
 .customer-body :is(.featured-section,.shop-products-section) .product-image-gold img { height:100%; width:100%; object-fit:cover; }
 .customer-body :is(.featured-section,.shop-products-section) .product-brand-chip { display:none; }
 .customer-body :is(.featured-section,.shop-products-section) .product-body-gold { padding:12px!important; min-height:0!important; gap:8px!important; background:#101722; }
 .customer-body :is(.featured-section,.shop-products-section) .product-top-row { min-height:0!important; flex-wrap:wrap; gap:5px!important; }
 .customer-body :is(.featured-section,.shop-products-section) .product-top-row h3 { font-size:14px!important; line-height:1.4!important; white-space:normal!important; overflow-wrap:anywhere; flex-basis:100%; }
 .customer-body :is(.featured-section,.shop-products-section) .mini-tag { display:none; }
 .customer-body :is(.featured-section,.shop-products-section) .product-short-copy { display:none!important; }
 .customer-body .mobile-card-price { display:block; color:#f2cf61; font-size:15px; font-weight:700; margin:0 0 4px; }
 .customer-body :is(.featured-section,.shop-products-section) .product-actions-compact { display:grid!important; grid-template-columns:1fr!important; gap:7px!important; }
 .customer-body :is(.featured-section,.shop-products-section) .product-actions-compact :is(.btn,button,a) { min-height:44px!important; height:auto!important; font-size:12px!important; padding:10px 7px!important; border-radius:10px!important; line-height:1.2!important; }
 .customer-body .shop-out-stock-badge { top:8px; right:8px; font-size:10px; padding:5px 7px; }
 .customer-body .page-heading { margin-bottom:22px; }
 .customer-body .premium-buy-box,.customer-body .echeckout-card { border-radius:16px; padding:18px!important; }
 .customer-body .echeckout-grid { gap:14px; }
 .customer-body .echeckout-payment-option { min-height:52px; }
 .customer-body .echeckout-review-footer { gap:10px; }
 /* Dedicated mobile fitting room. */
 body.customer-body.tryon-body { background:#0c1017; }
 body.customer-body.tryon-body .tryon-studio-page { background:#0c1017!important; padding:0 12px 28px!important; }
 .tryon-mobile-intro { position:relative; display:block; padding:20px 60px 18px 4px; }
 .tryon-mobile-intro p { margin:0 0 5px; color:#e8c45d; font-size:10px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; }
 .tryon-mobile-intro h1 { margin:0; color:#f4f5f7; font-size:25px; letter-spacing:-.7px; line-height:1.2; }
 body.customer-body.tryon-body .tryon-studio-shell { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:'stage' 'catalog' 'right'!important; gap:16px!important; background:transparent!important; border:0!important; }
 body.customer-body.tryon-body .tryon-stage-panel { height:clamp(400px,60svh,590px)!important; min-height:0!important; border:1px solid #30333a!important; border-radius:20px!important; background:#080808!important; overflow:hidden!important; }
 body.customer-body.tryon-body .tryon-avatar-switcher { background:#12161d!important; border:0!important; border-bottom:1px solid #282e37!important; border-radius:0!important; margin:0!important; width:100%!important; max-width:none!important; padding:13px!important; gap:12px!important; }
 body.customer-body.tryon-body .tryon-avatar-control { max-width:none; }
 body.customer-body.tryon-body .tryon-avatar-switcher label { color:#a9b4c5!important; font-size:10px!important; font-weight:600; letter-spacing:1px; margin-bottom:3px; }
 body.customer-body.tryon-body .tryon-avatar-control .select-field { font-size:16px!important; min-height:44px!important; border:1px solid #343b46!important; background:#1a202b!important; border-radius:10px!important; padding:9px!important; color:#f6f7f9; }
 body.customer-body.tryon-body .tryon-stage-panel #tryon-canvas { min-height:220px!important; border-radius:0!important; }
 body.customer-body.tryon-body .tryon-view-actions { padding:10px 12px 0; gap:6px; background:#10141c; }
 body.customer-body.tryon-body .tryon-view-actions button { min-height:44px; padding:9px 10px; font-size:12px; flex:1; min-width:0; border-radius:10px; background:#1b222e; border-color:#343e4d; }
 body.customer-body.tryon-body .tryon-view-actions button:nth-child(3) { flex:1.5; }
 body.customer-body.tryon-body .tryon-gesture-help { margin:0; padding:9px 8px 12px; font-size:11px; color:#a7b1c0; background:#10141c; }
 body.customer-body.tryon-body .tryon-right-panel { padding:0!important; border:0!important; background:transparent!important; gap:14px!important; scroll-margin-top:84px; }
 body.customer-body.tryon-body :is(.tryon-current-panel,.tryon-selected-panel) { border-radius:18px!important; border:1px solid #29313e!important; padding:18px!important; background:#111722!important; }
 body.customer-body.tryon-body .tryon-current-panel { grid-area:auto!important; order:0!important; }
 body.customer-body.tryon-body .tryon-selected-panel { grid-area:auto!important; order:1!important; }
 body.customer-body.tryon-body .tryon-panel-head span,.tryon-selected-panel > span { font-size:10px!important; letter-spacing:1.3px; color:#b8c1ce!important; }
 body.customer-body.tryon-body .tryon-panel-head h3 { font-size:18px!important; margin-top:5px; }
 body.customer-body.tryon-body .tryon-current-item { padding:10px 0!important; }
 body.customer-body.tryon-body .tryon-current-copy strong { font-size:14px!important; }
 body.customer-body.tryon-body .tryon-current-copy span { font-size:12px!important; line-height:1.5; }
 body.customer-body.tryon-body .tryon-current-remove { min-width:44px!important; min-height:44px!important; }
 body.customer-body.tryon-body .tryon-empty-note { font-size:13px!important; padding:22px 12px!important; line-height:1.7; color:#a9b4c5; }
 body.customer-body.tryon-body .tryon-primary-purchase-actions { grid-template-columns:1fr!important; gap:10px!important; }
 body.customer-body.tryon-body .tryon-selected-actions .btn { min-height:48px!important; font-size:14px!important; }
 body.customer-body.tryon-body .inquiry-widget:not(.is-open) { position:absolute!important; top:20px!important; bottom:auto!important; right:4px!important; }
 body.customer-body.tryon-body .inquiry-launcher { width:44px!important; height:44px!important; min-width:44px!important; border-radius:14px!important; }
 body.customer-body.tryon-body.mobile-tryon-enhanced .tryon-studio-page { padding-bottom:110px!important; }
 body.customer-body.tryon-body.mobile-tryon-enhanced .tryon-studio-shell { grid-template-areas:'stage' 'right'!important; }
 .mobile-tryon-enhanced .tryon-mobile-dock { position:fixed; inset:auto 0 0; z-index:120; display:grid; grid-template-columns:1.1fr 1fr; gap:10px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); background:rgba(14,19,28,.97); border-top:1px solid #303847; box-shadow:0 -8px 28px #0003; }
 .tryon-mobile-dock button { min-height:52px; border-radius:13px; padding:10px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
 .tryon-mobile-dock .tryon-open-wardrobe { background:#f3cf57; border:1px solid #f3cf57; color:#15140f; }
 .tryon-mobile-dock .tryon-review-outfit { background:#1c2431; border:1px solid #374151; color:#f5f7fa; display:flex; flex-direction:column; align-items:center; gap:3px; }
 .tryon-review-outfit small { font-size:10px; color:#b8c2d0; font-weight:500; }
 body.customer-body.tryon-body.customer-keyboard-active .tryon-mobile-dock { display:none; }
 body.tryon-sheet-open { overflow:hidden!important; }
 .tryon-wardrobe[open] { display:flex; flex-direction:column; position:fixed; inset:auto 0 0; width:100%; max-width:600px; height:86dvh; max-height:calc(100dvh - 16px); margin:0 auto; padding:0 0 env(safe-area-inset-bottom); border:1px solid #343c48; border-bottom:0; border-radius:24px 24px 0 0; background:#10151e; color:#f4f5f7; box-shadow:0 -20px 80px #0008; overflow:hidden; }
 .tryon-wardrobe::backdrop { background:rgba(0,0,0,.7); }
 .tryon-wardrobe-head { padding:20px 18px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex:0 0 auto; }
 .tryon-wardrobe-head h2 { font-size:22px; letter-spacing:-.5px; margin:0 0 4px; }
 .tryon-wardrobe-head p { color:#a9b4c5; font-size:12px; margin:0; line-height:1.5; }
 .tryon-wardrobe-close { width:44px; height:44px; flex-shrink:0; border:1px solid #394251; background:#202835; border-radius:50%; color:white; font-size:26px; cursor:pointer; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-panel { flex:1 1 0; min-height:0!important; height:auto!important; display:flex!important; padding:4px 16px 16px!important; gap:12px!important; overflow:hidden!important; border:0!important; background:transparent!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-tabs { flex:0 0 auto; gap:8px!important; padding-bottom:3px; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-tab-btn { min-height:44px!important; border-radius:12px!important; font-size:12px!important; padding:10px 13px!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-filter-row { display:none!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-search-wrap { flex:0 0 auto; }
 body.customer-body.tryon-body .tryon-wardrobe #tryonSearch { min-height:46px!important; height:46px!important; background:#1b222e; border:1px solid #36404e; border-radius:12px; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:max-content!important; align-content:start!important; flex:1 1 0; height:auto!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; gap:12px!important; padding:2px 0 12px!important; overscroll-behavior:contain; scroll-snap-type:none; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-none-card { grid-column:1 / -1; width:100%!important; min-width:0!important; min-height:48px!important; height:auto!important; padding:12px!important; display:flex!important; align-items:center; justify-content:space-between; gap:12px; background:#19202b; border:1px dashed #455063!important; border-radius:12px!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-none-card strong { font-size:12px!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-none-card span { font-size:11px!important; margin:0!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-item { position:relative; display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; padding:0!important; gap:0!important; overflow:hidden; background:#1a222f!important; border:1px solid #354050!important; border-radius:14px!important; text-align:left; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-item[hidden] { display:none!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-item.is-selected { border-color:#f3cf57!important; box-shadow:0 0 0 1px #f3cf57; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-thumb { flex:none!important; width:100%!important; height:auto!important; aspect-ratio:1/1; border-radius:0!important; background:#252b32; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-thumb img { width:100%; height:100%; object-fit:cover; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-copy { padding:12px!important; width:100%; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-top { display:block!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-copy strong { display:block; font-size:14px!important; line-height:1.4!important; white-space:normal!important; overflow-wrap:anywhere; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-price { font-size:14px!important; color:#f3cf57!important; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-price-row { margin-top:7px; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-chip { font-size:10px!important; padding:3px 5px; }
 body.customer-body.tryon-body .tryon-wardrobe .tryon-catalog-badge { position:absolute; top:8px; right:8px; font-size:9px!important; padding:5px 7px!important; background:#f3cf57; color:#121212; border-radius:7px; }
 .tryon-wardrobe-empty { color:#b5becc; padding:18px; text-align:center; font-size:14px; }
 .tryon-wardrobe-empty[hidden] { display:none; }
}
@media(max-width:380px) {
 .customer-body :is(.featured-section,.shop-products-section) .product-body-gold { padding:10px!important; }
 body.customer-body.tryon-body .tryon-view-actions button { font-size:11px; padding:8px 6px; }
}
@media(max-width:760px) and (max-height:500px) {
 .tryon-wardrobe[open] { height:96dvh; }
 .tryon-wardrobe-head { padding:10px 16px 6px; }
}
@media(max-width:760px) {
 .customer-body .product-page-shell { padding:20px 0 32px; }
 .customer-body .product-crumbs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; color:#a9b4c5; font-size:12px; line-height:1.6; }
 .customer-body .product-layout-premium { gap:18px; }
 .customer-body .premium-product-visual { position:relative; overflow:hidden; border-radius:18px; background:#20242a; }
 .customer-body .premium-product-visual > img { display:block; width:100%; max-height:390px; object-fit:contain; }
 .customer-body .product-visual-badge { position:absolute; top:12px; left:12px; border-radius:8px; background:#101722df; color:#edce70; font-size:10px; letter-spacing:1px; padding:8px 10px; }
 .customer-body .premium-product-copy { display:flex; flex-direction:column; gap:16px; padding:20px!important; border:1px solid #29313e; border-radius:18px; background:#111722; }
 .customer-body .product-copy-topline,.customer-body .premium-chip-row { display:none; }
 .customer-body .premium-product-copy h1 { order:0; margin:0; font-size:28px; line-height:1.2; letter-spacing:-.5px; }
 .customer-body .premium-product-subtitle { order:1; margin:0; font-size:14px; line-height:1.7; color:#a9b4c5; }
 .customer-body .premium-price-row { order:2; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
 .customer-body .premium-price { font-size:24px; color:#f3cf57; }
 .customer-body .premium-stock { font-size:11px; padding:6px 8px; border:1px solid #394251; border-radius:8px; color:#b8c7bc; }
 .customer-body .premium-stock.is-outstock { color:#fca5a5; }
 .customer-body .premium-buy-box { order:3; margin:0; padding:0!important; }
 .customer-body .premium-qty-wrap { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; font-size:13px; }
 .customer-body .premium-qty-wrap input { width:90px; min-height:46px; text-align:center; border-radius:10px; }
 .customer-body .premium-product-actions { display:grid; grid-template-columns:1fr; gap:9px; margin:0; }
 .customer-body .premium-product-actions .btn { min-height:48px!important; width:100%; font-size:14px; }
 .customer-body .premium-info-grid { order:4; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:16px; border-top:1px solid #29313e; }
 .customer-body .premium-info-card { min-width:0; display:flex; flex-direction:column; gap:6px; font-size:12px; line-height:1.5; }
 .customer-body .premium-info-card span { color:#a9b4c5; font-size:10px; }
 .customer-body .premium-description-box { order:5; padding-top:16px; border-top:1px solid #29313e; }
 .customer-body .premium-section-label { font-size:13px; font-weight:700; }
 .customer-body .premium-description-box p { margin:10px 0 0; font-size:14px; line-height:1.7; color:#b8c2d0; }
 .customer-body .related-premium-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .customer-body .related-premium-body { padding:12px; }
 .customer-body .related-premium-body h3 { font-size:14px; }
 .customer-body .related-premium-actions { display:grid; grid-template-columns:1fr; gap:8px; }
 .customer-body .related-premium-actions .btn { font-size:12px; }
}