/* ========== RESPONSIVE STYLES ========== */

/* Large Desktop */
@media (max-width: 1280px) {
  .categories-grid { grid-template-columns: repeat(4, 1fr); }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 28px; }
}

/* Tablet + Small Desktop */
@media (max-width: 1024px) {
  .header-search { max-width: 280px; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .products-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .catalog-layout { grid-template-columns: 220px 1fr; gap: 24px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
  .footer-brand { grid-column: 1 / -1; max-width: 480px; }
  .newsletter-inner { grid-template-columns: 1fr; gap: 32px; }
  .product-detail-layout { grid-template-columns: 1fr; gap: 36px; }
  .product-gallery { position: static; }
  .about-hero { grid-template-columns: 1fr; gap: 40px; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .featured-strip { grid-template-columns: 1fr 1fr; }
  .featured-strip > :first-child { grid-column: 1 / -1; }
  .checkout-layout { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; gap: 40px; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .guide-card { grid-template-columns: 1fr; gap: 24px; }
  .guide-card img { height: 220px; }
}

/* Mobile Large */
@media (max-width: 768px) {
  .top-bar { display: none; }
  .header-inner { padding: 14px 0; gap: 16px; }
  .header-search { display: none; }
  .mobile-menu-btn { display: flex; }
  .nav { display: none; }
  
  .hero { min-height: 72vh; }
  .hero-content { padding: 60px 0; }
  
  .section { padding: 56px 0; }
  
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .category-card img { height: 200px; }
  
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .products-grid-3 { grid-template-columns: 1fr 1fr; gap: 16px; }
  .product-card-image img { height: 200px; }
  
  .blog-grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  
  .section-header-split { flex-direction: column; align-items: flex-start; gap: 16px; }
  
  .catalog-layout { grid-template-columns: 1fr; }
  .filters-sidebar { position: static; display: none; }
  .filters-sidebar.mobile-open { display: block; }
  
  .cart-layout { grid-template-columns: 1fr; }
  .cart-summary { position: static; }
  .cart-item { grid-template-columns: 80px 1fr auto; }
  
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-legal { justify-content: center; }
  
  .sort-bar { flex-direction: column; align-items: flex-start; gap: 12px; }
  
  .values-grid { grid-template-columns: 1fr 1fr; }
  .steps-grid { grid-template-columns: 1fr 1fr; }
  
  .featured-strip { grid-template-columns: 1fr; }
  
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: fit-content; }
  
  .form-grid-2 { grid-template-columns: 1fr; }
  
  .newsletter-form { flex-direction: column; }
  
  .page-header { padding: 48px 0; }
  
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
  
  .highlight-box { padding: 32px 24px; }
  
  .brands-grid { justify-content: center; gap: 24px; }
}

/* Mobile Small */
@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .product-card-body { padding: 12px 14px 16px; }
  .product-card-image img { height: 175px; }
  .categories-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .category-card img { height: 170px; }
  .footer-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .stats-row { grid-template-columns: 1fr 1fr; gap: 16px; }
  .steps-grid { grid-template-columns: 1fr; }
  .cookie-notice { flex-direction: column; }
  .cookie-actions { width: 100%; }
  .cookie-actions .btn { flex: 1; text-align: center; justify-content: center; }
  h1 { font-size: 1.7rem; }
  .hero { min-height: 60vh; }
  .product-add-actions { flex-direction: column; }
  .product-add-actions .btn { width: 100%; justify-content: center; }
}