/* Responsive tweaks (mobile-first elsewhere) */
@media(max-width:1023px){
  .hero h1{font-size:36px}
  .hero-content{padding-top:24px}
}
@media(max-width:639px){
  .section{padding:56px 0}
  .featured-card .inner{grid-template-columns:1fr}
  .footer-grid{padding:48px 0;text-align:left}
  .hero{min-height:560px}
  .topbar-left{flex-wrap:wrap;gap:10px}
  .product-info{position:static;border-radius:0;box-shadow:none;background:#fff;transform:none}
  .product-info{padding:14px 16px}
}
@media print{
  .site-header,footer.site-footer,.fab,.hero-arrow,.hero-dots{display:none!important}
}