/* ============================================
   CINEBLACK3 RESPONSIVE
   ============================================ */

/* ---- Tablet (1024px) ---- */
@media (max-width: 1024px) {
    :root { --cb-sidebar-width: 0px; }

    .cb3-sidebar { transform: translateX(-100%); }
    .cb3-sidebar.open { transform: translateX(0); width: 280px; }
    .cb3-main-wrap { margin-left: 0; }
    .cb3-mobile-menu-btn { display: flex; }
    .cb3-header-logo-mobile { display: block; }

    .cb3-hero-title { font-size: var(--cb-font-size-3xl); }
    .cb3-hero-content { padding: 100px 30px 60px; }

    .cb3-single-hero-content { padding: 100px 30px 40px; flex-direction: column; align-items: flex-start; }
    .cb3-single-poster img { width: 200px; }
    .cb3-single-title { font-size: var(--cb-font-size-2xl); }

    .cb3-footer-top { grid-template-columns: 1fr; }
    .cb3-footer-columns { grid-template-columns: repeat(3, 1fr); }

    .cb3-dashboard { flex-direction: column; }
    .cb3-dash-sidebar { width: 100%; position: static; }

    .cb3-details-grid { grid-template-columns: 1fr; }

    .cb3-carousel-item { flex: 0 0 160px; }
}

/* ---- Mobile (768px) ---- */
@media (max-width: 768px) {
    .cb3-mobile-nav { display: flex; }
    .cb3-content { padding-bottom: var(--cb-mobile-nav-height); }

    .cb3-hero-slider { min-height: 60vh; }
    .cb3-hero-content { min-height: 60vh; padding: 80px 20px 60px; }
    .cb3-hero-title { font-size: var(--cb-font-size-2xl); }
    .cb3-hero-desc { font-size: var(--cb-font-size-sm); }

    .cb3-section-header { padding: 0 var(--cb-space-md); }
    .cb3-carousel { padding: 0 var(--cb-space-md); }

    .cb3-single-hero { min-height: auto; }
    .cb3-single-hero-content { min-height: auto; padding: 80px 20px 30px; gap: var(--cb-space-lg); }
    .cb3-single-poster img { width: 140px; }
    .cb3-single-title { font-size: var(--cb-font-size-xl); }
    .cb3-single-actions { flex-direction: column; }
    .cb3-single-actions .cb3-btn { width: 100%; justify-content: center; }
    .cb3-single-details { padding: var(--cb-space-xl) var(--cb-space-md); }

    .cb3-player-section { padding: 0 var(--cb-space-md); }

    .cb3-episode-card { flex-direction: column; }
    .cb3-episode-thumb { width: 100%; }

    .cb3-footer-columns { grid-template-columns: 1fr 1fr; }
    .cb3-footer-devices { flex-wrap: wrap; }

    .cb3-header-nav { display: none; }

    .cb3-content-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--cb-space-md); }
    .cb3-archive-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

    .cb3-genre-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); padding: 0 var(--cb-space-md); }

    .cb3-carousel-item { flex: 0 0 140px; }

    .cb3-pricing-grid { grid-template-columns: 1fr; }
    .cb3-pricing-page { padding: var(--cb-space-xl) var(--cb-space-md); }

    .cb3-auth-card { padding: var(--cb-space-xl); }

    .cb3-donation-page { padding: var(--cb-space-xl) var(--cb-space-md); }
    .cb3-donation-card { padding: var(--cb-space-xl); }
    .cb3-donation-tiers { grid-template-columns: repeat(3, 1fr); }

    .cb3-help-links { grid-template-columns: 1fr; }

    .cb3-seasons-section { padding: var(--cb-space-xl) var(--cb-space-md); }
}

/* ---- Small Mobile (480px) ---- */
@media (max-width: 480px) {
    .cb3-hero-title { font-size: var(--cb-font-size-xl); }
    .cb3-hero-actions { flex-direction: column; }
    .cb3-hero-actions .cb3-btn { width: 100%; justify-content: center; }

    .cb3-single-poster { display: none; }
    .cb3-single-hero-content { padding: 60px 16px 24px; }

    .cb3-content-grid { grid-template-columns: repeat(2, 1fr); gap: var(--cb-space-sm); }
    .cb3-archive-grid { grid-template-columns: repeat(2, 1fr); }

    .cb3-footer-columns { grid-template-columns: 1fr; }

    .cb3-carousel-item { flex: 0 0 120px; }
    .cb3-carousel-prev, .cb3-carousel-next { display: none; }

    .cb3-top10-item { padding-left: 28px; }
    .cb3-top10-number { font-size: 48px; }

    .cb3-plan-amount { font-size: 40px; }
}