/* ============================================================
   SITE-15 — Responsive Layer
============================================================ */

/* Tablet: 1024px */
@media (max-width: 1024px) {
  .country-grid { grid-template-columns: repeat(3, 1fr); }
  .payment-grid { grid-template-columns: repeat(3, 1fr); }
  .features-grid { grid-template-columns: repeat(3, 1fr); }
  .footer__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8); }
  .hero__grid { grid-template-columns: 1fr; text-align: center; }
  .hero__content { max-width: 100%; margin: 0 auto; }
  .hero__desc { max-width: 100%; margin-left: auto; margin-right: auto; }
  .hero__ctas { justify-content: center; }
  .hero__map { display: none; }
}

/* Tablet small: 768px */
@media (max-width: 768px) {
  .mastnav { display: none; }
  .mastactions .btn--ghost,
  .mastactions .btn--primary { display: none; }
  .menu-btn { display: flex; }
  .mobile-nav {
    position: absolute; top: 60px; left: 0; right: 0;
    background: var(--surface); border-bottom: 1px solid var(--border);
    box-shadow: var(--sh-lg); padding: var(--sp-6);
    display: flex; flex-direction: column; gap: var(--sp-4);
    z-index: 99;
  }
  .mobile-nav a {
    padding: var(--sp-3) 0; font-size: var(--fs-base); font-weight: 500;
    border-bottom: 1px solid var(--border);
  }
  .country-grid { grid-template-columns: repeat(2, 1fr); }
  .payment-grid { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  .hero__stats { grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
  .hero { padding: var(--sp-10) 0 var(--sp-8); }
  .section { padding: var(--sp-10) 0; }
  .section__header { margin-bottom: var(--sp-8); }
  .footer__grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  .footer__bottom { flex-direction: column; gap: var(--sp-3); text-align: center; }
  .search-row { flex-direction: column; }
  .filter-select { width: 100%; }
}

/* Mobile: 480px */
@media (max-width: 480px) {
  :root {
    --fs-3xl: clamp(28px, 7vw, 40px);
  }
  .shell { padding: 0 var(--sp-4); }
  .country-grid { grid-template-columns: 1fr; }
  .payment-grid { grid-template-columns: 1fr; }
  .hero__stats { grid-template-columns: 1fr; gap: var(--sp-5); }
  .hero__ctas { flex-direction: column; }
  .hero__ctas .btn { width: 100%; }
  .cta-banner .btn--accent { width: 100%; }
  .stat__num { font-size: var(--fs-lg); }
  .country-card__status {
    font-size: 9px; padding: 2px 6px;
  }
  .masthead__inner { gap: var(--sp-4); }
  .brand__sub { display: none; }
  .brand { font-size: var(--fs-base); }
}