@media (max-width: 1200px) {
  .categories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  .footer-main {
    grid-template-columns: 1.2fr repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .nav-links {
    display: none;
  }

  .nav .btn-primary {
    display: none;
  }

  .menu-toggle {
    display: flex;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-content {
    align-items: center;
  }

  .hero-badges {
    justify-content: center;
  }

  .hero-title,
  .hero-text {
    text-align: center;
  }

  .hero-actions {
    justify-content: center;
  }

  .offer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .offer-content {
    align-items: center;
  }

  .offer-text {
    text-align: center;
  }

  .offer-actions {
    justify-content: center;
  }

  .features-grid,
  .how-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

  .about-media {
    order: -1;
  }

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

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

  .cart-section,
  .checkout-grid {
    grid-template-columns: 1fr;
  }

  .cart-summary {
    position: static;
  }

  .modal-content {
    grid-template-columns: 1fr;
    max-height: min(96dvh, 92dvh);
  }

  .modal-media {
    aspect-ratio: 4 / 3;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .menu-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .search-group {
    width: 100%;
  }

  .filters {
    justify-content: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.25rem;
  }

  .filter-btn {
    flex: 0 0 auto;
  }

  .sort-group {
    justify-content: center;
  }

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

  .order-details {
    grid-template-columns: 1fr;
  }

  .newsletter-form {
    flex-direction: column;
    width: 100%;
  }

  .input-group {
    width: 100%;
    flex: 1 1 auto;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-legal {
    justify-content: center;
  }

  .cart-item {
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
  }

  .cart-item-actions,
  .cart-item-total,
  .cart-remove {
    grid-column: 1 / -1;
    justify-content: space-between;
    width: 100%;
  }

  .cart-item-actions {
    order: 3;
  }

  .cart-item-total {
    order: 4;
  }

  .cart-remove {
    order: 2;
    justify-self: end;
  }
}

@media (max-width: 576px) {
  .hero {
    padding-top: 5rem;
  }

  .features-grid,
  .how-grid,
  .testimonials-grid,
  .values-grid,
  .team-grid {
    grid-template-columns: 1fr;
  }

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

  .footer-main {
    grid-template-columns: 1fr;
  }

  .toast-container {
    left: 1rem;
    right: 1rem;
    max-width: 100%;
  }

  .whatsapp-float {
    left: 0.75rem;
    bottom: 0.75rem;
    width: 3rem;
    height: 3rem;
  }

  .back-to-top {
    right: 0.75rem;
    bottom: 0.75rem;
    width: 3rem;
    height: 3rem;
  }

  .promo-group {
    flex-direction: column;
  }

  .modal-actions {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  html {
    scroll-padding-top: 70px;
  }

  .floating-card {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.5rem;
  }

  .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .offer-actions .btn {
    width: 100%;
  }
}