/* =========================================================
   The First Timer — Responsive (Mobile First adjustments)
   ========================================================= */

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(3, 1fr); }
  .article-wrap { grid-template-columns: 1fr; }
  .sticky-side { position: static; flex-direction: row; flex-wrap: wrap; }
  .sticky-side > * { flex: 1; min-width: 240px; }
  .share-float { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 900px) {
  .nav { display: none; }
  .hamburger { display: grid; }
  .header-actions .subscribe-desktop { display: none; }
  .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-art { height: 380px; }
  .two-col { grid-template-columns: 1fr; gap: 32px; }
  .blog-layout { grid-template-columns: 1fr !important; }
  .sidebar { order: 2; }
}

@media (max-width: 720px) {
  .section { padding: 68px 0; }
  .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-2 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .prevnext { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .hero-stats { gap: 26px; }
  .newsletter { padding: 54px 24px; }
}

@media (max-width: 520px) {
  .container { padding: 0 18px; }
  .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .cat-grid { grid-template-columns: 1fr 1fr !important; }
  .hero-stats { flex-wrap: wrap; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .section-head h2 { font-size: 1.8rem; }
  .hero-art { display: none; }
  .to-top, .cookie { left: 14px; right: 14px; bottom: 14px; }
  .cookie { max-width: none; }
}