/* style/responsive.css */

@media (max-width: 768px) {

  .nav-links { display: none; }
  .nav-hamburger { display: flex; }

  .hero { min-height: 70vh; padding: 4rem 1.5rem 3rem; }

  .products-grid { grid-template-columns: repeat(2, 1fr); }

  .product-hero {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .two-col { grid-template-columns: 1fr; gap: 2rem; }

  .footer-inner { flex-direction: column; align-items: flex-start; gap: 1.25rem; }

  .spec-grid { grid-template-columns: repeat(2, 1fr); }

  .container { padding: 0 1.25rem; }
  .page-grid  { padding: 2rem 1.25rem; }
}

@media (max-width: 480px) {

  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.35rem; }

  .products-grid { grid-template-columns: 1fr; }

  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns .btn { width: 100%; max-width: 280px; justify-content: center; }

  .spec-grid { grid-template-columns: 1fr; }

  .product-hero-btns { flex-direction: column; }
  .product-hero-btns .btn { width: 100%; justify-content: center; }

  .tab-bar-inner { padding: 0 1rem; }

  .nav-inner { padding: 0 1.25rem; }
  .breadcrumb { font-size: 0.75rem; }
}