/* Keep the product, price and door choices together on the first phone screen. */
@media(max-width:760px){
  .wardrobe-home .header{height:60px}
  .wardrobe-home .hero{padding-top:12px;padding-bottom:20px;gap:10px}
  .wardrobe-home .hero h1{font-size:clamp(28px,8.2vw,36px);line-height:1.12;white-space:normal}
  .wardrobe-home .hero h1 br{display:none}
  .wardrobe-home .hero .hero-purchase{order:4;gap:7px}
  .wardrobe-home .hero-purchase .button.hero-buy{min-height:48px;padding:12px 18px}
  .wardrobe-home .hero .image-stage{
    height:clamp(180px,calc(100svh - 455px),300px);aspect-ratio:auto;
  }
  .wardrobe-home .gallery-ready .gallery-thumbnails{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px;
  }
  .wardrobe-home .gallery-thumb{padding:2px 2px 4px;min-height:44px}
  .wardrobe-home .gallery-thumb img{height:44px}
  .wardrobe-home .gallery-thumb span{margin-top:3px;font-size:9px}
  .wardrobe-home .product-gallery .image-caption{margin-top:6px}
  .wardrobe-home .product-gallery .gallery-variant-note{margin-top:4px;min-height:16px}
  .wardrobe-home .hero .variant-picker{margin-top:10px}
  .wardrobe-home .variant-picker legend{margin-bottom:6px}
  .wardrobe-home .variant-option>span{min-height:44px;padding:6px 11px;gap:8px}
  .wardrobe-home .variant-option svg{width:24px;height:26px}
  .wardrobe-home .variant-picker p{margin-top:5px}
  .wardrobe-home .hero-bottom{padding-top:10px}
}
/* Short phone viewports keep readable labels and full-size tap targets. */
@media(max-width:760px) and (max-height:620px){
  .wardrobe-home .header{height:56px}
  .wardrobe-home .hero{padding-top:10px;gap:8px}
  .wardrobe-home .hero h1{font-size:28px;line-height:1.1}
  .wardrobe-home .hero .hero-purchase{gap:6px}
  .wardrobe-home .hero .image-stage{height:clamp(150px,calc(100svh - 420px),200px)}
  .wardrobe-home .gallery-ready .gallery-thumbnails{margin-top:6px}
  .wardrobe-home .gallery-thumb img{height:36px}
  .wardrobe-home .product-gallery .gallery-variant-note{margin-top:2px}
  .wardrobe-home .hero .variant-picker{margin-top:8px}
}