/* mobile.css — phone refinements, layered after glass.css. reference.css is untouched. */
@media(max-width:900px){
  body{overflow-x:clip}
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}
  .btn,button.btn,.btn-link{min-height:44px}
  .btn-link{display:inline-flex;align-items:center}
  footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .pd-buy .btn{flex:1 1 auto}
}
@media(max-width:560px){
  .hero-compact:before,.hero-bg{left:0;right:0}
  .hero{overflow-x:clip}
  .hero:after{right:0;width:220px}
  [dir=rtl] .hero:after{right:auto;left:0}
  .hero-compact:before{inset:48px 0 4px 0}
  .home-strip .products{grid-template-columns:1fr 1fr;gap:12px}
  .qty-box button{width:40px;height:44px}
  .cart-line{gap:12px 14px;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"t i i" "q . p";align-items:center}
  .cart-qty{max-width:96px}
  .cart-total{text-align:end;font-weight:700}
  .cart-update{display:block}
  .cart-update .btn{width:100%}
  .pd-buy{flex-direction:column;align-items:stretch}
  .pd-buy .btn{width:100%;justify-content:center}
  .coupon-form{flex-wrap:wrap}
  .coupon-form input{flex:1 1 100%}
  .install-float{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .wa-float{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}