/* ==========================================================================
   MAHABADI — Responsive rules
   ========================================================================== */

/* ------------------------------- <= 1160px ----------------------------- */
@media (max-width: 1160px) {
  .cat-card { flex-basis: calc((100% - (3 * var(--space-s))) / 4); }
  .mega__inner { grid-template-columns: 1fr 250px; }
  .footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-m); }
}

/* ------------------------------- <= 1024px ----------------------------- */
@media (max-width: 1024px) {
  .topbar__list--secondary { display: none; }

  .main-nav { display: none; }
  .hamburger { display: grid; }

  .header-search { order: 3; flex-basis: 100%; max-width: none; }
  .header-main__inner { flex-wrap: wrap; padding-block: var(--space-xs); row-gap: var(--space-xs); }
  .header-phone { display: none; }
  .header-actions { margin-inline-start: 0; }

  .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .about-video { grid-template-columns: 1fr; gap: var(--space-l); }
  .about-video .video-frame { order: -1; }

  .flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-m) var(--space-2xs); }
  .flow__step::before, .flow__step::after { display: none; }
  .flow__text { max-width: none; }

  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .product-layout { grid-template-columns: 1fr; }
  .product-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-sidebar .side-card:first-child { grid-column: 1 / -1; }

  .cat-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ------------------------------- <= 860px ------------------------------ */
@media (max-width: 860px) {
  .cat-card { flex-basis: calc((100% - (2 * var(--space-s))) / 3); }

  .page-hero__grid { grid-template-columns: 1fr; gap: var(--space-m); }
  .page-hero__media { height: 170px; order: -1; }

  .consult-band { padding: var(--space-m); }
}

/* ------------------------------- <= 720px ------------------------------ */
@media (max-width: 720px) {
  .topbar__item--hide { display: none; }

  .sec-head { flex-direction: column; align-items: flex-start; gap: var(--space-s); }
  .sec-head .slider-arrows { align-self: flex-end; }

  .brand__tag { display: none; }
  .brand__logo { height: 50px; }
  .header-actions .btn--outline { display: none; }
  .header-actions .btn span { display: none; }
  .header-actions .btn { padding-inline: 13px; }
  .header-actions .btn--navy { background: var(--sand); color: var(--blue); }

  .blog-grid { grid-template-columns: 1fr; }
  .cat-card { flex-basis: calc((100% - var(--space-s)) / 2); }

  .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flow-panel { padding: var(--space-m) var(--space-s); }

  .consult-band { flex-direction: column; align-items: flex-start; }
  .consult-band__actions { width: 100%; }

  .about-stats { grid-template-columns: repeat(3, 1fr); gap: var(--space-2xs); }
  .about-stat { padding: var(--space-2xs); }
  .about-stat strong { font-size: var(--step-1); }

  .readmore, .desc-box, .faq { padding: var(--space-m); }

  .product-sidebar { grid-template-columns: 1fr; }
  .toolbar { flex-direction: column; align-items: flex-start; }
  .toolbar__actions { width: 100%; }
  .toolbar__actions .btn { flex: 1; }

  .desc-highlights { grid-template-columns: 1fr; }
  .cat-tiles { grid-template-columns: 1fr; }

  .footer-bottom { justify-content: center; text-align: center; }
  .footer-socials { margin-inline-start: 0; width: 100%; }
}

/* ------------------------------- <= 520px ------------------------------ */
@media (max-width: 520px) {
  .container { padding-inline: var(--space-s); }

  .brand__logo { height: 44px; }
  .brand__names strong { font-size: var(--step-0); }

  .hero { padding-block: var(--space-s) var(--space-m); }
  .hero-slider__nav { display: none; }
  .hero-slider__dots { right: var(--space-s); bottom: var(--space-s); }

  .trust-strip { grid-template-columns: 1fr; }
  .cat-card { flex-basis: 76%; }

  .flow { grid-template-columns: 1fr; gap: var(--space-s); }
  .flow__text { max-width: 34ch; }

  .consult-phone { font-size: var(--step-0); }
  .consult-band__actions { gap: var(--space-xs); }

  .modal__dialog { max-width: none; }
  .modal__head, .modal__body { padding-inline: var(--space-s); }

  .calc-grid { grid-template-columns: 1fr; }
  .otp-row .input { width: 44px; height: 50px; }

  .quick-contact span { display: none; }
  .quick-contact { padding: 0; width: 52px; justify-content: center; }
  .to-top { width: 44px; height: 44px; }

  .preloader__logo { width: 96px; height: 96px; }
}

/* ------------------------------- <= 380px ------------------------------ */
@media (max-width: 380px) {
  .flow { grid-template-columns: 1fr; }
}