/* ============================================
   ATELIER FASHION — Responsive Styles
   ============================================ */

@media (max-width: 1200px) {
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-title { font-size: 3rem; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .counters-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
}

@media (max-width: 992px) {
  :root { --header-height: 65px; }
  .nav-links { display: none; }
  .lang-switcher { display: none; }
  .menu-toggle { display: flex; }
  .hero { height: 70vh; min-height: 450px; }
  .hero-title { font-size: 2.4rem; }
  .hero-subtitle { font-size: 15px; }
  .hero-arrow { width: 40px; height: 40px; font-size: 18px; }
  .hero-arrow.prev { left: 15px; }
  .hero-arrow.next { right: 15px; }
  .section { padding: 65px 0; }
  .section-header { margin-bottom: 40px; }
  .bespoke-teaser { grid-template-columns: 1fr; gap: 30px; }
  .bespoke-image { height: 350px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .categories-grid { gap: 20px; }
  .category-card { height: 320px; }
}

@media (max-width: 768px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .category-card { height: 260px; }
  .category-name { font-size: 18px; }
  .features-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .counters-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: 1fr; max-width: 450px; margin-left: auto; margin-right: auto; }
  .footer-grid { grid-template-columns: 1fr; text-align: center; }
  .footer-social { justify-content: center; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .sale-banner { padding: 45px 20px; margin: 0 15px; border-radius: var(--radius-lg); }
  .countdown { gap: 10px; }
  .countdown-item { padding: 12px 16px; min-width: 65px; }
  .countdown-number { font-size: 24px; }
  .newsletter-section { margin: 0 15px; padding: 50px 20px; border-radius: var(--radius-lg); }
  .newsletter-form { flex-direction: column; border-radius: var(--radius-md); }
  .newsletter-input { border-radius: var(--radius-md); }
  .newsletter-btn { border-radius: var(--radius-md); padding: 14px; }
  .hero { height: 60vh; min-height: 400px; }
  .hero-title { font-size: 2rem; }
  .section { padding: 50px 0; }
  .product-info { padding: 14px; }
  .product-name { font-size: 14px; }
  .current-price { font-size: 16px; }
  .product-actions { padding: 0 14px 14px; }
  .add-to-cart-btn { padding: 10px 12px; font-size: 12px; }
  .filter-bar { flex-direction: column; align-items: flex-start; }
  .filter-buttons { overflow-x: auto; max-width: 100%; flex-wrap: nowrap; padding-bottom: 5px; }
  .toast-container { right: 10px; left: 10px; }
  .toast { min-width: unset; }
  .modal { padding: 25px; max-width: 95%; }
  .cookie-banner { flex-direction: column; text-align: center; gap: 12px; padding: 15px; }
  .search-bar { width: calc(100vw - 40px); right: -10px; }
}

@media (max-width: 576px) {
  .container { padding: 0 16px; }
  .header-icons { gap: 2px; }
  .header-icon-btn { width: 36px; height: 36px; }
  .logo { font-size: 24px; }
  .mobile-nav { width: 280px; padding: 70px 20px 20px; }
  .hero { height: 55vh; min-height: 350px; }
  .hero-title { font-size: 1.7rem; }
  .hero-subtitle { font-size: 13px; margin-bottom: 20px; }
  .hero-dots { bottom: 20px; }
  .hero-dot { width: 8px; height: 8px; }
  .section-title { font-size: 1.5rem; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .category-card { height: 200px; }
  .category-name { font-size: 15px; }
  .category-count { font-size: 12px; }
  .category-overlay { padding: 15px; }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .product-badges .badge-new, .product-badges .badge-sale, .product-badges .badge-low-stock { font-size: 9px; padding: 3px 8px; }
  .wishlist-btn { width: 30px; height: 30px; top: 8px; right: 8px; }
  .product-info { padding: 12px; }
  .product-category-tag { font-size: 9px; }
  .product-name { font-size: 13px; margin-bottom: 5px; }
  .current-price { font-size: 14px; }
  .original-price { font-size: 11px; }
  .product-rating { gap: 3px; }
  .stars svg { width: 11px; height: 11px; }
  .product-actions { padding: 0 12px 12px; }
  .add-to-cart-btn { padding: 9px 10px; font-size: 11px; gap: 4px; border-radius: var(--radius-sm); }
  .feature-card { padding: 25px 15px; }
  .feature-icon { width: 55px; height: 55px; font-size: 24px; }
  .counter-number { font-size: 32px; }
  .testimonial-inner { padding: 25px; }
  .testimonial-text { font-size: 14px; }
  .whatsapp-btn { width: 52px; height: 52px; bottom: 20px; right: 16px; }
  .whatsapp-btn svg { width: 26px; height: 26px; }
  .back-to-top { bottom: 82px; right: 18px; width: 40px; height: 40px; }
  .sale-banner-title { font-size: 1.4rem; }
  .bespoke-image { height: 260px; }
}

@media (max-width: 380px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .product-info { padding: 10px; }
  .product-name { font-size: 12px; }
  .current-price { font-size: 13px; }
  .add-to-cart-btn { font-size: 10px; padding: 8px; }
  .countdown { gap: 6px; }
  .countdown-item { padding: 10px 12px; min-width: auto; }
  .countdown-number { font-size: 20px; }
  .countdown-label { font-size: 9px; }
}