/* Final responsive and accessibility refinements. Loaded after the base styles. */
.button.small{min-height:42px;padding:9px 12px}
.public-header{gap:12px}
.hero-grid>*{min-width:0}
.content-grid>*{min-width:0}
.hero-copy h1,.feature strong,.feature p,.variant,.offer-name,.offer-sub,.offer-price,.offer-old,.offer-badge{overflow-wrap:anywhere}
.feature{grid-template-columns:34px minmax(0,1fr)}
.offer{grid-template-columns:minmax(0,1fr) auto}
.offer-badge{max-width:calc(100% - 32px)}
.offer-pricing{min-width:0}
.offer-price{white-space:normal}
.product .gallery-stage{border-radius:22px;border-color:rgba(255,122,50,.38);background:linear-gradient(145deg,#17191f,#090a0d)}
.product .gallery-stage img{object-fit:contain}
.product .hero-copy{padding-left:10px;border-left:3px solid var(--orange)}

@media(max-width:800px){
  .hero-grid,.content-grid{grid-template-columns:minmax(0,1fr)}
  .product .hero-copy{padding-left:0;padding-top:18px;border-left:0;border-top:3px solid var(--orange)}
  .hero-copy h1{font-size:clamp(2.45rem,12vw,4rem)}
}

@media(max-width:480px){
  .public-header .button.small{min-height:44px}
  .hero-copy h1{font-size:clamp(2.05rem,10vw,3rem)}
}