.mobile-auth-section { display: none; }
.mobile-auth-buttons { display: none; }
@media (max-width: 1024px) { .post-grid { grid-template-columns: repeat(2, 1fr); } .cat-grid { grid-template-columns: repeat(2, 1fr); } .testi-grid { grid-template-columns: repeat(2, 1fr); } .bonus-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } .content-sidebar { grid-template-columns: 1fr; } .content-sidebar aside { margin-top: 2rem; position: static; } }
@media (max-width: 768px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  .container { padding-inline: 1rem; }
  .mobile-auth-section { display: block; padding-block: 1.25rem; }
  .mobile-auth-buttons { display: flex; flex-direction: row; gap: 0.75rem; }
  .mobile-auth-buttons .btn-mobile-auth { flex: 1 1 0; min-height: 52px; padding: 0.95rem 1rem; font-size: 1.05rem; border-radius: 0.6rem; justify-content: center; }
  .nav-toggle { display: block; }
  .main-navigation { position: fixed; top: 0; right: -100%; height: 100vh; height: 100dvh; width: min(82vw, 340px); flex-direction: column; align-items: flex-start; gap: 1rem; padding: 4.5rem 1.5rem 1.5rem; background: var(--at-card); border-left: 1px solid var(--at-border); transition: right var(--at-transition), visibility 0s linear var(--at-transition); z-index: 200; overflow-y: auto; visibility: hidden; pointer-events: none; }
  .main-navigation.is-open { right: 0; visibility: visible; pointer-events: auto; }
  .main-navigation ul { flex-direction: column; align-items: flex-start; gap: 0.5rem; width: 100%; }
  .main-navigation ul a { display: block; width: 100%; padding: 0.65rem 0; font-size: 1rem; min-height: 48px; line-height: 1.4; }
  .theme-auth-buttons { flex-direction: column; width: 100%; gap: 0.5rem; margin-top: 0.75rem; }
  .theme-auth-buttons .btn { width: 100%; justify-content: center; min-height: 52px; font-size: 1rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 0.75rem; }
  .footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 1rem; }
  .footer-links li { margin-bottom: 0; }
  .footer-links a { display: inline-block; padding: 0.4rem 0; min-height: 44px; }
  .hero { padding-block: 2.5rem 2rem; }
  .hero-title { font-size: clamp(1.75rem, 7vw, 2.5rem); }
  .hero-description { font-size: 1rem; }
  .hero-cta { flex-direction: column; gap: 0.75rem; }
  .hero-cta .btn { width: 100%; justify-content: center; min-height: 52px; }
  .post-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .cat-grid { grid-template-columns: 1fr; gap: 1rem; }
  .testi-grid { grid-template-columns: 1fr; gap: 1rem; }
  .bonus-grid { grid-template-columns: 1fr; gap: 1rem; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .content-sidebar { padding-block: 1.5rem; }
  .section { padding-block: 2rem; }
  .section-head { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .card-body { padding: 1rem; }
  .card-title { font-size: 1.05rem; }
  .newsletter { padding: 1.5rem; }
  .newsletter form { flex-direction: column; }
  .newsletter input[type="email"] { width: 100%; }
  .newsletter .btn { width: 100%; min-height: 48px; justify-content: center; }
  .float-banner { left: 0.5rem; right: 0.5rem; transform: none; max-width: none; border-radius: 0.75rem; justify-content: space-between; }
}
@media (max-width: 480px) { .container { padding-inline: 0.9rem; } .btn { padding: 0.65rem 1rem; font-size: 0.95rem; min-height: 48px; } .stat-grid { grid-template-columns: 1fr; } .at-article-title { font-size: 1.6rem; } .hero-eyebrow { font-size: 0.7rem; } }
@media (pointer: coarse) { .btn { min-height: 48px; } .pagination .page-numbers { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; } }