/* css-extra-v11.rtl.css - GENERATED from css-extra-v11.css by rtlcss (tools/build_rtl.js). Loaded instead of the LTR file when the site language is Persian. Do not edit by hand. */
/* ================================================================
   css-extra-v11.css (English site) - loaded after every other -v11 file
   1) subscription plans (no red outline, octagon cards, diamond gem, trapezoid price)
   2) full-screen desktop slider
   3) year next to the card title
   4) search scope (movies / series / actors & directors)
   5) dropdown menu backgrounds
   6) modals: Aparat trailer + rating, title-page buttons
   7) magnet guide page (/magnet)
   8) favorites & ratings in the user panel
   9) player controls (inline SVG icons, no external font)
   10) light & simple thumbnails
   ================================================================ */

/* ---------------- 1) Subscription plans ----------------
   Octagon cards, a diamond gem on top, the price inside a trapezoid and a hexagon buy button.
   The old red outline (border-top / box-shadow in panel-v11.css) is neutralised. */
.plans-widget .plans-list .plan-item            { --pc: #22C3A6; --pc-rgb: 34, 195, 166; }
.plans-widget .plans-list .plan-item:nth-child(2) { --pc: #3B82F6; --pc-rgb: 59, 130, 246; }
.plans-widget .plans-list .plan-item:nth-child(3) { --pc: #8B5CF6; --pc-rgb: 139, 92, 246; }
.plans-widget .plans-list .plan-item:nth-child(4) { --pc: #F97316; --pc-rgb: 249, 115, 22; }
.plans-widget .plans-list .plan-item:nth-child(5) { --pc: #10B981; --pc-rgb: 16, 185, 129; }
.plans-widget .plans-list .plan-item:nth-child(6) { --pc: #EC4899; --pc-rgb: 236, 72, 153; }
.plans-widget .plans-list .plan-item:nth-child(7) { --pc: #06B6D4; --pc-rgb: 6, 182, 212; }
.plans-widget .plans-list .plan-item.vip-plan   { --pc: #F5B301; --pc-rgb: 245, 179, 1; }

.plans-widget .plans-list { gap: 26px 20px; padding-top: 26px; }

.plans-widget .plans-list .plan-item {
    --cut: 20px;
    --shape: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)),
                     calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));
    --shape-in: polygon(calc(var(--cut) - 1px) 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% calc(100% - var(--cut) + 1px),
                        calc(100% - var(--cut) + 1px) 100%, calc(var(--cut) - 1px) 100%, 0 calc(100% - var(--cut) + 1px), 0 calc(var(--cut) - 1px));
    position: relative;
    isolation: isolate;
    overflow: visible;
    min-height: 270px;
    padding: 40px 18px 22px;
    gap: 14px;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 14px 24px rgba(var(--pc-rgb), .16));
    transition: transform .25s ease, filter .25s ease;
}
/* thin coloured edge (outer layer) */
.plans-widget .plans-list .plan-item::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    clip-path: var(--shape);
    background: linear-gradient(-155deg, rgba(var(--pc-rgb), .75) 0%, rgba(var(--pc-rgb), .12) 55%, rgba(255, 255, 255, .08) 100%);
}
/* dark body (inner layer) */
.plans-widget .plans-list .plan-item::after {
    content: '';
    position: absolute;
    inset: 1.5px;
    z-index: -1;
    clip-path: var(--shape-in);
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(var(--pc-rgb), .22) 0%, transparent 62%),
        linear-gradient(-180deg, #1c1c20 0%, #141417 100%);
}
.plans-widget .plans-list .plan-item:hover {
    transform: translateY(-5px);
    filter: drop-shadow(0 20px 32px rgba(var(--pc-rgb), .30));
}
.plans-widget .plans-list .plan-item.recommended { transform: scale(1.03); }
.plans-widget .plans-list .plan-item.recommended:hover { transform: scale(1.03) translateY(-5px); }
.plans-widget .plans-list .plan-item.vip-plan { border: 0 !important; padding-top: 44px; }
.plans-widget .plans-list .plan-item.vip-plan::after {
    background:
        radial-gradient(130% 100% at 100% 0%, rgba(245, 179, 1, .30) 0%, transparent 65%),
        linear-gradient(-180deg, #211b0c 0%, #141210 100%);
}

/* diamond gem on top of the card */
.plans-widget .plan-item .plan-item-info { position: relative; }
.plans-widget .plan-item .plan-item-info::before {
    content: '';
    position: absolute;
    top: -58px;
    right: 50%;
    width: 38px;
    height: 38px;
    border-radius: 7px;
    transform: translateX(50%) rotate(-45deg);
    background: linear-gradient(-135deg, var(--pc) 0%, rgba(var(--pc-rgb), .6) 100%);
    box-shadow: 0 8px 22px rgba(var(--pc-rgb), .45), inset 0 0 0 2px rgba(255, 255, 255, .22);
    z-index: 2;
}
.plans-widget .plan-item .plan-item-info::after {
    content: '';
    position: absolute;
    top: -45px;
    right: 50%;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    transform: translateX(50%) rotate(-45deg);
    border: 2px solid rgba(255, 255, 255, .92);
    z-index: 3;
}
.plans-widget .plan-item .plan-name { color: #fff; font-size: 1.05rem; }
.plans-widget .plan-item .plan-duration { color: rgba(255, 255, 255, .5); }

/* price inside a trapezoid */
.plans-widget .plan-item .plan-price-box {
    width: calc(100% + 12px);
    margin-inline: -6px;
    padding: 14px 14px 12px;
    clip-path: polygon(7% 0, 93% 0, 100% 100%, 0 100%);
    background: linear-gradient(-180deg, rgba(var(--pc-rgb), .20) 0%, rgba(var(--pc-rgb), .06) 100%);
}
.plans-widget .plan-item .price-final { color: var(--pc) !important; }
.plans-widget .plan-item .plan-savings-badge {
    background: rgba(var(--pc-rgb), .18) !important;
    color: var(--pc) !important;
    border-radius: 999px;
}
.plans-widget .plan-item .popular-badge {
    background: var(--pc) !important;
    color: #fff !important;
    border-radius: 999px;
}
.plans-widget .plan-item .vip-tag {
    background: #F5B301 !important;
    color: #1a1300 !important;
    border-radius: 999px;
}
.plans-widget .plan-item .plan-feature { color: var(--pc); }

/* hexagon buy button */
.plans-widget .plan-item .buy-btn {
    border-radius: 0 !important;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
    min-height: 44px;
}
.plans-widget .plan-item .buy-btn:not(.disabled) {
    background: linear-gradient(-135deg, var(--pc) 0%, rgba(var(--pc-rgb), .72) 100%) !important;
    color: #fff !important;
    box-shadow: none;
    transition: filter .2s ease, transform .2s ease;
}
.plans-widget .plan-item .buy-btn:not(.disabled):hover {
    filter: brightness(1.14);
    transform: translateY(-1px);
    box-shadow: none;
}
.plans-widget .plan-item.vip-plan .buy-btn:not(.disabled) { color: #1a1300 !important; }

@media (max-width: 768px) {
    .plans-widget .plans-list { gap: 30px 12px; padding-top: 28px; }
    .plans-widget .plans-list .plan-item { --cut: 14px; min-height: 240px; padding: 36px 12px 16px; }
    .plans-widget .plan-item .plan-price-box { width: 100%; margin-inline: 0; }
}

/* ---------------- 2) Full-screen desktop slider ----------------
   Desktop: one cover image spanning the full viewport (below the fixed 72px header).
   Mobile is untouched (full image over a blurred copy). */
@media (min-width: 768px) {
    .imdb-slider {
        height: calc(100vh - 72px);
        height: calc(100dvh - 72px);
        min-height: 520px;
        margin-bottom: 24px;
    }
    .imdb-slide::before { display: none; }
    .imdb-slide::after {
        background-size: cover;
        background-position: center 22%;
    }
    .imdb-slide-overlay {
        background:
            linear-gradient(to top, rgba(10, 10, 10, .92) 0%, rgba(10, 10, 10, .45) 38%, rgba(10, 10, 10, .10) 70%),
            linear-gradient(to left, rgba(10, 10, 10, .55) 0%, rgba(10, 10, 10, 0) 55%);
    }
}


/* ---- Mobile slider: ONE full image, slightly darkened (no blurred copy underneath) ---- */
@media (max-width: 767px) {
    .imdb-slide::before { display: none; }
    .imdb-slide::after {
        background-size: cover;
        background-position: center 25%;
        filter: brightness(.72);
    }
    .imdb-slide-overlay {
        background: linear-gradient(to top, rgba(10, 10, 10, .88) 0%, rgba(10, 10, 10, .45) 45%, rgba(10, 10, 10, .22) 100%);
    }
}

/* ---------------- 3) Year next to the card title ---------------- */
.imdb-card-title .imdb-card-title-year {
    display: inline-block;
    margin-inline-start: 5px;
    font-size: .8em;
    font-weight: 500;
    opacity: .72;
    white-space: nowrap;
}
.imdb-card-title .imdb-card-title-year::before { content: '('; }
.imdb-card-title .imdb-card-title-year::after { content: ')'; }
.imdb-card-badge-paid {
    position: absolute;
    bottom: 64px;
    left: 8px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    color: #1a1300;
    background: linear-gradient(-135deg, #F5B301, #ffd45c);
}

/* ---------------- 4) Search scope ---------------- */
.search-scope {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
}
.search-scope legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.search-scope label { position: relative; cursor: pointer; }
.search-scope input { position: absolute; opacity: 0; pointer-events: none; }
.search-scope span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 700;
    color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.search-scope span::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .35);
    transition: box-shadow .2s ease, background .2s ease;
}
.search-scope label:hover span { background: rgba(255, 255, 255, .10); color: #fff; }
.search-scope input:checked + span {
    color: #fff;
    background: var(--accent-soft, rgba(250, 0, 63, .16));
    box-shadow: inset 0 0 0 1.5px var(--accent, #FA003F);
}
.search-scope input:checked + span::before {
    background: var(--accent, #FA003F);
    box-shadow: inset 0 0 0 3px #1a1a1d;
    outline: 2px solid var(--accent, #FA003F);
    outline-offset: -1px;
}
.search-scope input:focus-visible + span { outline: 2px solid var(--accent, #FA003F); outline-offset: 2px; }
.search-modal .search-scope { margin-top: 16px; }
.search-modal-hint { text-align: center; margin: 10px 0 0; font-size: 12px; color: rgba(255, 255, 255, .4); }

/* ---------------- 5) Dropdown menu backgrounds ---------------- */
.nav-dropdown-menu-bg::before {
    filter: saturate(.85) brightness(.9);
    transition: opacity .3s ease;
}
.nav-dropdown-menu-overlay {
    background: linear-gradient(to bottom, rgba(10, 10, 10, .50) 0%, rgba(10, 10, 10, .66) 55%, rgba(10, 10, 10, .82) 100%);
}
.nav-dropdown-menu-bg { min-width: 200px; }

/* ---------------- 6) Title-page buttons + modals ---------------- */
.btn-hero-trailer {
    background: rgba(255, 255, 255, .10);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(8px);
}
.btn-hero-trailer:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); }
.btn-hero-trailer i { color: var(--accent-text, #FA003F); }
.btn-hero-rate {
    padding: 0 20px;
    height: 50px;
    background: rgba(245, 179, 1, .12);
    color: #ffd45c;
    border: 1px solid rgba(245, 179, 1, .35);
}
.btn-hero-rate:hover { background: rgba(245, 179, 1, .22); transform: translateY(-2px); }
.btn-hero-rate.has-rating { background: rgba(245, 179, 1, .24); }
.btn-hero-rate b { font-weight: 800; }

.tx-modal {
    position: fixed;
    inset: 0;
    z-index: 99998;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, .82);
    backdrop-filter: blur(10px);
}
.tx-modal.open { display: flex; animation: txFade .2s ease; }
@keyframes txFade { from { opacity: 0; } to { opacity: 1; } }
.tx-box {
    position: relative;
    width: 100%;
    max-width: 920px;
    border-radius: 18px;
    overflow: hidden;
    background: #121214;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .08);
}
.tx-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: #1a1a1d;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.tx-title { margin: 0; font-size: 15px; font-weight: 700; color: #fff; }
.tx-exit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: var(--accent, #FA003F);
    transition: filter .2s ease, transform .2s ease;
}
.tx-exit:hover { filter: brightness(1.12); transform: translateY(-1px); }
.tx-frame { position: relative; aspect-ratio: 16 / 9; background: #000; }
.tx-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tx-note { margin: 0; padding: 10px 16px 14px; font-size: 12px; color: rgba(255, 255, 255, .45); }

.tx-rate-box { max-width: 460px; padding: 26px 22px 22px; text-align: center; border-radius: 22px; }
.tx-rate-box h3 { margin: 0 0 6px; font-size: 18px; font-weight: 800; color: #fff; }
.tx-rate-box p { margin: 0 0 18px; font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, .6); }
.tx-rate-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 18px; }
.tx-rate-grid button {
    height: 52px;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: 17px;
    font-weight: 800;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    transition: background .15s ease, transform .15s ease, color .15s ease;
}
.tx-rate-grid button:hover, .tx-rate-grid button.hot { background: #F5B301; color: #1a1300; transform: scale(1.1); }
.tx-rate-grid button.chosen { background: var(--accent, #FA003F); color: #fff; }
.tx-rate-msg { min-height: 22px; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #ffd45c; }
.tx-rate-msg.err { color: #ff6b8a; }
.tx-rate-msg a { color: var(--accent-text, #FA003F); font-weight: 800; }
.tx-rate-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.tx-rate-actions button {
    height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: rgba(255, 255, 255, .09);
}
.tx-rate-actions button:hover { background: rgba(255, 255, 255, .16); }
@media (max-width: 600px) {
    .tx-modal { padding: 10px; }
    .btn-hero-rate { height: 46px; padding: 0 16px; }
}

/* ---------------- 7) Magnet guide page ---------------- */
.guide-page { max-width: 1000px; margin: 0 auto; padding: 96px 20px 50px; color: #fff; }
.guide-hero {
    position: relative;
    margin-bottom: 26px;
    padding: 30px 28px;
    border-radius: 22px;
    overflow: hidden;
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(250, 0, 63, .25) 0%, transparent 60%),
        linear-gradient(-180deg, #1b1b1f 0%, #131316 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.guide-hero h1 { margin: 0 0 8px; font-size: 1.7rem; font-weight: 800; display: flex; align-items: center; gap: 12px; }
.guide-hero h1 i { color: var(--accent-text, #FA003F); }
.guide-hero p { margin: 0; font-size: 14.5px; line-height: 2; color: rgba(255, 255, 255, .72); max-width: 720px; }
.guide-tabs { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
.guide-tabs button {
    height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09);
    transition: background .2s ease, color .2s ease;
}
.guide-tabs button.on { color: #fff; background: var(--accent-soft, rgba(250, 0, 63, .16)); box-shadow: inset 0 0 0 1.5px var(--accent, #FA003F); }
.guide-pane { display: none; }
.guide-pane.on { display: block; }
.guide-steps { list-style: none; margin: 0 0 24px; padding: 0; counter-reset: gs; display: grid; gap: 12px; }
.guide-steps li {
    counter-increment: gs;
    position: relative;
    padding: 16px 18px 16px 70px;
    border-radius: 16px;
    font-size: 14.5px;
    line-height: 2;
    color: rgba(255, 255, 255, .82);
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}
.guide-steps li::before {
    content: counter(gs);
    position: absolute;
    top: 50%;
    left: 16px;
    width: 38px;
    height: 38px;
    transform: translateY(-50%) rotate(-45deg);
    border-radius: 8px;
    background: var(--accent, #FA003F);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0;
}
.guide-steps li::after {
    content: counter(gs);
    position: absolute;
    top: 50%;
    left: 16px;
    width: 38px;
    height: 38px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
}
.guide-steps b { color: #fff; }
.guide-example {
    margin: 0 0 24px;
    padding: 14px 16px;
    border-radius: 14px;
    direction: ltr;
    text-align: left;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12.5px;
    word-break: break-all;
    color: #ffd45c;
    background: #0e0e10;
    box-shadow: inset 0 0 0 1px rgba(245, 179, 1, .25);
}
.guide-h2 { margin: 30px 0 14px; font-size: 1.15rem; font-weight: 800; padding-inline-start: 12px; border-inline-start: 4px solid var(--accent, #FA003F); }
.guide-apps { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-bottom: 8px; }
.guide-app {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(-180deg, #1b1b1f 0%, #141417 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.guide-app h3 { margin: 0; font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
.guide-app h3 i { color: var(--accent-text, #FA003F); }
.guide-app p { margin: 0; font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, .62); flex: 1; }
.guide-app .links { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-app .links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: var(--accent, #FA003F);
    transition: filter .2s ease, transform .2s ease;
}
.guide-app .links a.alt { background: rgba(255, 255, 255, .09); }
.guide-app .links a:hover { filter: brightness(1.15); transform: translateY(-1px); }
.guide-tip {
    margin: 18px 0 0;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 2;
    color: rgba(255, 255, 255, .72);
    background: rgba(245, 179, 1, .07);
    box-shadow: inset 0 0 0 1px rgba(245, 179, 1, .25);
}
.guide-tip i { color: #F5B301; margin-inline-end: 6px; }
@media (max-width: 767px) {
    .guide-page { padding: 74px 12px 36px; }
    .guide-hero { padding: 22px 18px; }
    .guide-hero h1 { font-size: 1.3rem; }
    .guide-steps li { padding-right: 66px; font-size: 13.5px; }
}

/* ---------------- 8) Favorites & ratings (user panel) ---------------- */
.fav-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.fav-filter a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: var(--panel-text-secondary, #a8afbd);
    background: var(--panel-surface-alt, #252525);
    text-decoration: none;
}
.fav-filter a.on { color: #fff; background: var(--panel-accent-soft-strong, rgba(250, 0, 63, .26)); box-shadow: inset 0 0 0 1px var(--panel-accent, #FA003F); }
.fav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.fav-grid .imdb-card { aspect-ratio: 2 / 3; }
.fav-my-rate {
    position: absolute;
    bottom: 64px;
    right: 8px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: #1a1300;
    background: linear-gradient(-135deg, #F5B301, #ffd45c);
}
.fav-my-heart {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 4;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    background: var(--accent, #FA003F);
}

/* ---------------- 9) Player controls ----------------
   Icons are inline SVG masks - no Material Icons font and no external file.
   Icon colour = button text colour (currentColor). */
.video-js {
    --vjs-accent: var(--player-gold, #FA003F);
    font-family: inherit;
}
.video-js .vjs-control-bar {
    height: 56px;
    padding: 0 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, 0) 100%);
    align-items: center;
}
.video-js .vjs-control { width: 44px; height: 44px; color: rgba(255, 255, 255, .92); }
.video-js .vjs-control:hover { color: #fff; }
.video-js .vjs-button > .vjs-icon-placeholder { position: relative; display: block; width: 100%; height: 100%; }
.video-js .vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: '' !important;
    font-family: inherit !important;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    line-height: 1;
    background: currentColor;
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
    transition: transform .15s ease, background-color .15s ease;
}
.video-js .vjs-button:hover > .vjs-icon-placeholder:before { transform: scale(1.12); }
.video-js .vjs-control:hover { background: transparent; }
.video-js .vjs-button:hover { color: #fff; }

/* icon of each control */
.video-js .vjs-play-control.vjs-paused,
.video-js .vjs-play-control.vjs-ended { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
.video-js .vjs-play-control.vjs-playing { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E"); }
.video-js .vjs-play-control.vjs-ended { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z'/%3E%3C/svg%3E"); }
.video-js .vjs-big-play-button { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
.video-js .vjs-mute-control { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E"); }
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-mute-control.vjs-vol-2 { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.5 12A4.5 4.5 0 0 0 16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z'/%3E%3C/svg%3E"); }
.video-js .vjs-mute-control.vjs-vol-0 { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a9 9 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E"); }
.video-js .vjs-fullscreen-control { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); }
.video-js.vjs-fullscreen .vjs-fullscreen-control { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z'/%3E%3C/svg%3E"); }
.video-js .vjs-picture-in-picture-control { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 7h-8v6h8V7zm2-4H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H3V5h18v14z'/%3E%3C/svg%3E"); }
.video-js .vjs-subs-caps-button,
.video-js .vjs-subtitles-button { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM6 10h4v2H6v-2zm0 4h8v2H6v-2zm10-4h2v2h-2v-2zm-2 4h4v2h-4v-2z'/%3E%3C/svg%3E"); }
.video-js .vjs-skip-forward-10 { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5V1l5 5-5 5V7a6 6 0 1 0 6 6h2a8 8 0 1 1-8-8z'/%3E%3Ctext x='12' y='17' font-size='7.5' font-weight='700' text-anchor='middle' font-family='Arial,sans-serif'%3E10%3C/text%3E%3C/svg%3E"); }
.video-js .vjs-skip-backward-10 { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z'/%3E%3Ctext x='12' y='17' font-size='7.5' font-weight='700' text-anchor='middle' font-family='Arial,sans-serif'%3E10%3C/text%3E%3C/svg%3E"); }

/* big play button */
.video-js .vjs-big-play-button {
    width: 84px;
    height: 84px;
    line-height: 84px;
    border: 0;
    border-radius: 50%;
    background: rgba(250, 0, 63, .92);
    color: #fff;
    box-shadow: 0 10px 36px rgba(0, 0, 0, .55), 0 0 0 8px rgba(250, 0, 63, .22);
}
.video-js .vjs-big-play-button .vjs-icon-placeholder { position: relative; display: block; width: 100%; height: 100%; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before { width: 40px; height: 40px; }

/* progress and volume bars */
.video-js .vjs-progress-control .vjs-progress-holder { height: 5px; border-radius: 4px; }
.video-js .vjs-progress-control:hover .vjs-progress-holder { height: 8px; }
.video-js .vjs-play-progress { background: var(--vjs-accent); border-radius: 4px; }
.video-js .vjs-play-progress:before { color: #fff; font-family: inherit; content: ''; width: 14px; height: 14px; border-radius: 50%; background: #fff; top: -4px; left: -7px; }
.video-js .vjs-volume-level { background: var(--vjs-accent); }
.video-js .vjs-time-control { font-size: 13px; min-width: 0; padding: 0 4px; }
.video-js .vjs-playback-rate .vjs-playback-rate-value { font-size: 14px; font-weight: 800; line-height: 44px; }
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    border-radius: 12px;
    background: rgba(18, 18, 20, .96);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .6);
    overflow: hidden;
}
.video-js .vjs-menu li { font-size: 13px; padding: .6em 1em; }
.video-js .vjs-menu li.vjs-selected { background: var(--vjs-accent); color: #fff; }
@media (max-width: 600px) {
    .video-js .vjs-control { width: 38px; }
    .video-js .vjs-volume-panel { display: none; }
    .video-js .vjs-big-play-button { width: 68px; height: 68px; line-height: 68px; }
}

/* search modal: multi-row form for the scope options */
.search-modal-form { flex-wrap: wrap; }
.search-modal-form .search-scope { flex: 0 0 100%; order: 3; }
.search-page-wrapper .search-box-wrap .search-scope { margin-top: 14px; }

/* make sure the desktop slide image is inherited by ::after */
:root { --section-color-paid: #F5B301; }
@media (min-width: 768px) {
    .imdb-slide::after { background-image: inherit; }
}

/* ===== 13) Light & simple thumbnails ===== */
.imdb-card,.imdb-featured-grid .imdb-card,.search-results-grid .imdb-card{box-shadow:none !important;border-radius:10px;transition:transform .18s ease}
.imdb-card:hover,.imdb-featured-grid .imdb-card:hover,.search-results-grid .imdb-card:hover{transform:translateY(-2px) !important;box-shadow:none !important}
.imdb-card-image{border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25) !important}
.imdb-card-image img{transition:none !important;transform:none !important;filter:none !important}
.imdb-card:hover .imdb-card-image img{transform:none !important;filter:none !important}
.imdb-card-image::after{background:linear-gradient(to top,rgba(0,0,0,.35),transparent 40%) !important}

/* ---- SMS one-time-code login (Persian install) ---- */
.otp-box [hidden],.otp-box[hidden],.auth-form[hidden]{display:none !important}
.otp-box{display:flex;flex-direction:column;gap:14px}
.otp-step{display:flex;flex-direction:column;gap:12px}
.otp-ltr{direction:ltr;text-align:left}
.otp-code{letter-spacing:.5em;text-align:center;font-size:1.25rem;font-weight:700}
.otp-hint{margin:0;font-size:.85rem;color:var(--text-muted,#9aa0aa);line-height:1.7}
.otp-link{background:none;border:0;padding:0;color:var(--accent,#f5c518);cursor:pointer;font:inherit;font-weight:600}
.otp-link:disabled{opacity:.45;cursor:default}
.otp-link:not(:disabled):hover{text-decoration:underline}
.otp-switch{text-align:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}

/* ---- Theme settings: hide the filter bar of a listing page (body.lay-nofilters) ---- */
body.lay-nofilters .movies-filter-bar,
body.lay-nofilters .top250-filter-bar,
body.lay-nofilters .coming-filter-bar,
body.lay-nofilters .downloads-filter-bar,
body.lay-nofilters .actor-filter-row,
body.lay-nofilters .actor-age-filter-row,
body.lay-nofilters .actor-iranian-filter { display: none !important; }
.film-tab-btn[hidden] { display: none !important; }

/* ---- explicit [dir=rtl] rules from the LTR stylesheet, re-applied unflipped ---- */