/*
Theme Name: Vega Theme
Theme URI: https://example.com/vega-theme
Author: You
Author URI: https://example.com
Description: Dark movie/series poster theme - neon header, promo banners, hero slider, glow-border poster grid, full Customizer control.
Version: 1.26.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vega-theme
*/

*, *::before, *::after { box-sizing: border-box; }

:root{
    --vega-bg: #05070a;
    --vega-header-bg: #040f0c;
    --vega-card-bg: #0d1420;
    --vega-border: #1c2430;
    --vega-text: #ffffff;
    --vega-muted: #9aa3b5;
    --vega-primary: #ff5a36;
    --vega-pink: #ff2f7e;
    --vega-cyan: #22d3ee;
    --vega-purple: #7c3aed;
    --vega-glow: #b9d94b;
    --vega-cols-desktop: 5;
    --vega-cols-tablet: 3;
    --vega-cols-mobile: 2;
    --vega-radius: 10px;
    --vega-ratio: 2/3;
    --vega-menu-rgb: 52,211,153;
    --vega-header-grad: #062018;
}

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--vega-bg);
    color: var(--vega-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--vega-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; margin: 0; padding: 0; }

.screen-reader-text{
    position:absolute !important;
    width:1px;height:1px;overflow:hidden;
    clip:rect(1px,1px,1px,1px);
    white-space:nowrap;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.vega-header {
    position: relative;
    z-index: 100;
    background: radial-gradient(ellipse at top left, var(--vega-header-grad) 0%, var(--vega-header-bg) 55%, #05070a 100%);
    border-bottom: 1px solid var(--vega-border);
    padding: 16px 0;
}

.vega-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.vega-logo-wrap { display: flex; align-items: center; gap: 12px; }
.vega-logo-icon {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--vega-pink), var(--vega-cyan));
    display: flex; align-items: center; justify-content: center;
    color: #05070a; font-size: 16px;
    flex-shrink: 0;
}
.vega-logo-text {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: .5px;
    margin: 0;
    background: linear-gradient(90deg, var(--vega-pink), var(--vega-cyan));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
}
.vega-logo-text a { color: inherit; text-decoration: none; }
.vega-logo-tagline {
    font-size: 10px;
    letter-spacing: 3px;
    color: var(--vega-muted);
    margin: 4px 0 0;
    text-transform: uppercase;
}
.vega-logo-block img.custom-logo { max-height: 50px; width: auto; }

.vega-nav-toggle {
    display: none;
    background: none;
    border: 1px solid var(--vega-border);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 20px;
    color: var(--vega-text);
    cursor: pointer;
}

.vega-primary-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
    align-items: center;
}
.vega-primary-menu > li { position: relative; }
.vega-primary-menu > li > a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
    color: var(--vega-text);
    font-weight: 600;
    font-size: 14px;
}
.vega-primary-menu > li > a:hover,
.vega-primary-menu > li.current-menu-item > a { color: var(--vega-primary); text-decoration: none; }

.vega-primary-menu > li.menu-item-has-children > a::after {
    content: "\25BE";
    display: inline-block;
    font-size: 10px;
    color: var(--vega-muted);
    transition: transform .2s ease;
}
.vega-primary-menu > li.menu-item-has-children:hover > a::after,
.vega-primary-menu > li.menu-item-has-children:focus-within > a::after { transform: rotate(180deg); }

/* ---- Dropdown: glass panel, 3-column grid of buttons (Genre / Year / Quality) ---- */
.vega-primary-menu > li > ul {
    display: none;
    position: absolute;
    top: 100%; left: 0;
    width: 480px;
    max-width: calc(100vw - 24px);
    max-height: 70vh;
    overflow-y: auto;
    padding: 12px;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: rgba(8,14,18,.94);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(var(--vega-menu-rgb), .38);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(0,0,0,.65);
    z-index: 200;
}
.vega-primary-menu > li:hover > ul,
.vega-primary-menu > li:focus-within > ul { display: grid; }
.vega-primary-menu > li.vega-dd-right > ul { left: auto; right: 0; }

.vega-primary-menu > li > ul > li { position: relative; min-width: 0; }
.vega-primary-menu > li > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 11px 8px;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.25;
    color: #e8edf2;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.vega-primary-menu > li > ul > li > a:hover,
.vega-primary-menu > li > ul > li.current-menu-item > a {
    color: #fff;
    background: rgba(var(--vega-menu-rgb), .14);
    border-color: rgba(var(--vega-menu-rgb), .65);
    box-shadow: 0 0 14px rgba(var(--vega-menu-rgb), .25);
    text-decoration: none;
    transform: translateY(-1px);
}

/* 3rd level (rare) */
.vega-primary-menu ul ul {
    display: none;
    position: absolute;
    top: 0; left: 100%;
    min-width: 180px;
    background: var(--vega-card-bg);
    border: 1px solid var(--vega-border);
    border-radius: 8px;
    padding: 6px 0;
    z-index: 210;
}
.vega-primary-menu ul li:hover > ul { display: block; }
.vega-primary-menu ul ul li a { display: block; padding: 8px 16px; font-size: 13px; color: var(--vega-text); }

.vega-search-form {
    display: flex;
    gap: 0;
    flex: 1;
    max-width: 340px;
}
.vega-search-form input[type="search"] {
    flex: 1;
    background: #10161f;
    border: 1px solid var(--vega-border);
    border-radius: 6px 0 0 6px;
    padding: 10px 14px;
    color: var(--vega-text);
    font-size: 13px;
}
.vega-search-form button {
    background: var(--vega-pink);
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 0 20px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}
.vega-search-form button:hover { background: #ff4e93; }

@media (max-width: 900px) {
    .vega-search-form { order: 3; max-width: none; width: 100%; }
}

/* ==========================================================================
   PROMO BANNER ROW
   ========================================================================== */
.vega-promo-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 20px 0;
}
.vega-promo-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 8px;
    color: #fff;
}
.vega-promo-card:hover { text-decoration: none; filter: brightness(1.1); }
.vega-promo-icon { font-size: 22px; flex-shrink: 0; }
.vega-promo-title { font-weight: 800; font-size: 14px; display: block; }
.vega-promo-sub { display: block; font-size: 10px; letter-spacing: .5px; opacity: .85; text-transform: uppercase; }
.vega-promo-card > span:last-child { min-width: 0; }

@media (max-width: 900px) {
    .vega-promo-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
    /* mobile: 2 cards per row (2 x 2) */
    .vega-promo-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
    .vega-promo-card { padding: 11px 12px; gap: 9px; }
    .vega-promo-icon { font-size: 18px; }
    .vega-promo-title { font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }
    .vega-promo-sub { font-size: 9px; line-height: 1.3; letter-spacing: .3px; overflow-wrap: anywhere; }
}

/* ==========================================================================
   QUICK LINKS ROW
   ========================================================================== */
.vega-quicklinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 0 20px;
}
.vega-quicklinks.is-left { justify-content: flex-start; }
.vega-quicklink-btn {
    background: var(--vega-card-bg);
    border: 1.5px solid var(--vega-border);
    color: var(--vega-text);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 8px;
    transition: border-color .2s ease, color .2s ease, transform .2s ease;
}
.vega-quicklink-btn:hover {
    border-color: var(--vega-primary);
    color: var(--vega-primary);
    text-decoration: none;
    transform: translateY(-2px);
}
@media (max-width: 700px) {
    .vega-quicklinks { gap: 6px; }
    .vega-quicklink-btn { font-size: 11.5px; padding: 8px 12px; }
}

/* ==========================================================================
   HERO SLIDER
   ========================================================================== */
.vega-hero {
    position: relative;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 0 30px;
    background: #05070d;
}
.vega-hero-track { position: relative; width: 100%; height: 100%; }
.vega-hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}
.vega-hero-slide.is-active { opacity: 1; pointer-events: auto; }
.vega-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4,7,10,.95) 20%, rgba(4,7,10,.55) 58%, rgba(4,7,10,.15) 100%);
}
.vega-hero-link { position: absolute; inset: 0; z-index: 1; display: block; }
.vega-hero-link:hover { text-decoration: none; }
.vega-hero-slide { cursor: pointer; }
.vega-hero-content { position: absolute; left: 30px; bottom: 26px; max-width: 560px; z-index: 2; pointer-events: none; }
.vega-hero-content .vega-hero-btn { pointer-events: auto; }
.vega-hero-quality { pointer-events: none; }
.vega-hero-badge {
    display: inline-block;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.25);
    color: #ffb300;
    font-weight: 800;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}
.vega-hero-title { font-size: 26px; font-weight: 900; color: #fff; margin: 0 0 6px; line-height: 1.15; }
.vega-hero-title a:hover { text-decoration: none; }
.vega-hero-date { color: var(--vega-muted); font-size: 12px; margin-bottom: 10px; }
.vega-hero-excerpt {
    color: #d7dbe4; font-size: 13px; line-height: 1.5; margin: 0 0 14px; max-width: 480px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.vega-hero-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--vega-purple); color: #fff; font-weight: 800;
    padding: 9px 20px; border-radius: 8px; font-size: 13px;
}
.vega-hero-btn:hover { filter: brightness(1.15); text-decoration: none; }
.vega-hero-quality {
    position: absolute; bottom: 14px; right: 14px;
    background: #e51e3d; color: #fff; font-size: 11px; font-weight: 800;
    padding: 5px 12px; border-radius: 4px; z-index: 2;
}
.vega-hero-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 38px; height: 38px; border-radius: 50%;
    background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.2);
    color: #fff; font-size: 20px; cursor: pointer; z-index: 3;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s ease;
}
.vega-hero-prev { left: 14px; }
.vega-hero-next { right: 14px; }
.vega-hero-arrow:hover { background: rgba(0,0,0,.75); }
.vega-hero-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 3; }
.vega-hero-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.35); cursor: pointer; transition: width .2s ease, background .2s ease; }
.vega-hero-dot.is-active { width: 22px; border-radius: 6px; background: var(--vega-purple); }

@media (max-width: 700px) {
    .vega-hero-content { left: 16px; right: 16px; bottom: 30px; max-width: none; }
    .vega-hero-title { font-size: 19px; }
}

/* ==========================================================================
   GRID (Latest Releases)
   ========================================================================== */
.vega-grid-section { padding: 20px 0 30px; }
.vega-grid-heading {
    font-size: 20px; font-weight: 800; margin: 0 0 18px;
    padding-bottom: 10px; border-bottom: 3px solid var(--vega-primary);
    display: inline-block;
}

.vega-grid {
    display: grid;
    grid-template-columns: repeat(var(--vega-cols-desktop), 1fr);
    gap: 16px;
}

