/* ==========================================================================
   Platinum Sat - Responsive Layout Optimizations
   Breakpoints: 1200px, 992px, 768px, 576px, 400px
   ========================================================================== */

@media (max-width: 1200px) {
  .hero-card {
    padding: 35px 30px;
  }

  .footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 30px;
  }
}

@media (max-width: 992px) {
  .hero-card {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 30px;
  }

  .hero-description {
    margin-left: auto;
    margin-right: auto;
  }

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

  .hero-cta-group {
    justify-content: center;
  }

  .quick-view-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

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

@media (max-width: 768px) {
  .top-bar-links {
    display: none;
  }

  .navbar {
    flex-wrap: wrap;
    gap: 14px;
  }

  .header-search {
    order: 3;
    max-width: 100%;
    width: 100%;
  }

  .hero-title {
    font-size: 1.9rem;
  }

  .hero-card {
    padding: 25px 20px;
  }

  .products-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
  }

  .category-bar-section {
    top: 120px;
  }

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

  .cart-drawer {
    max-width: 100%;
  }

  .promo-banner {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .brand-title {
    font-size: 1.2rem;
  }

  .hero-title {
    font-size: 1.6rem;
  }

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

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

  .modal-container {
    padding: 10px;
    margin: 10px;
  }

  .quick-view-grid {
    padding: 15px;
  }
}