/* Plush Wig Room refinements (loaded after styles.css) */

/* Split photo bands: photos sit inside a frame of breathing room, never edge-to-edge
   against the screen or the next section. */
.band{padding:var(--gut) var(--gut) 0;gap:0}
.band .pic{min-height:360px}
.band .txt{padding:36px 0 48px}
@media (min-width:900px){
  .band{padding:clamp(24px,3.5vw,56px);gap:clamp(28px,4vw,64px);align-items:stretch}
  .band .pic{min-height:560px}
  .band .txt{padding:24px clamp(0px,2vw,32px)}
}
.band + .showroom,.band + .band{margin-top:0}

/* Hero on desktop: show the whole room photo in an arch that echoes the mirror,
   with the headline beside it instead of on top of a cropped strip. */
@media (min-width:900px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,96px);padding:clamp(36px,4vw,56px) max(var(--gut),calc((100vw - 1240px)/2));min-height:0}
  .hero::after{display:none}
  .hero-media{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;height:min(660px,calc(100vh - var(--nav-h) - 150px));min-height:460px;aspect-ratio:1200/1592;border-radius:999px 999px 0 0;overflow:hidden;outline:1px solid rgba(232,190,200,.45);outline-offset:10px}
  .hero-media img{object-position:50% 50%;animation:none}
  .hero-copy.wrap{grid-column:1;grid-row:1;margin:0;max-width:620px;padding:0;align-items:flex-start;text-align:left}
  .hero-copy h1{max-width:11ch}
  .hero-actions{justify-content:flex-start}
}

/* ---------- Mobile speed + form fixes (2026-10-08) ---------- */
/* iPhone zooms into any field under 16px; that zoom made the pop-up feel stuck */
input,select,textarea{font-size:16px !important}
/* Pop-up: phone field the same height as the button, readable fine print, easy close */
.popup .subform input{flex:none;width:100%;height:56px;border:1px solid var(--ink);border-bottom:0}
.popup .subform .btn{height:56px;min-height:56px;font-size:12.5px}
@media (min-width:520px){.popup .subform input{flex:1 1 auto;border-bottom:1px solid var(--ink);border-right:0}}
.popup .fine{font-size:12.5px;line-height:1.55}
.popup .no{font-size:12px;padding:10px 0 4px;min-height:44px}
.popup .x{width:48px;height:48px;top:10px;right:10px;touch-action:manipulation;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.popup .scrim,.popup .no,.popup .x,.btn,a{touch-action:manipulation}
.popup .box{animation-duration:.2s}
/* Scrolling: drop the costly blur behind the sticky menu and the endless hero zoom */
.nav{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#fff !important}
.hero-media img,.hero-media video{animation:none !important;transform:none !important}
@media (max-width:899px){
  .popup .pic{min-height:150px}
  .popup .txt{padding:24px 20px 20px;gap:10px}
  .popup .txt .script{font-size:40px}
}
@media (prefers-reduced-motion:reduce){.marquee .track{animation:none}}