/* Responsive audit: retain the visual size of icons, enlarge their hit areas. */
.compact-subtab,.compact-pick{min-width:44px}
#music input[type=range]{min-height:44px;height:44px}
.compact-ready .hero-split .hero-enter{min-height:44px}
.av-module-close{min-width:44px;min-height:44px}
.storefront .favorite-control,.storefront .cart-control,
.shop-dialog .dialog-top [data-close]{min-width:44px;min-height:44px;flex-shrink:0}
.shop-dialog.dialog-zoom .dialog-top [data-close]{min-width:48px}
.customer-card-name{white-space:normal;overflow-wrap:anywhere}
.customer-cart-item>div{min-width:0}
.customer-cart-item>div>a{overflow-wrap:anywhere}

/* A two-column card must reserve room for its 44px cart control. */
@media(max-width:700px){
 .storefront .garment-summary{flex-wrap:wrap}
 .storefront .garment-summary>div{min-width:0;flex:1 1 100%}
 .customer-card-name{font-size:clamp(18px,5.1vw,25px);line-height:1.3}
}

/* Keep the watch visible when a phone is held horizontally. */
@media(max-height:500px){
 .studio-modal-head{padding:6px 16px;gap:8px}
 .studio-modal-title{font-size:28px}
 .studio-modal-footer{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:0 12px max(6px,env(safe-area-inset-bottom))}
 .watch-studio-modal .watch-view-rail{width:auto;min-width:0;flex:1;justify-content:flex-start}
 .studio-photo-controls{gap:6px;flex-shrink:0}
 .studio-photo-count{min-width:48px}
 .studio-modal-note{display:none}
}

/* Large desktop/TV canvases: use more of the available width. */
@media(min-width:2400px){
 .compact-ready .compact-shell.atelier-shell,
 .compact-ready footer.atelier-footer{padding-inline:max(76px,calc((100% - 2200px)/2))}
 html.av-module-embedded .container{max-width:2200px}
 html.av-module-embedded .customer-shell{max-width:2200px}
 .compact-tab{font-size:28px}
 .compact-subtab,.compact-pick{font-size:17px}
 .compact-ready .compact-section h2{font-size:58px}
 .compact-ready .showcase-rail .showcase-slide .garment-stage{height:clamp(530px,42vh,820px)}
}