/* Responsive (mobile-first enhancements) */
@media (max-width: 1024px){
  .product-detail{flex-direction:column;padding:28px 16px}
  .product-detail > div:first-child{flex:1}
  .hero h1{font-size:2rem}
  .header-right .search-form input{display:none}
}

@media (max-width: 720px){
  .main-nav{display:none}
  .mobile-menu-toggle{display:block}
  .mobile-nav{display:none}
  .product-card img{height:200px}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .products{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .container{padding:0 14px}
  .footer-top{flex-direction:column;gap:18px}
}