html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
button,a,select,input[type=submit]{touch-action:manipulation}
.site-header,.header-container,.premium-footer,.footer-main,.footer-cta{max-width:100%}

@media(max-width:900px){
  .site-header{position:sticky;top:0;z-index:1000}
  .header-container{min-height:68px;padding-inline:14px;gap:10px}
  .site-logo img{max-width:118px;height:auto}
  .menu-button,.header-icon,.cart-pill{min-height:44px}
  .header-search{display:none!important}
  .cart-pill>span:last-child{display:none}
  .cart-pill{min-width:44px;padding:0;justify-content:center}
  .mobile-menu{width:min(88vw,380px);max-width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .mobile-menu nav a{min-height:48px;display:flex;align-items:center}
  .top-announcement{padding:8px 12px;gap:6px;text-align:center;flex-wrap:wrap;justify-content:center}
  .top-announcement span,.top-announcement strong{font-size:11px}
  .product-grid,.products-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .product-card{min-width:0}
  .product-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
  .footer-cta,.footer-main,.payment-panel{grid-template-columns:1fr!important}
  .footer-actions{width:100%;flex-direction:column}
  .footer-actions a{width:100%}
  .account-form,.checkout-form,.contact-form{width:100%}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:560px){
  .header-container{padding-inline:10px}
  .menu-button span{display:none}
  .site-logo img{max-width:96px}
  .product-grid,.products-grid,.collection-grid{gap:9px!important}
  .product-card h3,.product-card .product-title{font-size:13px!important;line-height:1.35}
  .product-card .price,.product-price{font-size:14px!important}
  .hero-content h1,.home-hero h1{font-size:clamp(32px,10vw,48px)!important;line-height:1.05!important}
  .hero-content p,.home-hero p{font-size:14px!important}
  .container,.page-container,.collection-container{padding-inline:14px!important}
  .footer-bottom{padding-bottom:90px}
}
