@media (max-width: 1280px) { .cards-grid--3, .cards-grid--4, .providers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1024px) { .article-layout__grid, .site-footer__grid, .site-footer__meta, .page-intro__grid, .hero__grid, .app-feature { grid-template-columns: 1fr; } .toc, .home-anchor-nav { position: static; } } @media (max-width: 768px) { .container { width: min(var(--container), calc(100% - 32px)); } .main-nav, .site-header .button--compact { display: none; } .menu-toggle { display: inline-flex; } .cards-grid--2, .cards-grid--3, .cards-grid--4, .hero__quick-facts, .providers-grid { grid-template-columns: 1fr; } .hero__actions, .site-footer__bottom, .affiliate-banner, .author-card { flex-direction: column; align-items: stretch; } .button { width: 100%; } .review-summary { position: static; } .author-card { grid-template-columns: 1fr; } .affiliate-banner__cta { width: 100%; } .mobile-nav { justify-items: stretch; } .mobile-nav__panel { width: 100vw; max-width: none; border-left: 0; border-radius: 0; padding: 20px 16px 28px; } } @media (max-width: 480px) { body { font-size: 17px; } .container { width: min(var(--container), calc(100% - 28px)); } .site-header__inner { min-height: 74px; } .hero__content, .summary-card, .info-card, .feature-card, .content-section, .not-found__box, .advantage-card, .review-card, .table-card, .content-guide__body { padding: 20px; } .faq-question { padding: 18px; } .faq-answer { padding: 0 18px 18px; } .affiliate-banner { padding: 18px; } .slot-card__body { padding: 18px; } .app-feature__media { min-height: 240px; } .mobile-nav__header { margin-bottom: 18px; } }
@media (max-width: 768px) {
  .site-header__inner {
    gap: 12px;
  }
  .site-logo {
    min-width: 0;
    gap: 10px;
  }
  .site-logo__text {
    min-width: 0;
  }
  .site-logo__text small {
    white-space: nowrap;
  }
  .site-header__meta {
    gap: 8px;
    flex-shrink: 0;
  }
  .menu-toggle {
    display: inline-flex !important;
  }
  .affiliate-banner--media {
    min-height: 420px;
    padding: 0;
  }
  .affiliate-banner--media::after {
    background: linear-gradient(180deg, rgba(6, 10, 18, 0.18), rgba(6, 10, 18, 0.78) 48%, rgba(6, 10, 18, 0.92));
  }
  .affiliate-banner__image {
    min-height: 420px;
  }
  .affiliate-banner--media .affiliate-banner__content {
    left: 18px;
    right: 18px;
    bottom: 96px;
  }
  .affiliate-banner--media .affiliate-banner__cta {
    left: 18px;
    right: 18px;
    bottom: 18px;
    width: auto;
  }
}
@media (max-width: 480px) {
  .lang-badge,
  .age-badge {
    display: none;
  }
  .site-logo__text small {
    display: none;
  }
  .affiliate-banner--media {
    min-height: 390px;
    padding: 0;
  }
  .affiliate-banner__image {
    min-height: 390px;
  }
}