/* Responsive Breakpoints */

/* Tablet & Below: 1024px */
@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .anime-detail { grid-template-columns: 280px 1fr; }
    .hero-title { font-size: 32px; }
    .social-share-bar { display: none !important; }
}

/* Mobile: 768px */
@media (max-width: 768px) {
    .main-nav { display: none; }
    .menu-toggle { display: block; }

    .header-inner { height: 55px; }
    .logo-text { font-size: 18px; }

    .hero { padding: 40px 0 30px; }
    .hero-title { font-size: 26px; }
    .hero-subtitle { font-size: 14px; }
    .search-input { padding: 14px 16px; font-size: 14px; }
    .search-btn { padding: 14px 20px; font-size: 12px; }

    .anime-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
    .anime-detail { grid-template-columns: 1fr; }
    .anime-detail-image { max-height: 400px; overflow: hidden; }

    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .footer-bottom { text-align: center; }

    .section-title { font-size: 22px; }

    .filter-bar { flex-direction: column; align-items: stretch; }

    .ad-slot.ad-footer-left,
    .ad-slot.ad-footer-right { width: 100%; display: block; }

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

    .categories-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
    .tips-grid { grid-template-columns: 1fr; }
}

/* Small Mobile: 480px */
@media (max-width: 480px) {
    .container { padding: 0 12px; }
    .hero-title { font-size: 22px; }
    .anime-grid { grid-template-columns: 1fr; }
    .search-input-group { flex-direction: column; }
    .search-btn { width: 100%; }
    .info-grid { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .btn { padding: 10px 16px; font-size: 13px; }
    .lang-toggle .lang-code { display: none; }
}