/* ==========================================================================
   RESPONSIVE.CSS — 1400px / 1200px / 992px / 768px / 576px / 400px
   ========================================================================== */

/* ---------- ≤1400px ---------- */
@media (max-width: 1400px){
  .container{ max-width: 1140px; }
}

/* ---------- ≤1200px ---------- */
@media (max-width: 1200px){
  .container{ max-width: 960px; }
  .promo-grid{ grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .why-grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ---------- ≤992px (tablet) ---------- */
@media (max-width: 992px){
  .container{ max-width: 720px; }
  .section{ padding-block: 64px; }

  .hero__inner{ grid-template-columns: 1fr; text-align: center; }
  .hero__desc{ margin-inline: auto; }
  .hero__actions{ justify-content: center; }
  .hero__visual{ margin-top: 24px; order: -1; }
  .hero__speed-badge{ display: none; }

  .trust-bar__grid{ grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .trust-bar__item{ border-right: none; padding-inline: 0; }

  .split-section{ grid-template-columns: 1fr; }
  .paket-grid{ grid-template-columns: repeat(2, 1fr); }
  .paket-card.is-popular{ transform: none; order: -1; }
  .promo-grid{ grid-template-columns: repeat(2, 1fr); }
  .coverage-section{ grid-template-columns: 1fr; }
  .area-list{ grid-template-columns: repeat(2, 1fr); }
  .stats-grid{ grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .gallery-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer__grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ---------- ≤768px (mobile landscape) ---------- */
@media (max-width: 768px){
  .hide-mobile{ display: none !important; }
  .show-mobile{ display: initial !important; }

  .topbar__right .topbar__item:first-child{ display: none; }
  .announcement__inner{ font-size: .78rem; padding-inline: 40px; }

  .why-grid{ grid-template-columns: 1fr; }
  .paket-grid{ grid-template-columns: 1fr; }
  .promo-grid{ grid-template-columns: 1fr; }
  .area-list{ grid-template-columns: 1fr; }
  .gallery-grid{ grid-template-columns: 1fr; }
  .testimonial-card{ flex-basis: 82%; }

  .comparison-table{ font-size: .78rem; }
  .comparison-table th, .comparison-table td{ padding: 10px; }

  .footer__grid{ grid-template-columns: 1fr; gap: 36px; }
  .footer__bottom{ flex-direction: column; text-align: center; }
}

/* ---------- ≤576px (mobile portrait) ---------- */
@media (max-width: 576px){
  .container{ padding-inline: 18px; }
  .section{ padding-block: 48px; }
  .section-head{ margin-bottom: 30px; }

  .stats-grid{ grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .btn{ padding: 12px 20px; font-size: .88rem; }
  .cta-band{ padding: 40px 22px; }

  .floating-wa{ width: 52px; height: 52px; right: 16px; bottom: 16px; }
  .back-to-top{ right: 16px; bottom: 78px; width: 40px; height: 40px; }
}

/* ---------- ≤400px (small mobile) ---------- */
@media (max-width: 400px){
  .stats-grid{ grid-template-columns: 1fr 1fr; }
  .paket-card__speed strong{ font-size: 2rem; }
  .hero__badge{ font-size: .7rem; padding: 6px 12px; }
  .testimonial-card{ flex-basis: 92%; }
}