/* ==========================================================================
   RESPONSIVE — mobile-first overrides, largest breakpoints last
   ========================================================================== */

/* ---------------------------------------------------- <= 1180px : laptop --- */
@media (max-width: 1180px) {
  .footer__grid { grid-template-columns: 1.4fr 1fr 1.3fr; }
  .footer__col--links2 { display: none; }
  .nav__link { padding-inline: 11px; font-size: .88rem; }
}

/* ---------------------------------------------------- <= 1024px : tablet --- */
@media (max-width: 1024px) {
  .hero__grid { grid-template-columns: 1fr; gap: var(--s-7); }
  .hero__badge { max-width: 480px; }
  .statbar__grid { grid-template-columns: repeat(2, 1fr); }
  .statbar__item:nth-child(2) { border-right: 0; }
  .statbar__item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }

  .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust__grid { grid-template-columns: repeat(2, 1fr); gap: var(--s-5) var(--s-6); }

  .split { grid-template-columns: 1fr; gap: var(--s-7); }
  .split--reverse .split__media { order: 0; }
  .split__media--stack .split__img-2 { right: 0; bottom: -8%; width: 44%; }
  .split__badge { left: 0; top: -5%; }

  .pagehero__grid { grid-template-columns: 1fr; gap: var(--s-5); }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__col--links2 { display: block; }
}

/* ------------------------------------- <= 900px : nav collapses to drawer --- */
@media (max-width: 900px) {
  html { scroll-padding-top: 88px; }

  .nav { display: none; }
  .header__cta .btn { display: none; }
  .burger { display: grid; }
  .header__inner { height: 72px; }
  .header.is-stuck .header__inner { height: 64px; }
  .brand img { height: 40px; }
  .header.is-stuck .brand img { height: 36px; }

  .topbar__group--meta .topbar__item--addr { display: none; }
  .topbar__group--meta .topbar__item--mail { display: none; }
}

/* ---------------------------------------------------- <= 768px : mobile --- */
@media (max-width: 768px) {
  /* Sticky call / WhatsApp bar is mobile-only */
  .sticky-bar { display: flex; }
  body { padding-bottom: 74px; }

  .hero { min-height: auto; padding-block: var(--s-9) clamp(96px, 22vw, 130px); }
  .statbar { margin-top: -70px; }
  .statbar__item { padding: var(--s-5) var(--s-4); }

  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .review-track { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
  .stat-grid { grid-template-columns: 1fr; }
  .trust__grid { grid-template-columns: 1fr; }

  .form-grid { grid-template-columns: 1fr; }
  .reviews__head { flex-direction: column; align-items: flex-start; gap: var(--s-5); }
  .btn-row .btn { width: 100%; }
  .cta-band .btn-row { flex-direction: column; }

  .footer { padding-top: var(--s-8); }
  .footer__grid { grid-template-columns: 1fr; gap: var(--s-6); }
  .footer__bottom { flex-direction: column; text-align: center; gap: var(--s-3); }

  .topbar__inner { justify-content: center; gap: var(--s-4); }
  .topbar__group--meta { display: none; }

  .lightbox__prev { left: var(--s-2); }
  .lightbox__next { right: var(--s-2); }
  .compare { aspect-ratio: 3 / 2; }

  .watermark { display: none; }
}

/* ---------------------------------------------------- <= 520px : small --- */
@media (max-width: 520px) {
  :root { --gutter: 18px; }

  .statbar__grid { grid-template-columns: 1fr; }
  .statbar__item { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .statbar__item:last-child { border-bottom: 0; }

  .gallery { grid-template-columns: 1fr; }
  .rating-block { flex-direction: column; align-items: flex-start; gap: var(--s-3); }
  .filters { gap: 6px; }
  .filter { padding-inline: 14px; font-size: .82rem; }
  .sticky-bar .btn { font-size: .87rem; }
  .split__badge { position: static; margin-bottom: var(--s-4); display: inline-grid; }
  .split__media--stack .split__img-2 { position: static; width: 100%; margin-top: var(--s-3); border-width: 0; }
}

/* ------------------------------------------- Pointer-coarse: kill tilt --- */
@media (hover: none), (pointer: coarse) {
  .card { transform: none !important; }
  .card::after { display: none; }
  .card:hover { transform: none; }
  .gallery__cap { transform: translateY(0); opacity: 1; }
  .dropdown { display: none; }
}

/* ---------------------------------------------------------------- PRINT --- */
@media print {
  .topbar, .header, .sticky-bar, .popup, .scroll-progress,
  .cta-band, .drawer, .lightbox { display: none !important; }
  body { color: #000; background: #fff; padding-bottom: 0; }
  .sect, .pagehero { padding-block: 18px; background: #fff !important; color: #000 !important; }
  .sect--dark h1, .sect--dark h2, .sect--dark h3, .sect--dark p,
  .pagehero h1, .pagehero p { color: #000 !important; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; }
}