@media (max-width: 1024px) {
    .grid-news__grid { grid-template-columns: repeat(2, 1fr); }
    .content-wrapper { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: repeat(2, 1fr); }
    .hero__title { font-size: 2rem; max-width: 100%; }
    .hero__excerpt { max-width: 100%; }
    .article__wrapper { grid-template-columns: 1fr; }
    .related-news__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .topbar__left { font-size: 0.65rem; }
    .header__nav { display: none; }
    .header__menu-btn { display: flex; }
    .header__logo img { height: 40px; }
    .grid-news__grid { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr; }
    .hero__featured { min-height: 300px; }
    .hero__image { height: 300px; }
    .hero__content { padding: var(--spacing-lg) var(--spacing-md); }
    .hero__title { font-size: 1.5rem; }
    .hero__excerpt { font-size: 0.9rem; display: none; }
    .hero__meta { font-size: 0.7rem; flex-wrap: wrap; }
    .grid-news__title { font-size: 1.3rem; }
    .sidebar { gap: var(--spacing-md); }
    .newsletter-widget__form { flex-direction: column; }
    .search-bar__form { flex-wrap: wrap; }
    .search-bar__input { width: 100%; }
    .footer__bottom { flex-direction: column; text-align: center; }
    .article__title { font-size: 1.8rem; }
    .contact-wrapper { grid-template-columns: 1fr; }
    .related-news__grid { grid-template-columns: 1fr; }
    .search-form { flex-direction: column; }
    .search-form__submit { width: 100%; }
    .search-result__link { grid-template-columns: 1fr; }
    .search-result__image { aspect-ratio: 16/9; }
    .admin-container { flex-direction: column; }
    .admin-sidebar { width: 100%; }
    .admin-form .form-row { grid-template-columns: 1fr; }
    .admin-content__header { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .topbar__container { flex-direction: column; align-items: flex-start; }
    .topbar__right { width: 100%; justify-content: flex-start; }
    .hero__image { height: 200px; }
    .hero__title { font-size: 1.2rem; }
    .hero__readmore { font-size: 0.8rem; padding: var(--spacing-xs) var(--spacing-md); }
    .card-news__title { font-size: 0.95rem; }
    .mobile-menu { width: 280px; left: -290px; }
    .auth-box { padding: var(--spacing-lg); }
    .subscribe-box { padding: var(--spacing-lg); }
    .article__meta { flex-direction: column; gap: var(--spacing-xs); }
}