/* ==========================================================================
   DentalSave BG – Responsive Media Queries
   Author: Senior Frontend Architect
   ========================================================================== */

@media (max-width: 1024px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  
  .hero-pill, .hero-cta-group {
    justify-content: center;
  }
  
  .hero-description {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hero-trust-bullets {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  
  .deal-box {
    grid-template-columns: 1fr;
    padding: 28px 24px;
  }
  
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  
  .footer-strip-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .doctor-card {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .doctor-photo {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .mobile-nav-toggle {
    display: block;
  }
  
  .header-search, .header-hotline, .top-bar-left {
    display: none;
  }
  
  .top-bar-inner {
    justify-content: center;
  }
  
  .site-nav {
    display: none; /* In mobile, opened via mobile drawer */
  }
  
  .hero-title {
    font-size: 2rem;
  }
  
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  
  .product-card {
    padding: 12px;
  }
  
  .product-thumb-wrap {
    height: 160px;
  }
  
  .product-card-actions {
    grid-template-columns: 1fr;
  }
  
  .quiz-box {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  
  .quiz-options-list {
    grid-template-columns: 1fr;
  }
  
  .trust-grid {
    grid-template-columns: 1fr;
  }
  
  .reviews-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-strip-grid {
    grid-template-columns: 1fr;
  }
  
  .cookie-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .hero-floating-badge {
    display: none;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 1.65rem;
  }
  
  .category-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  
  .product-grid {
    grid-template-columns: 1fr;
  }
  
  .product-thumb-wrap {
    height: 200px;
  }
  
  .deal-countdown {
    justify-content: center;
  }
  
  .btn-quick-order-header span {
    display: none;
  }
}