.vega-card {
    position: relative;
    background: var(--vega-card-bg);
    border-radius: var(--vega-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1.5px solid #7a8a3a;
    box-shadow: 0 0 10px rgba(185,217,75,.25), inset 0 0 0 1px rgba(185,217,75,.15);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vega-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 0 22px rgba(185,217,75,.55), inset 0 0 0 1px rgba(185,217,75,.3);
    border-color: var(--vega-glow);
}

.vega-card-thumb { position: relative; display: block; background: #10161f; overflow: hidden; }
.vega-card-thumb img {
    width: 100%; object-fit: cover;
    aspect-ratio: var(--vega-ratio);
    transition: transform .35s ease;
}
.vega-card:hover .vega-card-thumb img { transform: scale(1.06); }

.vega-quality-badge {
    position: absolute; top: 0; left: 0;
    color: #fff; font-size: 11px; font-weight: 800;
    padding: 5px 12px; border-radius: 0 0 8px 0;
    z-index: 3; box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.vega-rating-badge {
    position: absolute; top: 0; right: 0;
    background: rgba(0,0,0,.8); color: #ffd700;
    font-size: 11px; font-weight: 700; padding: 5px 12px;
    border-radius: 0 0 0 8px; z-index: 3; box-shadow: 0 2px 8px rgba(0,0,0,.4);
}

.vega-card-body { padding: 12px 14px 16px; flex-grow: 1; display: flex; flex-direction: column; }
.vega-card-date { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--vega-primary); font-weight: 600; margin-bottom: 6px; }
.vega-card-title {
    font-size: 14px; font-weight: 700; margin: 0; line-height: 1.4; color: var(--vega-text);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.vega-card-title a { color: var(--vega-text); }
.vega-card-title a:hover { color: var(--vega-primary); text-decoration: none; }

@media (max-width: 1024px) { .vega-grid { grid-template-columns: repeat(var(--vega-cols-tablet), 1fr); } }
@media (max-width: 700px) {
    .vega-nav-toggle { display: inline-block; }
    .vega-primary-menu {
        display: none; flex-direction: column; align-items: stretch; width: 100%;
        position: static;
        background: var(--vega-card-bg); border-radius: 8px; z-index: 99;
    }
    .vega-primary-menu.vega-menu-open { display: flex; }
    .vega-primary-menu > li { width: 100%; }
    .vega-primary-menu > li > ul {
        position: static; width: auto; max-width: none; max-height: none;
        margin: 2px 10px 12px; padding: 10px;
        box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .vega-primary-menu > li > ul > li > a { font-size: 12.5px; padding: 10px 4px; }
    .vega-primary-menu > li:hover > ul,
    .vega-primary-menu > li:focus-within > ul { display: none; }
    .vega-primary-menu > li.vega-submenu-open > ul { display: grid; }

    .vega-grid { grid-template-columns: repeat(var(--vega-cols-mobile), 1fr); gap: 10px; }
    .vega-card-title { font-size: 12.5px; }
}
@media (max-width: 340px) {
    .vega-primary-menu > li > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.vega-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 34px 0; flex-wrap: wrap; }
.vega-pagination a.page-numbers,
.vega-pagination span.page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 42px; height: 42px; padding: 0 10px;
    border: 1.5px solid var(--vega-border); border-radius: 10px;
    font-size: 14px; font-weight: 700; color: var(--vega-text);
    background: var(--vega-card-bg);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}
.vega-pagination a.page-numbers:hover { border-color: var(--vega-primary); color: var(--vega-primary); text-decoration: none; }
.vega-pagination span.page-numbers.current {
    background: var(--vega-glow); border-color: var(--vega-glow); color: #06210f;
    box-shadow: 0 0 16px rgba(185,217,75,.65);
}
.vega-pagination .page-numbers.dots { background: transparent; border: none; color: var(--vega-muted); }
.vega-pagination a.next.page-numbers { color: #ff3d3d; font-size: 18px; font-weight: 800; }
.vega-pagination a.next.page-numbers:hover { border-color: #ff3d3d; }
.vega-pagination a.prev.page-numbers { color: var(--vega-text); font-size: 18px; font-weight: 800; }

/* ==========================================================================
   SINGLE POST (v1.1 - advanced layout)
   ========================================================================== */
.vega-single { padding: 26px 0 30px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.vega-single.has-sidebar { grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr); }
.vega-single-main { min-width: 0; }

/* reading progress + back to top */
.vega-progress { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; height: 3px; z-index: 9998; pointer-events: none; }
.vega-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--vega-pink), var(--vega-cyan), var(--vega-glow)); box-shadow: 0 0 10px rgba(34,211,238,.6); }
.vega-totop {
    position: fixed; right: 18px; bottom: 18px; width: 44px; height: 44px; border-radius: 50%;
    border: 0; background: linear-gradient(135deg, var(--vega-pink), var(--vega-purple)); color: #fff;
    font-size: 20px; cursor: pointer; z-index: 90; box-shadow: 0 8px 22px rgba(124,58,237,.45);
    opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.vega-totop.is-visible { opacity: 1; visibility: visible; transform: none; }

/* breadcrumb + title + chips */
.vega-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; color: var(--vega-muted); margin: 0 0 14px; }
.vega-breadcrumb a { color: var(--vega-muted); }
.vega-breadcrumb a:hover { color: var(--vega-primary); text-decoration: none; }
.vega-breadcrumb .sep { opacity: .5; }
.vega-breadcrumb .current { color: #cbd2e0; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vega-single-title { font-size: clamp(20px, 3.2vw, 32px); font-weight: 800; line-height: 1.28; margin: 0 0 14px; letter-spacing: -.2px; }
.vega-single-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; border: 0; }
.vega-chip {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px;
    background: rgba(255,255,255,.05); border: 1px solid var(--vega-border);
    font-size: 12.5px; font-weight: 600; color: #cbd2e0;
}
.vega-type-chip { color: #fff; border-color: rgba(255,47,126,.5); background: rgba(255,47,126,.12); }

/* hero panel: poster + info */
.vega-post-hero {
    position: relative; isolation: isolate; overflow: hidden;
    display: grid; grid-template-columns: var(--vega-sd-poster, 290px) minmax(0, 1fr); gap: 28px;
    padding: 24px; margin-bottom: 28px;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: var(--vega-sd-radius, 18px);
}
.vega-post-hero::before {
    content: ""; position: absolute; inset: -30px; z-index: -2;
    background-image: var(--vega-poster); background-size: cover; background-position: center;
    filter: blur(var(--vega-sd-blur, 38px)) saturate(1.3); opacity: .28; transform: scale(1.1);
}
.vega-post-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(5,7,10,.55), rgba(5,7,10,.9)); }

.vega-post-poster {
    position: relative; align-self: start; overflow: hidden;
    aspect-ratio: var(--vega-ratio); background: #10161f;
    border-radius: 14px; border: 1.5px solid #7a8a3a;
    box-shadow: 0 0 22px rgba(185,217,75,.3), 0 14px 34px rgba(0,0,0,.55);
}
.vega-post-poster img { width: 100%; height: 100%; object-fit: cover; }
.vega-poster-fallback { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 54px; background: linear-gradient(160deg, #10161f, #1c2430); }

.vega-post-info { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.vega-info-head { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.vega-rating-ring {
    --p: 0; position: relative; flex-shrink: 0; width: 74px; height: 74px; border-radius: 50%;
    display: grid; place-items: center;
    background: conic-gradient(var(--vega-glow) calc(var(--p) * 1%), rgba(255,255,255,.12) 0);
}
.vega-rating-ring::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: #0a0f16; }
.vega-rating-ring b { position: relative; font-size: 19px; font-weight: 800; }
.vega-rating-text { display: flex; flex-direction: column; gap: 2px; }
.vega-stars {
    --s: 0%; font-size: 20px; letter-spacing: 2px; line-height: 1;
    background: linear-gradient(90deg, #ffc107 var(--s), rgba(255,255,255,.2) var(--s));
    -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.vega-rating-text small { font-size: 12px; color: var(--vega-muted); font-weight: 600; }

.vega-info-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.vega-info-item { min-width: 0; padding: 10px 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.vega-info-item.is-wide { grid-column: 1 / -1; }
.vega-info-item dt { margin: 0 0 3px; font-size: 10.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-info-item dd { margin: 0; font-size: 14px; font-weight: 600; color: #fff; overflow-wrap: anywhere; }
.vega-info-item dd a { color: var(--vega-primary); }
.vega-q-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.vega-q-chips span { padding: 3px 10px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #7be7f7; background: rgba(34,211,238,.12); border: 1px solid rgba(34,211,238,.35); }
.vega-q-chips span em { margin-left: 5px; font-style: normal; font-weight: 500; color: #cbd2e0; }

.vega-post-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: auto; }
.vega-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 11px 22px; border: 0; border-radius: 10px; cursor: pointer;
    font: 800 14px/1.2 inherit; font-family: inherit; color: #fff;
    transition: filter .2s ease, transform .2s ease;
}
.vega-btn:hover { filter: brightness(1.12); transform: translateY(-1px); text-decoration: none; }
.vega-btn-primary { background: linear-gradient(135deg, var(--vega-pink), var(--vega-purple)); box-shadow: 0 8px 22px rgba(255,47,126,.3); }

.vega-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vega-share-label { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-share a, .vega-share button {
    padding: 7px 13px; border: 0; border-radius: 8px; cursor: pointer;
    font-family: inherit; font-size: 12px; font-weight: 700; color: #fff; line-height: 1.2;
    transition: filter .2s ease, transform .2s ease;
}
.vega-share a:hover, .vega-share button:hover { filter: brightness(1.15); transform: translateY(-1px); text-decoration: none; }
.vega-share .wa { background: #16a34a; }
.vega-share .tg { background: #229ed9; }
.vega-share .fb { background: #1877f2; }
.vega-share .x  { background: #000; border: 1px solid #333; }
.vega-share .cp { background: #2a3342; }

/* post content */
.vega-single-content {
    font-size: 16px; line-height: 1.85; color: #dfe4ee;
    padding: 26px 28px; background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 16px;
    overflow-wrap: anywhere; scroll-margin-top: 80px;
}
.vega-single-content > :first-child { margin-top: 0; }
.vega-single-content > :last-child { margin-bottom: 0; }
.vega-single-content p { margin: 0 0 18px; }
.vega-single-content h2,
.vega-single-content h3 {
    margin: 30px 0 14px; padding-left: 12px; font-size: 19px; font-weight: 800; line-height: 1.3;
    color: #fff; border-left: 4px solid var(--vega-pink);
}
.vega-single-content h4, .vega-single-content h5, .vega-single-content h6 { margin: 18px 0 10px; font-size: 15px; font-weight: 700; color: #fff; }
.vega-single-content h4:has(> a:only-child),
.vega-single-content h5:has(> a:only-child),
.vega-single-content h6:has(> a:only-child) { text-align: center; }

/* download buttons: links inside h4/h5/h6 and Gutenberg buttons */
.vega-single-content h4 a, .vega-single-content h5 a, .vega-single-content h6 a,
.vega-single-content .wp-block-button__link, .vega-single-content a.vega-dl-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-width: min(100%, 320px); padding: 12px 26px; border-radius: 10px;
    background: linear-gradient(135deg, var(--vega-pink), var(--vega-purple));
    color: #fff; font-size: 15px; font-weight: 800; text-decoration: none;
    box-shadow: 0 8px 22px rgba(124,58,237,.3);
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.vega-single-content h4 a:hover, .vega-single-content h5 a:hover, .vega-single-content h6 a:hover,
.vega-single-content .wp-block-button__link:hover, .vega-single-content a.vega-dl-btn:hover {
    transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 12px 28px rgba(255,47,126,.35); text-decoration: none;
}

.vega-single-content img { margin: 10px auto; border-radius: var(--vega-radius); }
.vega-single-content iframe { max-width: 100%; border-radius: 12px; }
.vega-single-content ul, .vega-single-content ol { margin: 0 0 18px; padding-left: 22px; }
.vega-single-content ul { list-style: disc; }
.vega-single-content ol { list-style: decimal; }
.vega-single-content li { margin-bottom: 6px; }
.vega-single-content blockquote { margin: 18px 0; padding: 14px 18px; border-left: 4px solid var(--vega-cyan); background: rgba(34,211,238,.06); border-radius: 0 12px 12px 0; }
.vega-single-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.vega-single-content th, .vega-single-content td { padding: 9px 12px; border: 1px solid var(--vega-border); }
.vega-single-content th { background: rgba(255,255,255,.05); }
.vega-single-content hr { height: 1px; margin: 28px 0; border: 0; background: linear-gradient(90deg, transparent, var(--vega-border), transparent); }

.vega-tags { margin: 24px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.vega-tags a { background: var(--vega-card-bg); border: 1px solid var(--vega-border); padding: 5px 13px; border-radius: 30px; font-size: 12px; color: var(--vega-text); transition: border-color .2s ease, color .2s ease; }
.vega-tags a::before { content: "#"; color: var(--vega-primary); margin-right: 2px; }
.vega-tags a:hover { border-color: var(--vega-primary); color: var(--vega-primary); text-decoration: none; }

.vega-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 28px 0; }
.vega-postnav a { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 14px 18px; background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 12px; color: #fff; transition: border-color .2s ease, transform .2s ease; }
.vega-postnav a:hover { border-color: var(--vega-primary); transform: translateY(-2px); text-decoration: none; }
.vega-postnav small { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--vega-muted); }
.vega-postnav span { font-size: 13.5px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vega-postnav .next { text-align: right; grid-column: 2; }

@media (max-width: 1024px) { .vega-single.has-sidebar { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 800px) {
    .vega-post-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 16px; }
    .vega-post-poster { width: min(240px, 70%); margin: 0 auto; }
    .vega-info-head { justify-content: center; }
    .vega-post-actions { flex-direction: column; align-items: stretch; }
    .vega-post-actions .vega-btn { width: 100%; }
    .vega-share { justify-content: center; }
    .vega-single-content { padding: 18px 16px; font-size: 15px; }
}
@media (max-width: 560px) {
    .vega-postnav { grid-template-columns: 1fr; }
    .vega-postnav .next { grid-column: auto; }
}

/* ==========================================================================
   SIDEBAR / WIDGETS
   ========================================================================== */
.widget { margin-bottom: 30px; background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: var(--vega-radius); padding: 18px; }
.widget-title { font-size: 15px; text-transform: uppercase; margin: 0 0 14px; font-weight: 800; border-bottom: 2px solid var(--vega-primary); padding-bottom: 8px; }
.widget ul li { padding: 6px 0; border-bottom: 1px dashed var(--vega-border); font-size: 13px; }
.widget ul li:last-child { border-bottom: none; }
.widget_search .search-form { display: flex; gap: 6px; }
.widget_search input[type="search"] { flex-grow:1; padding:8px; border:1px solid var(--vega-border); border-radius:4px; background:#10161f; color:#fff; }
.widget_search button { padding: 8px 14px; background: var(--vega-primary); color:#fff; border:none; border-radius:4px; cursor:pointer; }

/* ==========================================================================
   COMMENTS
   ========================================================================== */
.comments-area { margin-top: 40px; }
.comment-body { padding: 16px 0; border-bottom: 1px solid var(--vega-border); }
.comment-author { font-weight: 700; font-size: 14px; }
.comment-metadata { font-size: 12px; color: var(--vega-muted); margin-bottom: 8px; }
.comment-form input, .comment-form textarea { width: 100%; padding: 10px; border: 1px solid var(--vega-border); border-radius: 4px; margin-bottom: 12px; font-family: inherit; background:#10161f; color:#fff; }
.comment-form .form-submit input[type="submit"] { width: auto; background: var(--vega-primary); color:#fff; border: none; padding: 10px 22px; cursor: pointer; font-weight: 700; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.vega-footer { margin-top: 40px; }
.vega-footer-line { height: 2px; background: linear-gradient(90deg, transparent, var(--vega-glow), transparent); }
.vega-footer-bottom { padding: 20px 0; text-align: center; font-size: 12px; color: var(--vega-muted); }
.vega-footer-links { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; padding: 10px 0 24px; font-size: 12px; }
.vega-footer-links a { color: var(--vega-muted); }
.vega-footer-links a:hover { color: var(--vega-primary); }

/* ==========================================================================
   404
   ========================================================================== */
.vega-404 { text-align: center; padding: 60px 0; }
.vega-404 h1 { font-size: 70px; margin: 0; color: var(--vega-primary); }

/* ==========================================================================
   EXTRAS
   ========================================================================== */
.vega-card-views { margin-top: auto; padding-top: 8px; font-size: 11px; color: var(--vega-muted); }
.vega-empty { color: var(--vega-muted); padding: 30px 0; }
.vega-archive-desc { color: var(--vega-muted); margin: 0 0 18px; }
.vega-single-content a { color: var(--vega-primary); text-decoration: underline; }
.vega-404 .search-form { display: flex; justify-content: center; gap: 6px; margin-top: 18px; }
.vega-404 .search-form input[type="search"] { padding: 10px 14px; border: 1px solid var(--vega-border); border-radius: 6px; background: #10161f; color: #fff; }
.vega-404 .search-form button { padding: 10px 18px; background: var(--vega-pink); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 800; }
.page-links { margin: 20px 0; font-weight: 700; }
.vega-comments-title { font-size: 18px; }
.vega-header-inner .vega-logo-block p { margin: 0; }
.vega-header-inner .vega-logo-block .vega-logo-tagline { margin-top: 4px; }


/* ==========================================================================
   HOME CATEGORY BOXES (below Latest Releases)
   Popular Series / 4k Movies / Horror / Romance ... each with View More
   ========================================================================== */
.vega-catboxes { margin: 6px 0 20px; }
.vega-catbox {
    background: var(--vega-catbox-bg, #60666b);
    border-radius: 16px;
    padding: 22px 24px 26px;
    margin: 0 0 24px;
}
.vega-catbox-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 20px;
}
.vega-catbox-title {
    display: flex; align-items: center; gap: 10px;
    margin: 0; font-size: 26px; font-weight: 800; line-height: 1.2; color: #fff;
}
.vega-catbox-icon { font-size: 24px; line-height: 1; }
.vega-catbox-more {
    flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 6px;
    background: #000; color: #fff;
    border: 1.5px solid #fff; border-radius: 8px;
    padding: 11px 22px; font-size: 15px; font-weight: 700;
    transition: background .2s ease, color .2s ease;
}
.vega-catbox-more:hover { background: #fff; color: #000; text-decoration: none; }
.vega-catbox-more small { font-size: 11px; }

.vega-catbox-grid {
    display: grid;
    grid-template-columns: repeat(var(--vega-catbox-cols, 8), minmax(0, 1fr));
    gap: 18px;
}
.vega-catbox-item { display: block; color: #fff; min-width: 0; }
.vega-catbox-item:hover { text-decoration: none; }
.vega-catbox-poster {
    position: relative; display: block; overflow: hidden;
    border: 2px solid rgba(255,255,255,.92);
    border-radius: 8px; background: #10161f;
    transition: transform .25s ease, box-shadow .25s ease;
}
.vega-catbox-item:hover .vega-catbox-poster { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,.45); }
.vega-catbox-poster img {
    display: block; width: 100%; object-fit: cover;
    aspect-ratio: var(--vega-ratio);
}
.vega-catbox-poster img { transition: transform .4s ease; transform-origin: center; }
.vega-catboxes.zoom-always .vega-catbox-poster img { transform: scale(var(--vega-catbox-zoom, 1.1)); }
.vega-catboxes.zoom-hover .vega-catbox-item:hover .vega-catbox-poster img,
.vega-catboxes.zoom-hover .vega-catbox-item:focus .vega-catbox-poster img { transform: scale(var(--vega-catbox-zoom, 1.1)); }
.vega-catboxes.zoom-always .vega-catbox-item:hover .vega-catbox-poster img { transform: scale(calc(var(--vega-catbox-zoom, 1.1) + .05)); }
.vega-catbox-poster .vega-quality-badge { font-size: 10px; padding: 4px 9px; }
.vega-catbox-poster .vega-rating-badge  { font-size: 10px; padding: 4px 9px; }
.vega-catbox-name {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 1.35; color: #fff;
}
.vega-catbox-notice {
    background: rgba(0,0,0,.35); color: #fff; border: 1px dashed #fff;
    border-radius: 8px; padding: 10px 14px; font-size: 13px;
}

@media (max-width: 1024px) {
    .vega-catbox-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 700px) {
    .vega-catbox { padding: 16px 14px 18px; border-radius: 12px; margin-bottom: 18px; }
    .vega-catbox-head { margin-bottom: 14px; }
    .vega-catbox-title { font-size: 19px; gap: 8px; }
    .vega-catbox-icon { font-size: 19px; }
    .vega-catbox-more { padding: 8px 14px; font-size: 13px; }
    .vega-catbox-grid { grid-template-columns: repeat(var(--vega-catbox-mcols, 3), minmax(0, 1fr)); gap: 10px; }
    .vega-catbox-item.vega-m-hide { display: none; }
    .vega-catbox-name { font-size: 12px; }
}


/* ==========================================================================
   HOME POSTER WALL (Movie Posters) - above Popular Series
   ========================================================================== */
.vega-pw { padding: 10px 0 26px; }
.vega-pw-title {
    margin: 0 0 24px; padding: 0 0 14px;
    font-size: 20px; font-weight: 800; letter-spacing: .5px; line-height: 1.3;
    text-align: center; text-transform: uppercase;
    border-bottom: 3px solid var(--vega-primary);
}
.vega-pw.is-left .vega-pw-title { text-align: left; }
.vega-pw.no-upper .vega-pw-title { text-transform: none; letter-spacing: 0; }
.vega-pw-grid {
    display: grid;
    grid-template-columns: repeat(var(--vega-pw-cols, 8), minmax(0, 1fr));
    gap: var(--vega-pw-gap, 16px);
}
@media (max-width: 1024px) {
    .vega-pw-grid { grid-template-columns: repeat(var(--vega-pw-tcols, 4), minmax(0, 1fr)); }
}
@media (min-width: 701px) {
    .vega-pw.no-desktop { display: none; }
}
@media (max-width: 700px) {
    .vega-pw.no-mobile { display: none; }
    .vega-pw { padding-bottom: 16px; }
    .vega-pw-title { font-size: 16px; margin-bottom: 16px; padding-bottom: 10px; }
    .vega-pw-grid { grid-template-columns: repeat(var(--vega-pw-mcols, 3), minmax(0, 1fr)); gap: 10px; }
}


/* ==========================================================================
   FOOTER BUTTONS (Telegram join + Movie request) - above All Rights Reserved
   ========================================================================== */
.vega-footer-btns { padding: 26px 0 0; }
.vega-footer-btns .container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; }
.vega-footer-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    color: #fff; font-size: 15px; font-weight: 800;
    padding: 12px 28px; border-radius: 10px; line-height: 1.2;
    transition: transform .2s ease, filter .2s ease;
}
.vega-footer-btn:hover { color: #fff; text-decoration: none; filter: brightness(1.12); transform: translateY(-2px); }
@media (max-width: 700px) {
    .vega-footer-btns .container { gap: 10px; }
    .vega-footer-btn { font-size: 13.5px; padding: 11px 20px; }
}


/* ==========================================================================
   MOVIE REQUEST FORM  ([vega_request_form])
   ========================================================================== */
.vega-req { max-width: 760px; margin: 0 auto; }
.vega-req-intro { color: var(--vega-muted); margin: 0 0 18px; }
.vega-req-msg { padding: 13px 16px; border-radius: 10px; font-weight: 700; margin: 0 0 18px; }
.vega-req-msg.is-ok  { background: rgba(22,163,74,.15); border: 1px solid #16a34a; color: #86efac; }
.vega-req-msg.is-err { background: rgba(220,38,38,.15); border: 1px solid #dc2626; color: #fca5a5; }
.vega-req-form { background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 14px; padding: 22px; }
.vega-req-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.vega-req-field { margin: 0 0 16px; min-width: 0; }
.vega-req-field label { display: block; font-size: 13px; font-weight: 700; margin: 0 0 6px; color: var(--vega-text); }
.vega-req-field label em { color: #ef4444; font-style: normal; }
.vega-req-field input[type="text"],
.vega-req-field input[type="url"],
.vega-req-field input[type="email"],
.vega-req-field select,
.vega-req-field textarea {
    width: 100%; box-sizing: border-box;
    background: var(--vega-bg); color: var(--vega-text);
    border: 1px solid var(--vega-border); border-radius: 8px;
    padding: 11px 13px; font-size: 14px; font-family: inherit;
}
.vega-req-field textarea { resize: vertical; }
.vega-req-field input:focus, .vega-req-field select:focus, .vega-req-field textarea:focus { outline: none; border-color: var(--vega-primary); }
.vega-req-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vega-req-btn {
    width: 100%; cursor: pointer; border: 0; border-radius: 10px;
    background: var(--vega-primary); color: #fff; font-size: 16px; font-weight: 800;
    padding: 14px 20px; transition: filter .2s ease, transform .2s ease;
}
.vega-req-btn:hover { filter: brightness(1.12); transform: translateY(-1px); }
.vega-req-list { margin-top: 28px; }
.vega-req-list-title { font-size: 16px; font-weight: 800; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--vega-primary); }
.vega-req-item {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 11px 14px; margin-bottom: 8px;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 10px;
}
.vega-req-item-name { font-weight: 700; min-width: 0; overflow-wrap: anywhere; }
.vega-req-item-meta { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.vega-req-item-meta small { color: var(--vega-muted); }
@media (max-width: 700px) {
    .vega-req-row { grid-template-columns: 1fr; }
    .vega-req-form { padding: 16px; }
    .vega-req-item { flex-direction: column; align-items: flex-start; gap: 6px; }
}


/* ==========================================================================
   POSTER STRIP (single row, swipe on mobile) + OTT LOGO TILES
   ========================================================================== */
@media (max-width: 1024px) {
    .vega-pw.is-scroll .vega-pw-grid {
        display: flex; overflow-x: auto; padding: 8px 2px 6px;
        scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    .vega-pw.is-scroll .vega-pw-grid::-webkit-scrollbar { display: none; }
    .vega-pw.is-scroll .vega-pw-grid .vega-catbox-item {
        flex: 0 0 calc((100% - var(--vega-pw-gap, 12px) * (var(--vega-pw-tvis, 5) - 1)) / var(--vega-pw-tvis, 5));
        scroll-snap-align: start;
    }
}
@media (max-width: 700px) {
    .vega-pw.is-scroll .vega-pw-grid { gap: 10px; }
    .vega-pw.is-scroll .vega-pw-grid .vega-catbox-item {
        flex: 0 0 calc((100% - 10px * (var(--vega-pw-mvis, 3.5) - 1)) / var(--vega-pw-mvis, 3.5));
    }
}

.vega-ott { padding-top: 4px; }
.vega-ott-row {
    display: flex; flex-wrap: wrap; justify-content: center;
    gap: var(--vega-ot-gap, 14px);
}
.vega-pw.is-left .vega-ott-row { justify-content: flex-start; }
.vega-ott-tile {
    box-sizing: border-box; flex: 0 0 auto;
    width: var(--vega-ot-size, 72px); height: var(--vega-ot-size, 72px);
    display: flex; align-items: center; justify-content: center; text-align: center;
    overflow: hidden; padding: 4px;
    border: 2px solid var(--vega-ot-border, #fff); border-radius: 8px;
    font-weight: 800; font-size: calc(var(--vega-ot-size, 72px) * .17); line-height: 1.1;
    overflow-wrap: anywhere;
    transition: transform .2s ease, box-shadow .2s ease;
}
.vega-ott-tile:hover { transform: translateY(-4px); box-shadow: 0 8px 18px rgba(0,0,0,.45); text-decoration: none; }
.vega-ott-tile.has-img { padding: 0; }
.vega-ott-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 700px) {
    .vega-ott-row { gap: 10px; }
    .vega-ott-tile { width: var(--vega-ot-msize, 56px); height: var(--vega-ot-msize, 56px); font-size: calc(var(--vega-ot-msize, 56px) * .17); }
    .vega-ott.is-scroll .vega-ott-row { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 6px 2px; scrollbar-width: none; }
    .vega-ott.is-scroll .vega-ott-row::-webkit-scrollbar { display: none; }
}


/* ==========================================================================
   POSTER STRIP - SLIDER (auto-slide + swipe)
   ========================================================================== */
.vega-ps-slider { position: relative; }
.vega-pw.is-slider .vega-pw-grid {
    display: flex; position: relative;
    gap: var(--vega-pw-gap, 12px);
    overflow-x: auto; padding: 8px 2px 6px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab;
}
.vega-pw.is-slider .vega-pw-grid::-webkit-scrollbar { display: none; }
.vega-pw.is-slider.no-swipe .vega-pw-grid { overflow-x: hidden; cursor: default; touch-action: pan-y; }
.vega-pw.is-slider .vega-pw-grid.is-drag { cursor: grabbing; user-select: none; }
.vega-pw.is-slider .vega-pw-grid .vega-catbox-item {
    flex: 0 0 calc((100% - var(--vega-pw-gap, 12px) * (var(--vega-pw-cols, 10) - 1)) / var(--vega-pw-cols, 10));
    min-width: 0;
}
.vega-pw.is-slider .vega-catbox-poster img { -webkit-user-drag: none; user-select: none; }
@media (max-width: 1024px) {
    .vega-pw.is-slider .vega-pw-grid .vega-catbox-item {
        flex-basis: calc((100% - var(--vega-pw-gap, 12px) * (var(--vega-pw-tvis, 5) - 1)) / var(--vega-pw-tvis, 5));
    }
}
@media (max-width: 700px) {
    .vega-pw.is-slider .vega-pw-grid { gap: var(--vega-pw-gap, 10px); }
    .vega-pw.is-slider .vega-pw-grid .vega-catbox-item {
        flex-basis: calc((100% - var(--vega-pw-gap, 10px) * (var(--vega-pw-mvis, 3.5) - 1)) / var(--vega-pw-mvis, 3.5));
    }
}
.vega-ps-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
    width: 36px; height: 36px; border-radius: 50%; cursor: pointer;
    background: rgba(0,0,0,.65); border: 1px solid rgba(255,255,255,.35); color: #fff;
    font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center;
    transition: background .2s ease;
}
.vega-ps-arrow:hover { background: rgba(0,0,0,.9); }
.vega-ps-prev { left: 4px; }
.vega-ps-next { right: 4px; }
@media (max-width: 700px) { .vega-ps-arrow { width: 30px; height: 30px; font-size: 18px; } }


/* ==========================================================================
   OTT TILES - SLIDER
   ========================================================================== */
.vega-ott.is-slider .vega-ott-row {
    flex-wrap: nowrap; justify-content: center;
    overflow-x: auto; padding: 8px 2px 6px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; cursor: grab;
}
.vega-ott.is-slider .vega-ott-row::-webkit-scrollbar { display: none; }
.vega-ott.is-slider .vega-ott-row.is-over,
.vega-ott.is-slider.is-left .vega-ott-row { justify-content: flex-start; }
.vega-ott.is-slider.no-swipe .vega-ott-row { overflow-x: hidden; cursor: default; touch-action: pan-y; }
.vega-ott.is-slider .vega-ott-row.is-drag { cursor: grabbing; user-select: none; }
.vega-ott.is-slider .vega-ott-tile img { -webkit-user-drag: none; user-select: none; }

/* ==========================================================================
   FOOTER A-Z LETTERS
   ========================================================================== */
.vega-az { padding: 24px 0 0; }
.vega-az-title { margin: 0 0 12px; text-align: center; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }
.vega-az-list { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--vega-az-gap, 6px); }
.vega-az-letter {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    min-width: var(--vega-az-size, 36px); height: var(--vega-az-size, 36px); padding: 0 6px;
    background: var(--vega-az-bg, #131a26); color: var(--vega-az-color, #fff);
    border: 1px solid rgba(255,255,255,.14); border-radius: 8px;
    font-size: calc(var(--vega-az-size, 36px) * .4); font-weight: 800; line-height: 1;
    transition: background .2s ease, transform .2s ease;
}
a.vega-az-letter:hover, a.vega-az-letter.is-current {
    background: var(--vega-az-hover, #e63946); color: #fff; text-decoration: none; transform: translateY(-2px);
}
.vega-az-letter.is-empty { opacity: .35; cursor: default; }
.vega-az + .vega-footer-btns { padding-top: 18px; }
@media (max-width: 700px) {
    .vega-az { padding-top: 18px; }
    .vega-az-letter { min-width: calc(var(--vega-az-size, 36px) * .86); height: calc(var(--vega-az-size, 36px) * .86); padding: 0 4px; }
}


/* ==========================================================================
   HOME CATEGORY BOXES - SLIDER layout (option; default = grid)
   ========================================================================== */
.vega-catbox.is-slider .vega-catbox-grid {
    display: flex; position: relative; gap: 18px;
    overflow-x: auto; padding: 8px 2px 6px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; cursor: grab;
}
.vega-catbox.is-slider .vega-catbox-grid::-webkit-scrollbar { display: none; }
.vega-catbox.is-slider.no-swipe .vega-catbox-grid { overflow-x: hidden; cursor: default; touch-action: pan-y; }
.vega-catbox.is-slider .vega-catbox-grid.is-drag { cursor: grabbing; user-select: none; }
.vega-catbox.is-slider .vega-catbox-grid .vega-catbox-item {
    flex: 0 0 calc((100% - 18px * (var(--vega-catbox-cols, 8) - 1)) / var(--vega-catbox-cols, 8));
    min-width: 0;
}
.vega-catbox.is-slider .vega-catbox-poster img { -webkit-user-drag: none; user-select: none; }
@media (max-width: 1024px) {
    .vega-catbox.is-slider .vega-catbox-grid { gap: 14px; }
    .vega-catbox.is-slider .vega-catbox-grid .vega-catbox-item { flex-basis: calc((100% - 14px * 3) / 4); }
}
@media (max-width: 700px) {
    .vega-catbox.is-slider .vega-catbox-grid { gap: 10px; }
    }


/* Home boxes slider: desktop/tablet = ek line, mobile = pages (jaise 8 posts ek page, ek saath slide) */
.vega-cs-mobile { display: none; }
.vega-catbox-page { flex: 0 0 100%; min-width: 0; }
@media (max-width: 700px) {
    .vega-catbox.is-slider .vega-cs-desktop { display: none; }
    .vega-catbox.is-slider .vega-cs-mobile { display: block; }
    .vega-catbox-page {
        display: grid; align-content: start; gap: 10px;
        grid-template-columns: repeat(var(--vega-catbox-mcols, 3), minmax(0, 1fr));
    }
}


/* ==========================================================================
   POST PAGE DESIGNS 2 / 3 / 4  (+ button styles)
   ========================================================================== */
.vega-btn-solid   { background: var(--vega-primary); box-shadow: 0 8px 22px rgba(0,0,0,.35); }
.vega-btn-outline { background: transparent; border: 2px solid var(--vega-primary); color: #fff; }
.vega-btn-outline:hover { background: var(--vega-primary); }

.vega-sd-pill {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16);
    font-size: 13px; line-height: 1.2; color: #fff;
}
.vega-sd-pill small { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd-pill b { font-weight: 700; }
.vega-sd-pill a { color: #fff; }
.vega-sd-qrow { margin: 4px 0 6px; }
.vega-sd-qrow > small { display: block; margin-bottom: 7px; font-size: 10.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd-qrow.is-center { text-align: center; }
.vega-sd-qrow.is-center .vega-q-chips { justify-content: center; }

/* ---- Design 3: Info Table ---- */
.vega-sd3 {
    display: grid; grid-template-columns: var(--vega-sd-poster, 290px) minmax(0, 1fr); gap: 30px;
    padding: 26px; margin-bottom: 28px;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: var(--vega-sd-radius, 18px);
}
.vega-sd3-side { display: flex; flex-direction: column; gap: 14px; align-self: start; }
.vega-sd3-side .vega-btn { width: 100%; }
.vega-sd3-main { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.vega-sd3 .vega-single-title { margin: 0; }
.vega-sd3 .vega-single-meta { margin: 0; }
.vega-sd3-table { margin: 0; border: 1px solid var(--vega-border); border-radius: 12px; overflow: hidden; }
.vega-sd3-row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 16px; }
.vega-sd3-row:nth-child(odd) { background: rgba(255,255,255,.04); }
.vega-sd3-row dt { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd3-row dd { margin: 0; font-size: 14px; font-weight: 600; color: #fff; overflow-wrap: anywhere; }
.vega-sd3-row dd a { color: var(--vega-primary); }
.vega-sd3-share { margin-top: 2px; }

/* ---- Design 4: Centered Glass ---- */
.vega-sd4 {
    position: relative; isolation: isolate; overflow: hidden; text-align: center;
    padding: 34px 24px 30px; margin-bottom: 28px;
    background: rgba(12,16,24,.7); border: 1px solid rgba(255,255,255,.14); border-radius: var(--vega-sd-radius, 18px);
}
.vega-sd4::before {
    content: ""; position: absolute; inset: -40px; z-index: -2;
    background-image: var(--vega-poster); background-size: cover; background-position: center;
    filter: blur(var(--vega-sd-blur, 38px)) saturate(1.3); opacity: .4; transform: scale(1.15);
}
.vega-sd4::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5,7,10,.5), rgba(5,7,10,.88)); }
.vega-sd4-poster { width: min(var(--vega-sd-poster, 290px), 70%); margin: 0 auto 20px; }
.vega-sd4 .vega-single-title { margin: 0 0 10px; font-size: clamp(22px, 3.4vw, 34px); }
.vega-sd4-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.vega-sd4 .vega-info-head { justify-content: center; }
.vega-sd4-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; max-width: 920px; margin: 22px auto 16px; }
.vega-sd4-tile { padding: 14px 10px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); min-width: 0; }
.vega-sd4-tile i { display: block; margin-bottom: 6px; font-style: normal; font-size: 22px; line-height: 1; }
.vega-sd4-tile small { display: block; margin-bottom: 3px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd4-tile b { display: block; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.vega-sd4-tile a { color: var(--vega-primary); }
.vega-sd4-actions { flex-direction: column; justify-content: center; margin-top: 22px; }
.vega-sd4-actions .vega-btn { min-width: min(320px, 100%); padding: 14px 28px; font-size: 15px; }
.vega-sd4-actions .vega-share { justify-content: center; }

@media (max-width: 700px) {
    .vega-sd3 { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 16px; }
    .vega-sd3-side .vega-post-poster { width: min(240px, 70%); margin: 0 auto; }
    .vega-sd3-row { grid-template-columns: 1fr; gap: 3px; }
    .vega-sd3-share .vega-share { justify-content: center; }
    .vega-sd4 { padding: 22px 14px; }
    .vega-sd4-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* ---- Design 2: Banner Overlap (wide backdrop, poster upar ko uthta hua) ---- */
.vega-sd2 {
    position: relative; overflow: hidden; margin-bottom: 28px;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: var(--vega-sd-radius, 18px);
}
.vega-sd2-banner { position: relative; isolation: isolate; overflow: hidden; height: 210px; }
.vega-sd2-banner::before {
    content: ""; position: absolute; inset: -30px; z-index: -2;
    background-image: var(--vega-poster); background-size: cover; background-position: center 30%;
    filter: blur(var(--vega-sd-blur, 38px)) saturate(1.35); opacity: .75; transform: scale(1.1);
}
.vega-sd2-banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5,7,10,.15) 0%, rgba(15,20,28,.55) 60%, var(--vega-card-bg) 100%); }
.vega-sd2-chips { position: absolute; left: 24px; top: 20px; right: 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.vega-sd2-lower { display: grid; grid-template-columns: var(--vega-sd-poster, 290px) minmax(0, 1fr); gap: 30px; padding: 0 30px 30px; }
.vega-sd2-poster { position: relative; z-index: 2; margin-top: -130px; align-self: start; }
.vega-sd2-main { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; gap: 16px; margin-top: -64px; }
.vega-sd2 .vega-single-title { margin: 0; font-size: clamp(22px, 3.4vw, 36px); line-height: 1.18; }
.vega-sd2-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.vega-sd2-card { padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-left: 3px solid var(--vega-primary); min-width: 0; }
.vega-sd2-card small { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd2-card b { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.vega-sd2-card a { color: var(--vega-primary); }
.vega-sd2 .vega-post-actions { margin-top: 4px; }

/* ---- Design 5: Poster Right Neon (text left, poster right, neon border, stat bar) ---- */
.vega-sd5 {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr) var(--vega-sd-poster, 290px); gap: 34px;
    padding: 30px; margin-bottom: 28px; border-radius: var(--vega-sd-radius, 18px);
    border: 2px solid transparent;
    background:
        linear-gradient(var(--vega-card-bg), var(--vega-card-bg)) padding-box,
        linear-gradient(135deg, var(--vega-pink), var(--vega-purple), var(--vega-cyan)) border-box;
    box-shadow: 0 0 34px rgba(124,58,237,.22);
}
.vega-sd5-body { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.vega-sd5-top { display: flex; flex-wrap: wrap; gap: 8px; }
.vega-sd5 .vega-single-title { margin: 0; font-size: clamp(22px, 3.4vw, 36px); line-height: 1.18; }
.vega-sd5-stats { display: flex; flex-wrap: wrap; border: 1px solid var(--vega-border); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.03); }
.vega-sd5-stat { flex: 1 1 130px; min-width: 0; padding: 14px 18px; border-right: 1px solid var(--vega-border); border-bottom: 1px solid var(--vega-border); margin: 0 -1px -1px 0; }
.vega-sd5-stat b { display: block; font-size: 19px; font-weight: 800; line-height: 1.2; color: var(--vega-cyan); overflow-wrap: anywhere; }
.vega-sd5-stat b a { color: var(--vega-cyan); }
.vega-sd5-stat small { display: block; margin-top: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--vega-muted); }
.vega-sd5-poster { align-self: start; }
.vega-sd5-poster .vega-post-poster { box-shadow: 0 0 28px rgba(255,47,126,.35), 0 14px 34px rgba(0,0,0,.55); border-color: var(--vega-pink); }

@media (max-width: 700px) {
    .vega-sd2-banner { height: 150px; }
    .vega-sd2-chips { left: 14px; top: 14px; right: 14px; }
    .vega-sd2-lower { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 0 16px 20px; }
    .vega-sd2-poster { width: min(230px, 66%); margin: -90px auto 0; }
    .vega-sd2-main { margin-top: 0; }
    .vega-sd2 .vega-single-title { text-align: center; }
    .vega-sd2 .vega-info-head { justify-content: center; }
    .vega-sd5 { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 18px 16px; }
    .vega-sd5-poster { order: -1; width: min(230px, 66%); margin: 0 auto; }
    .vega-sd5-stat { flex-basis: 45%; padding: 12px 14px; }
}


/* ==========================================================================
   OTT BRAND COLOURS in menu dropdown (Netflix, Prime, Hotstar ...)
   ========================================================================== */
.vega-primary-menu > li > ul > li > a.vega-ott-link { --ott: #888; color: #fff; }
.vega-primary-menu > li > ul > li > a.vega-ott-solid {
    background: var(--ott); border-color: var(--ott);
}
.vega-primary-menu > li > ul > li > a.vega-ott-solid:hover,
.vega-primary-menu > li > ul > li.current-menu-item > a.vega-ott-solid {
    background: var(--ott); border-color: #fff; filter: brightness(1.15); box-shadow: 0 6px 18px rgba(0,0,0,.5);
}
.vega-primary-menu > li > ul > li > a.vega-ott-soft {
    background: rgba(255,255,255,.06); border-color: var(--ott);
    background: color-mix(in srgb, var(--ott) 24%, transparent);
}
.vega-primary-menu > li > ul > li > a.vega-ott-soft:hover {
    background: color-mix(in srgb, var(--ott) 45%, transparent); border-color: var(--ott); box-shadow: 0 0 16px var(--ott);
}
.vega-primary-menu > li > ul > li > a.vega-ott-border {
    background: transparent; border: 2px solid var(--ott);
}
.vega-primary-menu > li > ul > li > a.vega-ott-border:hover {
    background: var(--ott); border-color: var(--ott); box-shadow: 0 0 14px var(--ott);
}


/* ==========================================================================
   LIGHT (WHITE) COLOUR PRESETS  -  body.vega-light
   Preset 9 / 10: safed background, dark text
   ========================================================================== */
body.vega-light .vega-header { box-shadow: 0 1px 0 var(--vega-border), 0 6px 20px rgba(15,23,42,.06); }
body.vega-light .vega-header { background: radial-gradient(ellipse at top left, var(--vega-header-grad) 0%, var(--vega-header-bg) 60%, var(--vega-header-bg) 100%); }
body.vega-light .vega-nav-toggle { color: var(--vega-text); }
body.vega-light .vega-search-form input[type="search"] { background: #fff; color: var(--vega-text); }
body.vega-light .vega-primary-menu > li > ul { background: rgba(255,255,255,.98); box-shadow: 0 18px 50px rgba(15,23,42,.18); }
body.vega-light .vega-primary-menu > li > ul > li > a { color: var(--vega-text); background: rgba(15,23,42,.04); border-color: rgba(15,23,42,.1); }
body.vega-light .vega-primary-menu > li > ul > li > a:hover,
body.vega-light .vega-primary-menu > li > ul > li.current-menu-item > a { color: var(--vega-text); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-link { color: #fff; }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-soft,
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-border { color: var(--vega-text); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-soft:hover,
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-border:hover { color: #fff; }

body.vega-light .vega-card { box-shadow: 0 4px 16px rgba(15,23,42,.08); }
body.vega-light .vega-chip { background: rgba(15,23,42,.05); }
body.vega-light .vega-type-chip { color: var(--vega-text); }
body.vega-light .vega-breadcrumb .current { color: var(--vega-text); }
body.vega-light .vega-post-hero::after { background: linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.9)); }
body.vega-light .vega-rating-ring { background: conic-gradient(var(--vega-primary) calc(var(--p) * 1%), rgba(15,23,42,.12) 0); }
body.vega-light .vega-rating-ring::before { background: #fff; }
body.vega-light .vega-rating-ring b { color: var(--vega-text); }
body.vega-light .vega-stars { background: linear-gradient(90deg, #f59e0b var(--s), rgba(15,23,42,.15) var(--s)); -webkit-background-clip: text; background-clip: text; }
body.vega-light .vega-info-item { background: rgba(15,23,42,.04); }
body.vega-light .vega-info-item dd { color: var(--vega-text); }
body.vega-light .vega-single-content h3,
body.vega-light .vega-single-content h4,
body.vega-light .vega-single-content h5,
body.vega-light .vega-single-content h6 { color: var(--vega-text); }
body.vega-light .vega-single-content th { background: rgba(15,23,42,.06); }
body.vega-light .vega-btn-outline { color: var(--vega-text); }
body.vega-light .vega-btn-outline:hover { color: #fff; }
body.vega-light .vega-share .cp { background: #e5e7eb; color: #111827; }
body.vega-light .vega-sd-pill { background: rgba(15,23,42,.06); border-color: rgba(15,23,42,.14); color: var(--vega-text); }
body.vega-light .vega-sd-pill a { color: var(--vega-text); }
body.vega-light .vega-sd3-row:nth-child(odd) { background: rgba(15,23,42,.04); }
body.vega-light .vega-sd3-row dd { color: var(--vega-text); }
body.vega-light .vega-sd2-card { background: rgba(15,23,42,.04); border-color: rgba(15,23,42,.1); border-left-color: var(--vega-primary); }
body.vega-light .vega-sd2-banner::after { background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.55) 60%, var(--vega-card-bg) 100%); }
body.vega-light .vega-sd5-stats { background: rgba(15,23,42,.03); }
body.vega-light .vega-sd5-stat b,
body.vega-light .vega-sd5-stat b a { color: var(--vega-primary); }
body.vega-light .vega-postnav a { color: var(--vega-text); }
body.vega-light .vega-req-msg.is-ok  { color: #15803d; }
body.vega-light .vega-req-msg.is-err { color: #b91c1c; }
body.vega-light .vega-az-letter { border-color: rgba(15,23,42,.14); }
body.vega-light .vega-footer-bottom,
body.vega-light .vega-footer-links a { color: var(--vega-muted); }
body.vega-light .vega-pagination .page-numbers { color: var(--vega-text); }
body.vega-light .vega-pagination span.page-numbers.current { color: #fff; }
body.vega-light .widget_search input[type="search"],
body.vega-light .comment-form input,
body.vega-light .comment-form textarea { background: #fff; color: var(--vega-text); }

/* light preset fixes */
body.vega-light .vega-chip { color: var(--vega-text); }
body.vega-light .vega-single-content { color: var(--vega-text); }
body.vega-light .vega-q-chips span { color: var(--vega-cyan); background: rgba(8,145,178,.1); border-color: rgba(8,145,178,.35); }
body.vega-light .vega-q-chips span em { color: var(--vega-muted); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-solid { background: var(--ott); border-color: var(--ott); color: #fff; }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-solid:hover { background: var(--ott); border-color: var(--vega-text); filter: brightness(1.12); color: #fff; }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-soft { background: color-mix(in srgb, var(--ott) 18%, #fff); border-color: var(--ott); color: var(--vega-text); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-soft:hover { background: color-mix(in srgb, var(--ott) 38%, #fff); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-border { background: transparent; border: 2px solid var(--ott); color: var(--vega-text); }
body.vega-light .vega-primary-menu > li > ul > li > a.vega-ott-border:hover { background: var(--ott); color: #fff; }


/* ==========================================================================
   LATEST UPDATES - LIST STYLE  (poster + title rows, heading bar)
   ========================================================================== */
.vega-lu {
    --lu-bar: var(--vega-primary); --lu-bg: var(--vega-card-bg); --lu-line: var(--vega-border);
    --lu-title: var(--vega-primary); --lu-c2: var(--vega-cyan); --lu-c3: var(--vega-pink);
    --lu-thumb: 145px; --lu-mthumb: 90px;
    margin: 0 0 28px; overflow: hidden; border-radius: 10px; background: var(--lu-bg);
    border: 1px solid var(--lu-line);
}
.vega-lu.is-classic { --lu-line: #e5e5e5; }
.vega-lu-bar { margin: 0; padding: 8px 14px; text-align: center; background: var(--lu-bar); color: #fff; font-size: 15px; font-weight: 700; line-height: 1.3; }
.vega-lu-row { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-bottom: 1px solid var(--lu-line); }
.vega-lu-row:last-child { border-bottom: 0; }
.vega-lu-thumb { flex: 0 0 var(--lu-thumb); width: var(--lu-thumb); display: block; border-radius: 3px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,.35); background: #10161f; }
.vega-lu-thumb img { display: block; width: 100%; aspect-ratio: var(--vega-ratio); object-fit: cover; }
.vega-lu-text { min-width: 0; }
.vega-lu-title { display: block; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--lu-title); overflow-wrap: anywhere; }
.vega-lu-title:hover { text-decoration: underline; }
.vega-lu-line2 { margin-top: 3px; font-size: 14px; font-weight: 700; line-height: 1.35; }
.vega-lu-line2 .c2 { color: var(--lu-c2); }
.vega-lu-line2 .c3 { color: var(--lu-c3); }
.vega-lu-more { display: block; padding: 11px 14px; text-align: center; background: var(--lu-bar); color: #fff; font-weight: 700; font-size: 14px; }
.vega-lu-more:hover { color: #fff; filter: brightness(1.1); text-decoration: none; }
@media (min-width: 701px) { .vega-lu.no-desktop { display: none; } }
@media (max-width: 700px) {
    .vega-lu.no-mobile { display: none; }
    .vega-lu-row { gap: 10px; padding: 8px; }
    .vega-lu-thumb { flex-basis: var(--lu-mthumb); width: var(--lu-mthumb); }
    .vega-lu-title { font-size: 13.5px; }
    .vega-lu-line2 { font-size: 12.5px; }
}


/* ==========================================================================
   DOWNLOAD LINKS BOX - 3 ready-made styles
   ========================================================================== */
.vega-dl { margin: 0 0 28px; text-align: center; }
.vega-dl.has-box { padding: 20px 16px 8px; background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 14px; }
.vega-dl-heading { margin: 0 0 14px; font-size: clamp(20px, 3vw, 26px); font-weight: 800; letter-spacing: .5px; color: var(--dl-heading, #ffeb00); }
.vega-dl-howto { margin: 0 0 14px; }
.vega-dl-howto a { color: #ff2a2a; font-weight: 700; text-decoration: underline; }
.vega-dl-group { margin: 0 0 20px; }
.vega-dl-title { margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 1.45; color: var(--dl-title, #fff); overflow-wrap: anywhere; }
.vega-dl-title .hl1 { color: var(--dl-hl1, #ffeb00); }
.vega-dl-title .hl2 { color: var(--dl-hl2, #ff5252); }
.vega-dl-title .hl3 { color: var(--dl-hl3, #00e5ff); }
.vega-dl-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.vega-dl-btn { display: inline-block; max-width: 100%; text-align: center; color: #fff; text-decoration: none; transition: transform .2s ease, filter .2s ease; }
.vega-dl-btn:hover { color: #fff; text-decoration: none; transform: translateY(-2px); filter: brightness(1.12); }

/* Style 1 - Red Pills */
.vega-dl-s1 .vega-dl-btn {
    background: var(--dl-c1, #e60000); border: 2px solid #fff; border-radius: 18px;
    padding: 9px 22px; font-size: 14px; font-weight: 800; line-height: 1.3;
    box-shadow: 0 3px 10px rgba(0,0,0,.35);
}

/* Style 2 - Green-Blue Gradient */
.vega-dl-s2 .vega-dl-btn {
    min-width: 190px; padding: 11px 28px; font-size: 16px; font-weight: 400; line-height: 1.3;
    background: linear-gradient(90deg, var(--dl-c1, #4aa31d), var(--dl-c2, #1d4f9e));
    border-radius: 6px 6px 16px 16px / 4px 4px 14px 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,.45), inset 0 -3px 6px rgba(0,0,0,.25);
}
.vega-dl-s2 .vega-dl-btns { gap: 16px; }

/* Style 3 - Glow Pill */
.vega-dl-s3 .vega-dl-title { font-size: 19px; }
.vega-dl-s3 .vega-dl-btn {
    min-width: 230px; padding: 17px 42px; border-radius: 999px;
    background: var(--dl-c1, #ff4b3a); color: #fff;
    font-size: 15px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;
    box-shadow: 0 0 22px var(--dl-c1, #ff4b3a);
}
.vega-dl-s3 .vega-dl-btn:hover { text-decoration: none; box-shadow: 0 0 32px var(--dl-c1, #ff4b3a); }

@media (max-width: 700px) {
    .vega-dl-title { font-size: 14.5px; }
    .vega-dl-s1 .vega-dl-btn { font-size: 13px; padding: 8px 16px; }
    .vega-dl-s2 .vega-dl-btn { min-width: 160px; }
    .vega-dl-s3 .vega-dl-btn { min-width: 200px; padding: 15px 30px; }
}
body.vega-light .vega-dl-title { color: var(--dl-title, #111827); }


/* ==========================================================================
   DOWNLOAD LINKS - 3 more button styles (4, 5, 6) + 6 title (text) designs
   ========================================================================== */
/* Style 4 - Neon Outline */
.vega-dl-s4 .vega-dl-btn {
    min-width: 170px; padding: 11px 26px; border: 2px solid var(--dl-c1); border-radius: 10px;
    background: transparent; color: var(--dl-c1);
    font-size: 14px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;
    box-shadow: 0 0 10px var(--dl-c1), inset 0 0 8px rgba(255,255,255,.08);
}
.vega-dl-s4 .vega-dl-btn:hover { background: var(--dl-c1); color: #04121a; box-shadow: 0 0 26px var(--dl-c1); filter: none; }

/* Style 5 - 3D Press */
.vega-dl-s5 .vega-dl-btn {
    margin-bottom: 6px; padding: 12px 28px; border-radius: 12px;
    background: var(--dl-c1); color: #fff; font-size: 15px; font-weight: 800; text-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow: 0 5px 0 var(--dl-c2), 0 9px 14px rgba(0,0,0,.4);
    transition: transform .1s ease, box-shadow .1s ease;
}
.vega-dl-s5 .vega-dl-btn::before { content: "\2B07\FE0E"; margin-right: 8px; }
.vega-dl-s5 .vega-dl-btn:hover { transform: translateY(2px); box-shadow: 0 3px 0 var(--dl-c2), 0 6px 10px rgba(0,0,0,.4); filter: none; }
.vega-dl-s5 .vega-dl-btn:active { transform: translateY(5px); box-shadow: 0 0 0 var(--dl-c2); }

/* Style 6 - Icon Split + shine */
.vega-dl-s6 .vega-dl-btn {
    position: relative; overflow: hidden; display: inline-flex; align-items: stretch;
    padding: 0 26px 0 0; line-height: 46px; border-radius: 12px;
    background: linear-gradient(90deg, var(--dl-c1), var(--dl-c2));
    font-size: 14px; font-weight: 800; box-shadow: 0 6px 16px rgba(0,0,0,.4);
}
.vega-dl-s6 .vega-dl-btn::before {
    content: "\2B07\FE0E"; display: flex; align-items: center; justify-content: center;
    width: 48px; margin-right: 16px; background: rgba(0,0,0,.25); font-size: 18px; line-height: 1;
}
.vega-dl-s6 .vega-dl-btn::after {
    content: ""; position: absolute; top: 0; left: -60%; width: 35%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);
    transform: skewX(-20deg); transition: left .6s ease;
}
.vega-dl-s6 .vega-dl-btn:hover::after { left: 130%; }

/* ---- Title (text) designs ---- */
.vega-dl-t-box .vega-dl-title {
    display: table; max-width: 100%; margin: 0 auto 14px; padding: 10px 22px;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
    border-left: 4px solid var(--dl-c1); border-right: 4px solid var(--dl-c1); border-radius: 10px;
}
.vega-dl-t-pill .vega-dl-title {
    display: table; max-width: 100%; margin: 0 auto 14px; padding: 8px 22px; border-radius: 999px;
    background: rgba(255,255,255,.05); border: 1.5px solid var(--dl-c1); box-shadow: 0 0 14px var(--dl-c1);
}
.vega-dl-t-gradient .vega-dl-title {
    font-size: 17px; font-weight: 800; letter-spacing: .3px;
    background: linear-gradient(90deg, var(--dl-hl1), var(--dl-hl3), var(--dl-hl2));
    -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.vega-dl-t-gradient .vega-dl-title .hl1 { -webkit-text-fill-color: var(--dl-hl1); }
.vega-dl-t-gradient .vega-dl-title .hl2 { -webkit-text-fill-color: var(--dl-hl2); }
.vega-dl-t-gradient .vega-dl-title .hl3 { -webkit-text-fill-color: var(--dl-hl3); }
.vega-dl-t-ribbon .vega-dl-title {
    display: table; max-width: 100%; margin: 0 auto 16px; padding: 10px 38px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6);
    background: linear-gradient(90deg, var(--dl-c1), var(--dl-c2));
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 50%, 100% 100%, 0 100%, 14px 50%);
}
.vega-dl-t-line .vega-dl-title { margin-bottom: 16px; }
.vega-dl-t-line .vega-dl-title::after {
    content: ""; display: block; width: 110px; height: 3px; margin: 10px auto 0; border-radius: 3px;
    background: linear-gradient(90deg, transparent, var(--dl-c1), transparent);
}
@media (max-width: 700px) {
    .vega-dl-s4 .vega-dl-btn { min-width: 150px; padding: 10px 20px; font-size: 13px; }
    .vega-dl-s5 .vega-dl-btn { padding: 11px 22px; font-size: 14px; }
    .vega-dl-s6 .vega-dl-btn { line-height: 42px; font-size: 13px; }
    .vega-dl-s6 .vega-dl-btn::before { width: 42px; margin-right: 12px; }
    .vega-dl-t-ribbon .vega-dl-title { padding: 9px 30px; }
}


/* ==========================================================================
   DOWNLOAD LINKS - button styles 7 / 8 / 9 / 10
   ========================================================================== */
/* Style 7 - Gold Premium */
.vega-dl-s7 .vega-dl-btn {
    padding: 12px 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,.45);
    background: linear-gradient(180deg, var(--dl-c1), var(--dl-c2)); color: #2b1a00;
    font-size: 15px; font-weight: 800; letter-spacing: .3px; text-shadow: 0 1px 0 rgba(255,255,255,.35);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(255,152,0,.35);
}
.vega-dl-s7 .vega-dl-btn::before { content: "\2605"; margin-right: 8px; }
.vega-dl-s7 .vega-dl-btn:hover { color: #2b1a00; }

/* Style 8 - Glass Blur */
.vega-dl-s8 .vega-dl-btn {
    padding: 12px 30px; border-radius: 14px; border: 1.5px solid var(--dl-c1);
    background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04));
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    font-size: 15px; font-weight: 700; box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.vega-dl-s8 .vega-dl-btn::after { content: "\2192"; margin-left: 8px; }
.vega-dl-s8 .vega-dl-btn:hover { background: linear-gradient(135deg, rgba(255,255,255,.3), rgba(255,255,255,.1)); }
body.vega-light .vega-dl-s8 .vega-dl-btn { background: var(--dl-c1); }

/* Style 9 - Rainbow Border (animated) */
.vega-dl-s9 .vega-dl-btn {
    padding: 12px 30px; border: 2px solid transparent; border-radius: 12px; color: #fff;
    font-size: 15px; font-weight: 800;
    background:
        linear-gradient(var(--vega-card-bg, #0d1420), var(--vega-card-bg, #0d1420)) padding-box,
        linear-gradient(90deg, var(--dl-c1), var(--dl-c2), var(--dl-c1), var(--dl-c2)) border-box;
    background-size: 100% 100%, 200% 100%;
    animation: vegaDlBorder 2.6s ease-in-out infinite alternate;
}
@keyframes vegaDlBorder { from { background-position: 0 0, 0% 0; } to { background-position: 0 0, 100% 0; } }
body.vega-light .vega-dl-s9 .vega-dl-btn { color: var(--vega-text); }
@media (prefers-reduced-motion: reduce) { .vega-dl-s9 .vega-dl-btn { animation: none; } }

/* Style 10 - Arrow Slide */
.vega-dl-s10 .vega-dl-btn {
    display: inline-flex; align-items: center; gap: 10px; padding: 13px 26px; border-radius: 6px;
    background: var(--dl-c1); font-size: 14px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase;
    box-shadow: 0 6px 16px rgba(0,0,0,.35); transition: background .2s ease, transform .2s ease;
}
.vega-dl-s10 .vega-dl-btn::after { content: "\2192"; display: inline-block; font-size: 17px; transition: transform .25s ease; }
.vega-dl-s10 .vega-dl-btn:hover { background: var(--dl-c2); filter: none; }
.vega-dl-s10 .vega-dl-btn:hover::after { transform: translateX(6px); }

@media (max-width: 700px) {
    .vega-dl-s7 .vega-dl-btn, .vega-dl-s8 .vega-dl-btn, .vega-dl-s9 .vega-dl-btn { padding: 11px 22px; font-size: 14px; }
    .vega-dl-s10 .vega-dl-btn { padding: 12px 20px; font-size: 13px; }
}


/* ==========================================================================
   POST CONTENT DESIGN - info cards, storyline card, screenshots gallery, lightbox
   ========================================================================== */
.vega-single-content [data-vi]::before { content: attr(data-vi); margin-right: 8px; }
.vega-single-content p[data-vi] { font-weight: 800; }
.vega-single-content .vega-sec-center { margin: 26px 0 12px; text-align: center; font-size: 18px; }

.vega-single-content ul.vega-infolist {
    list-style: none; margin: 14px 0 24px; padding: 0;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;
}
.vega-infolist li {
    margin: 0; padding: 11px 14px; border-radius: 12px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere;
    background: rgba(255,255,255,.04); border: 1px solid var(--vega-border); border-left: 3px solid var(--vega-primary);
}
.vega-infolist li > strong, .vega-infolist li > b {
    display: block; margin-bottom: 3px; font-size: 10.5px; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--vega-muted);
}
.vega-infolist li a { color: var(--vega-primary); }

.vega-single-content p.vega-story {
    position: relative; margin: 6px 0 26px; padding: 20px 22px 20px 54px; line-height: 1.85; font-size: 15.5px;
    background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
    border: 1px solid var(--vega-border); border-radius: 14px;
}
.vega-single-content p.vega-story::before {
    content: "\201C"; position: absolute; left: 16px; top: 4px; font-size: 52px; line-height: 1.2; font-family: Georgia, serif; color: var(--vega-primary); opacity: .85;
}

.vega-shots { display: grid; grid-template-columns: repeat(var(--shots-cols, 2), minmax(0, 1fr)); gap: 12px; margin: 14px 0 24px; }
.vega-shot { position: relative; margin: 0; overflow: hidden; border-radius: 12px; border: 1px solid var(--vega-border); background: #000; cursor: zoom-in; }
.vega-single-content .vega-shot img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; transition: transform .4s ease; }
.vega-shots.is-crop .vega-shot img { aspect-ratio: 16 / 9; object-fit: cover; }
.vega-shot:hover img { transform: scale(1.05); }
.vega-shot::after {
    content: "\2922"; position: absolute; right: 8px; bottom: 8px; width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%;
    background: rgba(0,0,0,.6); color: #fff; font-size: 15px; opacity: 0; transition: opacity .2s ease; pointer-events: none;
}
.vega-shot:hover::after { opacity: 1; }
.vega-shot a { display: block; }

.vega-lb { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.93); }
.vega-lb[hidden] { display: none; }
.vega-lb-img { max-width: 94vw; max-height: 88vh; border-radius: 8px; box-shadow: 0 10px 50px rgba(0,0,0,.7); }
.vega-lb button {
    position: absolute; border: 0; cursor: pointer; color: #fff; background: rgba(255,255,255,.14);
    width: 44px; height: 44px; border-radius: 50%; font-size: 28px; line-height: 1; display: flex; align-items: center; justify-content: center;
}
.vega-lb button:hover { background: rgba(255,255,255,.28); }
.vega-lb-close { top: 16px; right: 16px; }
.vega-lb-prev { left: 14px; top: 50%; transform: translateY(-50%); }
.vega-lb-next { right: 14px; top: 50%; transform: translateY(-50%); }
.vega-lb-count { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 13px; background: rgba(0,0,0,.5); padding: 4px 12px; border-radius: 999px; }
html.vega-lb-open { overflow: hidden; }

@media (max-width: 700px) {
    .vega-shots { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .vega-shots[data-cols="1"] { grid-template-columns: minmax(0, 1fr); }
    .vega-single-content p.vega-story { padding: 18px 16px 16px 44px; font-size: 14.5px; }
    .vega-single-content ul.vega-infolist { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .vega-lb-prev, .vega-lb-next { width: 38px; height: 38px; font-size: 24px; }
}
body.vega-light .vega-infolist li { background: rgba(15,23,42,.04); }
body.vega-light .vega-single-content p.vega-story { background: linear-gradient(135deg, rgba(15,23,42,.05), rgba(15,23,42,.01)); }


/* ==========================================================================
   POST CONTENT - designs 2 / 3 / 4 / 5   (design 1 = base styles above)
   class on .vega-single-content : pc-d1 ... pc-d5
   ========================================================================== */
.vega-infolist li .vi-val { display: inline; }

/* ---- Design 2 : Table + Polaroid photos ---- */
.pc-d2 ul.vega-infolist { display: block; margin: 14px 0 24px; border: 1px solid var(--vega-border); border-radius: 12px; overflow: hidden; }
.pc-d2 .vega-infolist li {
    display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 12px; align-items: center;
    padding: 11px 16px; border: 0; border-radius: 0; background: transparent;
}
.pc-d2 .vega-infolist li:nth-child(odd) { background: rgba(127,127,127,.09); }
.pc-d2 .vega-infolist li > strong, .pc-d2 .vega-infolist li > b { margin: 0; }
.pc-d2 .vega-infolist li .vi-val { display: block; }
.pc-d2 p.vega-story { padding: 6px 0 6px 20px; background: none; border: 0; border-left: 4px solid var(--vega-primary); border-radius: 0; font-size: 16px; }
.pc-d2 p.vega-story::before { display: none; }
.pc-d2 h2, .pc-d2 h3 { padding: 0 0 6px; border-left: 0; border-bottom: 2px solid var(--vega-primary); }
.pc-d2 .vega-shot { padding: 8px; border: 0; border-radius: 4px; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.45); transition: transform .3s ease; }
.pc-d2 .vega-shot:nth-child(odd)  { transform: rotate(-1deg); }
.pc-d2 .vega-shot:nth-child(even) { transform: rotate(1deg); }
.pc-d2 .vega-shot:hover { transform: rotate(0) scale(1.02); }
.pc-d2 .vega-shot img { border-radius: 2px; }

/* ---- Design 3 : Glass Neon ---- */
.pc-d3 .vega-infolist li {
    border: 1px solid var(--vega-primary); border-left-width: 1px; border-radius: 14px;
    background: linear-gradient(135deg, rgba(127,127,127,.14), rgba(127,127,127,.03));
    box-shadow: 0 0 16px -5px var(--vega-primary);
}
.pc-d3 .vega-infolist li > strong, .pc-d3 .vega-infolist li > b { color: var(--vega-primary); }
.pc-d3 p.vega-story {
    border: 2px solid transparent; border-radius: 16px;
    background: linear-gradient(var(--vega-card-bg), var(--vega-card-bg)) padding-box,
                linear-gradient(135deg, var(--vega-pink), var(--vega-purple), var(--vega-cyan)) border-box;
    box-shadow: 0 0 26px -8px var(--vega-purple);
}
.pc-d3 .vega-shot {
    border: 2px solid transparent; border-radius: 14px;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(135deg, var(--vega-pink), var(--vega-purple), var(--vega-cyan)) border-box;
    box-shadow: 0 0 18px -6px var(--vega-purple); transition: box-shadow .3s ease;
}
.pc-d3 .vega-shot:hover { box-shadow: 0 0 28px 0 var(--vega-pink); }

body.vega-light .pc-d2 .vega-shot { box-shadow: 0 6px 16px rgba(15,23,42,.25); }
body.vega-light .pc-d3 .vega-shot { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--vega-pink), var(--vega-purple), var(--vega-cyan)) border-box; }


/* ==========================================================================
   POST CONTENT designs 4 - 10
   ========================================================================== */
.vega-shots { counter-reset: shot; }
.vega-shot { counter-increment: shot; }

/* ---- Design 4 : Label Tags + Banner headings + numbered screenshots ---- */
.pc-d4 h2, .pc-d4 h3 { padding: 9px 16px; border-left: 0; border-radius: 8px; background: linear-gradient(90deg, var(--vega-primary), var(--vega-pink)); color: #fff; font-size: 16px; }
.pc-d4 ul.vega-infolist { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.pc-d4 .vega-infolist li { display: flex; align-items: stretch; padding: 0; border: 0; border-radius: 8px; overflow: hidden; background: rgba(127,127,127,.1); }
.pc-d4 .vega-infolist li > strong, .pc-d4 .vega-infolist li > b {
    display: flex; align-items: center; flex: 0 0 120px; margin: 0; padding: 10px 12px;
    background: var(--vega-primary); color: #fff; font-size: 11.5px; letter-spacing: .5px;
}
.pc-d4 .vega-infolist li .vi-val { flex: 1; display: flex; align-items: center; padding: 10px 14px; }
.pc-d4 p.vega-story { padding: 18px; border: 0; border-top: 3px solid var(--vega-primary); border-radius: 0 0 12px 12px; background: rgba(127,127,127,.08); }
.pc-d4 p.vega-story::before { display: none; }
.pc-d4 .vega-shot::before {
    content: counter(shot); position: absolute; left: 8px; top: 8px; z-index: 2; min-width: 26px; height: 26px; padding: 0 6px;
    display: flex; align-items: center; justify-content: center; border-radius: 13px; background: var(--vega-primary); color: #fff; font-size: 13px; font-weight: 800;
}

/* ---- Design 5 : Icon Tiles ---- */
.pc-d5 ul.vega-infolist { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.pc-d5 .vega-infolist li {
    display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 10px 12px;
    border: 1px solid var(--vega-border); border-radius: 14px; background: rgba(127,127,127,.07);
}
.pc-d5 .vega-infolist li::before {
    content: attr(data-ic); grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center;
    width: 46px; height: 46px; border-radius: 50%; font-size: 20px; background: linear-gradient(135deg, var(--vega-primary), var(--vega-pink));
}
.pc-d5 .vega-infolist li > strong, .pc-d5 .vega-infolist li > b { margin: 0; align-self: end; }
.pc-d5 .vega-infolist li .vi-val { display: block; align-self: start; }
.pc-d5 .vega-shot { border-radius: 18px; }
.pc-d5 .vega-shot::before { content: "\25B6"; position: absolute; left: 50%; top: 50%; z-index: 2; width: 46px; height: 46px; margin: -23px 0 0 -23px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; font-size: 16px; opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.pc-d5 .vega-shot:hover::before { opacity: 1; }

/* ---- Design 6 : Ticket + Film Strip ---- */
.pc-d6 ul.vega-infolist { position: relative; display: block; margin: 16px 0 26px; padding: 6px 22px; border: 2px dashed var(--vega-primary); border-radius: 14px; background: rgba(127,127,127,.06); }
.pc-d6 ul.vega-infolist::before, .pc-d6 ul.vega-infolist::after {
    content: ""; position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%;
    background: var(--vega-card-bg); border: 2px dashed var(--vega-primary);
}
.pc-d6 ul.vega-infolist::before { left: -13px; }
.pc-d6 ul.vega-infolist::after { right: -13px; }
.pc-d6 .vega-infolist li { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; margin: 0; padding: 10px 4px; border: 0; border-bottom: 1px dashed var(--vega-border); border-radius: 0; background: none; }
.pc-d6 .vega-infolist li:last-child { border-bottom: 0; }
.pc-d6 .vega-infolist li > strong, .pc-d6 .vega-infolist li > b { display: inline; margin: 0; white-space: nowrap; }
.pc-d6 .vega-infolist li .vi-val { text-align: right; }
.pc-d6 p.vega-story { border-style: dashed; border-width: 2px; border-color: var(--vega-border); }
.pc-d6 .vega-shots { position: relative; padding: 30px 14px; border-radius: 6px; background: #0b0b0b; }
.pc-d6 .vega-shots::before, .pc-d6 .vega-shots::after {
    content: ""; position: absolute; left: 0; right: 0; height: 10px;
    background: repeating-linear-gradient(90deg, #f3f3f3 0 12px, transparent 12px 26px);
}
.pc-d6 .vega-shots::before { top: 10px; }
.pc-d6 .vega-shots::after { bottom: 10px; }
.pc-d6 .vega-shot { border: 0; border-radius: 3px; }

/* ---- Design 7 : Terminal ---- */
.pc-d7 { font-family: ui-monospace, 'SFMono-Regular', Consolas, 'Courier New', monospace; }
.pc-d7 h2, .pc-d7 h3 { padding-left: 0; border-left: 0; color: #7cfc8a; font-size: 15px; font-weight: 700; }
.pc-d7 h2::after, .pc-d7 h3::after { content: " _"; animation: vegaBlink 1s steps(2) infinite; }
@keyframes vegaBlink { 50% { opacity: 0; } }
.pc-d7 ul.vega-infolist { display: block; margin: 12px 0 24px; padding: 14px 16px; border: 1px solid #1f3a2a; border-radius: 8px; background: #070b10; }
.pc-d7 ul.vega-infolist::before { content: "\25CF \25CF \25CF   movie_info.txt"; display: block; margin-bottom: 10px; color: #5b6b7a; font-size: 12px; letter-spacing: 2px; }
.pc-d7 .vega-infolist li { display: block; margin: 0; padding: 2px 0; border: 0; border-radius: 0; background: none; color: #7cfc8a; font-size: 13.5px; font-weight: 500; }
.pc-d7 .vega-infolist li::before { content: "> "; color: #5b6b7a; }
.pc-d7 .vega-infolist li > strong, .pc-d7 .vega-infolist li > b { display: inline; margin: 0 6px 0 0; font-size: 13.5px; letter-spacing: 0; text-transform: none; color: #5fd3ff; }
.pc-d7 .vega-infolist li a { color: #ffd866; }
.pc-d7 p.vega-story { padding: 10px 0 10px 16px; border: 0; border-left: 2px solid #1f3a2a; border-radius: 0; background: none; color: #8fa3b3; font-size: 14px; }
.pc-d7 p.vega-story::before { content: "/*"; position: static; display: block; margin: 0 0 4px; font-size: 13px; color: #5b6b7a; font-family: inherit; opacity: 1; }
.pc-d7 p.vega-story::after { content: "*/"; display: block; margin-top: 4px; color: #5b6b7a; }
.pc-d7 .vega-shot { border: 1px solid #1f3a2a; border-radius: 6px; background: #070b10; }
.pc-d7 .vega-shot::before { content: "IMG_" counter(shot, decimal-leading-zero) ".jpg"; position: absolute; left: 8px; top: 8px; z-index: 2; padding: 2px 7px; border-radius: 3px; background: rgba(0,0,0,.7); color: #7cfc8a; font: 11px/1.4 ui-monospace, Consolas, monospace; }

/* ---- Design 8 : Colourful Gradient ---- */
.pc-d8 .vega-infolist li { border: 0; border-radius: 14px; color: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.3); }
.pc-d8 .vega-infolist li > strong, .pc-d8 .vega-infolist li > b { color: rgba(255,255,255,.8); }
.pc-d8 .vega-infolist li a { color: #fff; text-decoration: underline; }
.pc-d8 .vega-infolist li:nth-child(6n+1) { background: linear-gradient(135deg, #ff512f, #dd2476); }
.pc-d8 .vega-infolist li:nth-child(6n+2) { background: linear-gradient(135deg, #4776e6, #8e54e9); }
.pc-d8 .vega-infolist li:nth-child(6n+3) { background: linear-gradient(135deg, #11998e, #1fbf6b); }
.pc-d8 .vega-infolist li:nth-child(6n+4) { background: linear-gradient(135deg, #f12711, #f5af19); }
.pc-d8 .vega-infolist li:nth-child(6n+5) { background: linear-gradient(135deg, #0093e9, #0050c8); }
.pc-d8 .vega-infolist li:nth-child(6n+6) { background: linear-gradient(135deg, #ee0979, #ff6a00); }
.pc-d8 p.vega-story { border: 0; border-left: 6px solid; border-image: linear-gradient(180deg, #ff512f, #8e54e9, #00c6ff) 1; border-radius: 0; background: rgba(127,127,127,.08); }
.pc-d8 .vega-shot { padding: 4px; border: 0; border-radius: 18px; background: linear-gradient(135deg, #ff512f, #8e54e9, #00c6ff); }
.pc-d8 .vega-shot img { border-radius: 14px; }

/* ---- Design 9 : Pop Brutalist (moti border + offset shadow) ---- */
.pc-d9 h2, .pc-d9 h3 {
    display: inline-block; padding: 6px 16px; border: 3px solid #111; border-radius: 0;
    background: #ffd23f; color: #111; font-size: 15px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase;
    box-shadow: 5px 5px 0 var(--vega-pink);
}
.pc-d9 .vega-infolist li {
    border: 3px solid #111; border-radius: 0; background: #fff; color: #111; font-weight: 700;
    box-shadow: 5px 5px 0 var(--vega-primary);
}
.pc-d9 .vega-infolist li > strong, .pc-d9 .vega-infolist li > b { color: #555; }
.pc-d9 .vega-infolist li a { color: #c2410c; text-decoration: underline; }
.pc-d9 ul.vega-infolist { row-gap: 14px; column-gap: 14px; }
.pc-d9 p.vega-story {
    border: 3px solid #111; border-radius: 0; background: #b8f2d0; color: #111; font-weight: 600;
    box-shadow: 7px 7px 0 var(--vega-cyan);
}
.pc-d9 p.vega-story::before { color: #111; }
.pc-d9 .vega-shot { border: 3px solid #fff; border-radius: 0; background: #111; box-shadow: 6px 6px 0 var(--vega-primary); transition: transform .2s ease, box-shadow .2s ease; }
.pc-d9 .vega-shot:hover { transform: translate(3px, 3px); box-shadow: 3px 3px 0 var(--vega-primary); }
.pc-d9 .vega-shot::after { display: none; }

/* ---- Design 10 : Paper Notes ---- */
.pc-d10 .vega-infolist li { border: 0; border-left: 4px solid var(--vega-primary); border-radius: 8px; background: #fffdf6; color: #26210f; box-shadow: 0 5px 14px rgba(0,0,0,.35); }
.pc-d10 .vega-infolist li > strong, .pc-d10 .vega-infolist li > b { color: #8a7f6a; }
.pc-d10 .vega-infolist li a { color: #c2410c; }
.pc-d10 p.vega-story { position: relative; margin-top: 18px; border: 0; border-radius: 4px; background: #fff7d6; color: #3a2f1a; box-shadow: 0 6px 16px rgba(0,0,0,.35); transform: rotate(-.4deg); }
.pc-d10 p.vega-story::before { color: #c2410c; }
.pc-d10 p.vega-story::after { content: ""; position: absolute; top: -11px; left: 50%; width: 92px; height: 22px; margin-left: -46px; background: rgba(255,214,102,.75); transform: rotate(-2deg); }
.pc-d10 .vega-shot { padding: 7px 7px 7px; border: 0; border-radius: 3px; background: #fffdf6; box-shadow: 0 7px 18px rgba(0,0,0,.4); }
.pc-d10 .vega-shot:nth-child(3n+1) { transform: rotate(-.8deg); }
.pc-d10 .vega-shot:nth-child(3n+2) { transform: rotate(.7deg); }
.pc-d10 .vega-shot:hover { transform: rotate(0) scale(1.02); }

@media (max-width: 700px) {
    .pc-d2 .vega-infolist li { grid-template-columns: 1fr; gap: 2px; }
    .pc-d2 .vega-shot { padding: 5px; }
    .pc-d4 .vega-infolist li > strong, .pc-d4 .vega-infolist li > b { flex-basis: 96px; }
    .pc-d6 ul.vega-infolist { padding: 4px 16px; }
    .pc-d6 .vega-shots { padding: 28px 8px; }
    .pc-d9 .vega-infolist li { box-shadow: 4px 4px 0 var(--vega-primary); }
}
@media (prefers-reduced-motion: reduce) { .pc-d7 h2::after, .pc-d7 h3::after { animation: none; } }


/* ==========================================================================
   HOME BOXES - BACKGROUND DESIGNS  (.cb-solid = abhi wala, baaki naye)
   accent colour:  --cb-accent  (har box ka apna)
   ========================================================================== */
.vega-catbox[class*="cb-"]:not(.cb-solid) { position: relative; overflow: hidden; }
.vega-catbox[class*="cb-"]:not(.cb-solid) > * { position: relative; z-index: 1; }
.vega-catbox[class*="cb-"]:not(.cb-solid) .vega-catbox-more { background: var(--cb-accent); border-color: rgba(255,255,255,.7); color: #fff; }
.vega-catbox[class*="cb-"]:not(.cb-solid) .vega-catbox-more:hover { background: #fff; color: #111; border-color: #fff; }

/* gradient */
.vega-catbox.cb-gradient { background: linear-gradient(135deg, var(--cb-accent) -20%, #0b0f17 62%); border: 1px solid rgba(255,255,255,.08); }

/* glass + neon border */
.vega-catbox.cb-glass {
    background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.015));
    border: 1px solid var(--cb-accent); box-shadow: 0 0 26px -8px var(--cb-accent), inset 0 0 30px -18px var(--cb-accent);
}
.vega-catbox.cb-glass .vega-catbox-title { text-shadow: 0 0 14px var(--cb-accent); }

/* spotlight */
.vega-catbox.cb-spotlight { background: #0b0f17; border: 1px solid rgba(255,255,255,.07); }
.vega-catbox.cb-spotlight::before {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .42;
    background: radial-gradient(circle at 10% -15%, var(--cb-accent), transparent 58%), radial-gradient(circle at 100% 120%, var(--cb-accent), transparent 45%);
}

/* dotted pattern + top bar */
.vega-catbox.cb-pattern {
    background-color: #0d1420; border: 1px solid rgba(255,255,255,.06); border-top: 5px solid var(--cb-accent);
    background-image: radial-gradient(rgba(255,255,255,.09) 1.3px, transparent 1.3px); background-size: 18px 18px;
}

/* stripe card */
.vega-catbox.cb-stripe {
    background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.015)), #0d1420;
    border: 1px solid rgba(255,255,255,.07); border-left: 8px solid var(--cb-accent);
}

/* cinema marquee - bulb lights */
.vega-catbox.cb-film {
    background: linear-gradient(180deg, #3a0a12, #14070b); border: 2px solid var(--cb-accent);
    padding-top: 38px; padding-bottom: 38px; box-shadow: 0 0 26px -6px var(--cb-accent);
}
.vega-catbox.cb-film::before, .vega-catbox.cb-film::after {
    content: ""; position: absolute; left: 8px; right: 8px; z-index: 0; height: 14px;
    background: radial-gradient(circle, #fff6c2 0 2.5px, var(--cb-accent) 3px 5px, transparent 5.5px) 0 0 / 26px 14px repeat-x;
    filter: drop-shadow(0 0 4px var(--cb-accent)); animation: vegaBulbs 1.4s steps(1) infinite;
}
.vega-catbox.cb-film::before { top: 10px; }
.vega-catbox.cb-film::after { bottom: 10px; animation-delay: .7s; }
@keyframes vegaBulbs { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

/* aurora */
.vega-catbox.cb-aurora { background: #0a0e17; border: 1px solid rgba(255,255,255,.08); }
.vega-catbox.cb-aurora::before {
    content: ""; position: absolute; inset: -40%; z-index: 0; pointer-events: none; opacity: .4; filter: blur(30px);
    background:
        radial-gradient(circle at 20% 30%, var(--cb-accent), transparent 40%),
        radial-gradient(circle at 80% 70%, #7c3aed, transparent 42%),
        radial-gradient(circle at 60% 10%, #22d3ee, transparent 38%);
    animation: vegaAurora 14s ease-in-out infinite alternate;
}
@keyframes vegaAurora { from { transform: translate(-4%, -3%) rotate(0deg); } to { transform: translate(4%, 3%) rotate(6deg); } }

/* gradient border */
.vega-catbox.cb-gradborder {
    border: 2px solid transparent; box-shadow: 0 0 30px -12px var(--cb-accent);
    background: linear-gradient(#0b0f17, #0b0f17) padding-box, linear-gradient(135deg, var(--cb-accent), #7c3aed, #22d3ee) border-box;
}

/* diagonal lines */
.vega-catbox.cb-diagonal {
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 14px, transparent 14px 28px), #0c1018;
    border: 1px solid rgba(255,255,255,.07); border-bottom: 5px solid var(--cb-accent);
    box-shadow: inset 0 70px 80px -70px var(--cb-accent);
}
@media (max-width: 700px) {
    .vega-catbox.cb-film { padding-top: 34px; padding-bottom: 34px; }
    .vega-catbox.cb-stripe { border-left-width: 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .vega-catbox.cb-film::before, .vega-catbox.cb-film::after, .vega-catbox.cb-aurora::before { animation: none; }
}


/* ==========================================================================
   LIVE SEARCH dropdown
   ========================================================================== */
.vega-search-form { position: relative; }
.vega-ls {
    position: absolute; top: calc(100% + 8px); right: 0; z-index: 9999;
    width: max(100%, min(380px, 92vw)); max-height: 70vh; overflow-y: auto;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 12px;
    box-shadow: 0 18px 44px rgba(0,0,0,.55);
}
.vega-ls[hidden] { display: none; }
.vega-ls a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; color: var(--vega-text); text-decoration: none; }
.vega-ls a:hover, .vega-ls a.is-active { background: rgba(127,127,127,.16); text-decoration: none; }
.vega-ls-item img { width: 40px; height: 56px; object-fit: cover; border-radius: 5px; background: #10161f; flex-shrink: 0; }
.vega-ls-item img.is-empty { display: block; }
.vega-ls-t { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vega-ls-q { flex-shrink: 0; font-style: normal; font-size: 10px; font-weight: 800; padding: 3px 7px; border-radius: 6px; background: var(--vega-pink); color: #fff; }
.vega-ls .vega-ls-all { justify-content: center; border-top: 1px solid var(--vega-border); color: var(--vega-primary); font-size: 13px; font-weight: 700; }
.vega-ls-none { padding: 14px 14px 6px; color: var(--vega-muted); font-size: 13.5px; }
.vega-ls .vega-ls-req { margin: 6px 12px 12px; justify-content: center; padding: 10px 12px; border-radius: 8px; background: var(--vega-primary); color: #fff; font-weight: 800; font-size: 13.5px; }
.vega-ls .vega-ls-req:hover { background: var(--vega-pink); }
@media (max-width: 900px) { .vega-ls { left: 0; right: 0; width: auto; } }


/* ==========================================================================
   FILTER PAGE
   ========================================================================== */
.vega-fl-form {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 0 0 16px; padding: 16px;
    background: var(--vega-card-bg); border: 1px solid var(--vega-border); border-radius: 14px;
}
.vega-fl-field { flex: 1 1 150px; min-width: 140px; }
.vega-fl-field.is-wide { flex-basis: 240px; }
.vega-fl-field label { display: block; margin: 0 0 5px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--vega-muted); }
.vega-fl-field select, .vega-fl-field input[type="search"] {
    width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-family: inherit;
    background: var(--vega-bg); color: var(--vega-text); border: 1px solid var(--vega-border);
}
.vega-fl-field select:focus, .vega-fl-field input:focus { outline: none; border-color: var(--vega-primary); }
.vega-fl-actions { display: flex; align-items: center; gap: 12px; }
.vega-fl-go { cursor: pointer; border: 0; border-radius: 8px; padding: 11px 22px; background: var(--vega-primary); color: #fff; font-weight: 800; font-size: 14px; }
.vega-fl-go:hover { filter: brightness(1.12); }
.vega-fl-reset { color: var(--vega-muted); font-size: 13px; text-decoration: underline; }
.vega-fl-count { margin: 4px 2px 14px; color: var(--vega-muted); font-size: 14px; }

/* ==========================================================================
   TOP 10
   ========================================================================== */
.vega-top10 { margin: 0 0 28px; }
.vega-top10-head { display: flex; align-items: center; margin: 0 0 14px; }
.vega-top10.is-center .vega-top10-head { justify-content: center; }
.vega-top10-title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; font-weight: 800; }
.vega-top10-row {
    position: relative; display: flex; gap: var(--tt-gap, 14px); overflow-x: auto; padding: 6px 2px 12px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; cursor: grab;
}
.vega-top10-row::-webkit-scrollbar { display: none; }
.vega-top10.no-swipe .vega-top10-row { overflow-x: hidden; cursor: default; touch-action: pan-y; }
.vega-top10-row.is-drag { cursor: grabbing; user-select: none; }
.vega-top10-item {
    position: relative; display: block; min-width: 0; color: var(--vega-text);
    flex: 0 0 calc((100% - var(--tt-gap, 14px) * (var(--tt-cols, 5) - 1)) / var(--tt-cols, 5));
}
.vega-top10-item:hover { text-decoration: none; color: var(--vega-text); }
.vega-top10-poster {
    position: relative; z-index: 1; display: block; overflow: hidden; border-radius: 8px;
    border: 2px solid rgba(255,255,255,.88); background: #10161f; transition: transform .25s ease, box-shadow .25s ease;
}
.vega-top10-poster img { display: block; width: 100%; aspect-ratio: var(--vega-ratio); object-fit: cover; -webkit-user-drag: none; user-select: none; }
.vega-top10-item:hover .vega-top10-poster { transform: translateY(-5px); box-shadow: 0 10px 24px rgba(0,0,0,.5); }
.vega-top10-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 1.35; }

/* big numbers (outline / solid) */
.tt-outline .vega-top10-poster, .tt-solid .vega-top10-poster { margin-left: 38%; }
.tt-outline .vega-top10-name, .tt-solid .vega-top10-name { margin-left: 38%; }
.tt-outline .vega-top10-num, .tt-solid .vega-top10-num {
    position: absolute; left: -1%; bottom: 6px; z-index: 0; font-family: Impact, 'Arial Black', sans-serif;
    font-size: calc(560px / var(--tt-cols, 5)); font-weight: 900; line-height: .78; letter-spacing: -.08em; pointer-events: none;
}
.tt-outline .vega-top10-num { color: transparent; -webkit-text-stroke: 3px var(--tt-accent, var(--vega-primary)); }
.tt-solid .vega-top10-num { color: transparent; background: linear-gradient(180deg, var(--tt-accent, var(--vega-primary)), var(--vega-pink)); -webkit-background-clip: text; background-clip: text; }
.tt-outline .vega-top10-num.is-two, .tt-solid .vega-top10-num.is-two { font-size: calc(440px / var(--tt-cols, 5)); letter-spacing: -.13em; }

/* badge number */
.tt-badge .vega-top10-num {
    position: absolute; left: 8px; top: 8px; z-index: 3; min-width: 30px; height: 30px; padding: 0 7px;
    display: flex; align-items: center; justify-content: center; border-radius: 15px;
    background: var(--tt-accent, var(--vega-primary)); color: #fff; font-size: 15px; font-weight: 800; box-shadow: 0 2px 8px rgba(0,0,0,.5); pointer-events: none;
}

@media (min-width: 701px) { .vega-top10.no-desktop { display: none; } }
@media (max-width: 1024px) {
    .vega-top10-item { flex-basis: calc((100% - var(--tt-gap, 14px) * (var(--tt-tvis, 4) - 1)) / var(--tt-tvis, 4)); }
    .tt-outline .vega-top10-num, .tt-solid .vega-top10-num { font-size: calc(500px / var(--tt-tvis, 4)); }
    .tt-outline .vega-top10-num.is-two, .tt-solid .vega-top10-num.is-two { font-size: calc(400px / var(--tt-tvis, 4)); }
}
@media (max-width: 700px) {
    .vega-top10.no-mobile { display: none; }
    .vega-top10-title { font-size: 18px; }
    .vega-top10-item { flex-basis: calc((100% - var(--tt-gap, 14px) * (var(--tt-mvis, 2.5) - 1)) / var(--tt-mvis, 2.5)); }
    .tt-outline .vega-top10-num, .tt-solid .vega-top10-num { font-size: calc(330px / var(--tt-mvis, 2.5)); -webkit-text-stroke-width: 2px; }
    .tt-outline .vega-top10-num.is-two, .tt-solid .vega-top10-num.is-two { font-size: calc(260px / var(--tt-mvis, 2.5)); }
}