/* Responsive rules are kept separate so the storefront can evolve safely. */
@media (max-width: 900px) {
  .nav-links { display:none; }
  .menu-btn { display:block; }
  .navbar { gap:15px; }
  .logo { flex:1; min-width:0; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:38px 25px; }
  .hero-visual { min-height:280px; }
  .features { grid-template-columns:repeat(2,1fr); }
  .collection-grid { grid-template-columns:repeat(3,1fr); }
  .product-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px) {
  .topbar { font-size:9px; }
  .topbar span:last-child { display:none; }
  .navbar { height:62px; }
  .logo strong { font-size:13px; }
  .hero h1 { font-size:46px; }
  .features { grid-template-columns:1fr; }
  .features article { border-right:0; border-bottom:1px solid var(--border); }
  .collection-grid { grid-template-columns:repeat(2,1fr); }
  .shop-toolbar { display:block; }
}