/* ==========================================================================
   LAKSHMI TRADERS - RESPONSIVE STYLESHEET
   Breakpoints for Desktop, Tablet, and Mobile
   ========================================================================== */

@media (max-width: 991.98px) {
  .navbar-collapse {
    background: var(--white);
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    margin-top: 15px;
    border: 1px solid var(--border-color);
  }

  .nav-link-custom {
    padding: 10px 16px !important;
  }

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

  .hero-slide-title {
    font-size: 2.2rem !important;
  }

  .hero-slide-desc {
    font-size: 1rem !important;
  }
}

@media (max-width: 767.98px) {
  .whatsapp-float {
    width: 52px;
    height: 52px;
    font-size: 28px;
    bottom: 20px;
    right: 20px;
  }

  .scroll-to-top {
    bottom: 85px;
    right: 23px;
    width: 40px;
    height: 40px;
  }

  .section-title {
    font-size: 1.65rem;
  }

  .counter-box {
    padding: 25px 15px;
  }

  .counter-number {
    font-size: 2.2rem;
  }

  .hero-slide {
    height: 480px !important;
  }

  .hero-slide-title {
    font-size: 1.8rem !important;
  }

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

@media (max-width: 575.98px) {
  .hero-slide {
    height: 420px !important;
  }

  .btn-gold, .btn-green, .btn-outline-green {
    padding: 10px 20px;
    font-size: 0.9rem;
  }

  .counter-number {
    font-size: 1.8rem;
  }

  .footer-dark {
    padding-top: 50px;
  }
}