/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */

@media (max-width: 1100px) {
  .main-shell,
  .article-layout { grid-template-columns: 1fr; }

  .sidebar { grid-template-columns: repeat(2, 1fr); }

  .hero-grid { grid-template-columns: 1fr; }
  .hero-main { min-height: 360px; }
  .hero-side { grid-template-columns: repeat(2, 1fr); }

  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  .footer-inner { grid-template-columns: 1fr 1fr; }
  .footer-about { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .topbar-links { display: none; }
  .search-form { display: none; }
  .hamburger { display: flex; }
  .category-nav { display: none; }

  body.menu-open .category-nav { display: block; }
  .cat-nav-inner { flex-direction: column; align-items: stretch; }
  .cat-nav-inner a {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 13px 16px;
  }
  .cat-nav-inner a:last-child { border-bottom: 0; }

  .header-main {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 72px;
}

.brand {
  grid-column: 2;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  margin: 0;
}

.brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.brand-text {
  display: flex;
  align-items: center;
}

.brand-text strong {
  font-size: 1.9rem;
  line-height: 1;
  white-space: nowrap;
}

.brand-text small {
  display: none;
}

.hamburger {
  grid-column: 3;
  justify-self: end;
}

  .hero-main { min-height: 300px; }
  .hero-side { grid-template-columns: 1fr; }

  .post-grid, .grid-2, .grid-3, .related-grid { grid-template-columns: 1fr; }
  .post-card.compact { flex-direction: row; }

  .sidebar { grid-template-columns: 1fr; }

  .footer-inner { grid-template-columns: 1fr; gap: 24px; padding: 28px 0; }
  .footer-about { grid-column: auto; }

  .admin-form-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }

  .category-strip { grid-template-columns: repeat(2, 1fr); }
  .breaking-bar { grid-template-columns: 100px 1fr; }
}

@media (max-width: 560px) {
  .site-container { width: calc(100% - 24px); }

  .section-block,
  .article-card,
  .comments-box,
  .related-box,
  .page-hero,
  .static-content,
  .login-card { border-radius: 12px; padding: 14px; }

  .hero-main { min-height: 260px; border-radius: 12px; }
  .hero-overlay h1 { font-size: 1.6rem; }
  .hero-overlay { padding: 14px; }

  .article-card h1 { font-size: 1.7rem; }
  .article-meta { flex-direction: column; align-items: flex-start; gap: 0; }
  .article-meta span { border-right: 0; padding: 6px 0; border-bottom: 1px solid var(--line); width: 100%; }
  .article-meta span:last-child { border-bottom: 0; }

  .post-card.compact { flex-direction: column; }
  .post-card.compact .post-card-img { width: 100%; aspect-ratio: 16/9; }

  .share-panel { flex-direction: column; }
  .share-panel .btn { width: 100%; }

  .video-callout { flex-direction: column; align-items: flex-start; }
  .stats-grid { grid-template-columns: 1fr; }
  .category-strip { grid-template-columns: 1fr 1fr; }

  .footer-bottom-inner { flex-direction: column; height: auto; padding: 14px 0; text-align: center; }
}