/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; gap: 40px; }
    .hero-left h1 { font-size: 3.5rem; }
    .article-layout { grid-template-columns: 1fr; }
    .sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .posts-grid { grid-template-columns: repeat(2, 1fr); }
    .post-card-featured { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .telegram-inner { grid-template-columns: 1fr; }
    .explore-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .hero { padding: 60px 0 70px; }
    .hero-left h1 { font-size: 2.8rem; letter-spacing: -2px; }
    .hero-stats { gap: 25px; flex-wrap: wrap; }
    .hero-stat .number { font-size: 1.6rem; }

    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--bg-dark);
        border-bottom: 1px solid rgba(255,255,255,0.08);
        box-shadow: 0 12px 40px rgba(0,0,0,0.3);
        flex-direction: column;
        padding: 8px;
        z-index: 100;
    }
    .nav-menu.active { display: flex; }
    .nav-item > a {
        padding: 12px 16px;
        height: auto;
        border-radius: 8px;
    }
    .nav-item > a::before { display: none; }
    .nav-item > a::after { display: none; }
    .nav-item > a:hover { background: rgba(255,255,255,0.06); }
    .mega-dropdown {
        position: static;
        border: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        min-width: auto;
        border-radius: 0;
        background: rgba(255,255,255,0.03);
        left: 0;
    }
    .mega-dropdown::before { display: none; }
    .nav-item.has-dropdown.open > .mega-dropdown { display: block; }
    .mega-dropdown-inner { padding: 4px 16px 12px; }
    .mega-col ul a { color: rgba(255,255,255,0.6); }
    .mega-col ul a:hover { color: var(--primary); background: rgba(255,255,255,0.04); }
    .mega-heading { color: rgba(255,255,255,0.3); border-bottom-color: rgba(255,255,255,0.08); }
    .mega-col-link { border-top-color: rgba(255,255,255,0.08); }

    .menu-toggle { display: flex; }
    .logo { margin-right: auto; }

    .posts-grid { grid-template-columns: 1fr; }
    .sidebar { grid-template-columns: 1fr; }
    .explore-grid { grid-template-columns: repeat(2, 1fr); }
    .explore-header { flex-wrap: wrap; }
    .footer-grid { grid-template-columns: 1fr; gap: 35px; }

    .article-title { font-size: 1.8rem; }
    .article-hero-title { font-size: 1.8rem; }
    .article-hero-meta { font-size: 0.75rem; }
    .telegram-left h2 { font-size: 2.2rem; }
    .container { padding: 0 16px; }
}

@media (max-width: 480px) {
    .hero-left h1 { font-size: 2.2rem; letter-spacing: -1px; }
    .hero-subtitle .highlight { display: inline; }
    .post-card-featured .post-info { padding: 24px; }
    .post-card-featured .post-title { font-size: 1.2rem; }
    .hero-stats { flex-direction: column; gap: 16px; }
    .post-card .post-info { padding: 16px 18px 18px; }
    .post-card .post-excerpt { display: none; }
}