/**
 * FORNO & TRADIZIONE | Pizzería Napolitana Tradicional
 * Responsive Breakpoints & Adaptive Layouts
 */

@media (min-width: 1025px) {
  .menu-toggle-btn {
    display: none !important;
  }
}

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

  .menu-toggle-btn {
    display: flex;
  }

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

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

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

@media (max-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-8) !important;
  }

  .hero-media-wrapper {
    order: -1;
  }

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

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

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

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

  .editorial-split {
    grid-template-columns: 1fr !important;
  }

  .btn {
    min-height: 48px;
  }

  .whatsapp-float {
    bottom: var(--space-4);
    right: var(--space-4);
    padding: 0.65rem 1rem;
    font-size: var(--text-xs);
  }
}

@media (max-width: 480px) {
  :root {
    --container-padding: 1rem;
  }

  .brand-logo {
    font-size: var(--text-xl);
  }

  .countdown-box {
    gap: var(--space-2);
  }

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