/* Auto-extracted from approved HTML reference: iraneet-watch.html */
body {
            font-family: 'Vazirmatn', sans-serif;
            background-color: #00142a;
            color: #d2e4ff;
        }
        
        .glass-card {
            background: rgba(221, 221, 221, 0.05);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid rgba(221, 221, 221, 0.1);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
        }
        
        .glass-card-hover:hover {
            transform: scale(1.02);
            border-color: rgba(221, 221, 221, 0.2);
            background: rgba(221, 221, 221, 0.08);
        }

        .gradient-text {
            background: linear-gradient(to right, #b0c6ff, #86d5c8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .glow-effect {
            position: absolute;
            width: 150%;
            height: 150%;
            background: radial-gradient(circle, rgba(94, 142, 244, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
            top: -25%;
            left: -25%;
            pointer-events: none;
            z-index: -1;
        }
        
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #00142a; 
        }
        ::-webkit-scrollbar-thumb {
            background: #1a3655; 
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #5e8ef4; 
        }

        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Mega Menu Styles */
        .group:hover .mega-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Gradient Border Card */
        .gradient-border-card {
            position: relative;
            background: rgba(0, 20, 42, 0.6);
            background-clip: padding-box;
            border: 1px solid transparent;
            backdrop-filter: blur(24px);
        }
        .gradient-border-card::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: -1;
            margin: -1px;
            border-radius: inherit;
            background: linear-gradient(to bottom right, rgba(176, 198, 255, 0.3), rgba(134, 213, 200, 0.1));
        }
        .gradient-border-card:hover {
            box-shadow: 0 0 30px rgba(94, 142, 244, 0.2);
            transform: translateY(-5px);
        }
        
        /* Slider Styles */
        .slider-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            pointer-events: none;
            z-index: 1;
        }
        .slide.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 2;
        }
        .slide-bg {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
            transition: transform 7s ease-out;
            transform: scale(1);
        }
        .slide.active .slide-bg {
            transform: scale(1.05);
        }
    
        /* Iraneet debug/fix layer */
        .font-display-lg,
        .font-display-lg-mobile,
        .font-headline-md,
        .font-body-lg,
        .font-body-md,
        .font-label-sm,
        .font-body-sm {
            font-family: 'Vazirmatn', sans-serif;
        }
        .font-display-lg-mobile {
            font-size: 32px;
            line-height: 1.2;
            font-weight: 800;
            letter-spacing: -0.02em;
        }
        .font-display-lg {
            font-size: 48px;
            line-height: 1.2;
            font-weight: 800;
            letter-spacing: -0.02em;
        }
        .font-headline-md {
            font-size: 24px;
            line-height: 1.4;
            font-weight: 700;
        }
        .font-body-lg {
            font-size: 18px;
            line-height: 1.6;
            font-weight: 400;
        }
        .font-body-md {
            font-size: 16px;
            line-height: 1.6;
            font-weight: 400;
        }
        .font-body-sm {
            font-size: 14px;
            line-height: 1.6;
            font-weight: 400;
        }
        .font-label-sm {
            font-size: 13px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 0.01em;
        }
        @media (min-width: 768px) {
            .md\:font-display-lg {
                font-size: 48px;
                line-height: 1.2;
                font-weight: 800;
                letter-spacing: -0.02em;
            }
            .md\:font-display-lg-mobile {
                font-size: 32px;
                line-height: 1.2;
                font-weight: 800;
            }
        }
        .ir-bg-aurora {
            background:
                radial-gradient(circle at 18% 14%, rgba(94, 142, 244, 0.22), transparent 28%),
                radial-gradient(circle at 80% 22%, rgba(134, 213, 200, 0.14), transparent 26%),
                radial-gradient(circle at 48% 78%, rgba(187, 195, 255, 0.12), transparent 30%),
                linear-gradient(180deg, #000f21 0%, #00142a 55%, #000f21 100%);
        }
        .ir-bg-aurora::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                radial-gradient(rgba(210, 228, 255, 0.22) 1px, transparent 1px),
                radial-gradient(rgba(134, 213, 200, 0.16) 1px, transparent 1px);
            background-size: 72px 72px, 116px 116px;
            background-position: 0 0, 32px 48px;
            opacity: 0.18;
        }
        .glass-card,
        .gradient-border-card {
            will-change: transform;
            transition: transform 260ms ease, border-color 260ms ease, background 260ms ease, box-shadow 260ms ease;
        }
        .glass-card {
            position: relative;
            overflow: hidden;
        }
        .glass-card::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03) 34%, transparent 70%);
            opacity: 0.45;
            z-index: 0;
        }
        .glass-card > * {
            position: relative;
            z-index: 1;
        }
        .ir-floating-panel {
            background: rgba(0, 20, 42, 0.78);
            backdrop-filter: blur(28px);
            -webkit-backdrop-filter: blur(28px);
            border: 1px solid rgba(221, 221, 221, 0.12);
            box-shadow: 0 30px 80px rgba(0,0,0,0.38);
        }
        .ir-modal[hidden],
        .ir-mobile-menu[hidden] {
            display: none;
        }
        .ir-bottom-nav {
            padding-bottom: max(12px, env(safe-area-inset-bottom));
        }
        .ir-bottom-nav a[aria-current="page"]::after {
            content: "";
            position: absolute;
            bottom: 6px;
            width: 5px;
            height: 5px;
            border-radius: 9999px;
            background: #86d5c8;
            box-shadow: 0 0 14px rgba(134, 213, 200, 0.8);
        }


        /* Creators, comments and optimized mobile menu */
        .ir-section-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 1rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(221, 221, 221, 0.10);
        }
        .ir-creator-card,
        .ir-comment-card,
        .ir-mobile-link {
            position: relative;
            overflow: hidden;
        }
        .ir-creator-card::after,
        .ir-comment-card::after,
        .ir-mobile-link::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(176,198,255,0.12), transparent 40%, rgba(134,213,200,0.08));
            opacity: 0;
            transition: opacity 240ms ease;
        }
        .ir-creator-card:hover::after,
        .ir-comment-card:hover::after,
        .ir-mobile-link:hover::after { opacity: 1; }
        .ir-avatar-ring {
            padding: 2px;
            background: linear-gradient(135deg, rgba(176,198,255,0.85), rgba(134,213,200,0.85));
            box-shadow: 0 18px 40px rgba(66,116,217,0.18);
        }
        .ir-badge-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            border-radius: 9999px;
            border: 1px solid rgba(221,221,221,0.12);
            background: rgba(255,255,255,0.055);
            padding: 0.45rem 0.7rem;
            color: var(--tw-prose-body, #c3c6d5);
            font-size: 0.75rem;
            line-height: 1;
            backdrop-filter: blur(16px);
        }
        .ir-score-bar {
            height: 0.45rem;
            border-radius: 9999px;
            background: rgba(255,255,255,0.09);
            overflow: hidden;
        }
        .ir-score-bar > span {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #86d5c8, #b0c6ff);
            box-shadow: 0 0 20px rgba(134,213,200,0.35);
        }
        .ir-comment-avatar {
            width: 46px;
            height: 46px;
            border-radius: 18px;
            display: grid;
            place-items: center;
            font-weight: 900;
            color: #002d6e;
            background: linear-gradient(135deg, #b0c6ff, #86d5c8);
            flex: 0 0 auto;
        }
        .ir-mobile-menu.is-open .ir-mobile-drawer {
            animation: irDrawerIn 240ms cubic-bezier(.22,.61,.36,1) both;
        }
        @keyframes irDrawerIn {
            from { opacity: 0; transform: translateY(18px) scale(.98); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .ir-mobile-drawer {
            width: min(100% - 24px, 460px);
            right: 12px;
            left: 12px;
            bottom: calc(12px + env(safe-area-inset-bottom));
            top: auto;
            max-height: min(78vh, 720px);
            border-radius: 30px;
        }
        .ir-mobile-quick-search {
            min-height: 46px;
            border-radius: 18px;
            background: rgba(255,255,255,0.055);
            border: 1px solid rgba(221,221,221,0.10);
        }
        .ir-mobile-link {
            border-radius: 22px;
            background: rgba(255,255,255,0.045);
            border: 1px solid rgba(221,221,221,0.10);
            min-height: 56px;
            transition: transform 220ms ease, background 220ms ease, border-color 220ms ease;
        }
        .ir-mobile-link:active { transform: scale(.98); }
        .ir-mobile-link strong,
        .ir-mobile-link span { position: relative; z-index: 1; }
        .ir-mobile-link .material-symbols-outlined {
            width: 36px;
            height: 36px;
            border-radius: 15px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(176,198,255,0.10);
        }
        body.ir-lock-scroll { overflow: hidden; }
        html:not(.dark) .ir-creator-card,
        html:not(.dark) .ir-comment-card,
        html:not(.dark) .ir-mobile-link,
        html:not(.dark) .ir-mobile-quick-search {
            background: rgba(255,255,255,0.78) !important;
            border-color: rgba(32,90,190,0.12) !important;
        }
        html:not(.dark) .ir-badge-chip {
            background: rgba(32,90,190,0.07);
            border-color: rgba(32,90,190,0.12);
            color: #3c526a;
        }
        @media (max-width: 767px) {
            .ir-section-head {
                align-items: flex-start;
                flex-direction: column;
            }
            .ir-mobile-drawer {
                max-height: min(84vh, 760px);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }
        @media (max-width: 767px) {
            main {
                padding-top: 104px;
            }
        }



        /* Light mode: real color switching for the standalone HTML preview */
        html:not(.dark) {
            color-scheme: light;
        }
        html.dark {
            color-scheme: dark;
        }
        html:not(.dark) body {
            background-color: #f4f8ff;
            color: #12304c;
        }
        html:not(.dark) .ir-bg-aurora {
            background:
                radial-gradient(circle at 18% 14%, rgba(66, 116, 217, 0.20), transparent 30%),
                radial-gradient(circle at 82% 20%, rgba(111, 190, 178, 0.20), transparent 28%),
                radial-gradient(circle at 48% 78%, rgba(94, 142, 244, 0.11), transparent 34%),
                linear-gradient(180deg, #edf5ff 0%, #f7fbff 48%, #eaf3ff 100%) !important;
        }
        html:not(.dark) .ir-bg-aurora::after {
            background-image:
                radial-gradient(rgba(32, 90, 190, 0.16) 1px, transparent 1px),
                radial-gradient(rgba(0, 101, 91, 0.12) 1px, transparent 1px);
            opacity: 0.22;
        }
        html:not(.dark) .ir-theme-overlay {
            background: rgba(244, 248, 255, 0.72) !important;
            mix-blend-mode: normal !important;
        }
        html:not(.dark) .ir-theme-fade {
            background: linear-gradient(to bottom, transparent 0%, rgba(244, 248, 255, 0.62) 55%, #f4f8ff 100%) !important;
        }
        html:not(.dark) header {
            background: rgba(255, 255, 255, 0.76) !important;
            border-color: rgba(31, 59, 89, 0.14) !important;
            box-shadow: 0 18px 50px rgba(31, 59, 89, 0.14) !important;
        }
        html:not(.dark) .mega-menu {
            background: rgba(255, 255, 255, 0.94) !important;
            border-color: rgba(31, 59, 89, 0.14) !important;
        }
        html:not(.dark) .glass-card,
        html:not(.dark) .gradient-border-card,
        html:not(.dark) .ir-floating-panel {
            background: rgba(255, 255, 255, 0.72) !important;
            border-color: rgba(31, 59, 89, 0.14) !important;
            box-shadow: 0 24px 70px rgba(31, 59, 89, 0.16) !important;
            color: #12304c;
        }
        html:not(.dark) .glass-card::before {
            background: linear-gradient(135deg, rgba(255,255,255,0.75), rgba(176,198,255,0.20) 38%, transparent 72%);
            opacity: 0.62;
        }
        html:not(.dark) .glass-card-hover:hover,
        html:not(.dark) .glass-card:hover,
        html:not(.dark) .gradient-border-card:hover {
            background: rgba(255, 255, 255, 0.90) !important;
            border-color: rgba(32, 90, 190, 0.24) !important;
            box-shadow: 0 28px 80px rgba(32, 90, 190, 0.16) !important;
        }
        html:not(.dark) .text-on-surface,
        html:not(.dark) .text-on-background,
        html:not(.dark) .text-white {
            color: #12304c !important;
        }
        html:not(.dark) .text-on-surface-variant,
        html:not(.dark) [class*="text-on-surface-variant"] {
            color: #53677d !important;
        }
        html:not(.dark) .text-primary,
        html:not(.dark) .hover\:text-primary:hover {
            color: #205abe !important;
        }
        html:not(.dark) .text-secondary,
        html:not(.dark) .hover\:text-secondary:hover {
            color: #00655b !important;
        }
        html:not(.dark) .text-tertiary {
            color: #33408b !important;
        }
        html:not(.dark) .bg-primary {
            background-color: #205abe !important;
        }
        html:not(.dark) .text-on-primary {
            color: #ffffff !important;
        }
        html:not(.dark) .bg-surface,
        html:not(.dark) .bg-surface\/95,
        html:not(.dark) [class*="bg-surface/"] {
            background-color: rgba(255, 255, 255, 0.76) !important;
        }
        html:not(.dark) .bg-surface-variant,
        html:not(.dark) [class*="bg-surface-variant"] {
            background-color: rgba(210, 228, 255, 0.70) !important;
        }
        html:not(.dark) .border-surface-variant\/30,
        html:not(.dark) .border-surface-variant\/50,
        html:not(.dark) [class*="border-surface-variant"] {
            border-color: rgba(31, 59, 89, 0.15) !important;
        }
        html:not(.dark) .slide .text-on-surface,
        html:not(.dark) .slide .text-on-surface-variant,
        html:not(.dark) .slide .text-white {
            color: #ffffff !important;
            text-shadow: 0 2px 18px rgba(0,0,0,0.35);
        }
        html:not(.dark) .slide .absolute.inset-0.bg-gradient-to-t {
            background: linear-gradient(to top, rgba(0, 20, 42, 0.78), rgba(0, 20, 42, 0.34), transparent) !important;
        }
        html:not(.dark) input,
        html:not(.dark) textarea,
        html:not(.dark) select {
            color: #12304c !important;
        }
        html:not(.dark) input::placeholder {
            color: #6a7e92 !important;
        }
        html:not(.dark) ::-webkit-scrollbar-track {
            background: #edf5ff;
        }
        html:not(.dark) ::-webkit-scrollbar-thumb {
            background: #b7c9df;
        }



        /* Iranit premium polish layer: background, header, footer, forms, icons */
        .ir-bg-mesh {
            overflow: hidden;
            background:
                radial-gradient(circle at 14% 16%, rgba(94, 142, 244, 0.28), transparent 30%),
                radial-gradient(circle at 84% 10%, rgba(134, 213, 200, 0.20), transparent 28%),
                radial-gradient(circle at 52% 42%, rgba(187, 195, 255, 0.11), transparent 35%),
                radial-gradient(circle at 22% 86%, rgba(41, 54, 129, 0.22), transparent 34%),
                linear-gradient(180deg, #000b19 0%, #00142a 44%, #000f21 100%);
        }
        .ir-bg-orb {
            position: absolute;
            width: 34rem;
            height: 34rem;
            border-radius: 9999px;
            filter: blur(54px);
            opacity: 0.42;
            mix-blend-mode: screen;
            animation: ir-float 16s ease-in-out infinite;
        }
        .ir-bg-orb.one { top: -9rem; right: 8%; background: rgba(66, 116, 217, 0.55); }
        .ir-bg-orb.two { top: 22rem; left: -10rem; background: rgba(111, 190, 178, 0.36); animation-delay: -5s; }
        .ir-bg-orb.three { bottom: 2rem; right: 34%; background: rgba(187, 195, 255, 0.26); animation-delay: -9s; }
        .ir-bg-grid {
            background-image:
                linear-gradient(rgba(221, 221, 221, 0.055) 1px, transparent 1px),
                linear-gradient(90deg, rgba(221, 221, 221, 0.045) 1px, transparent 1px);
            background-size: 84px 84px;
            mask-image: radial-gradient(circle at center, rgba(0,0,0,0.72), transparent 72%);
            opacity: 0.34;
        }
        .ir-noise {
            background-image:
                radial-gradient(rgba(255,255,255,0.16) 0.8px, transparent 0.8px),
                radial-gradient(rgba(134,213,200,0.11) 0.8px, transparent 0.8px);
            background-size: 38px 38px, 62px 62px;
            background-position: 0 0, 19px 31px;
            opacity: 0.18;
        }
        @keyframes ir-float {
            0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
            50% { transform: translate3d(-24px, 18px, 0) scale(1.08); }
        }
        .ir-site-header {
            pointer-events: none;
        }
        .ir-header-shell {
            pointer-events: auto;
            min-height: 72px;
            background: linear-gradient(135deg, rgba(0, 20, 42, 0.76), rgba(13, 43, 73, 0.58));
            border: 1px solid rgba(221, 221, 221, 0.13);
            box-shadow: 0 24px 80px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.08);
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
        }
        .ir-header-shell::before,
        .ir-site-footer::before,
        .ir-footer-newsletter::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.03) 32%, transparent 72%);
            opacity: 0.56;
        }
        .ir-logo-mark {
            background: linear-gradient(135deg, rgba(176,198,255,0.92), rgba(134,213,200,0.82));
            color: #002d6e;
            box-shadow: 0 12px 38px rgba(66,116,217,0.28), inset 0 1px 0 rgba(255,255,255,0.42);
        }
        .ir-main-nav {
            background: transparent;
            border: 0;
            box-shadow: none;
        }
        .ir-nav-link {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            color: rgba(210, 228, 255, 0.76);
            border-radius: 9999px;
            padding: 0.62rem 0.9rem;
            font-size: 13px;
            font-weight: 700;
            transition: 220ms ease;
        }
        .ir-nav-link:hover,
        .ir-nav-link.active {
            color: #d2e4ff;
            background: rgba(176,198,255,0.12);
            box-shadow: inset 0 0 0 1px rgba(176,198,255,0.16);
        }
        .ir-nav-link.active::after {
            content: "";
            position: absolute;
            bottom: 4px;
            width: 5px;
            height: 5px;
            border-radius: 9999px;
            background: #86d5c8;
            box-shadow: 0 0 16px rgba(134,213,200,0.9);
        }
        .ir-header-action,
        .ir-icon-btn {
            min-width: 44px;
            min-height: 44px;
            border-radius: 9999px;
            background: rgba(255,255,255,0.055);
            border: 1px solid rgba(255,255,255,0.10);
            color: #d2e4ff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
            transition: 220ms ease;
        }
        .ir-header-action:hover,
        .ir-icon-btn:hover {
            transform: translateY(-1px);
            color: #b0c6ff;
            background: rgba(176,198,255,0.12);
            border-color: rgba(176,198,255,0.22);
        }
        .ir-primary-cta {
            background: linear-gradient(135deg, #4274D9, #5e8ef4 54%, #86d5c8);
            color: #001945;
            box-shadow: 0 16px 45px rgba(66,116,217,0.32), inset 0 1px 0 rgba(255,255,255,0.38);
            border: 1px solid rgba(255,255,255,0.18);
        }
        .ir-primary-cta:hover { transform: translateY(-1px); filter: saturate(1.06); }
        .ir-mega-menu {
            background: rgba(0, 15, 33, 0.90);
            border: 1px solid rgba(221,221,221,0.12);
            box-shadow: 0 32px 90px rgba(0,0,0,0.46);
            backdrop-filter: blur(32px);
            -webkit-backdrop-filter: blur(32px);
        }
        .ir-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            width: max-content;
            padding: 0.45rem 0.85rem;
            border-radius: 9999px;
            color: #86d5c8;
            background: rgba(134,213,200,0.10);
            border: 1px solid rgba(134,213,200,0.18);
            font-size: 12px;
            font-weight: 800;
        }
        .ir-field {
            position: relative;
        }
        .ir-field .material-symbols-outlined {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
            color: rgba(176,198,255,0.82);
            pointer-events: none;
        }
        .ir-input {
            width: 100%;
            min-height: 52px;
            border-radius: 18px;
            border: 1px solid rgba(221,221,221,0.12);
            background: rgba(0,15,33,0.42);
            color: #d2e4ff;
            padding: 0 3.15rem 0 1rem;
            outline: none;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
            transition: 200ms ease;
        }
        .ir-input:focus {
            border-color: rgba(176,198,255,0.38);
            box-shadow: 0 0 0 4px rgba(176,198,255,0.10), inset 0 1px 0 rgba(255,255,255,0.08);
        }
        .ir-input::placeholder { color: rgba(195,198,213,0.72); }
        .ir-site-footer {
            overflow: hidden;
            background:
                radial-gradient(circle at 14% 0%, rgba(94,142,244,0.20), transparent 32%),
                radial-gradient(circle at 84% 24%, rgba(134,213,200,0.12), transparent 30%),
                rgba(0, 15, 33, 0.86);
            border-top: 1px solid rgba(221,221,221,0.12);
            box-shadow: 0 -24px 80px rgba(0,0,0,0.35);
        }
        .ir-footer-newsletter {
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, rgba(0,32,62,0.74), rgba(13,43,73,0.52));
            border: 1px solid rgba(221,221,221,0.12);
            box-shadow: 0 24px 80px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
            backdrop-filter: blur(28px);
        }
        .ir-footer-title {
            color: #d2e4ff;
            font-size: 1.05rem;
            font-weight: 900;
            margin-bottom: 1rem;
        }
        .ir-footer-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: rgba(195,198,213,0.86);
            transition: 200ms ease;
        }
        .ir-footer-link:hover {
            color: #b0c6ff;
            transform: translateX(-3px);
        }
        .ir-social-icon {
            width: 46px;
            height: 46px;
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.055);
            border: 1px solid rgba(255,255,255,0.10);
            color: rgba(210,228,255,0.82);
            transition: 220ms ease;
        }
        .ir-social-icon:hover {
            color: #001945;
            background: linear-gradient(135deg, #b0c6ff, #86d5c8);
            transform: translateY(-3px);
        }
        .ir-stat-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            border-radius: 9999px;
            padding: 0.5rem 0.8rem;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.10);
            color: rgba(210,228,255,0.86);
            font-size: 12px;
            font-weight: 800;
        }
        html:not(.dark) .ir-bg-mesh {
            background:
                radial-gradient(circle at 14% 16%, rgba(66,116,217,0.20), transparent 30%),
                radial-gradient(circle at 84% 10%, rgba(111,190,178,0.22), transparent 28%),
                radial-gradient(circle at 50% 44%, rgba(94,142,244,0.12), transparent 34%),
                linear-gradient(180deg, #eaf3ff 0%, #f8fbff 48%, #edf6ff 100%) !important;
        }
        html:not(.dark) .ir-bg-orb { mix-blend-mode: multiply; opacity: 0.28; }
        html:not(.dark) .ir-bg-grid { opacity: 0.38; background-image: linear-gradient(rgba(32,90,190,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,101,91,0.06) 1px, transparent 1px); }
        html:not(.dark) .ir-header-shell,
        html:not(.dark) .ir-floating-panel,
        html:not(.dark) .ir-site-footer,
        html:not(.dark) .ir-footer-newsletter,
        html:not(.dark) .ir-mega-menu {
            background: rgba(255,255,255,0.72) !important;
            border-color: rgba(32,90,190,0.14) !important;
            box-shadow: 0 18px 56px rgba(37,78,126,0.14), inset 0 1px 0 rgba(255,255,255,0.68) !important;
        }
        html:not(.dark) .ir-nav-link,
        html:not(.dark) .ir-footer-link,
        html:not(.dark) .ir-stat-pill { color: rgba(18,48,76,0.78) !important; }
        html:not(.dark) .ir-nav-link:hover,
        html:not(.dark) .ir-nav-link.active,
        html:not(.dark) .ir-footer-link:hover { color: #205abe !important; background: rgba(32,90,190,0.08); }
        html:not(.dark) .ir-main-nav {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }
        html:not(.dark) .ir-header-action,
        html:not(.dark) .ir-icon-btn,
        html:not(.dark) .ir-social-icon,
        html:not(.dark) .ir-stat-pill {
            background: rgba(255,255,255,0.72) !important;
            border-color: rgba(32,90,190,0.12) !important;
            color: #153250 !important;
        }
        html:not(.dark) .ir-input {
            background: rgba(255,255,255,0.70) !important;
            color: #12304c !important;
            border-color: rgba(32,90,190,0.14) !important;
        }
        html:not(.dark) .ir-footer-title { color: #12304c !important; }
        html:not(.dark) .ir-kicker { color: #005048; background: rgba(0,101,91,0.08); border-color: rgba(0,101,91,0.16); }
        @media (max-width: 1023px) {
            .ir-site-header { top: 12px; right: 12px; left: 12px; }
            .ir-header-shell { min-height: 64px; }
        }


        .group:hover .ir-mega-menu {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }



        /* Footer newsletter radius fix: prevent Tailwind forms/browser styles from making inputs square */
        .ir-footer-newsletter form,
        .ir-footer-newsletter .ir-field,
        .ir-footer-newsletter .ir-input,
        .ir-footer-newsletter input,
        .ir-footer-newsletter button {
            border-radius: 22px !important;
        }
        .ir-footer-newsletter .ir-field {
            display: block;
            overflow: hidden;
            isolation: isolate;
        }
        .ir-footer-newsletter .ir-input,
        .ir-search-input.ir-input {
            -webkit-appearance: none !important;
            appearance: none !important;
            overflow: hidden;
            background-clip: padding-box;
        }
        .ir-footer-newsletter .ir-primary-cta {
            border-radius: 22px !important;
        }
        @media (max-width: 640px) {
            .ir-footer-newsletter form,
            .ir-footer-newsletter .ir-field,
            .ir-footer-newsletter .ir-input,
            .ir-footer-newsletter input,
            .ir-footer-newsletter button {
                border-radius: 18px !important;
            }
        }

    
        .border-white\/8 { border-color: rgba(255,255,255,0.08); }
        html:not(.dark) .bg-background { background-color: #f4f8ff !important; }

    

        /* Mobile-only horizontal carousels for content rows */
        @media (max-width: 767px) {
            .ir-mobile-carousel {
                display: flex !important;
                grid-template-columns: none !important;
                gap: 16px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                padding: 2px 16px 14px 16px;
                margin-inline: -16px;
                scrollbar-width: none;
            }
            .ir-mobile-carousel::-webkit-scrollbar {
                display: none;
            }
            .ir-mobile-carousel > * {
                flex: 0 0 min(84vw, 340px);
                scroll-snap-align: start;
            }
            .ir-mobile-carousel.ir-mobile-carousel-wide > * {
                flex-basis: min(88vw, 380px);
            }
            .ir-mobile-carousel.ir-mobile-carousel-compact > * {
                flex-basis: min(78vw, 300px);
            }
            .ir-mobile-carousel .glass-card,
            .ir-mobile-carousel article,
            .ir-mobile-carousel a {
                height: auto;
            }
        }


        /* Category marquee: pills fit content and never clip text */
        .ir-category-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 48px;
            width: max-content;
            min-width: max-content;
            max-width: none;
            flex: 0 0 auto;
            padding: 0 20px;
            line-height: 1;
            white-space: nowrap;
            word-break: keep-all;
            overflow: visible;
            border-radius: 9999px;
        }
        .ir-category-pill .material-symbols-outlined {
            flex: 0 0 auto;
        }
        .ir-category-marquee {
            position: relative;
            overflow: hidden;
            width: 100%;
            -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
        }
        .ir-category-track {
            display: flex;
            align-items: center;
            gap: 12px;
            width: max-content;
            min-width: max-content;
            will-change: transform;
        }
        .ir-category-track-rtl {
            animation: ir-category-marquee-rtl 28s linear infinite;
        }
        .ir-category-track-ltr {
            animation: ir-category-marquee-ltr 30s linear infinite;
        }
        .ir-category-marquee:hover .ir-category-track {
            animation-play-state: paused;
        }
        @keyframes ir-category-marquee-rtl {
            from { transform: translateX(0); }
            to { transform: translateX(50%); }
        }
        @keyframes ir-category-marquee-ltr {
            from { transform: translateX(50%); }
            to { transform: translateX(0); }
        }
        @media (max-width: 767px) {
            .ir-category-marquee-wrap {
                margin-inline: -16px;
                padding-inline: 16px;
                overflow: hidden;
            }
            .ir-category-pill {
                min-height: 46px;
                padding: 0 18px;
                font-size: 13px;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .ir-category-track {
                animation: none !important;
            }
            .ir-category-marquee {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }
            .ir-category-marquee::-webkit-scrollbar {
                display: none;
            }
        }

    
html:not(.dark) .ir-watch-archive .glass-card,
html:not(.dark) .ir-watch-archive .ir-video-card,
html:not(.dark) .ir-watch-archive .ir-category-card,
html:not(.dark) .ir-watch-archive .ir-series-card,
html:not(.dark) .ir-watch-archive .ir-channel-card,
html:not(.dark) .ir-watch-archive .ir-short-card,
html:not(.dark) .ir-watch-archive .ir-filter-panel,
html:not(.dark) .ir-watch-archive .ir-archive-hero,
html:not(.dark) .ir-watch-archive .ir-smart-select-menu {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(240,246,255,.92)) !important;
  border: 1px solid rgba(31,59,89,.12) !important;
  box-shadow: 0 18px 50px rgba(24,62,97,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html:not(.dark) .ir-watch-archive .ir-feature-side a {
  background: linear-gradient(180deg, rgba(248,251,255,.96), rgba(234,242,251,.94)) !important;
  border: 1px solid rgba(31,59,89,.12) !important;
  box-shadow: 0 16px 34px rgba(24,62,97,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
html:not(.dark) .ir-watch-archive .ir-feature-side a:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(238,247,255,.98)) !important;
  border-color: rgba(66,116,217,.25) !important;
  box-shadow: 0 20px 42px rgba(66,116,217,.12), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
html:not(.dark) .ir-watch-archive .ir-feature-caption {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(31,59,89,.12) !important;
  box-shadow: 0 12px 30px rgba(24,62,97,.10) !important;
}
html:not(.dark) .ir-watch-archive .ir-feature-caption strong { color: #102a44 !important; }
html:not(.dark) .ir-watch-archive .ir-feature-caption small,
html:not(.dark) .ir-watch-archive .ir-feature-side small,
html:not(.dark) .ir-watch-archive .ir-video-body p,
html:not(.dark) .ir-watch-archive .ir-video-meta,
html:not(.dark) .ir-watch-archive .ir-category-card p,
html:not(.dark) .ir-watch-archive .ir-channel-card p { color: #5b7087 !important; }
html:not(.dark) .ir-watch-archive .ir-video-title,
html:not(.dark) .ir-watch-archive .ir-category-card strong,
html:not(.dark) .ir-watch-archive .ir-series-card strong,
html:not(.dark) .ir-watch-archive .ir-channel-card strong,
html:not(.dark) .ir-watch-archive .ir-feature-side strong { color: #102a44 !important; }
html:not(.dark) .ir-watch-archive .ir-filter-chip {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(31,59,89,.10) !important;
  color: #12304c !important;
  box-shadow: 0 10px 24px rgba(24,62,97,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
}


@media (max-width: 767px) {
  .ir-feature-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
  }
  .ir-feature-side > a {
    width: 100% !important;
    min-height: 108px !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: right !important;
    align-items: center !important;
    padding: 1rem .95rem !important;
    gap: .95rem !important;
  }
  .ir-feature-side > a .ir-feature-copy {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:right !important;
    gap:.2rem !important;
  }
}


html:not(.dark) .ir-watch-archive .ir-video-card,
html:not(.dark) .ir-watch-archive .ir-video-card-featured,
html:not(.dark) .ir-watch-archive .ir-short-card,
html:not(.dark) .ir-watch-archive .ir-category-card,
html:not(.dark) .ir-watch-archive .ir-series-card,
html:not(.dark) .ir-watch-archive .ir-channel-card,
html:not(.dark) .ir-watch-archive .glass-card,
html:not(.dark) .ir-watch-archive .ir-filter-panel,
html:not(.dark) .ir-watch-archive .ir-editorial-band,
html:not(.dark) .ir-watch-archive .ir-archive-hero {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(239,245,252,.95)) !important;
  border: 1px solid rgba(24,62,97,.12) !important;
  box-shadow: 0 18px 42px rgba(24,62,97,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
html:not(.dark) .ir-watch-archive .ir-video-thumb,
html:not(.dark) .ir-watch-archive .ir-series-stack,
html:not(.dark) .ir-watch-archive .ir-channel-avatar,
html:not(.dark) .ir-watch-archive .ir-category-icon {
  background: linear-gradient(180deg, rgba(231,238,247,.96), rgba(214,226,240,.95)) !important;
  border: 1px solid rgba(24,62,97,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 8px 24px rgba(24,62,97,.08) !important;
}
html:not(.dark) .ir-watch-archive .ir-video-card:hover,
html:not(.dark) .ir-watch-archive .ir-short-card:hover,
html:not(.dark) .ir-watch-archive .ir-category-card:hover,
html:not(.dark) .ir-watch-archive .ir-series-card:hover,
html:not(.dark) .ir-watch-archive .ir-channel-card:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(243,248,255,.98)) !important;
  border-color: rgba(66,116,217,.22) !important;
  box-shadow: 0 22px 52px rgba(66,116,217,.12), inset 0 1px 0 rgba(255,255,255,.99) !important;
}
html:not(.dark) .ir-watch-archive .ir-video-body,
html:not(.dark) .ir-watch-archive .ir-video-meta,
html:not(.dark) .ir-watch-archive .ir-video-title,
html:not(.dark) .ir-watch-archive .ir-short-card h3,
html:not(.dark) .ir-watch-archive .ir-series-card strong,
html:not(.dark) .ir-watch-archive .ir-channel-card strong,
html:not(.dark) .ir-watch-archive .ir-category-card strong {
  color: #102a44 !important;
}
html:not(.dark) .ir-watch-archive .ir-video-body p,
html:not(.dark) .ir-watch-archive .ir-video-meta,
html:not(.dark) .ir-watch-archive .ir-short-card p,
html:not(.dark) .ir-watch-archive .ir-series-card p,
html:not(.dark) .ir-watch-archive .ir-series-card small,
html:not(.dark) .ir-watch-archive .ir-channel-card p,
html:not(.dark) .ir-watch-archive .ir-channel-card small,
html:not(.dark) .ir-watch-archive .ir-category-card p,
html:not(.dark) .ir-watch-archive .ir-category-card small {
  color: #607489 !important;
}
html:not(.dark) .ir-watch-archive .ir-video-duration,
html:not(.dark) .ir-watch-archive .ir-kicker,
html:not(.dark) .ir-watch-archive .ir-chip,
html:not(.dark) .ir-watch-archive .ir-filter-chip {
  background: rgba(230,240,250,.92) !important;
  border-color: rgba(24,62,97,.10) !important;
  color: #12304c !important;
}


/* icon/text spacing fix */
.ir-watch-archive .ir-kicker,
.ir-watch-archive .ir-view-all,
.ir-watch-archive .ir-filter-chip,
.ir-watch-archive .ir-smart-select-trigger,
.ir-watch-archive .ir-carousel-btn,
.ir-watch-archive .ir-feature-side a,
.ir-watch-archive .ir-category-card,
.ir-watch-archive .ir-channel-card,
.ir-watch-archive .ir-series-card,
.ir-watch-archive .ir-short-card,
.ir-watch-archive .ir-video-card a,
.ir-watch-archive .ir-section-head a {
  position: relative;
}
.ir-watch-archive .ir-kicker,
.ir-watch-archive .ir-view-all,
.ir-watch-archive .ir-filter-chip,
.ir-watch-archive .ir-section-head .ir-view-all {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}
.ir-watch-archive .ir-kicker .material-symbols-outlined,
.ir-watch-archive .ir-view-all .material-symbols-outlined,
.ir-watch-archive .ir-filter-chip .material-symbols-outlined,
.ir-watch-archive .ir-smart-select-main-icon,
.ir-watch-archive .ir-feature-side .material-symbols-outlined,
.ir-watch-archive .ir-category-icon .material-symbols-outlined,
.ir-watch-archive .ir-channel-avatar .material-symbols-outlined,
.ir-watch-archive .ir-series-stack .material-symbols-outlined,
.ir-watch-archive .ir-video-play .material-symbols-outlined {
  flex: 0 0 auto;
}
.ir-watch-archive .ir-feature-side a {
  column-gap: .95rem !important;
}
.ir-watch-archive .ir-feature-side .ir-feature-copy {
  flex: 1 1 auto;
  min-width: 0;
  padding-inline-start: .1rem;
}
.ir-watch-archive .ir-smart-select-trigger {
  grid-template-columns: auto minmax(0,1fr) auto !important;
  column-gap: .8rem !important;
}
.ir-watch-archive .ir-smart-select-text {
  min-width: 0;
  padding-inline: .15rem;
}
.ir-watch-archive .ir-smart-select-text strong,
.ir-watch-archive .ir-smart-select-text small {
  padding-inline-start: 0;
}
.ir-watch-archive .ir-filter-chip {
  padding-inline: .95rem !important;
  min-height: 44px;
}
.ir-watch-archive .ir-category-card,
.ir-watch-archive .ir-channel-card,
.ir-watch-archive .ir-short-card,
.ir-watch-archive .ir-series-card {
  gap: .8rem;
}
.ir-watch-archive .ir-category-card strong,
.ir-watch-archive .ir-category-card p,
.ir-watch-archive .ir-channel-card strong,
.ir-watch-archive .ir-channel-card p,
.ir-watch-archive .ir-short-card h3,
.ir-watch-archive .ir-short-card p,
.ir-watch-archive .ir-series-card strong,
.ir-watch-archive .ir-series-card p,
.ir-watch-archive .ir-series-card small {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .ir-watch-archive .ir-kicker,
  .ir-watch-archive .ir-view-all,
  .ir-watch-archive .ir-filter-chip {
    gap: .4rem;
  }
  .ir-watch-archive .ir-smart-select-trigger {
    column-gap: .7rem !important;
    padding-inline: .85rem !important;
  }
  .ir-watch-archive .ir-feature-side a {
    column-gap: .9rem !important;
    padding-inline: .95rem !important;
  }
}

/* ---- source style block ---- */

/* Single Watch Page refinements */
.ir-watch-page { text-align: right; }
.ir-watch-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
@media (min-width: 1024px) {
  .ir-watch-layout { grid-template-columns: minmax(0, 1fr) 390px; gap: 1.75rem; align-items: start; }
  .ir-watch-main { grid-column: 1; }
  .ir-watch-sidebar { grid-column: 2; position: sticky; top: 116px; }
}
.ir-watch-player {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(0,15,33,.94), rgba(0,32,62,.82));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 32px 120px rgba(0,0,0,.45), 0 0 80px rgba(66,116,217,.16);
}
.ir-watch-player::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at 70% 20%, rgba(176,198,255,.22), transparent 34%), radial-gradient(circle at 18% 80%, rgba(134,213,200,.18), transparent 36%);
  pointer-events: none;
}
.ir-video-poster { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .72; transform: scale(1.01); }
.ir-video-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,15,33,.96), rgba(0,20,42,.18) 54%, rgba(0,0,0,.24)); }
.ir-play-main {
  width: clamp(64px, 9vw, 92px); height: clamp(64px, 9vw, 92px);
  border-radius: 999px;
  display: flex; align-items: center; justify-content: center;
  color: #002d6e; background: linear-gradient(135deg, #d9e2ff, #86d5c8);
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: 0 20px 60px rgba(134,213,200,.30), 0 0 0 12px rgba(255,255,255,.055);
  transition: transform .25s ease, box-shadow .25s ease;
}
.ir-play-main:hover { transform: scale(1.06); box-shadow: 0 25px 80px rgba(176,198,255,.35), 0 0 0 16px rgba(255,255,255,.065); }
.ir-watch-controls { position: absolute; right: 0; left: 0; bottom: 0; padding: 1rem; background: linear-gradient(to top, rgba(0,0,0,.82), transparent); }
.ir-progress { height: 7px; border-radius: 999px; background: rgba(255,255,255,.18); overflow: hidden; direction: rtl; }
.ir-progress > span { display: block; height: 100%; width: 38%; border-radius: inherit; background: linear-gradient(90deg, #86d5c8, #b0c6ff, #4274D9); box-shadow: 0 0 18px rgba(176,198,255,.45); }
.ir-soft-chip { display:inline-flex; align-items:center; gap:.4rem; white-space:nowrap; width:max-content; border-radius:999px; padding:.55rem .85rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); color:var(--chip-color, #c3c6d5); }
.ir-action-pill { min-height: 44px; border-radius: 999px; padding: .65rem 1rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); color: #d2e4ff; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; transition: .25s ease; }
.ir-action-pill:hover { background: rgba(255,255,255,.1); border-color: rgba(176,198,255,.28); color: #b0c6ff; transform: translateY(-1px); }
.ir-channel-card { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; }
.ir-avatar-pro { width: 58px; height: 58px; border-radius: 20px; overflow: hidden; border: 2px solid rgba(176,198,255,.45); box-shadow: 0 0 28px rgba(176,198,255,.15); }
.ir-rec-card { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: .8rem; padding: .65rem; border-radius: 22px; }
.ir-rec-thumb { aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; position: relative; background: rgba(255,255,255,.06); }
.ir-rec-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.ir-rec-card:hover .ir-rec-thumb img { transform: scale(1.08); }
.ir-duration { position:absolute; right:.45rem; bottom:.45rem; border-radius:999px; padding:.16rem .42rem; background:rgba(0,0,0,.72); color:white; font-size:10px; backdrop-filter:blur(10px); }
.ir-comment-box { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: .9rem; }
.ir-comment-avatar { width:44px; height:44px; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); }

.ir-comment-sort { position: relative; z-index: 20; }
.ir-comment-sort summary { list-style: none; cursor: pointer; }
.ir-comment-sort summary::-webkit-details-marker { display: none; }

.ir-comments-header { align-items: center; }
.ir-comment-sort-summary { min-width: 245px; justify-content: space-between; text-align: right; }
.ir-sort-summary-icon { font-size: 20px; color: #86d5c8; flex: 0 0 auto; }
.ir-sort-chevron { font-size: 18px; transition: transform .2s ease; flex: 0 0 auto; }
.ir-comment-sort[open] .ir-sort-chevron { transform: rotate(180deg); }
.ir-sort-text-wrap { display: inline-flex; flex-direction: row; align-items: center; gap: .25rem; min-width: 0; white-space: nowrap; }
.ir-sort-caption { color: #c3c6d5; font-weight: 800; }
.ir-sort-main { color: #d2e4ff; font-weight: 900; }
.ir-comment-sort-menu {
  position: absolute;
  top: calc(100% + .7rem);
  left: 0;
  width: min(260px, calc(100vw - 2rem));
  padding: .55rem;
  border-radius: 22px;
  background: rgba(0, 20, 42, .96);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  transform-origin: top left;
  animation: irSortDrop .18s ease both;
}
@keyframes irSortDrop { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.ir-sort-option {
  width: 100%;
  min-height: 42px;
  border-radius: 16px;
  padding: .65rem .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  color: #c3c6d5;
  transition: .2s ease;
}
.ir-sort-option:hover { background: rgba(255,255,255,.07); color: #d2e4ff; }
.ir-sort-option.is-active { background: rgba(176,198,255,.13); color: #b0c6ff; border: 1px solid rgba(176,198,255,.18); }
.ir-sort-option .material-symbols-outlined { font-size: 18px; opacity: .8; }
.ir-horizontal-scroll { display: flex; gap: 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; padding: .25rem .25rem 1rem; scrollbar-width: none; }
.ir-horizontal-scroll::-webkit-scrollbar { display:none; }
.ir-related-card { flex: 0 0 min(320px, 82vw); scroll-snap-align: start; border-radius: 24px; overflow: hidden; }
@media (max-width: 767px) {
  .ir-watch-page { padding-bottom: 6rem; }
  .ir-watch-player { border-radius: 22px; }
  .ir-watch-controls { padding: .7rem; }
  .ir-player-control-text { font-size: 11px; }
  .ir-watch-meta { flex-direction: column; align-items: stretch; }
  .ir-channel-card { grid-template-columns: 1fr; }
  .ir-mobile-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
  .ir-action-pill { width: 100%; padding-inline: .65rem; font-size: 12px; }
  .ir-rec-card { grid-template-columns: 116px minmax(0,1fr); border-radius: 18px; }
  .ir-comment-box { grid-template-columns: 38px minmax(0,1fr); gap: .7rem; }
  .ir-comment-avatar { width:38px; height:38px; border-radius:14px; }
  .ir-comments-header { flex-direction: column; align-items: stretch; gap: .85rem; }
  .ir-comments-header h2 { width: 100%; line-height: 1.5; }
  .ir-comment-sort { width: 100%; }
  .ir-comment-sort summary.ir-comment-sort-summary {
    width: 100%;
    min-width: 0;
    min-height: 60px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 24px;
    align-items: center;
    justify-items: stretch;
    gap: .65rem;
    padding: .72rem .82rem;
    border-radius: 20px;
    text-align: right;
  }
  .ir-sort-text-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    white-space: normal;
    overflow: visible;
    line-height: 1.55;
  }
  .ir-sort-caption { font-size: 11px; color: rgba(195,198,213,.78); font-weight: 800; }
  .ir-sort-main { font-size: 13px; color: #d2e4ff; font-weight: 900; }
  .ir-sort-summary-icon { width: 34px; height: 34px; border-radius: 13px; display:flex; align-items:center; justify-content:center; background: rgba(134,213,200,.10); border: 1px solid rgba(134,213,200,.16); }
  .ir-sort-chevron { justify-self: end; color: rgba(210,228,255,.75); }
  .ir-comment-sort-menu {
    position: static;
    right: auto;
    left: auto;
    width: 100%;
    min-width: 0;
    margin-top: .55rem;
    transform-origin: top center;
  }
  .ir-sort-option { min-height: 48px; padding: .75rem .85rem; font-size: 13px; }
}

/* ---- source style block ---- */

/* Iranit video player */
.ir-custom-video-player { isolation:isolate; }
.ir-player-stage { position:absolute; inset:0; overflow:hidden; border-radius:inherit; background:#000; }
.ir-player-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.ir-custom-video-player.is-playing .ir-video-poster { opacity:.64; filter:saturate(1.08) contrast(1.05); }
.ir-player-topbar { position:absolute; top:.9rem; right:.9rem; left:.9rem; display:flex; align-items:flex-start; justify-content:space-between; gap:.7rem; }
.ir-player-icon-btn { width:38px; height:38px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); color:white; backdrop-filter:blur(18px); transition:.22s ease; }
.ir-player-icon-btn:hover { background:rgba(255,255,255,.18); border-color:rgba(176,198,255,.3); transform:translateY(-1px); }
.ir-custom-controls { background:linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.32) 68%, transparent); }
.ir-player-progress { position:relative; cursor:pointer; }
.ir-progress-buffer { position:absolute; inset-block:0; right:0; width:58%; border-radius:inherit; background:rgba(255,255,255,.22); }
.ir-progress-played { position:absolute; inset-block:0; right:0; width:36%; border-radius:inherit; background:linear-gradient(90deg,#86d5c8,#b0c6ff,#4274D9); box-shadow:0 0 18px rgba(176,198,255,.45); }
.ir-ad-marker { position:absolute; top:50%; width:10px; height:10px; transform:translate(50%,-50%); border-radius:999px; background:#ffcf5a; border:2px solid rgba(0,0,0,.55); box-shadow:0 0 0 4px rgba(255,207,90,.18), 0 0 18px rgba(255,207,90,.55); z-index:3; }
.ir-volume-bar { width:74px; height:6px; border-radius:999px; background:rgba(255,255,255,.16); overflow:hidden; }
.ir-volume-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#86d5c8,#b0c6ff); }
.ir-player-badge-btn { min-height:34px; padding:0 .72rem; border-radius:999px; background:rgba(255,255,255,.10); color:white; border:1px solid rgba(255,255,255,.12); font-size:12px; font-weight:900; backdrop-filter:blur(18px); }
.ir-player-ad-layer { position:absolute; inset:0; z-index:24; display:none; align-items:center; justify-content:center; padding:1rem; background:linear-gradient(135deg, rgba(0,15,33,.74), rgba(0,32,62,.58)); backdrop-filter:blur(16px); }
.ir-player-ad-layer.is-visible { display:flex; }
.ir-player-pause-ad, .ir-player-midroll-ad, .ir-player-postroll-ad { pointer-events:none; opacity:0; }
.ir-player-ad-card { width:min(520px, 92%); border-radius:30px; padding:1.35rem; background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.055)); border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.18); text-align:right; }
.ir-player-ad-card.compact { width:min(390px, 90%); }
.ir-player-ad-card h3 { color:#d2e4ff; font-weight:1000; font-size:clamp(1.1rem,2.5vw,1.7rem); line-height:1.45; margin-top:.7rem; }
.ir-player-ad-card p { color:rgba(195,198,213,.92); line-height:1.9; margin-top:.5rem; font-size:.9rem; }
.ir-ad-label { display:inline-flex; align-items:center; gap:.38rem; width:max-content; white-space:nowrap; color:#86d5c8; background:rgba(134,213,200,.10); border:1px solid rgba(134,213,200,.24); border-radius:999px; padding:.42rem .72rem; font-size:12px; font-weight:900; }
.ir-ad-chip { display:inline-flex; align-items:center; width:max-content; white-space:nowrap; border-radius:999px; padding:.38rem .65rem; color:#b0c6ff; background:rgba(176,198,255,.10); border:1px solid rgba(176,198,255,.18); font-size:11px; font-weight:800; }
.ir-ad-watermark { position:absolute; top:1rem; left:1rem; color:rgba(255,255,255,.6); font-size:11px; letter-spacing:.18em; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.28); border-radius:999px; padding:.35rem .6rem; }
.ir-player-lower-ad { position:absolute; right:1rem; bottom:5.2rem; z-index:26; width:min(360px, calc(100% - 2rem)); border-radius:22px; padding:.85rem 1rem; background:linear-gradient(135deg, rgba(0,32,62,.78), rgba(13,43,73,.66)); border:1px solid rgba(255,255,255,.14); box-shadow:0 20px 70px rgba(0,0,0,.35); backdrop-filter:blur(22px); display:grid; gap:.35rem; }
.ir-player-lower-ad strong { color:#d2e4ff; font-size:14px; }
.ir-player-lower-ad small { color:rgba(195,198,213,.72); }
.ir-player-close-ad { position:absolute; top:.55rem; left:.55rem; width:26px; height:26px; border-radius:999px; background:rgba(255,255,255,.08); color:white; display:flex; align-items:center; justify-content:center; }
.ir-ad-slot { position:relative; overflow:hidden; border-radius:28px; background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03)); border:1px dashed rgba(176,198,255,.28); box-shadow:0 18px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08); }
.ir-ad-slot::before { content:""; position:absolute; inset:-35%; background:radial-gradient(circle at 20% 20%, rgba(176,198,255,.16), transparent 34%), radial-gradient(circle at 80% 80%, rgba(134,213,200,.13), transparent 35%); pointer-events:none; }
.ir-ad-slot-wide { min-height:118px; padding:1rem 1.15rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.ir-ad-slot h2, .ir-ad-slot h3 { position:relative; color:#d2e4ff; font-weight:1000; line-height:1.55; margin-top:.5rem; }
.ir-ad-slot p { position:relative; color:rgba(195,198,213,.85); line-height:1.8; font-size:.86rem; margin-top:.25rem; }
.ir-ad-slot code { position:relative; direction:ltr; unicode-bidi:embed; color:#b0c6ff; background:rgba(176,198,255,.1); border:1px solid rgba(176,198,255,.18); border-radius:999px; padding:.45rem .75rem; font-size:11px; white-space:nowrap; }
.ir-ad-map-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.ir-ad-map-item { border-radius:18px; padding:.85rem; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); min-width:0; }
.ir-ad-map-item strong { display:block; color:#d2e4ff; font-size:13px; }
.ir-ad-map-item span { display:block; direction:ltr; text-align:left; color:#b0c6ff; font-size:11px; margin-top:.35rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ir-sidebar-ad { min-height:190px; padding:1rem; display:flex; flex-direction:column; justify-content:flex-end; }
.ir-sidebar-ad-bottom { min-height:240px; }
.ir-rec-inline-ad { padding:.9rem; display:grid; gap:.35rem; min-height:100px; }
.ir-rec-inline-ad strong { color:#d2e4ff; font-size:13px; line-height:1.7; }
.ir-rec-inline-ad small { direction:ltr; text-align:left; color:#b0c6ff; font-size:11px; }
.ir-related-inline-ad { min-height:230px; padding:1rem; display:flex; flex-direction:column; justify-content:flex-end; }
.ir-related-inline-ad h3 { font-size:16px; }
.ir-custom-video-player.is-playing .ir-player-ad-preroll { display:none; }
.ir-custom-video-player.is-playing .ir-play-main { opacity:0; transform:scale(.92); pointer-events:none; }
@media (max-width: 767px) {
  .ir-player-topbar { top:.65rem; right:.65rem; left:.65rem; }
  .ir-player-lower-ad { right:.65rem; bottom:4.35rem; width:calc(100% - 1.3rem); padding:.7rem .8rem; }
  .ir-player-lower-ad .ir-ad-label { display:none; }
  .ir-player-lower-ad strong { font-size:12px; }
  .ir-player-badge-btn { display:none; }
  .ir-player-icon-btn { width:34px; height:34px; }
  .ir-ad-slot-wide { flex-direction:column; align-items:flex-start; min-height:130px; }
  .ir-ad-map-grid { grid-template-columns:1fr; }
  .ir-player-ad-card { border-radius:24px; padding:1rem; }
  .ir-player-ad-card p { font-size:12px; }
}

/* ---- source style block ---- */

@media (max-width: 767px) {
  .ir-mobile-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    width: 100% !important;
  }
  .ir-mobile-actions .ir-action-pill {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    min-height: 56px !important;
    padding: .65rem .5rem !important;
    border-radius: 18px !important;
    font-size: 12px !important;
    gap: .35rem !important;
  }
  .ir-mobile-actions .ir-action-pill .material-symbols-outlined {
    font-size: 24px !important;
  }
}

/* ---- source style block ---- */

/* Mobile carousel for the “ویدیوهای بیشتر برای تماشا” section */
@media (max-width: 767px) {
  .ir-more-videos-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 1rem !important;
    padding: .25rem .25rem 1.1rem !important;
    margin-inline: -0.25rem !important;
    scroll-snap-type: x mandatory !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .ir-more-videos-track::-webkit-scrollbar { display: none !important; }
  .ir-more-videos-track > a {
    flex: 0 0 min(84vw, 330px) !important;
    width: min(84vw, 330px) !important;
    min-width: min(84vw, 330px) !important;
    scroll-snap-align: start !important;
  }
  .ir-more-videos-track .ir-rec-thumb {
    min-height: 170px !important;
  }
}

/* ---- source style block ---- */

/* Comment sort layout fixed for desktop + mobile */
.ir-comments-header {
  align-items: center;
}
.ir-comment-sort {
  width: auto;
  min-width: min(340px, 100%);
}
.ir-comment-sort summary.ir-comment-sort-summary {
  width: 340px;
  max-width: 100%;
  min-width: 0;
  min-height: 62px;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 24px;
  align-items: center;
  gap: .7rem;
  padding: .75rem .9rem;
  border-radius: 22px;
  text-align: right;
  justify-content: stretch;
}
.ir-sort-text-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center;
  gap: .12rem;
  min-width: 0;
  white-space: normal !important;
  overflow: visible;
  line-height: 1.55;
}
.ir-sort-caption {
  display: block;
  width: 100%;
  font-size: 12px;
  color: rgba(195,198,213,.78);
  font-weight: 800;
}
.ir-sort-main {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #d2e4ff;
  font-weight: 900;
}
.ir-sort-summary-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(134,213,200,.10);
  border: 1px solid rgba(134,213,200,.16);
  font-size: 21px;
}
.ir-sort-chevron {
  justify-self: end;
  color: rgba(210,228,255,.75);
}
.ir-comment-sort-menu {
  right: 0;
  left: auto;
  width: 340px;
  max-width: min(340px, calc(100vw - 2rem));
  transform-origin: top right;
}
@media (max-width: 767px) {
  .ir-comment-sort { width: 100%; min-width: 0; }
  .ir-comment-sort summary.ir-comment-sort-summary { width: 100%; min-height: 60px; grid-template-columns: 34px minmax(0,1fr) 24px; padding: .72rem .82rem; border-radius: 20px; }
  .ir-sort-summary-icon { width: 34px; height: 34px; border-radius: 13px; font-size: 20px; }
  .ir-sort-caption { font-size: 11px; }
  .ir-sort-main { font-size: 13px; }
  .ir-comment-sort-menu { position: static; width: 100%; max-width: 100%; margin-top: .55rem; transform-origin: top center; }
}

/* ---- source style block ---- */

/* Final fix: comments sort dropdown layout on desktop + mobile */
.ir-comments-header {
  position: relative !important;
  z-index: 30 !important;
  overflow: visible !important;
  align-items: flex-start !important;
}
.glass-card:has(.ir-comment-sort) {
  overflow: visible !important;
}
.ir-comment-sort {
  position: relative !important;
  z-index: 60 !important;
  width: min(360px, 100%) !important;
  min-width: 0 !important;
}
.ir-comment-sort[open] {
  z-index: 90 !important;
}
.ir-comment-sort summary.ir-comment-sort-summary {
  width: 100% !important;
  min-width: 0 !important;
}
.ir-comment-sort-menu {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: .7rem !important;
  transform-origin: top center !important;
  z-index: 95 !important;
  background: rgba(0, 15, 33, .985) !important;
  border: 1px solid rgba(176, 198, 255, .16) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ir-comment-box, .ir-comments-list {
  position: relative !important;
  z-index: 1 !important;
}
.ir-sort-option {
  direction: rtl !important;
  text-align: right !important;
}
.ir-sort-option span:first-child {
  min-width: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
@media (min-width: 768px) {
  .ir-comments-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }
  .ir-comments-header h2 {
    padding-top: .7rem !important;
    min-width: max-content !important;
  }
  .ir-comment-sort {
    flex: 0 0 360px !important;
    margin-inline-start: auto !important;
  }
  .ir-comment-sort summary.ir-comment-sort-summary {
    min-height: 64px !important;
    border-radius: 24px !important;
  }
  .ir-comment-sort-menu {
    border-radius: 24px !important;
    padding: .65rem !important;
  }
  .ir-sort-option {
    min-height: 48px !important;
    padding: .75rem .95rem !important;
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .ir-comment-sort { width: 100% !important; }
  .ir-comments-header h2 { width: 100% !important; }
}

/* ---- source style block ---- */

/* Watch archive page */
.ir-watch-archive { --card-w: clamp(260px, 24vw, 340px); }
.ir-archive-hero {
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: clamp(1rem, 3vw, 2rem); padding: clamp(1.15rem, 3vw, 2rem); border-radius: 34px; margin-bottom: 1.4rem;
}
.ir-archive-hero::before { content:""; position:absolute; inset:-30%; background: radial-gradient(circle at 20% 20%, rgba(134,213,200,.18), transparent 34%), radial-gradient(circle at 85% 0%, rgba(176,198,255,.18), transparent 30%), linear-gradient(135deg, rgba(66,116,217,.16), transparent 48%); pointer-events:none; }
.ir-hero-copy, .ir-hero-feature { position: relative; z-index: 1; }
.ir-hero-copy { display:flex; flex-direction:column; justify-content:center; min-height: 460px; }
.ir-hero-copy h1 { font-size: clamp(2.3rem, 5vw, 5.6rem); line-height: 1.05; font-weight: 950; letter-spacing: -.05em; color: var(--ir-text, #d2e4ff); margin: .75rem 0 1rem; max-width: 720px; }
.ir-hero-copy p { color: var(--ir-muted, #c3c6d5); line-height: 2; max-width: 650px; font-weight: 700; }
.ir-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.ir-hero-actions a { display:inline-flex; align-items:center; gap:.55rem; }
.ir-soft-btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; color: var(--ir-text,#d2e4ff); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); transition:.25s ease; }
.ir-soft-btn:hover { transform: translateY(-2px); border-color: rgba(134,213,200,.38); background: rgba(134,213,200,.1); }
.ir-hero-stats { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:.75rem; margin-top:1.7rem; max-width: 620px; }
.ir-hero-stats span { padding: 1rem; border-radius: 24px; background: rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); }
.ir-hero-stats strong { display:block; font-size:1.55rem; font-weight:950; color:#86d5c8; }
.ir-hero-stats small { display:block; margin-top:.25rem; color: var(--ir-muted,#c3c6d5); font-weight:700; }
.ir-hero-feature { min-height: 460px; display:grid; grid-template-columns: minmax(0,1fr) minmax(250px,.42fr); gap:1rem; }
.ir-feature-video { position:relative; overflow:hidden; border-radius: 30px; min-height: 460px; display:block; background:#000f21; border:1px solid rgba(255,255,255,.12); box-shadow: 0 28px 90px rgba(0,0,0,.35); }
.ir-feature-video img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; transform: scale(1.02); transition:.55s ease; }
.ir-feature-video:hover img { transform: scale(1.08); opacity:.88; }
.ir-feature-glow { position:absolute; inset:0; background: linear-gradient(to top, rgba(0,15,33,.92), transparent 55%), radial-gradient(circle at 28% 22%, rgba(134,213,200,.28), transparent 30%); }
.ir-video-play { position:absolute; inset:auto auto 1rem 1rem; width:52px; height:52px; display:grid; place-items:center; border-radius:999px; color:#002d6e; background:linear-gradient(135deg,#b0c6ff,#86d5c8); box-shadow:0 18px 45px rgba(134,213,200,.28); transition:.25s ease; }
.ir-video-play.big { width:76px; height:76px; inset:50% auto auto 50%; transform: translate(-50%,-50%); }
.ir-feature-video:hover .ir-video-play.big { transform: translate(-50%,-50%) scale(1.08); }
.ir-feature-caption { position:absolute; right:1rem; left:1rem; bottom:1rem; padding:1rem; border-radius:24px; background:rgba(0,15,33,.72); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(20px); }
.ir-feature-caption span { color:#86d5c8; font-size:.78rem; font-weight:900; }
.ir-feature-caption strong { display:block; font-size:1.25rem; font-weight:950; margin:.35rem 0; color:var(--ir-text,#d2e4ff); }
.ir-feature-caption small { color:var(--ir-muted,#c3c6d5); font-weight:700; }
.ir-feature-side { display:grid; grid-template-columns: 1fr; gap:.75rem; align-content:stretch; }
.ir-feature-side a { display:flex; min-height:132px; flex-direction:row; justify-content:flex-start; align-items:center; gap:.85rem; border-radius:24px; padding:1rem .85rem; text-align:right; position:relative; overflow:hidden; background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 44px rgba(0,0,0,.18); }
.ir-feature-side a::before { content:""; position:absolute; inset:-40%; background:radial-gradient(circle at 30% 15%, rgba(134,213,200,.18), transparent 34%), radial-gradient(circle at 100% 100%, rgba(176,198,255,.16), transparent 36%); opacity:.85; transition:.25s ease; pointer-events:none; }
.ir-feature-side a:hover { transform:translateY(-3px) scale(1.015); border-color:rgba(134,213,200,.34); background:rgba(134,213,200,.08); }
.ir-feature-side a:hover::before { opacity:1; transform:scale(1.08); }
.ir-feature-side .material-symbols-outlined { font-size:2.1rem; position:relative; z-index:1; }
.ir-feature-side strong { font-weight:950; color:var(--ir-text,#d2e4ff); position:relative; z-index:1; line-height:1.45; }
.ir-feature-side small { color:var(--ir-muted,#c3c6d5); font-size:.78rem; font-weight:800; position:relative; z-index:1; }
.ir-feature-side a .ir-feature-copy { display:flex; flex-direction:column; gap:.2rem; min-width:0; align-items:flex-start; text-align:right; }
.ir-feature-side a .material-symbols-outlined { flex:0 0 auto; }

.ir-filter-panel { border-radius:30px; padding:1rem; margin: 1.25rem 0 2.5rem; }
.ir-filter-grid { display:grid; grid-template-columns:minmax(0,1fr) 245px 225px auto; gap:.75rem; align-items:stretch; }
.ir-archive-search { min-height:58px; }
.ir-select-field { min-height:58px; display:flex; align-items:center; gap:.7rem; padding:0 1rem; border-radius:20px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); color:var(--ir-muted,#c3c6d5); }
.ir-select-field select { width:100%; background:transparent; border:0; color:var(--ir-text,#d2e4ff); font-weight:800; outline:0; }
.ir-select-field option { color:#00142a; }
.ir-smart-select { position:relative; min-width:0; z-index:4; }
.ir-smart-select.is-open { z-index:35; }
.ir-smart-select-trigger { width:100%; min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.75rem; padding:.55rem .9rem; border-radius:20px; color:var(--ir-text,#d2e4ff); background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); transition:.22s ease; text-align:right; }
.ir-smart-select-trigger:hover, .ir-smart-select.is-open .ir-smart-select-trigger { border-color:rgba(134,213,200,.36); background:rgba(134,213,200,.09); }
.ir-smart-select-main-icon { width:42px; height:42px; border-radius:16px; display:grid; place-items:center; color:#86d5c8; background:rgba(134,213,200,.1); border:1px solid rgba(134,213,200,.18); }
.ir-smart-select-text { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.ir-smart-select-text small { font-size:.72rem; color:var(--ir-muted,#c3c6d5); font-weight:800; }
.ir-smart-select-text strong { display:block; color:var(--ir-text,#d2e4ff); font-weight:950; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ir-smart-select-arrow { color:var(--ir-muted,#c3c6d5); transition:.22s ease; }
.ir-smart-select.is-open .ir-smart-select-arrow { transform:rotate(180deg); color:#86d5c8; }
.ir-smart-select-menu { position:absolute; top:calc(100% + 10px); right:0; left:0; display:grid; gap:.35rem; max-height:280px; overflow:auto; padding:.55rem; border-radius:22px; background:rgba(0,15,33,.98); border:1px solid rgba(134,213,200,.22); box-shadow:0 24px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px) scale(.98); transition:.18s ease; }
.ir-smart-select.is-open .ir-smart-select-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); }
.ir-smart-select-option { min-height:44px; display:flex; align-items:center; gap:.65rem; width:100%; padding:.72rem .85rem; border-radius:16px; color:var(--ir-muted,#c3c6d5); background:transparent; border:1px solid transparent; text-align:right; font-weight:900; transition:.18s ease; }
.ir-smart-select-option .material-symbols-outlined { font-size:20px; color:#86d5c8; opacity:.72; }
.ir-smart-select-option:hover, .ir-smart-select-option.is-active { color:var(--ir-text,#d2e4ff); background:rgba(134,213,200,.1); border-color:rgba(134,213,200,.22); }
.ir-smart-select-option.is-active .material-symbols-outlined { opacity:1; color:#b0c6ff; }

.ir-chip-row { display:flex; gap:.65rem; overflow-x:auto; padding:.9rem .2rem .2rem; scrollbar-width:none; }
.ir-chip-row::-webkit-scrollbar { display:none; }
.ir-filter-chip { flex:0 0 auto; white-space:nowrap; padding:.7rem 1rem; border-radius:999px; color:var(--ir-muted,#c3c6d5); background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-weight:900; }
.ir-filter-chip.active, .ir-filter-chip:hover { color:#002d6e; background:linear-gradient(135deg,#b0c6ff,#86d5c8); border-color:transparent; }
.ir-carousel-block { margin: 3.2rem 0; position: relative; }
.ir-section-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.ir-section-head h2 { font-size:clamp(1.45rem, 2.4vw, 2.2rem); line-height:1.25; font-weight:950; color:var(--ir-text,#d2e4ff); margin-top:.45rem; }
.ir-section-actions { display:flex; align-items:center; gap:.5rem; }
.ir-carousel-btn { width:44px; height:44px; display:grid; place-items:center; border-radius:16px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); color:var(--ir-text,#d2e4ff); transition:.2s ease; }
.ir-carousel-btn:hover { background:rgba(134,213,200,.12); border-color:rgba(134,213,200,.28); transform:translateY(-1px); }
.ir-view-all { display:inline-flex; align-items:center; gap:.25rem; color:#b0c6ff; font-weight:900; font-size:.88rem; margin-inline-start:.35rem; }
.ir-carousel-track { display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:auto; padding:.4rem .1rem 1rem; scrollbar-width:none; }
.ir-carousel-track::-webkit-scrollbar { display:none; }
.ir-carousel-track > * { flex:0 0 var(--card-w); scroll-snap-align:start; }
.ir-video-card { display:flex; flex-direction:column; overflow:hidden; border-radius:28px; min-height: 310px; text-decoration:none; }
.ir-video-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; background:#001c37; }
.ir-video-thumb img { width:100%; height:100%; object-fit:cover; transform:scale(1.01); transition:.45s ease; }
.ir-video-card:hover .ir-video-thumb img { transform:scale(1.08); opacity:.86; }
.ir-video-thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,15,33,.78),transparent 52%); opacity:.75; }
.ir-video-duration, .ir-video-badge { position:absolute; z-index:2; border-radius:999px; font-size:.72rem; font-weight:950; padding:.35rem .55rem; backdrop-filter:blur(14px); }
.ir-video-duration { right:.75rem; bottom:.75rem; background:rgba(0,0,0,.72); color:white; }
.ir-video-badge { right:.75rem; top:.75rem; background:rgba(176,198,255,.16); color:#d9e2ff; border:1px solid rgba(176,198,255,.22); }
.ir-video-body { padding:1rem; display:flex; flex-direction:column; gap:.6rem; }
.ir-video-body h3 { font-size:1rem; font-weight:950; line-height:1.75; color:var(--ir-text,#d2e4ff); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ir-video-meta { display:flex; align-items:center; gap:.35rem; color:var(--ir-muted,#c3c6d5); font-weight:900; font-size:.84rem; }
.ir-video-body p { color:rgba(195,198,213,.75); font-size:.78rem; font-weight:700; }
.ir-featured-row { --card-w: clamp(310px, 28vw, 430px); }
.ir-video-card-featured { min-height:350px; }
.ir-category-row { --card-w: 250px; }
.ir-category-card { display:flex; flex-direction:column; min-height:245px; border-radius:28px; padding:1.1rem; gap:.65rem; overflow:hidden; position:relative; }
.ir-category-card::before { content:""; position:absolute; width:120px; height:120px; left:-35px; bottom:-35px; border-radius:999px; background:rgba(134,213,200,.11); filter:blur(18px); }
.ir-category-icon { width:56px; height:56px; display:grid; place-items:center; border-radius:20px; background:rgba(134,213,200,.12); color:#86d5c8; border:1px solid rgba(134,213,200,.2); }
.ir-category-card strong { font-size:1.15rem; font-weight:950; color:var(--ir-text,#d2e4ff); }
.ir-category-card small, .ir-category-card p { color:var(--ir-muted,#c3c6d5); font-weight:700; line-height:1.8; }
.ir-series-row { --card-w: clamp(300px, 30vw, 420px); }
.ir-series-card { min-height:250px; border-radius:28px; padding:1rem; display:grid; grid-template-columns:120px minmax(0,1fr); gap:1rem; align-items:center; }
.ir-series-stack { position:relative; height:150px; border-radius:22px; overflow:hidden; background:#001c37; }
.ir-series-stack::before, .ir-series-stack::after { content:""; position:absolute; inset:10px -10px auto auto; width:88%; height:86%; border:1px solid rgba(255,255,255,.12); border-radius:20px; transform:rotate(-5deg); background:rgba(255,255,255,.04); z-index:0; }
.ir-series-stack img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }
.ir-series-stack span { position:absolute; z-index:2; left:.7rem; bottom:.7rem; color:#86d5c8; background:rgba(0,15,33,.7); border-radius:14px; padding:.45rem; }
.ir-series-card strong { font-size:1.1rem; font-weight:950; color:var(--ir-text,#d2e4ff); }
.ir-series-card small, .ir-series-card p { display:block; margin-top:.45rem; color:var(--ir-muted,#c3c6d5); font-weight:700; line-height:1.8; }
.ir-channel-row { --card-w: 240px; }
.ir-channel-card { min-height:240px; border-radius:28px; padding:1.15rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:.5rem; }
.ir-channel-avatar { width:74px; height:74px; display:grid; place-items:center; border-radius:28px; color:#002d6e; background:linear-gradient(135deg,#b0c6ff,#86d5c8); box-shadow:0 18px 44px rgba(66,116,217,.22); }
.ir-channel-avatar .material-symbols-outlined { font-size:2rem; }
.ir-channel-card strong { color:var(--ir-text,#d2e4ff); font-weight:950; }
.ir-channel-card small, .ir-channel-card p { color:var(--ir-muted,#c3c6d5); font-weight:700; }
.ir-channel-follow { margin-top:.4rem; color:#86d5c8; font-size:.8rem; font-weight:950; }
.ir-shorts-row { --card-w: 210px; }
.ir-short-card { height:360px; border-radius:30px; overflow:hidden; position:relative; display:block; }
.ir-short-card img { width:100%; height:100%; object-fit:cover; transition:.45s ease; }
.ir-short-card:hover img { transform:scale(1.08); }
.ir-short-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,15,33,.92),transparent 55%); }
.ir-short-card div { position:absolute; z-index:2; right:1rem; left:1rem; bottom:1rem; }
.ir-short-card strong { display:block; color:white; font-weight:950; line-height:1.65; }
.ir-short-card small { color:rgba(255,255,255,.72); font-weight:800; }
.ir-short-play { position:absolute; z-index:2; top:1rem; left:1rem; width:44px; height:44px; display:grid; place-items:center; border-radius:999px; background:rgba(0,15,33,.56); color:#86d5c8; border:1px solid rgba(255,255,255,.12); }
.ir-short-duration { position:absolute; z-index:2; top:1rem; right:1rem; padding:.35rem .55rem; border-radius:999px; background:rgba(0,0,0,.64); color:white; font-size:.72rem; font-weight:950; }
.ir-editorial-band { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-radius:32px; padding:clamp(1.25rem,3vw,2rem); margin-top:3.5rem; overflow:hidden; position:relative; }
.ir-editorial-band::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%, rgba(134,213,200,.16), transparent 35%); pointer-events:none; }
.ir-editorial-band > * { position:relative; z-index:1; }
.ir-editorial-band h2 { color:var(--ir-text,#d2e4ff); font-weight:950; font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.5; margin:.5rem 0; }
.ir-editorial-band p { color:var(--ir-muted,#c3c6d5); max-width:760px; font-weight:700; line-height:1.9; }
@media (max-width: 1024px) {
  .ir-archive-hero { grid-template-columns: 1fr; }
  .ir-hero-copy { min-height:auto; padding: .5rem; }
  .ir-hero-feature { min-height:auto; grid-template-columns:1fr; }
  .ir-feature-video { min-height:360px; }
  .ir-feature-side { grid-template-columns: 1fr; }
  .ir-feature-side a { min-height:120px; }
  .ir-filter-grid { grid-template-columns:1fr 1fr; }
  .ir-archive-search { grid-column:1 / -1; }
}
@media (max-width: 767px) {
  .ir-watch-archive { --card-w: 82vw; }
  .ir-archive-hero { border-radius:28px; padding:1rem; }
  .ir-hero-copy h1 { font-size:2.5rem; }
  .ir-hero-copy p { font-size:.95rem; line-height:1.9; }
  .ir-hero-actions a { flex:1 1 100%; }
  .ir-hero-stats { grid-template-columns:1fr; }
  .ir-feature-video { min-height:300px; }
  .ir-feature-side { grid-template-columns:1fr; gap:.7rem; }
  .ir-feature-side a { min-height:unset; border-radius:22px; padding:1rem .9rem; flex-direction:row; justify-content:flex-start; text-align:right; align-items:center; gap:.9rem; }
  .ir-feature-side .material-symbols-outlined { font-size:1.85rem; }
  .ir-feature-side strong { font-size:.95rem; }
  .ir-feature-side small { font-size:.8rem; }
  .ir-feature-side a .material-symbols-outlined { flex:0 0 auto; }
  .ir-feature-side a strong,
  .ir-feature-side a small { text-align:right; }
  .ir-feature-side a .ir-feature-copy { display:flex; flex-direction:column; gap:.2rem; min-width:0; }
  .ir-filter-grid { grid-template-columns:1fr; }
  .ir-smart-select-menu { position:relative; top:auto; margin-top:.55rem; max-height:260px; }
  .ir-smart-select:not(.is-open) .ir-smart-select-menu { display:none; }
  .ir-smart-select.is-open .ir-smart-select-menu { display:grid; }
  .ir-section-head { align-items:flex-start; }
  .ir-section-actions { align-self:stretch; justify-content:flex-start; overflow-x:auto; padding-bottom:.25rem; }
  .ir-view-all { white-space:nowrap; }
  .ir-carousel-btn { width:40px; height:40px; border-radius:14px; }
  .ir-featured-row { --card-w: 86vw; }
  .ir-category-row { --card-w: 74vw; }
  .ir-series-row { --card-w: 86vw; }
  .ir-channel-row { --card-w: 68vw; }
  .ir-shorts-row { --card-w: 58vw; }
  .ir-series-card { grid-template-columns:1fr; }
  .ir-series-stack { height:170px; }
  .ir-editorial-band { flex-direction:column; align-items:stretch; }
}


/* Final archive visual fixes: rounded edges, icon spacing, light-mode readability */
.ir-watch-archive *,
.ir-watch-archive *::before,
.ir-watch-archive *::after { box-sizing: border-box; }
.ir-archive-hero,
.ir-filter-panel,
.ir-feature-video,
.ir-feature-caption,
.ir-feature-side a,
.ir-smart-select-trigger,
.ir-smart-select-menu,
.ir-smart-select-option,
.ir-input,
.ir-archive-search,
.ir-filter-chip,
.ir-video-card,
.ir-video-thumb,
.ir-category-card,
.ir-category-icon,
.ir-series-card,
.ir-series-stack,
.ir-channel-card,
.ir-channel-avatar,
.ir-short-card,
.ir-editorial-band {
  overflow: hidden;
  background-clip: padding-box;
}
.ir-archive-hero { border-radius: 34px !important; }
.ir-filter-panel { border-radius: 30px !important; }
.ir-feature-video { border-radius: 32px !important; }
.ir-feature-caption { border-radius: 26px !important; }
.ir-feature-side a { border-radius: 28px !important; }
.ir-input,
.ir-archive-search input,
.ir-search-input { border-radius: 22px !important; }
.ir-smart-select-trigger { border-radius: 22px !important; }
.ir-smart-select-menu { border-radius: 24px !important; overflow: hidden !important; }
.ir-smart-select-option { border-radius: 18px !important; }
.ir-primary-cta,
.ir-soft-btn { border-radius: 999px !important; }
.ir-filter-panel .ir-primary-cta { border-radius: 20px !important; }
.ir-video-card { border-radius: 30px !important; }
.ir-video-thumb { border-radius: 0 !important; }
.ir-category-card,
.ir-series-card,
.ir-channel-card { border-radius: 30px !important; }
.ir-short-card { border-radius: 32px !important; }

.ir-feature-side a {
  padding: 1.15rem .95rem !important;
  gap: .72rem !important;
  isolation: isolate;
}
.ir-feature-side .material-symbols-outlined {
  width: 50px;
  height: 50px;
  min-width: 50px;
  display: grid;
  place-items: center;
  margin-bottom: .12rem;
  border-radius: 18px;
  background: rgba(134,213,200,.10);
  border: 1px solid rgba(134,213,200,.16);
  line-height: 1 !important;
  flex: 0 0 auto;
}
.ir-feature-side strong,
.ir-feature-side small { width: 100%; display: block; }
.ir-kicker,
.ir-soft-btn,
.ir-primary-cta,
.ir-filter-chip,
.ir-video-meta,
.ir-view-all,
.ir-smart-select-option {
  gap: .55rem !important;
}
.ir-kicker .material-symbols-outlined,
.ir-soft-btn .material-symbols-outlined,
.ir-primary-cta .material-symbols-outlined,
.ir-filter-chip .material-symbols-outlined,
.ir-video-meta .material-symbols-outlined,
.ir-view-all .material-symbols-outlined,
.ir-smart-select-option .material-symbols-outlined {
  flex: 0 0 auto;
  line-height: 1 !important;
}
.ir-field .material-symbols-outlined {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  right: 18px !important;
  z-index: 2;
}
.ir-input,
.ir-search-input {
  padding-inline-start: 1rem !important;
  padding-inline-end: 3.65rem !important;
  text-align: right !important;
}
.ir-smart-select-trigger {
  grid-template-columns: 46px minmax(0,1fr) 24px !important;
  padding: .55rem 1rem !important;
  gap: .85rem !important;
}
.ir-smart-select-main-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 18px !important;
}
.ir-smart-select-text { min-width: 0; padding-inline: .05rem; }
.ir-smart-select-arrow { width: 24px; min-width: 24px; text-align: center; }
.ir-smart-select-option {
  padding: .8rem .9rem !important;
  gap: .75rem !important;
  line-height: 1.35 !important;
}
.ir-smart-select-option .material-symbols-outlined {
  width: 24px;
  min-width: 24px;
  text-align: center;
}

html:not(.dark) .ir-watch-archive {
  --ir-text: #12304c;
  --ir-muted: #53677d;
}
html:not(.dark) .ir-watch-archive,
html:not(.dark) .ir-watch-archive p,
html:not(.dark) .ir-watch-archive small,
html:not(.dark) .ir-watch-archive strong,
html:not(.dark) .ir-watch-archive h1,
html:not(.dark) .ir-watch-archive h2,
html:not(.dark) .ir-watch-archive h3,
html:not(.dark) .ir-watch-archive label,
html:not(.dark) .ir-watch-archive input {
  color: #12304c;
}
html:not(.dark) .ir-watch-archive .ir-hero-copy p,
html:not(.dark) .ir-watch-archive .ir-video-body p,
html:not(.dark) .ir-watch-archive .ir-video-meta,
html:not(.dark) .ir-watch-archive .ir-category-card small,
html:not(.dark) .ir-watch-archive .ir-category-card p,
html:not(.dark) .ir-watch-archive .ir-series-card small,
html:not(.dark) .ir-watch-archive .ir-series-card p,
html:not(.dark) .ir-watch-archive .ir-channel-card small,
html:not(.dark) .ir-watch-archive .ir-channel-card p,
html:not(.dark) .ir-watch-archive .ir-hero-stats small,
html:not(.dark) .ir-smart-select-text small {
  color: #53677d !important;
}
html:not(.dark) .ir-archive-hero,
html:not(.dark) .ir-filter-panel,
html:not(.dark) .ir-video-card,
html:not(.dark) .ir-category-card,
html:not(.dark) .ir-series-card,
html:not(.dark) .ir-channel-card,
html:not(.dark) .ir-editorial-band,
html:not(.dark) .ir-feature-side a,
html:not(.dark) .ir-smart-select-trigger {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(31,59,89,.14) !important;
  color: #12304c !important;
}
html:not(.dark) .ir-filter-panel,
html:not(.dark) .ir-archive-hero {
  box-shadow: 0 24px 70px rgba(31,59,89,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html:not(.dark) .ir-input,
html:not(.dark) .ir-search-input {
  background: rgba(255,255,255,.86) !important;
  color: #12304c !important;
  border-color: rgba(31,59,89,.18) !important;
}
html:not(.dark) .ir-input::placeholder,
html:not(.dark) .ir-search-input::placeholder {
  color: #6a7e92 !important;
}
html:not(.dark) .ir-smart-select-menu {
  background: rgba(255,255,255,.97) !important;
  border-color: rgba(31,59,89,.16) !important;
  box-shadow: 0 22px 56px rgba(31,59,89,.18), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
html:not(.dark) .ir-smart-select-option {
  color: #53677d !important;
}
html:not(.dark) .ir-smart-select-option:hover,
html:not(.dark) .ir-smart-select-option.is-active {
  color: #12304c !important;
  background: rgba(32,90,190,.08) !important;
  border-color: rgba(32,90,190,.18) !important;
}
html:not(.dark) .ir-filter-chip {
  color: #12304c !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(31,59,89,.14) !important;
}
html:not(.dark) .ir-filter-chip.active,
html:not(.dark) .ir-filter-chip:hover {
  color: #002d6e !important;
  background: linear-gradient(135deg,#d9e2ff,#a1f1e4) !important;
  border-color: transparent !important;
}
html:not(.dark) .ir-feature-caption {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(31,59,89,.16) !important;
}
html:not(.dark) .ir-feature-caption strong,
html:not(.dark) .ir-feature-caption small,
html:not(.dark) .ir-feature-caption span {
  color: #12304c !important;
  text-shadow: none !important;
}
html:not(.dark) .ir-video-badge {
  background: rgba(32,90,190,.10) !important;
  color: #205abe !important;
  border-color: rgba(32,90,190,.18) !important;
}
html:not(.dark) .ir-video-duration,
html:not(.dark) .ir-short-duration,
html:not(.dark) .ir-short-card strong,
html:not(.dark) .ir-short-card small {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .ir-archive-hero { border-radius: 28px !important; }
  .ir-filter-panel { border-radius: 26px !important; padding: .9rem !important; }
  .ir-feature-side a { min-height: 132px !important; padding: 1rem .75rem !important; }
  .ir-feature-side .material-symbols-outlined { width: 46px; height: 46px; min-width: 46px; }
  .ir-smart-select-trigger { min-height: 62px; }
  .ir-filter-panel .ir-primary-cta { width: 100%; border-radius: 22px !important; }
}

/* ---- source style block ---- */

/* Final fix: dropdowns must float above chips/cards and never get clipped */
.ir-watch-archive,
.ir-filter-panel,
.ir-filter-grid,
.ir-filter-panel form {
  overflow: visible !important;
}

.ir-filter-panel {
  position: relative !important;
  z-index: 90 !important;
  isolation: isolate;
}

.ir-filter-panel:has(.ir-smart-select.is-open) {
  z-index: 999 !important;
}

.ir-filter-grid {
  position: relative !important;
  z-index: 60 !important;
}

.ir-smart-select {
  position: relative !important;
  z-index: 70 !important;
  overflow: visible !important;
}

.ir-smart-select.is-open {
  z-index: 1000 !important;
}

.ir-smart-select-trigger {
  position: relative !important;
  z-index: 2 !important;
}

.ir-smart-select-menu {
  z-index: 5000 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  clip-path: inset(0 round 24px);
}

.ir-chip-row {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 1rem !important;
}

.ir-carousel-block,
.ir-editorial-band {
  position: relative;
  z-index: 1;
}

.ir-smart-select-option {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .ir-smart-select-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .ir-filter-panel {
    z-index: 120 !important;
  }
  .ir-smart-select-menu {
    position: relative !important;
    z-index: 5000 !important;
    margin-top: .6rem !important;
    clip-path: inset(0 round 22px);
  }
  .ir-chip-row {
    margin-top: .85rem !important;
  }
}