@media (max-width: 767px) {
  nav { padding: 0 24px; }
  .hero-section { height: 90vh; min-height: 500px; }
  .hero-content .container { margin-left: 0; padding: 0 1.5rem; }
  .hero-controls { left: 1.5rem; bottom: 2rem; }
  .hero-badge { display: none; }
  .hero-counter { right: 1.5rem; }
  .lm-body {
      padding: 6px 32px 28px;
  }
  .lm-field-hint, .lm-resend-row {
      margin-bottom: 10px;
  }
  .lm-error {
      margin-bottom: 8px;
  }
  .lm-title {
      font-size: 24px;
  }
  .lm-otp-digit {
      width: 42px;
      height: 42px;
      font-size:20px;
  }
}
@media (max-width: 991.98px) {
  .nav-logo-img { height: 24px; }
  .hero-left { padding: 3.5rem 2rem 3rem; }
  .hero-title { font-size: clamp(2.4rem, 8vw, 3.5rem); }
  .hero-right { min-height: 320px; }
  .section-about { padding: 4rem 0; }
  .lifestyle-content { padding: 3rem 2rem; }
  .lifestyle-deco { display: none; }
  .lifestyle-banner { margin: 0 0 4rem; border-radius: 0; }
  .cat-tall { height: 360px; }
  .cat-short-top, .cat-short-bottom { height: 200px; }
  .cat-medium { height: 180px; }
  footer { padding: 48px 24px 32px; }
      .footer-grid { gap: 32px; }
}
@media (max-width: 767.98px) {
  .hero-section { flex-direction: column; min-height: auto; padding-top: 70px; }
  .hero-left { padding: 3rem 1.5rem 2rem; }
  .hero-right { display: none; }
  .marquee-item span { font-size: 0.6rem; }
  .section-about, .section-categories, .section-products, .section-testimonials, .section-newsletter { padding: 4rem 0; }
  .lifestyle-content { padding: 2.5rem 1.5rem; }
  .newsletter-form-wrap { flex-direction: column; }
  .newsletter-form-wrap input { border-bottom: 1px solid rgba(255,255,255,0.1); }
  .footer-bottom-links { margin-top: 0.5rem; }
  .footer-bottom-links a { margin-left: 0; margin-right: 1rem; }
  .cat-tall { height: 300px; }
  .cat-short-top, .cat-short-bottom, .cat-medium { height: 180px; }
  .hero-badge { width: 72px; height: 72px; font-size: 0.7rem; }
  footer { padding: 40px 20px 28px; }

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

      .footer-grid > div:first-child {
        grid-column: 1 / -1;
      }

      .footer-bottom {
        flex-direction: column;
        gap: 8px;
        text-align: center;
      }
}
@media (max-width: 575.98px) {
  .hero-left { padding: 2.5rem 1rem 2rem; }
  .hero-ctas { flex-direction: column; align-items: flex-start; gap: 0.8rem; }
  .btn-primary-custom, .btn-outline-custom { width: 100%; text-align: center; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
}