/* ==============================================
   BLOG RESPONSIVE — improx-group/assets/css/blog/responsive.css
   ============================================== */

@media (max-width: 1200px) {
    .blog-layout { grid-template-columns: 1fr 280px; gap: var(--space-8); }
}

@media (max-width: 992px) {
    .blog-hero { padding: 120px 0 70px; }
    .blog-layout { grid-template-columns: 1fr; }
    .blog-sidebar { position: static; }
    .posts-grid { grid-template-columns: repeat(2, 1fr); }
    .newsletter-inner { flex-direction: column; text-align: center; gap: var(--space-6); }
    .newsletter-form-wrap { min-width: unset; max-width: 100%; width: 100%; }
    .blog-cta-inner { flex-direction: column; text-align: center; }
    .blog-cta-btns { justify-content: center; }
}

@media (max-width: 768px) {
    .blog-hero { padding: 100px 0 60px; }
    .blog-hero-content h1 { font-size: 2rem; }
    .blog-search-bar { flex-direction: column; }
    .blog-search-bar input, .blog-search-bar button { width: 100%; }
    .posts-grid { grid-template-columns: 1fr; }
    .newsletter-inner { padding: var(--space-8) var(--space-6); }
    .newsletter-form-wrap form { flex-direction: column; }
    .newsletter-form-wrap button[type="submit"] { width: 100%; }
    .blog-cta-btns a { width: 100%; max-width: 280px; justify-content: center; }
}