@media (max-width: 767px) {
  /* General Layout */
  .grid {
    grid-template-columns: 1fr; /* Single column layout for mobile */
  }

  .products,
  .cart {
    grid-column: span 1; /* Each takes full width */
  }

  /* Header */
  .main-header {
    flex-wrap: wrap;
    min-height: auto;
    padding: 10px;
  }
  
  .main-nav {
    order: 3;
    width: 100%;
    display: none; /* Hidden by default */
  }
  
  .main-nav.active {
    display: block; /* Shown when toggled */
  }

  .mobile-nav-toggle {
    display: block; /* Show the hamburger menu icon */
    order: 2;
  }

  /* Product Grid */
  .product-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
    gap: 10px;
  }
  .products .card { /* Remove border on mobile for responsiveness */
    border: none;
  }

  /* Ensure individual product cards keep side borders for visual separation */
  .product,
  .product .card,
  .card.product {
    border-left: 1px solid var(--acc);
    border-right: 1px solid var(--acc);
  }

  .card.product .title {
    font-size: 0.9rem;
  }

  /* Footer */
  .modern-footer .footer-container {
    flex-direction: column;
    gap: 30px;
  }
}