/* ==========================================================================
   HOMME SALVADOR GEORGY — Responsive Styles
   ========================================================================== */

@media (max-width: 1180px) {
  .categories-grid { grid-template-columns: repeat(3, 1fr); }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .lookbook-grid { grid-template-columns: repeat(2, 1fr); }
  .catalog-layout { grid-template-columns: 220px 1fr; gap: 28px; }
}

@media (max-width: 992px) {
  .container { padding: 0 24px; }
  section { padding: 70px 0; }

  .main-nav { display: none; }
  .burger { display: flex; }
  .header-actions { gap: 16px; }

  .about-section { grid-template-columns: 1fr; gap: 40px; }
  .about-values { grid-template-columns: 1fr 1fr; }
  .about-media .frame-tag { left: 16px; bottom: -20px; padding: 14px 18px; }

  .catalog-layout { grid-template-columns: 1fr; }
  .filters-panel {
    position: fixed;
    top: 0; left: -100%;
    width: 300px; height: 100vh;
    z-index: 2500;
    border-radius: 0;
    overflow-y: auto;
    transition: left .35s var(--ease);
  }
  .filters-panel.open { left: 0; }
  .filters-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 2400;
    display: none;
  }
  .filters-overlay.open { display: block; }
  .catalog-mobile-filter-btn { display: inline-flex; }

  .pdp-layout { grid-template-columns: 1fr; gap: 36px; }
  .cart-layout { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .account-nav { flex-direction: row; overflow-x: auto; }
}

@media (max-width: 768px) {
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .lookbook-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .form-grid { grid-template-columns: 1fr; }
  .newsletter-inner { flex-direction: column; align-items: flex-start; }
  .hero-content { max-width: 100%; }
  .modal-box { grid-template-columns: 1fr; max-height: 92vh; }
  .modal-media { padding: 18px; }
  .order-row { grid-template-columns: 1fr; gap: 6px; text-align: left; }
}

@media (max-width: 520px) {
  .container { padding: 0 18px; }
  section { padding: 56px 0; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .lookbook-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .footer-top { grid-template-columns: 1fr; gap: 30px; }
  .hero-cta { flex-direction: column; width: 100%; }
  .hero-cta .btn { width: 100%; }
  .about-values { grid-template-columns: 1fr; }
  .section-head { flex-direction: column; align-items: flex-start; }
  .cart-item { grid-template-columns: 70px 1fr; }
  .cart-item-right { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 10px; }
}