@font-face {
    font-family: IRANYekanX;
    src: url(../fonts/iranyekanwebregular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: IRANYekanX;
    src: url(../fonts/iranyekanwebmedium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: IRANYekanX;
    src: url(../fonts/iranyekanwebbold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --bg: #1e3229;
    --bg-2: #0d0d0d;
    --surface: #121212;
    --surface-2: #181818;
    --surface-3: #202020;
    --text: #f3f3f3;
    --muted: #b6b6b6;
    --line: #ffffff14;
    --green: #55be95;
    --greenhov: #00ffae;
    --green-soft: #96f2071f;
    --shadow: 0 18px 50px #00000073;
    --radius: 20px;
    --header-h: 62px
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: IRANYekanX, Tahoma, Arial, sans-serif;
    background: linear-gradient(180deg,var(--bg) 0,#030303 100%);
    color: var(--text)
}

/* Menu/search overlay stays scrollable; only notification modal may lock page scroll. */
body.sofiya-menu-open {
    overflow: visible
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%;
    display: block
}

button,input,select,textarea {
    font: inherit
}

.container {
    width: min(1440px,calc(100% - 24px));
    margin-inline:auto}

.site-wrap {
    min-height: 100vh
}

.site-main {
    min-height: calc(100vh - 130px);
    padding-top: var(--header-offset);
}

.page-template-default .site-main,.tax-sofiya_collection .site-main,.single .site-main {
    padding-top: 0
}

.site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 120;
    background: linear-gradient(180deg,#1a2b24,#0000)
}

.site-branding img {
    max-height: 32px;
    width: auto
}

.site-title {
    color: #fff;
    font-weight: 800;
    font-size: 1.2rem
}

.comment-form input[type=submit],.drawer-menu__close,.header-icon,.play-online,.quality-links a,.search-modal__close,.single-actions a {
    border: 0;
    border-radius: 8px;
    cursor: pointer
}

.header-icon {
    width: 44px;
    height: 44px;
    background: #ffffff14;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.header-icon--menu {
    justify-self: start;
    gap: 4px
}

.header-icon--menu span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 20px;
    background: currentColor
}

.header-icon--search {
    justify-self: end
}

.search-icon {
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-radius: 50%;
    position: relative
}

.search-icon::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    left: -4px;
    bottom: -5px;
    transform: rotate(-45deg);
    border-radius: 2px
}

.site-overlay {
    position: fixed;
    inset: 0;
    background: #0000009e;
    opacity: 0;
    visibility: hidden;
    transition: .25s ease;
    z-index: 109
}

.site-overlay.is-active {
    opacity: 1;
    visibility: visible
}

.drawer-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: min(360px,88vw);
    height: 100vh;
    background: #101010;
    border-left: 1px solid var(--line);
    box-shadow: var(--shadow);
    transform: translateX(102%);
    transition: transform .28s ease;
    z-index: 130;
    display: flex;
    flex-direction: column
}

.drawer-menu.is-open {
    transform: translateX(0)
}

.drawer-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 18px;
    border-bottom: 1px solid var(--line)
}

.drawer-menu__title {
    font-size: 1.05rem;
    font-weight: 700
}

.drawer-menu__close {
    width: 40px;
    height: 40px;
    background: #ffffff14;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1
}

.drawer-menu__body {
    padding: 10px 14px 24px;
    overflow: auto
}

.drawer-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.drawer-menu .menu li+li {
    margin-top: 8px
}

.drawer-menu .menu a {
    display: block;
    padding: 14px 16px;
    background: var(--surface-2);
    border-radius: 12px;
    color: var(--text)
}

.drawer-menu .menu .current-menu-item>a,.drawer-menu .menu a:hover {
    color: #080808;
    background: var(--green)
}

/* Sofiya Search Center v2 */
body.sofiya-search-open {
    overflow: hidden;
    touch-action: none;
}

.search-modal {
    position: fixed;
    inset: 0;
    z-index: 140;
    display: none;
    padding: max(76px, calc(var(--header-h) + 22px)) 16px max(18px, env(safe-area-inset-bottom));
    background:
        radial-gradient(circle at 78% 8%, rgba(75,255,166,.16), transparent 34%),
        radial-gradient(circle at 12% 100%, rgba(255,255,255,.06), transparent 32%),
        rgba(0,0,0,.72);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.search-modal.is-open {
    display: block;
}

.search-modal__inner {
    width: min(860px, 100%);
    max-height: calc(100vh - max(112px, var(--header-h)));
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(13,18,15,.82), rgba(7,9,8,.92));
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 26px;
    box-shadow: 0 28px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
}

.search-modal__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px 10px;
}

.search-modal__title {
    display: grid;
    gap: 4px;
}

.search-modal__title strong {
    font-size: .98rem;
    font-weight: 900;
    color: #fff;
}

.search-modal__title span {
    color: rgba(255,255,255,.54);
    font-size: .70rem;
    font-weight: 700;
}

.search-modal__close,
.search-modal__clear {
    border: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(255,255,255,.08);
    border-radius: 999px;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.search-modal__close {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.search-modal__close:hover,
.search-modal__clear:hover {
    transform: scale(1.04);
    background: rgba(85,190,149,.20);
    color: var(--green);
}

.search-modal__form {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 11px;
    padding: 0 18px 18px;
}

.search-modal__field {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr 34px;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 14px;
    border-radius: 22px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.search-modal__field:focus-within {
    border-color: rgba(85,190,149,.50);
    box-shadow: 0 0 0 4px rgba(85,190,149,.10), inset 0 1px 0 rgba(255,255,255,.06);
}

.search-modal__field-icon {
    display: grid;
    place-items: center;
    color: var(--green);
}

.search-modal__field input {
    width: 100%;
    height: 50px;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: .92rem;
    font-weight: 800;
    appearance: none;
    -webkit-appearance: none;
}

.search-modal__field input::placeholder {
    color: rgba(255,255,255,.38);
}

.search-modal__clear {
    width: 30px;
    height: 30px;
    padding: 0;
}

.ajax-search-results {
    min-height: 158px;
    max-height: 62vh;
    overflow: auto;
    overscroll-behavior: contain;
    display: none;
    padding: 4px 2px 2px;
    scrollbar-width: thin;
}

.ajax-search-results.is-visible {
    display: block;
}

.ajax-search-results::-webkit-scrollbar {
    width: 8px;
}

.ajax-search-results::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16);
    border-radius: 999px;
}

.ajax-search-groups {
    display: grid;
    gap: 12px;
}

.ajax-search-group {
    display: grid;
    gap: 8px;
}

.ajax-search-group__title {
    padding: 0 6px 2px;
    color: rgba(255,255,255,.58);
    font-size: .72rem;
    font-weight: 900;
}

.ajax-search-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 8px 9px;
    color: #fff;
    border-radius: 15px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.ajax-search-item:hover,
.ajax-search-item.is-active {
    background: linear-gradient(135deg, rgba(85,190,149,.14), rgba(255,255,255,.04));
    border-color: rgba(85,190,149,.20);
    transform: translateY(-1px);
}

.ajax-search-item--compact {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
}

.ajax-search-thumb {
    width: 52px;
    height: 70px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.26);
}

.ajax-search-item--compact .ajax-search-thumb,
.ajax-search-thumb--icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: var(--green);
}

.ajax-search-thumb img,
.ajax-search-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

.ajax-search-thumb__placeholder svg,
.ajax-search-thumb--icon svg {
    width: 20px;
    height: 20px;
}

.ajax-search-item__content {
    min-width: 0;
    display: grid;
    gap: 4px;
    padding-inline-start: 1px;
}

.ajax-search-item__content strong,
.ajax-search-item__english,
.ajax-search-item small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ajax-search-item__content strong {
    font-size: .84rem;
    font-weight: 900;
}

.ajax-search-item__english {
    color: rgba(255,255,255,.60);
    font-size: .68rem;
    font-weight: 800;
}

.ajax-search-item small {
    color: rgba(255,255,255,.48);
    font-size: .68rem;
    font-weight: 800;
}

.ajax-search-welcome,
.ajax-search-empty {
    min-height: 158px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    padding: 20px;
    text-align: center;
    color: rgba(255,255,255,.62);
    border: 1px dashed rgba(255,255,255,.10);
    border-radius: 20px;
    background: rgba(255,255,255,.035);
}

.ajax-search-welcome__head {
    display: grid;
    gap: 7px;
}

.ajax-search-welcome strong,
.ajax-search-empty strong {
    color: #fff;
    font-size: .92rem;
    font-weight: 900;
}

.ajax-search-empty span,
.ajax-search-welcome span {
    font-size: .84rem;
    font-weight: 800;
}

.ajax-search-discover,
.ajax-search-discover--boot {
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
}

.ajax-search-discover .ajax-search-welcome__head,
.ajax-search-discover--boot .ajax-search-welcome__head {
    text-align: center;
    justify-items: center;
}

.ajax-search-discover__tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    border-radius: 15px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.06);
}

.ajax-search-discover__tab,
.ajax-search-more {
    border: 1px solid rgba(85,190,149,.22);
    background: rgba(85,190,149,.10);
    color: #dcfff0;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.ajax-search-discover__tab {
    min-height: 28px;
    padding: 5px 8px;
    font-size: .70rem;
    font-weight: 800;
    background: transparent;
    color: rgba(255,255,255,.70);
    border-color: transparent;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.ajax-search-discover__tab:hover,
.ajax-search-discover__tab.is-active {
    background: linear-gradient(135deg, rgba(85,190,149,.18), rgba(255,255,255,.045));
    border-color: rgba(85,190,149,.24);
    color: #fff;
}

.ajax-search-discover__panel {
    min-height: 150px;
}

.ajax-search-more {
    width: 100%;
    margin-top: 14px;
    border-radius: 14px;
    min-height: 38px;
}

.ajax-search-more.is-loading,
.ajax-search-more:disabled {
    opacity: .7;
    cursor: wait;
}

.ajax-search-skeleton {
    display: grid;
    gap: 10px;
}

.ajax-search-skeleton span {
    height: 66px;
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(255,255,255,.055), rgba(255,255,255,.12), rgba(255,255,255,.055));
    background-size: 220% 100%;
    animation: sofiyaSearchPulse 1.05s ease-in-out infinite;
}

@keyframes sofiyaSearchPulse {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}


.ajax-search-discover.is-loading {
    position: relative;
    pointer-events: none;
    opacity: .78;
}
.ajax-search-discover.is-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255,255,255,.025), rgba(85,190,149,.10), rgba(255,255,255,.025));
    background-size: 220% 100%;
    animation: sofiyaSearchPulse 1.05s ease-in-out infinite;
}
.ajax-search-discover.is-loading .ajax-search-discover__panel {
    opacity: .38;
    filter: blur(1px);
}
.ajax-search-item__foot {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
    min-width: 0;
}
.ajax-search-item__meta {
    flex: 0 1 auto;
}
.ajax-search-score {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .62rem;
    font-weight: 900;
    line-height: 1;
}
.ajax-search-score__label {
    font-size: .56rem;
    font-weight: 950;
    letter-spacing: .01em;
}
.ajax-search-score strong {
    font-size: .63rem;
    font-weight: 950;
}

@media (max-width: 760px) {
    .search-modal {
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }
    .search-modal__inner {
        width: 100%;
        height: calc(100vh - max(20px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
        max-height: none;
        border-radius: 26px;
    }
    .search-modal__top {
        padding: 14px 14px 10px;
    }
    .search-modal__form {
        padding: 0 14px 14px;
    }
    .search-modal__title span {
        display: none;
    }
    .search-modal__field {
        min-height: 50px;
        border-radius: 20px;
    }
    .search-modal__field input {
        font-size: 16px;
    }
    .ajax-search-results {
        max-height: none;
    }
    .ajax-search-item {
        grid-template-columns: 54px minmax(0,1fr);
        padding: 8px;
    }
    .ajax-search-thumb {
        width: 54px;
        height: 74px;
    }
}

.archive-shell {
    padding-bottom: 40px
}

.page-head {
    margin-bottom: 22px;
    padding: 12px 4px
}

.page-head h1 {
    margin: 0 0 8px;
    font-size: clamp(1.3rem,2vw,2rem)
}

.archive-description {
    color: var(--muted)
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
    gap: 18px
}

.sofiya-card {
    background: linear-gradient(180deg,#ffffff08,#ffffff03);
    border: 1px solid var(--line);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: var(--shadow)
}

.sofiya-card__poster {
    position: relative;
    aspect-ratio: 2/3;
    display: block;
    overflow: hidden
}

.single-poster-card img,.sofiya-card__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sofiya-card__poster:hover img {
    transform: scale(1.03)
}

.sofiya-card__poster img {
    transition: transform .3s ease
}

.sofiya-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 45%,#000000c2 100%)
}

.sofiya-card__badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    background: #55be95e3;
    color: #080808;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: .70rem;
    font-weight: 700
}

.sofiya-card__body {
    padding: 14px
}

.sofiya-card__footer,.sofiya-card__meta-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: .85rem
}

.sofiya-card__meta-line span,.sofiya-card__rating {
    background: #ffffff0d;
    border: 1px solid var(--line);
    padding: 6px 10px;
    border-radius: 999px
}

.sofiya-card__title {
    margin: 12px 0 8px;
    font-size: 1rem;
    line-height: 1.55
}

.sofiya-card__subtitle {
    color: #d2d2d2;
    margin-bottom: 12px;
    min-height: 42px
}

.sofiya-card__notice {
    margin-top: 12px;
    color: var(--green);
    font-size: .88rem;
    line-height: 1.9
}

.single-hero {
    position: relative;
    min-height: 82vh;
    display: flex;
    align-items: flex-end;
    overflow: hidden
}

.single-hero__backdrop,.single-hero__backdrop img,.single-hero__overlay {
    position: absolute;
    inset: 0
}

.single-hero__backdrop img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.single-hero__overlay {
    background: linear-gradient(180deg,#00000040 0,#0000008a 20%,#000000db 78%,#050505 100%), linear-gradient(90deg,#00000073 0,#0003 40%,#000000b3 100%)
}

.single-hero__content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 300px minmax(0,1fr);
    gap: 30px;
    align-items: end;
    padding-top: calc(var(--header-h) + 20px);
    padding-bottom: 34px
}

.single-poster-card {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 2/3;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ffffff24;
    box-shadow: var(--shadow);
    background: var(--greenglass);
    justify-self: end
}

.single-hero__info {
    max-width: 780px
}

.hero-kicker {
    display: inline-flex;
    background: 0 0;
    color: #00da95;
    font-weight: 700;
    margin-bottom: 14px;
    font-size: .89rem
}

.single-hero__title {
    margin: 0;
    font-size: clamp(1.6rem,4vw,2rem);
    line-height: 1.18
}

.single-hero__title span {
    color: #fff;
    font-weight: 500
}

.single-hero__chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.content-box,.details-grid div,.download-group,.empty-download,.season-box,.single-facts div,.single-hero__chips span {
    border: 1px solid var(--line)
}

.single-hero__chips span {
    padding: 10px 14px;
    border-radius: 999px
}

.single-hero__notice {
    margin-top: 12px;
    color: var(--green);
    line-height: 1.9
}

.single-facts {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-top: 20px
}

.details-grid div,.single-facts div {
    border-radius: 15px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.details-grid strong,.single-facts strong {
    color: var(--muted);
    font-size: .92rem
}

.single-body {
    margin-top: 18px
}

.single-main-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.single-entry {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.comments-box,.content-box,.download-box {
    border-radius: 10px;
    padding: 18px;
    box-shadow: var(--shadow)
}

.section-title {
    margin: 0 0 14px;
    font-size: 1.2rem;
    color: #55be95
}

.comment-content,.download-group,.empty-download,.entry-content,.entry-content p,.episode-row {
    line-height: 2.1;
    font-size: .86rem
}

.details-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.details-grid span a {
    color: #c5c5c5;
    font-size: .8rem
}

.download-box {
    background: #15231c;
    border: 1px solid var(--line)
}

.empty-download {
    padding: 18px;
    border-radius: 18px
}

.download-group,.season-box {
    border-radius: 8px;
    padding: 8px 12px
}

.download-group+.download-group,.season-box+.season-box {
    margin-top: 14px
}

.download-group__head,.episode-row__head,.season-box summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap
}

.download-group__title {
    font-size: 1rem;
    font-weight: 700
}

.download-group__meta,.episode-row__head span,.season-box summary span {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--muted)
}

.play-online {
    margin-top: 14px
}

.quality-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px
}

.quality-links a {
    min-width: 100px;
    height: 46px
}

.season-box summary {
    cursor: pointer;
    list-style: none
}

.season-box summary::-webkit-details-marker {
    display: none
}

.episode-row {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--line)
}

.season-summary-link {
    color: var(--green);
    font-weight: 700
}

.comments-box .comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.comments-box .comment-body {
    background: #ffffff08;
    border: 1px solid var(--line);
    border-radius: 15px;
    padding: 16px;
    margin-bottom: 14px
}

.comments-box .comment-awaiting-moderation,.comments-box .comment-metadata,.comments-box .comment-notes,.comments-box .logged-in-as {
    color: var(--muted)
}

.comments-box .comment-form-author input,.comments-box .comment-form-comment textarea,.comments-box .comment-form-email input,.comments-box .comment-form-url input {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: #ffffff08;
    color: #fff;
    padding: 14px
}

.comments-box .comment-form-comment textarea {
    min-height: 160px
}

.comments-box .comment-reply-link {
    color: var(--green)
}

.pagination-wrap {
    margin-top: 28px;
    display: flex;
    justify-content: center
}

.pagination-wrap .nav-links {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap
}

.pagination-wrap .page-numbers {
    min-width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff0a;
    border: 1px solid var(--line)
}

.pagination-wrap .current {
    background: var(--green);
    color: #080808;
    border-color: transparent
}

.empty-state {
    background: #ffffff08;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 20px;
    text-align: center
}

.sofiya-no-poster {
    width: 100%;
    height: 100%;
    min-height: 280px;
    display: grid;
    place-items: center;
    background: #1a1a1a;
    color: #fff
}

.site-footer {
    border-top: 1px solid var(--line);
    padding: 22px 0;
    background: #141917
}

.site-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    font-size: .8rem;
}

.footer-nav .menu {
    list-style: none;
    display: flex;
    gap: 14px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap
}

.footer-nav .menu a,.site-footer p {
    color: var(--muted)
}

@media (max-width: 960px) {
    .single-hero {
        min-height:auto
    }

    .single-hero__content {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-bottom: 24px
    }

    .single-poster-card {
        max-width: min(320px,70vw);
        justify-self: center
    }

    .single-hero__info {
        max-width: 100%
    }

    .details-grid,.single-facts {
        grid-template-columns: 1fr
    }
}

@media (max-width: 640px) {
    :root {
        --header-h:70px
    }

    .single .site-main {
        padding-top: 0
    }


    .cards-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 14px
    }

    .sofiya-card {
        border-radius: 18px
    }

    .sofiya-card__body {
        padding: 12px
    }

    .sofiya-card__title {
        font-size: .95rem
    }

    .sofiya-card__subtitle {
        font-size: .88rem;
        min-height: auto
    }

    .single-hero {
        min-height: auto;
        align-items: flex-end
    }

    .single-hero__overlay {
        background: linear-gradient(180deg,#0003 0,#00000080 26%,#000000e0 76%,#040404 100%)
    }

    .single-hero__content {
        padding-top: calc(var(--header-h) + 150px);
        gap: 14px
    }

    .single-poster-card {
        width: 100%;
        max-width: 230px;
        justify-self: center
    }

    .single-hero__title {
        font-size: 1.6rem
    }

    .single-hero__persian {
        font-size: 1rem
    }

    .hero-kicker {
        margin-bottom: 6px
    }

    .single-hero__chips {
        gap: 8px
    }

    .single-facts {
        gap: 10px
    }

    .single-body {
        margin-top: 10px
    }

    .comments-box,.content-box,.download-box {
        padding: 14px;
        border-radius: 18px
    }

    .download-group__head,.episode-row__head,.season-box summary,.site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        align-items: center;
        gap: 34px;
    }
}

.page-head--archive,.page-head--home {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0 20px
}

.page-head--archive h1,.page-head--home h2 {
    margin: 0;
    font-size: 1.35rem
}

.archive-shell--home {
    margin-top: 24px
}

.sfx-hero {
    position: relative;
    margin-top: calc(var(--header-h) * -1);
    min-height: clamp(720px,72vh,840px);
    overflow: hidden;
    background: #1e3229
}

.sfx-bg,.sfx-bg img,.sfx-bg picture,.sfx-slide,.sfx-track,.sfx-viewport {
    width: 100%;
    height: 100%
}

.sfx-viewport {
    position: relative;
    min-height: inherit
}

.sfx-track {
    position: relative;
    min-height: inherit
}

.sfx-slide {
    position: absolute;
    inset: 0;
    min-height: inherit;
    opacity: 0;
    visibility: hidden;
    transition: opacity .55s ease, visibility .55s ease
}

.sfx-slide.is-active {
    opacity: 1;
    visibility: visible
}

.sfx-bg {
    position: absolute;
    inset: 0
}

.sfx-bg img,.sfx-bg picture {
    display: block;
    object-fit: cover
}

.sfx-grad {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 62% 74% at 88% 88%, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.52) 34%, rgba(0, 0, 0, 0.33) 60%, rgba(0,0,0,0) 82%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(5,8,7,.1) 38%, rgba(0,0,0,0) 72%);
}

.sfx-content {
    position: relative;
    z-index: 2;
    width: min(1440px,calc(100% - 24px));
    max-width: none;
    margin-inline: auto;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding-block: clamp(120px,18vh,220px) 90px;
    text-align: right
}

.sfx-panel {
    width: min(420px,100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.sfx-kicker {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.57);
    color: #303030;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.5
}

.sfx-logo {
    max-width: min(28vw,160px);
    max-height: 130px;
    object-fit: contain;
    object-position: right center;
    margin: 2px 0 4px;
    filter: drop-shadow(0 10px 25px #00000059)
}

.sfx-title {
    margin: 0;
    font-size: clamp(1.65rem,3vw,2.8rem);
    font-weight: 1000;
    line-height: 1.04;
    max-width: 420px;
    text-transform: uppercase;
    letter-spacing: -.035em
}

.sfx-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: 0.64rem;
    font-weight: 400;
}

.sfx-meta span:not(.sfx-age)::after {
    content: '•';
    margin-inline-start: 7px;
    color: rgba(255,255,255,.55)
}

.sfx-meta span:nth-last-child(2)::after,
.sfx-meta span:last-child::after {
    content: none
}

.sfx-age {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 6px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.82);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    line-height: 1
}

.sfx-sub {
    max-width: 420px;
    margin: 0;
    color: rgba(255,255,255,.84);
    font-size: 13px;
    font-weight: 400;
}

.sfx-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px
}

.sfx-cta {
    min-width: 148px;
    height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    background: #fff;
    color: #050505;
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 36px rgba(0,0,0,.32)
}

.sfx-bookmark .sofiya-favorite-btn {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.16);
    color: #fff;
    box-shadow: 0 12px 32px rgba(0,0,0,.28);
    display: inline-grid;
    place-items: center;
    padding: 0;
    gap: 0;
    min-width: 46px;
    line-height: 1;
    transform: none;
    transform-origin: center
}


.sfx-bookmark .sofiya-favorite-btn__icon,
.sfx-bookmark .sofiya-favorite-btn svg {
    display: block;
    width: 18px;
    height: 18px
}

.sfx-bookmark .sofiya-favorite-btn__icon {
    display: grid;
    place-items: center
}
.sfx-controls {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 28px;
    z-index: 4;
    width: min(1440px,calc(100% - 24px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.sfx-arrow {
    width: 30px;
    height: 42px;
    border: 0;
    border-radius: 8px;
    background: #1a2b24c9;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px #00000073;
    transition: transform .2s ease, background .2s ease, color .2s ease
}

.sfx-arrow:hover {
    transform: translateY(-1px);
    background: #4ead88;
    color: #050505
}

.sfx-arrow span {
    font-size: 2rem;
    line-height: 1
}

.sfx-dots-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.sfx-dots {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 999px;
    background: #1a2b24c9;
    box-shadow: 0 12px 30px #00000029
}

.sfx-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: 0;
    background: #ffffff61;
    cursor: pointer;
    transition: width .24s ease, background .24s ease, transform .24s ease
}

.sfx-dot:hover {
    transform: scale(1.08)
}

.sfx-dot.is-active {
    width: 30px;
    background: var(--green)
}

.sfx-progress {
    display: none
}

@media (max-width: 738px) {
    .sfx-hero {
        min-height:76vh
    }

    .sfx-grad {
        background:
            radial-gradient(ellipse at center bottom, rgba(0,0,0,.64) 0%, rgba(0,0,0,.34) 36%, rgba(0,0,0,0) 72%),
            linear-gradient(0deg, rgba(5,8,7,.42) 0%, rgba(5,8,7,.10) 34%, rgba(0,0,0,0) 72%)
    }

    .sfx-content {
        justify-content: flex-end;
        padding-block: 130px 88px;
        text-align: center;
        align-items: center
    }

    .sfx-panel {
        align-items: center;
        width: min(88vw,340px);
        gap: 8px
    }

    .sfx-kicker {
        min-height: 20px;
        font-size: 10px;
        padding: 2px 7px
    }

    .sfx-logo {
        max-width: min(52vw,150px);
        max-height: 86px;
        object-position: center
    }

    .sfx-title {
        font-size: clamp(1.3rem,7vw,2.05rem);
        max-width: 100%;
        text-align: center
    }

    .sfx-meta {
        justify-content: center;
        font-size: 10.5px;
        gap: 5px
    }

    .sfx-meta span:not(.sfx-age)::after {
        margin-inline-start: 5px
    }

    .sfx-sub {
        font-size: 11.8px;
        max-width: 100%;
        line-height: 1.72
    }

    .sfx-actions {
        gap: 8px;
        margin-top: 4px
    }

    .sfx-cta {
        min-width: 132px;
        height: 42px;
        padding: 0 18px;
        font-size: 13px
    }

    .sfx-bookmark .sofiya-favorite-btn {
        width: 42px;
        height: 42px;
        min-width: 42px
    }

    .sfx-controls {
        bottom: 24px;
        gap: 10px
    }

    .sfx-arrow {
        width: 42px;
        height: 42px
    }

    .sfx-dots {
        padding: 12px 14px;
        gap: 8px
    }
}

.sfc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px
}

.sfc-title-wrap {
    margin: 0
}

.sfc-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: clamp(1.15rem,2vw,1.55rem);
    font-weight: 800;
    color: #f9f9f9
}

.sfc-view-all {
    color: var(--muted);
    font-size: .95rem
}

.sfc-carousel {
    position: relative
}

.sfc-carousel__wrapper {
    list-style: none;
    margin: 0;
    padding: 2px 2px 8px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(148px,176px);
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.sfc-carousel__wrapper::-webkit-scrollbar {
    display: none
}

.sfc-carousel__item {
    min-width: 0
}

.sfc-card {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sfc-card__poster {
    background: #181818;
    border: 1px solid #ffffff14;
}

.sfc-card__poster:hover img {
    transform: scale(1.04)
}

.sfc-card__badges {
    top: 36px;
    left: 8px
}

.sfc-badge {
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
    transform: scale(.7)
}

.sfc-score {
    position: absolute;
    top: 8px;
    width: 28px;
    height: 28px;
    z-index: 3;
    left: 6px
}

.sfc-score__sq {
    width: 28px;
    height: 28px;
    transform: rotate(-90deg)
}

.sfc-score__meter,.sfc-score__track {
    fill: none;
    stroke-width: 2.5
}

.sfc-score__track {
    stroke: #fff6
}

.sfc-score__meter {
    stroke: #E3C000;
    stroke-dasharray: var(--sfc-p) 100;
    stroke-linecap: round
}

.sfc-score__inner span {
    min-width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 4px;
    background: #111d17;
    color: #ecbc00;
    font-size: .6rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.sfc-chip {
    border-radius: 6px;
    border: 1px solid #ffffff14;
    font-size: .56rem;
    color: #f1f1f1
}

.sfc-card__details {
    padding-inline:2px}

.sfc-card__title {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 11px
}

.sfc-card__subtitle {
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    text-align: center
}

.sfc-carousel__btn {
    justify-content: center;
    z-index: 4;
    transition: transform .2s ease, opacity .2s ease, background .2s ease
}

.sfc-carousel__btn:hover {
    transform: translateY(-1px);
    background: #171717
}

.sfc-carousel__btn[disabled] {
    opacity: 0;
    pointer-events: none
}

.sfc-carousel__btn span {
    font-size: 1.8rem;
    line-height: 1
}

@media (max-width: 768px) {
    .sfc-section {
        margin-top:26px
    }

    .sfc-header {
        margin-bottom: 10px
    }

    .sfc-title {
        font-size: 1.08rem
    }

    .sfc-view-all {
        font-size: .86rem
    }

    .sfc-carousel__wrapper {
        grid-auto-columns: minmax(132px,150px);
        gap: 12px;
        padding-bottom: 6px
    }

    .sfc-card__title {
        font-size: .7rem
    }

    .sfc-card__subtitle {
        font-size: .68rem
    }

    .sfc-carousel__btn {
        display: none
    }

    .sfc-chip {
        font-size: .4rem;
        padding: 4px !important;
    }
}

:root {
    --bg: #1e3229;
    --bg-2: #080808;
    --surface: #101010;
    --surface-2: #23342e;
    --surface-3: #1b1b1b;
    --text: #f5f5f5;
    --muted: #b7b7b7;
    --green: #00da95;
    --green-soft: #96f2071f;
    --line: #ffffff14;
    --header-h: 64px;
    --greenglass: #1a2b24c9;
    --bgdark: #071711;
    --bgdarkbox: #11221b;
    --borderdark: #12302c;
}

body {
    background: linear-gradient(180deg,var(--bg) 0,#000 100%)
}

.site-header {
    background: linear-gradient(180deg,#1a2b24,#0000)
}

.site-header__inner {
    grid-template-columns: 44px 1fr 44px
}

.header-spacer {
    display: block;
    width: 44px;
    height: 44px
}

.comment-form input[type=submit],.drawer-menu__close,.play-online,.quality-links a,.search-modal__close,.single-actions a,.sofiya-vote-btn {
    background: #ffffff12;
    color: #fff;
    backdrop-filter: blur(12px)
}

.play-online,.quality-links a {
    background: #00da95;
    color: #000
}

.header-icon {
    color: #55be95
}

.bottom-glass-nav__icon svg,.drawer-menu__close svg,.header-icon svg,.search-modal__close svg svg,.sfc-badge svg,.sfc-carousel__btn svg,.sofiya-vote-btn svg {
    width: 20px;
    height: 20px;
    display: block
}

.sfc-badge svg {
    width: 24px;
    height: 24px
}

.drawer-menu {
    right: 0;
    left: auto;
    transform: translateX(100%);
    background: #17261f;
    backdrop-filter: blur(18px)
}

.drawer-menu .menu li {
    border-bottom: 0
}

.bottom-glass-nav {
    position: fixed;
    right: 0;
    left: 0;
    bottom: max(12px,env(safe-area-inset-bottom));
    z-index: 130;
    padding: 0 12px;
}

.bottom-glass-nav__inner {
    width: min(520px,100%);
    margin-inline:auto;background: #ffffff2b;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 2px;
    padding: 4px 4px;
    background: #2b2b2b7a;
    border: 1px solid #ffffff1f;
    box-shadow: 0 10px 30px #00000059;
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
}

.bottom-glass-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 2px;
    color: #fff;
    text-decoration: none;
    padding: 6px 0;
    margin: 0;
}
.home .bottom-glass-nav__item.is-home,.category-series .bottom-glass-nav__item.is-series, .category-movie .bottom-glass-nav__item.is-movie {
  background: #ffffff12;
  border-radius: 999px;
  padding: 6px 0;
  margin: 0;
}
.bottom-glass-nav__icon {
    display: grid;
    place-items: center;
    color: var(--green)
}

.bottom-glass-nav__label {
    font-size: .7rem;
    line-height: 1.2
}

.sfc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 22px auto 12px;
}

.sfc-title {
    font-size: 1.45rem;
    font-weight: 800
}

.sfc-view-all {
    color: #ddd
}

.sfc-carousel {
    position: relative;
    padding-bottom: 25px
}

.cards-grid--poster-like,.sfc-carousel__wrapper {
    display: grid;
    gap: 12px;
}

.sfc-carousel__wrapper {
    overflow: auto;
    scrollbar-width: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 7 * 12px)/ 8);
    padding-bottom: 6px
}

.cards-grid--poster-like {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.sfc-card__poster {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 250/370
}

.sfc-card__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .28s ease
}

.sfc-card:hover .sfc-card__poster img {
    transform: scale(1.04)
}

.sfc-card__badges {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 2px;
    z-index: 3
}

.sfc-badge {
    border-radius: 4px;
    background: #131f1a;
    color: #c3c3c3
}

.sfc-score__sq {
    width: 100%;
    height: 100%
}

.sfc-score__track {
    fill: #0000007a;
    stroke: #ffffff2e;
    stroke-width: 2
}

.sfc-score__meter {
    fill: none;
    stroke: var(--green);
    stroke-width: 2.6;
    stroke-dasharray: var(--sfc-p) 100
}

.sfc-score__inner {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: .86rem;
    font-weight: 700
}

.sfc-genres {
    position: absolute;
    right: 8px;
    bottom: 6px;
    left: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 3;
    justify-content: center
}

.sfc-chip {
    background: #172720;
    padding: 4px 8px
}

.sfc-card__details {
    padding: 0 2px 4px
}

.sfc-card__title {
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: center
}

.sfc-card__subtitle {
    color: var(--muted);
    line-height: 1.45
}

.sfc-carousel__btn {
    position: absolute;
    top: calc(50% - 40px);
    width: 40px;
    height: 39px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #ffffff2b;
    cursor: pointer;
    box-shadow: 0 10px 30px #00000040
}

.sfc-btn--next {
    left: -20px
}

.sfc-btn--prev {
    right: -20px
}

.sfc-carousel__btn[hidden] {
    display: none!important
}

.archive-shell {
    padding-top: 18px
}

.page-head {
    margin: 0 0 16px
}

.page-head h1,.page-head h2 {
    margin: 0;
    font-size: 1.4rem
}

.single-hero {
    position: relative;
    min-height: 78vh;
    display: flex;
    align-items: flex-end
}

.single-hero__backdrop {
    position: absolute;
    inset: 0
}

.single-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,#04040440 0,#1f2f2824 54%,#14211b 100%)
}

.single-hero__content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap: 26px;
    align-items: end;
    padding-bottom: 44px;
    padding-top: 120px
}

.single-poster-card img {
    box-shadow: 0 25px 60px #00000073
}

.single-hero__title {
    font-size: clamp(1.7rem,3vw,2rem);
    margin: 0
}

.single-hero__persian {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 14px;
    margin-top: 6px;
}

.single-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
    font-size: .8rem;
}

.hero-kicker,.single-hero__chips span {
    border: 0
}

.sofiya-vote-box__actions {
    display: flex;
    gap: 10px
}

.sofiya-vote-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid #ffffff14
}

.sofiya-vote-btn.is-active {
    background: #96f2072e;
    color: #d8ff9e
}

.sofiya-vote-box__stats {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    background: #ffffff0f
}

.sofiya-vote-box__stats strong {
    color: var(--green)
}

.sofiya-vote-box__stats em {
    font-style: normal;
    color: #ddd
}

.single-actions a {
    height: 44px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #ffffff14
}

.content-box {
    background: #15231c;
    border: 1px solid #ffffff14;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px
}

.details-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px
}

.details-grid div {
    background: #ffffff0a;
    border-radius: 8px;
    padding: 8px 14px
}

.details-grid strong {
    display: block;
    margin-bottom: 0;
    color: #fff;
    font-size: .8rem
}

.details-grid span {
    color: #cfcfcf;
    font-size: .8rem
}

.single-entry {
    padding-bottom: 20px
}

@media (max-width: 1360px) {
    .sfc-carousel__wrapper {
        grid-auto-columns:calc((100% - 5 * 12px)/ 6);
    }

    .cards-grid--poster-like {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
}

@media (max-width: 1120px) {
    .sfc-carousel__wrapper {
        grid-auto-columns:calc((100% - 4 * 14px)/ 5)
    }

    .cards-grid--poster-like {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .single-hero__content {
        grid-template-columns: 260px minmax(0,1fr)
    }
}

@media (max-width: 991px) {
    .container {
        width:min(100%,calc(100% - 20px))
    }

    .site-main {
        padding-bottom: 104px
    }

    .bottom-glass-nav {
        padding: 0 8px
    }

    .bottom-glass-nav__inner {
        width: 100%
    }

    .sfc-carousel__wrapper {
        grid-auto-columns: calc((100% - 2.5 * 12px)/ 3.3);
    }

    .cards-grid--poster-like {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .single-hero {
        min-height: auto
    }

    .single-hero__content {
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-bottom: 20px;
        gap: 18px
    }

    .single-poster-card {
        display: none
    }

    .single-hero__overlay {
        background: linear-gradient(180deg,#04040426 0,#04040447 32%,#050505 100%)
    }

    .single-hero__backdrop img {
        object-position: center top
    }

    .single-hero__info {
        padding-top: 58vw;
        margin-top: 0
    }

    .single-hero__title {
        font-size: 1.6rem
    }

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

@media (max-width: 640px) {
    .sfc-header {
        margin-top:18px
    }

    .sfc-title {
        font-size: 1.2rem
    }

}

:root {
    --safe-top: env(safe-area-inset-top,0px);
    --safe-right: env(safe-area-inset-right,0px);
    --safe-bottom: env(safe-area-inset-bottom,0px);
    --safe-left: env(safe-area-inset-left,0px);
    --vh: 1vh;
    --header-offset: calc(var(--header-h) + var(--safe-top));
    --hero-overlap: clamp(28px,5vw,84px);
    --hero-radius: clamp(22px,3vw,34px)
}

body,html {
    max-width: 100%;
    overflow-x: clip
}

body {
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility
}

.site-wrap {
    isolation: isolate;
    overflow: clip
}

.site-header {
    padding-top: var(--safe-top);
    padding-right: max(0px,var(--safe-right));
    padding-left: max(0px,var(--safe-left));
    background: linear-gradient(180deg,#101915e0 0,#101915ad 48%,#10191500 100%)
}

.site-header::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: calc(var(--safe-top) + 16px);
    background: linear-gradient(180deg,#0000002e,#0000);
    pointer-events: none
}

.site-header__inner {
    min-height: var(--header-h);
    height: auto
}

.drawer-menu {
    padding-top: var(--safe-top)
}

.drawer-menu {
    height: 100dvh;
    height: calc(var(--vh) * 100)
}


.sfx-hero,.single-hero {
    position: sticky;
    top: 0;
    z-index: 0;
    overflow: clip
}

.sfx-hero {
    min-height: calc(var(--vh) * 100);
    min-height: 100svh
}

.sfx-slide,.sfx-track,.sfx-viewport {
    min-height: inherit
}

.sfx-content {
    padding-block: calc(var(--header-offset) + clamp(18px,5vw,54px)) clamp(88px,13vw,150px)
}

.sfx-title {
    font-size: clamp(1.8rem,4vw,4.4rem);
    line-height: 1.15;
    max-width: min(12ch,100%)
}

.sfx-sub {
    font-size: 7.rem;
    max-width: min(58ch,100%)
}

.sfx-logo {
    max-width: min(28vw,160px);
    max-height: clamp(50px,9vw,92px);
}

.sfx-controls {
    right: clamp(16px,4vw,46px);
    left: clamp(16px,4vw,46px);
    bottom: calc(max(84px,var(--safe-bottom)) + 8px)
}

.sfx-hero+.archive-shell--home,.sfx-hero+.sfc-section,.sfx-hero~.archive-shell--home,.sfx-hero~.sfc-section,.single-hero+.single-body {
    position: relative;
    z-index: 3;
    margin-top: calc(var(--hero-overlap) * -1);
    border-top-left-radius: var(--hero-radius);
    border-top-right-radius: var(--hero-radius)
}

.sfx-hero+.archive-shell--home,.sfx-hero+.sfc-section,.sfx-hero~.archive-shell--home,.sfx-hero~.sfc-section {
    background: linear-gradient(180deg,#050505e0,#050505 180px);
    box-shadow: 0 -24px 60px #0000003d;
    padding-top: calc(var(--hero-overlap) + 14px)
}

.single-page-wrap {
    position: relative
}

.single-hero {
    min-height: calc(var(--vh) * 100);
    min-height: 100svh
}

.single-hero__content {
    padding-top: calc(var(--header-offset) + clamp(10px,3vw,26px));
    padding-bottom: clamp(88px,12vw,130px)
}

.single-body {
    background: linear-gradient(180deg,#080808f0,#050505 180px);
    box-shadow: 0 -24px 60px #00000047;
    padding-top: calc(var(--hero-overlap) + 16px);
    padding-bottom: max(28px,var(--safe-bottom))
}

.archive-shell--home,.sfc-section,.single-main-grid {
    position: relative;
    z-index: 2
}
#sofiya-related-tabs-2{margin-top: 1.4rem;}
.single-entry .sfc-section .container,.sofiya-single-related-tabs .container{width: min(1680px,calc(100% - 0px));}
.archive-shell--home .page-head,.sfc-section:first-of-type .sfc-header {
    padding-top: 0
}

.single-actions a[target="_blank"] {
    position: relative
}

@media (min-width: 1441px) {
    .container {
        width:min(1680px,calc(100% - 48px))
    }

    .sfx-content {
        width: min(1680px,calc(100% - 48px))
    }

    .single-hero__content {
        max-width: 1680px
    }
}

@media (max-width: 1199px) {
    :root {
        --hero-overlap:clamp(24px,4.5vw,56px)
    }

    .sfx-content {
        padding-bottom: clamp(82px,10vw,112px)
    }
}

@media (max-width: 991px) {
    .site-header {
        background:linear-gradient(180deg,#0a100ef0 0,#0a100ec2 56%,#0a100e00 100%)
    }

    .container {
        width: min(100%,calc(100% - 20px));
    }

   .sfw-section .container, .sfc-section .container {
        width: min(100%,calc(100% - 0px));
    }

    .sfx-hero,.single-hero {
        min-height: calc(var(--vh) * 100);
        min-height: 100svh
    }

    .sfx-content {
        width: min(100%,calc(100% - 20px));
        align-content: end;
        padding-block: calc(var(--header-offset) + 16px) calc(116px + var(--safe-bottom))
    }

    .sfx-title {
        font-size: clamp(1.45rem,7vw,2.25rem);
        max-width: 100%
    }

    .sfx-sub {
        font-size: .82rem
    }

    .sfx-logo {
        max-width: min(56vw,220px);
    }

    .sfx-controls {
        bottom: calc(12px + var(--safe-bottom));
        right: 12px;
        left: 12px
    }

    .single-hero__content {
        padding-top: calc(var(--header-offset) + 8px);
        padding-bottom: calc(72px + var(--safe-bottom));
        margin-bottom: 30px
    }

    .sfx-hero+.archive-shell--home,.sfx-hero+.sfc-section,.sfx-hero~.archive-shell--home,.sfx-hero~.sfc-section,.single-body {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px
    }
}

@media (max-width: 767px) {
    :root {
        --header-h:60px;
        --hero-overlap: 22px
    }

    .site-main {
        padding-top: var(--header-offset)
    }

    .drawer-menu__close,.header-icon,.search-modal__close {
        width: 42px;
        height: 42px
    }

    .sfx-content {
        padding-bottom: calc(110px + var(--safe-bottom))
    }

    .single-hero__info {
        padding-top: 0;
        width: 86%;
    }

    .single-body {
        padding-top: calc(var(--hero-overlap) + 14px)
    }
}
@media (max-width: 390px) {
 .single-hero__info {
        padding-top: 0;
        width: 90%;
    }
}
.is-standalone .site-header {
    padding-top: var(--safe-top)
}

.is-standalone .site-main {
    min-height: calc((var(--vh) * 100) - var(--header-offset))
}

:root {
    --hero-scroll-progress: 0;
    --hero-blur: calc(var(--hero-scroll-progress) * 18px);
    --hero-dim: calc(1 - (var(--hero-scroll-progress) * .26));
    --hero-scroll-darken: calc(var(--hero-scroll-progress) * .6);
    --hero-content-opacity: calc(1 - (var(--hero-scroll-progress) * 1));
    --hero-content-shift: calc(var(--hero-scroll-progress) * -28px)
}

.sfx-hero,.single-hero {
    will-change: transform
}

.sfx-hero::after,.single-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: #000;
    opacity: var(--hero-scroll-darken);
    transition: opacity .18s linear
}

.sfx-bg img,.sfx-bg picture,.sfx-grad,.single-hero__backdrop,.single-hero__backdrop img,.single-hero__overlay {
    transition: filter .18s linear, transform .18s linear, opacity .18s linear
}

.sfx-slide.is-active .sfx-bg img,.single-hero__backdrop img {
    filter: blur(var(--hero-blur)) brightness(var(--hero-dim));
    transform: scale(calc(1 + (var(--hero-scroll-progress) * .045)))
}

.sfx-grad,.single-hero__overlay {
    opacity: calc(1 - (var(--hero-scroll-progress) * .08))
}

.sfx-content,.sfx-controls,.single-hero__content {
    opacity: var(--hero-content-opacity);
    transform: translate3d(0,var(--hero-content-shift),0);
    transition: opacity .18s linear, transform .18s linear
}

 .sfx-hero {
    isolation: isolate
}

/* Home/term content surfaces: keep overlap only; no extra panel background or fade pseudo-layer. */
.hero-content-shell {
    position: relative;
    z-index: 4;
    margin-top: calc(var(--hero-overlap) * -1);
    overflow: visible;
}

.home-content-surface,
.term-content-surface,
.hero-content-shell--home,
.hero-content-shell--term {
    position: relative;
    z-index: 6;
    min-height: 60vh;
    margin-top: calc(var(--hero-overlap) * -.42);
    padding-top: calc(var(--hero-overlap) + 10px);
    padding-bottom: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    isolation: isolate;
}

.home-content-surface::before,
.term-content-surface::before,
.hero-content-shell--home::before,
.hero-content-shell--term::before {
    content: none;
    display: none;
}

.home-content-surface > *,
.term-content-surface > *,
.hero-content-shell--home > *,
.hero-content-shell--term > * {
    position: relative;
    z-index: 1;
}

.hero-content-shell--home .archive-shell--home,
.hero-content-shell--home .sfc-section,
.hero-content-shell--home .sfw-section,
.hero-content-shell--term .archive-shell,
.hero-content-shell--term .sfc-section,
.term-content-surface .archive-shell,
.term-content-surface .sfc-section {
    margin-top: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.hero-content-shell--home .archive-shell--home,
.hero-content-shell--home .sfc-section,
.hero-content-shell--home .sfw-section,
.hero-content-shell--term .archive-shell,
.term-content-surface .archive-shell {
    padding-inline: clamp(10px,2vw,18px);
}

.hero-content-shell--home .sfc-section + .sfc-section,
.hero-content-shell--home .sfw-section + .sfc-section,
.hero-content-shell--term .sfc-section + .sfc-section,
.term-content-surface .sfc-section + .sfc-section,
.hero-content-shell--term .sfc-section + .archive-shell,
.term-content-surface .sfc-section + .archive-shell {
    margin-top: clamp(8px,1.2vw,18px);
}

.hero-content-shell--single {
    padding-top: 0;
    padding-bottom: 0;
}

.hero-content-shell--single .single-body {
    padding-top: calc(var(--hero-overlap) + 16px);
    padding-bottom: clamp(16px,2.5vw,30px);
}

.sfx-hero+.archive-shell--home,.sfx-hero+.sfc-section,.sfx-hero~.archive-shell--home,.sfx-hero~.sfc-section,.single-hero+.single-body {
    margin-top: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    padding-top: 0;
}

.site-footer--immersive {
    position: relative;
    z-index: 4;
    background: #050505;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: calc(20px + var(--safe-bottom))
}

.site-footer--immersive::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,#05050500 0,#05050547 38%,#050505 100%);
    pointer-events: none
}

.site-footer--immersive .site-footer__bottom {
    position: relative;
    z-index: 1
}

body.single .single-page-wrap {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .hero-content-shell--home {
        padding-top: calc(var(--hero-overlap) + 10px)
    }

    .hero-content-shell--single .single-body {
        padding-top: calc(var(--hero-overlap) + 12px)
    }
}

@media (max-width: 767px) {
    :root {
        --hero-blur:calc(var(--hero-scroll-progress) * 12px)
    }
}

.sfx-controls {
    justify-content: flex-start;
    pointer-events: none
}

.sfx-thumbs {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    background: #09110e70;
    border: 1px solid #ffffff1a;
    box-shadow: 0 16px 40px #00000047;
    overflow-x: auto;
    scrollbar-width: none;
    max-width: min(100%,520px)
}

.sfx-thumbs::-webkit-scrollbar {
    display: none
}

.sfx-thumb {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: #ffffff0f;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    opacity: .68;
    transform: scale(.93);
    transition: transform .24s ease, opacity .24s ease, box-shadow .24s ease, border-radius .24s ease;
    box-shadow: inset 0 0 0 1px #ffffff14
}

.sfx-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 2px #ffffff14;
    transition: box-shadow .24s ease
}

.sfx-thumb:focus-visible,.sfx-thumb:hover {
    opacity: .92;
    transform: translateY(-1px) scale(.985);
    outline: 0
}

.sfx-thumb.is-active {
    opacity: 1;
    transform: scale(1.02);
    box-shadow: 0 14px 28px #00000052
}

.sfx-thumb.is-active::after {
    box-shadow: inset 0 0 0 2px #55be95f2
}

.sfx-thumb img {
    display: block;
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    height: 54px;
    min-height: 54px;
    max-height: 54px;
    object-fit: cover
}

.sfx-thumb__fallback {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    padding: 6px;
    font-size: .68rem;
    line-height: 1.45;
    color: #fff;
    text-align: center
}

.hero-content-shell--single .single-body::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

.hero-content-shell--single .single-body>* {
    position: relative;
    z-index: 1
}

.hero-content-shell--single .single-body {
    border-radius: 30px 30px 0 0
}

.content-box {
    border-radius: 22px
}

.details-grid div {
    border-radius: 18px
}

@media (max-width: 991px) {
    .sfx-content {
        padding-top:calc(var(--header-offset) + 6px);
        padding-bottom: calc(118px + var(--safe-bottom))
    }

    .sfx-controls {
        justify-content: center
    }

    .sfx-thumbs {
        max-width: min(100%,calc(100vw - 24px));
        gap: 8px;
        padding: 8px 10px
    }

    .sfx-thumb {
        width: 54px;
        height: 54px;
        border-radius: 16px
    }
}

@media (max-width: 767px) {
    .sfx-hero {
        min-height:100svh
    }

    .sfx-content {
        justify-content: center;
        padding-block: calc(var(--header-offset) + 2px) calc(156px + var(--safe-bottom));
        transform: translate3d(0,calc(var(--hero-content-shift) - 20px),0)
    }

   

    .sfx-title {
        margin-bottom: 8px
    }

    .sfx-sub {
        margin-bottom: 8px;
    }

    .sfx-controls {
        bottom: calc(10px + var(--safe-bottom));
        left: 10px;
        right: 10px
    }

    .sfx-grad {
        background:
            radial-gradient(ellipse 92% 58% at 50% 88%, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.64) 38%, rgba(0, 0, 0, 0.43) 66%, rgba(0,0,0,0) 88%), linear-gradient(0deg, rgba(5,8,7,.34) 0%, rgba(5,8,7,.1) 42%, rgba(0,0,0,0) 76%);
    }

    .sfx-thumbs {
        width: 100%;
        justify-content: flex-start
    }

    .content-box,.details-grid div,.hero-content-shell:not(.hero-content-shell--home):not(.hero-content-shell--term),.hero-content-shell--single .single-body {
        border-radius: 22px!important
    }
}

:root {
    --glass-bg-1: #0000002b;
    --glass-bg-2: #00000057;
    --glass-line: #ffffff1f;
    --glass-shadow: 0 24px 70px #00000038
}

.sfx-hero {
    isolation: isolate
}

.sfx-slide {
    transition: opacity .72s cubic-bezier(.22,.61,.36,1), visibility .72s cubic-bezier(.22,.61,.36,1)
}

.sfx-slide .sfx-bg img {
    transform: scale(1.065);
    transition: transform 1.15s cubic-bezier(.22,.61,.36,1), filter .28s linear
}

.sfx-slide.is-active .sfx-bg img {
    filter: blur(var(--hero-blur)) brightness(var(--hero-dim));
    transform: scale(calc(1 + (var(--hero-scroll-progress) * .045)))
}

.sfx-content {
    text-align: right;
    align-items: flex-start;
    justify-content: flex-end
}

.sfx-content>* {
    opacity: 0;
    transform: translate3d(0,22px,0);
    transition: opacity .5s ease, transform .7s cubic-bezier(.22,.61,.36,1)
}

.sfx-slide.is-active .sfx-content>* {
    opacity: 1;
    transform: translate3d(0,0,0)
}

.sfx-slide.is-active .sfx-content>:first-child {
    transition-delay: .08s
}

.sfx-slide.is-active .sfx-content>:nth-child(2) {
    transition-delay: .14s
}

.sfx-slide.is-active .sfx-content>:nth-child(3) {
    transition-delay: .2s
}

.sfx-slide.is-active .sfx-content>:nth-child(4) {
    transition-delay: .26s
}

.sfx-controls {
    right: 0;
    left: 0;
    transform: none;
    width: min(520px,calc(100% - 24px));
    max-width: 520px;
    margin-inline: auto;
    justify-content: center;
    pointer-events: none
}

.sfx-thumbs {
    direction: rtl;
    margin-inline: auto;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 5px;
    gap: 8px;
    background: #25252585;
    border: 1px solid #ffffff1f;
    box-shadow: 0 20px 50px #00000047;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity
}

.sfx-thumb {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    opacity: .72;
    box-shadow: inset 0 0 0 1px #ffffff14;
    scroll-snap-align: center
}

.sfx-thumb__progress {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible
}

.sfx-thumb__progress rect {
    fill: none;
    stroke: var(--green);
    stroke-width: 4;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    opacity: 0
}

.sfx-thumb.is-active {
    opacity: 1;
    transform: translateY(-1px) scale(1);
}

.sfx-thumb.is-active .sfx-thumb__progress rect {
    opacity: 1;
    animation: sfxThumbProgress var(--sfx-duration,5800ms) linear forwards
}

.sfx-slider.is-paused .sfx-thumb.is-active .sfx-thumb__progress rect {
    animation-play-state: paused
}

.sfx-thumb img {
    transition: transform .35s ease;
    filter: none
}

.sfx-thumb.is-active img,.sfx-thumb:focus-visible img,.sfx-thumb:hover img {
    transform: scale(1.045);
    filter: none
}

.sfx-thumb__fallback {
    direction: rtl
}

@keyframes sfxThumbProgress {
    from { stroke-dashoffset: 100 }
    to { stroke-dashoffset: 0 }
}

.content-box::before,.hero-content-shell--single .single-body::before,.single-entry .download-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none
}

.content-box,.hero-content-shell--single .single-body,.single-entry .download-box {
    position: relative;
    overflow: clip
}

.content-box,.hero-content-shell--single .single-body,.single-entry .download-accordion,.single-entry .download-box,.single-entry .download-item,.site-footer--immersive {
    background: linear-gradient(180deg,var(--glass-bg-1),var(--glass-bg-2));
    border: 1px solid var(--glass-line);
    box-shadow: var(--glass-shadow);
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%)
}

.content-box::before,.hero-content-shell--single .single-body::before,.single-entry .download-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg,#00000014,#fff0 120px);
    pointer-events: none
}

.download-box__head {
    margin-bottom: 2rem;
}

.download-box__title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.content-box,.details-grid div,.single-entry .download-accordion,.single-entry .download-box,.single-entry .download-item {
    border-radius: 20px
}

.details-grid {
    gap: 14px
}

.site-footer--immersive {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    margin-top: 14px;
    overflow: clip
}

@media (min-width: 1600px) {
    .single-hero__content {
        max-width:min(1760px,calc(100% - 72px))
    }

    .sfx-title {
        font-size: clamp(2rem,3.4vw,4.8rem);
        max-width: 11ch
    }

    .sfx-sub {
        max-width: 60ch
    }

    .sfx-controls {
        bottom: max(94px,calc(var(--safe-bottom) + 16px));
        max-width: 520px
    }

    .sfx-thumbs {
        max-width: 520px;
        padding: 5px;
        gap: 8px
    }

    .sfx-thumb {
        width: 54px;
        height: 54px;
    }
}

@media (min-width: 2200px) {
    .single-hero__content {
        max-width:min(1880px,calc(100% - 96px))
    }

    .sfx-thumbs {
        max-width: 520px
    }

    .sfx-thumb {
        width: 54px;
        height: 54px;
        border-radius: 12px;
    }
}

@media (max-width: 991px) {
    .sfx-controls {
        bottom:calc(10px + var(--safe-bottom));
        right: 0;
        left: 0;
        transform: none;
        max-width: min(520px,calc(100vw - 20px))
    }

    .sfx-thumbs {
        width: 100%;
        min-width: 0;
        max-width: min(520px,calc(100vw - 20px));
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .sfx-content {
        justify-content:flex-end;
        align-items: center;
        text-align: center;
        padding-block: calc(var(--header-offset) + 4px) calc(148px + var(--safe-bottom))
    }

    .sfx-content>* {
        transform: translate3d(0,16px,0);
        margin-bottom: 20px;
    }

    .sfx-controls {
        bottom: calc(90px + var(--safe-bottom));
        max-width: calc(100vw - 16px)
    }

    .sfx-thumbs {
        width: min(520px,calc(100vw - 16px));
        max-width: min(520px,calc(100vw - 16px));
        padding: 8px 10px;
        gap: 8px
    }

    .sfx-thumb {
        width: 52px;
        height: 52px;
        border-radius: 15px
    }

    .content-box,.details-grid div,.hero-content-shell:not(.hero-content-shell--home):not(.hero-content-shell--term),.hero-content-shell--single .single-body,.site-footer--immersive {
        border-radius: 22px!important
    }
}

.details-grid span,.details-grid strong,.hero-kicker,.ig-comment__author,.ig-comment__date,.person-card__name,.person-card__role,.section-title,.single-actions a,.single-hero__chips span,.single-hero__notice,.single-hero__persian,.single-hero__title {
    text-shadow: 0 1px 16px #000000bd
}

.single-actions,.single-hero__chips,.single-hero__notice,.single-hero__persian,.single-hero__title,.sofiya-vote-box {
    max-width: 100%;
}

.hero-kicker,.single-hero__chips span {
    border-radius: 6px
}

.single-hero__chips span {
    padding: 0;
    margin-left: 12px;
}

.single-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.section-title--with-icon,.single-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.single-actions a {
    height: 44px;
    padding: 6px 12px;
    border-radius: 14px;
    border: 0;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
    background: var(--greenglass);
    color: var(--green);
    border: 1px solid var(--green);
}

.single-actions a:focus-visible,.single-actions a:hover,.sofiya-favorite-btn:hover {
    background: var(--green);
    border-color: var(--green);
    color: #000
}

.section-title--with-icon svg,.single-actions a svg,.single-hero__notice svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.single-hero__notice {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: .8rem;
}

.sofiya-vote-box {
    align-items: stretch
}

.comment-vote-btn,.sofiya-vote-btn {
    cursor: pointer;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease
}

.sofiya-vote-btn:focus-visible,.sofiya-vote-btn:hover {
    transform: translateY(-1px);
    border-color: #ffffff2e
}

.people-box {
    padding-bottom: 18px
}

.people-box__head {
    margin-bottom: 14px
}

.people-carousel__wrapper {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 4px 2px 10px
}

.people-carousel__wrapper::-webkit-scrollbar {
    display: none
}

.person-card {
    flex: 0 0 138px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 12px;
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    box-shadow: inset 0 1px 0 #ffffff0a;
    transition: transform .22s ease, background .22s ease, border-color .22s ease
}

.person-card:focus-visible,.person-card:hover {
    transform: translateY(-3px);
    background: #ffffff12;
    border-color: #ffffff24;
    outline: 0
}

.person-card__avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: var(--person-color,#17335b);
}

.person-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.person-card__initials {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .06em
}

.person-card__name {
    display: block;
    font-weight: 700;
    line-height: 1.2;
    font-size: .7rem
}

.person-card__role {
    display: block;
    font-size: .7rem;
    color: #ffffffb8
}

.sofiya-comments-area {
    padding: 0;
    background: 0 0;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

.comments-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px
}

.comments-toolbar__count {
    color: #fff;
    font-weight: 700
}

.comments-sort select {
    appearance: none;
    border: 1px solid #ffffff1a;
    background: #ffffff0f;
    color: #fff;
    border-radius: 999px;
    padding: 12px 16px;
    min-width: 150px
}

.instagram-comments {
    display: grid;
    gap: 14px
}

.ig-comment__date,.ig-comment__pending,.ig-comment__replyto {
    font-size: .84rem;
    color: #ffffff9e
}

.ig-comment__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px
}

.comment-vote-btn svg {
    width: 18px;
    height: 18px
}

.sofiya-comment-form .comment-reply-title {
    margin: 0 0 4px;
    font-size: 1.08rem
}

.sofiya-comment-form .comment-form-author,.sofiya-comment-form .comment-form-comment,.sofiya-comment-form .comment-form-email {
    margin: 0
}

.sofiya-comment-form label {
    color: #ffffffd1
}

.sofiya-comment-form textarea {
    min-height: 150px;
    resize: vertical
}

.sofiya-comment-form input:focus,.sofiya-comment-form textarea:focus {
    border-color: #96f20747;
    box-shadow: 0 0 0 4px #96f20714
}

.sofiya-comment-form .submit {
    justify-self: flex-start;
    border: 1px solid #ffffff1a;
    border-radius: 999px;
    padding: 14px 20px;
    background: #ffffff14;
    color: #fff
}

@media (max-width: 991px) {
    .single-hero__content {
        grid-template-columns:1fr;
        justify-items: center
    }

    .single-hero__info,.single-poster-card {
        text-align: center
    }
.single-hero__info > .sofiya-rating-chips--hero {

  justify-content: center;

}
    .single-actions,.single-hero__chips,.sofiya-vote-box {
        justify-content: center
    }

    .single-actions {
        align-items: center;
        justify-content: center!important;
        padding: 0 0rem;
    }

    .sofiya-vote-box {
        flex-direction: column;
        flex-direction: row
    }

    .single-hero__notice {
        margin-inline:auto}
}

@media (max-width: 767px) {
    .comments-toolbar,.ig-comment__topline {
        flex-direction:column;
        align-items: flex-start
    }

    .ig-comment {
        grid-template-columns: 44px minmax(0,1fr);
        gap: 12px;
        padding: 14px
    }

    .ig-comment__avatar {
        width: 44px;
        height: 44px;
        font-size: .9rem
    }

    .person-card {
        flex-basis: 124px;
        padding-inline:10px}

    .person-card__avatar {
        width: 66px;
        height: 66px
    }

   
}

.single-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.single-chip--imdb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffbf00;
    text-shadow: 0 1px 16px #000000bd;
}

.single-hero__chips .single-chip--imdb:hover {
    color: var(--green);
}

.single-actions--compact a {
    min-width: 124px;
    justify-content: center
}

.comment-vote-btn svg,.comments-sort__trigger svg,.section-title--with-icon svg,.single-actions--compact a svg,.single-hero__notice svg,.sofiya-comment-submit svg,.sofiya-vote-btn svg {
    display: block;
    width: 24px;
    flex: 0 0 24px;
    aspect-ratio: 1/1;
    height: 24px;
}

.sofiya-vote-box {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    transform: scale(.8);
    transform-origin: right
}

.sofiya-vote-box__actions {
    display: flex;
    align-items: center;
    gap: 10px
}

.sofiya-vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 0;
    background: 0 0;
    color: #fff;
    backdrop-filter: unset
}

.sofiya-vote-btn .vote-count {
    font-weight: 700;
    min-width: 1ch
}

.sofiya-vote-box__stats {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    background: 0 0
}

.sofiya-vote-box__stats strong {
    font-size: 1.1rem
}

.sofiya-vote-box__stats em {
    font-style: normal;
    font-size: .70rem;
    color: #ffffffad
}

.vote-rating-copy {
    font-size: .8rem;
    color: #fffc
}

#sofiya-download-box {
    scroll-margin-top: 34px
}

.comments-box .section-title {
    margin-bottom: 18px
}

.sofiya-comments-layout {
    display: grid;
    gap: 22px
}

.sofiya-inline-note {
    display: none
}

.sofiya-comment-form .comment-reply-title {
    grid-column: 1/-1;
    margin: 0 0 2px
}

.sofiya-comment-field-wrap,.sofiya-comment-sidebar p {
    margin: 0
}

.sofiya-comment-field-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.sofiya-comment-field-wrap textarea {
    min-height: 188px;
    height: 100%
}

.sofiya-comment-spoiler label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #fffc
}

.comments-sort__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #fff
}

.comments-sort__item:hover {
    background: #ffffff0f
}

.ig-comment__topline {
    align-items: flex-start
}

.ig-comment__author {
    display: block
}

.ig-comment__replyto {
    margin-top: 4px
}

.ig-comment__full {
    display: block
}

.ig-comment__excerpt {
    display: none
}

.ig-comment__text.is-collapsed .ig-comment__excerpt {
    display: block
}

.ig-comment__text.is-collapsed .ig-comment__full {
    display: none
}

.ig-comment__text.is-spoiler .ig-comment__text-inner {
    filter: blur(7px);
    user-select: none
}

.ig-comment__text.is-spoiler.is-revealed .ig-comment__text-inner {
    filter: none
}


.ig-comment__more-btn {
    color: #fff
}

.ig-comment__actions {
    justify-content: space-between;
    gap: 12px
}

.ig-comment__vote-group {
    display: flex;
    align-items: center;
    gap: 8px
}

.ig-comment__meta-date {
    font-size: .70rem;
    color: #ffffff9e
}

.sofiya-toast-stack {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    display: grid;
    gap: 10px
}

.sofiya-toast {
    max-width: min(360px,calc(100vw - 40px));
    padding: 14px 16px;
    border-radius: 14px;
    background: #09141ef5;
    border: 1px solid #ffffff14;
    color: #fff;
    box-shadow: 0 20px 50px #00000052;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease
}

.sofiya-toast.is-visible {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 991px) {
    .single-actions--compact,.single-hero__chips,.single-hero__notice,.sofiya-vote-box {
        transform-origin: center;
    }

    .sofiya-vote-box__stats {
        justify-content: center;
        text-align: center
    }

    .sofiya-comment-form {
        grid-template-columns: 1fr
    }

    .sofiya-comment-sidebar {
        align-items: center
    }

    .sofiya-comment-sidebar p {
        width: 100%
    }

    .sofiya-comment-submit-wrap {
        justify-content: space-between
    }

    .comments-toolbar {
        align-items: stretch;
        flex-direction: column
    }

    .comments-sort {
        align-self: flex-start
    }
}

@media (max-width: 640px) {
    .ig-comment {
        grid-template-columns:44px minmax(0,1fr);
        gap: 12px;
        padding: 14px
    }

    .ig-comment__avatar {
        width: 44px;
        height: 44px
    }

    .sofiya-comment-submit {
        width: 50px;
        height: 50px
    }

  
}

.sofiya-comment-form-wrap,.sofiya-comments-list-wrap {
    border-radius: 20px;
    background: 0 0;
    border: 0
}

.sofiya-inline-note {
    display: none;
    padding: 12px 14px;
    margin-bottom: 14px;
    border-radius: 14px;
    background: #55be951f;
    border: 1px solid #55be9542;
    color: #d7ffeb
}

.sofiya-inline-note.is-visible {
    display: block
}

.sofiya-inline-note.is-error {
    background: #ff6b6b1f;
    border-color: #ff6b6b47;
    color: #ffd9d9
}

.sofiya-comment-form {
    margin-top: 0;
    padding: 0;
    background: 0 0;
    border: 0;
    display: grid;
    grid-template-columns: 260px minmax(0,1fr);
    gap: 8px;
    align-items: end
}

.comment-respond h3 {
    display: none
}

.sofiya-comment-form .comment-reply-title {
    grid-column: 1/-1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.sofiya-comment-cancel-reply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    color: #fff;
    cursor: pointer
}

.sofiya-comment-main {
    min-width: 0
}

.sofiya-comment-field-wrap,.sofiya-comment-sidebar p {
    margin: 0;
    width: 100%
}

.sofiya-comment-form input[type=email],.sofiya-comment-form input[type=text],.sofiya-comment-form textarea {
    width: 100%;
    border: 1px solid #ffffff14;
    background: #ffffff1a;
    color: #fff;
    border-radius: 15px;
    padding: 12px 16px;
    outline: 0;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    font-size: 0.6rem;
}

.sofiya-comment-form input::placeholder,.sofiya-comment-form textarea::placeholder {
    color: #a9a9a9;
    font-size: .8rem
}

.sofiya-comment-form label {
    margin: 0
}

.sofiya-comment-form label:not(.sofiya-comment-toggle) {
    display: none
}

.sofiya-comment-field-wrap textarea {
    min-height: 150px;
    resize: vertical
}

.sofiya-comment-submit-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px
}

.sofiya-comment-submit svg,.sofiya-comment-submit--inline svg {
    color: currentColor
}

.sofiya-comment-form .form-submit {
    display: none
}

.sofiya-comment-form.is-submitting .sofiya-comment-submit--inline {
    opacity: .6;
    pointer-events: none
}

.sofiya-comment-spoiler {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    flex-direction: column-reverse
}

.sofiya-comment-spoiler__box::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    transition: .22s ease
}

.sofiya-comment-spoiler input:checked+.sofiya-comment-spoiler__box {
    background: #55be9552;
    border-color: #55be9580
}

.sofiya-comment-spoiler input:checked+.sofiya-comment-spoiler__box::after {
    transform: translateX(0);
    background: #55be95
}

.sofiya-comment-spoiler__label {
    font-size: .92rem;
    color: #ffffffd1
}

.comments-toolbar {
    margin-bottom: 14px
}

.comments-sort__trigger.is-open svg {
    transform: rotate(180deg)
}

.comments-sort__trigger svg {
    width: 18px;
    height: 18px
}

.comments-sort__menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 8;
    min-width: 140px;
    padding: 4px;
    border-radius: 15px;
    background: var(--bgdark);
    border: 1px solid #ffffff14;
    box-shadow: 0 24px 44px #00000047;
}

.comments-sort__item {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 6px 12px;
    border-radius: 12px;
    color: #fff;
    font-size: .7rem;
    cursor: pointer
}

.comments-sort__item input {
    display: none
}

.comments-sort__item:has(input:checked),.comments-sort__item:hover {
    background: #ffffff0f
}

.instagram-comments {
    display: grid;
    gap: 16px
}

.sofiya-comments-empty {
    padding: 18px;
    border-radius: 15px;
    background: #ffffff0a;
    border: 1px dashed #ffffff1f;
    color: #ffffffad;
    text-align: center
}

.ig-comment {
    display: grid;
    grid-template-columns: 56px minmax(0,1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 22px;
    background: #ffffff0d;
    border: 1px solid #ffffff14
}

.ig-comment__avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--avatar-color,#17335b);
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 700;
    letter-spacing: .04em
}

.ig-comment__body {
    min-width: 0
}

.ig-comment__topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px
}

.ig-comment__author {
    display: block;
    font-size: .7rem
}

.ig-comment__date,.ig-comment__pending,.ig-comment__replyto {
    font-size: .6rem;
    color: #ffffff9e
}

.ig-comment__pending {
    display: inline-flex;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #ffc1071f;
    border: 1px solid #ffc1072e;
    color: #ffe49b
}



.ig-comment__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px
}

.ig-comment__vote-group {
    display: flex;
    align-items: center;
    gap: 4px;
    transform: scale(.7);
    transform-origin: right
}

.comment-vote-btn,.ig-comment__reply-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 0;
    background: 0 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.comment-vote-btn svg {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.ig-comment__reply-btn {
    font-size: .7rem
}

.comment-vote-btn.is-active,.sofiya-vote-btn.is-active {
    color: #000;
    background: #00da95;
    border-color: #00da95
}

@media (max-width: 991px) {
    .sofiya-comment-form {
        grid-template-columns:1fr
    }

    .sofiya-comment-sidebar {
        align-items: center
    }

    .sofiya-comment-sidebar p {
        width: 100%
    }

    .comments-toolbar {
        align-items: stretch;
        flex-direction: column
    }

    .comments-sort {
        align-self: flex-start
    }
}

@media (max-width: 640px) {
    .ig-comment {
        grid-template-columns:44px minmax(0,1fr);
        gap: 12px;
        padding: 14px
    }

    .ig-comment--child {
        margin-right: 16px
    }

    .ig-comment__avatar {
        width: 44px;
        height: 44px
    }

    .sofiya-comment-submit,.sofiya-comment-submit--inline {
        width: 50px;
        height: 50px;
        flex-basis: 50px
    }

    .sofiya-comment-submit-wrap {
        justify-content: space-between
    }
}

.sofiya-comment-form .comment-reply-title {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.sofiya-comment-cancel-reply[hidden],.sofiya-comment-submit--native,[data-comment-submit][hidden] {
    display: none!important
}

.sofiya-comment-cancel-reply {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    color: #fff;
    cursor: pointer
}



.sofiya-comment-sidebar__fields {
    flex-direction: column
}

.sofiya-comment-field-wrap,.sofiya-comment-sidebar p {
    order: 1;
    display: flex;
    align-items: center;
    gap: 14px
}

.sofiya-comment-avatar-preview {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--avatar-color,#17335b);
    font-size: 1.6rem;
    font-weight: 800;
    box-shadow: 0 18px 30px #0000003d;
    flex: 0 0 88px;
    border: 4px solid #55be95
}

.sofiya-comment-main {
    order: 2;
    min-width: 0;
    display: flex
}

.sofiya-comment-field-wrap {
    order: 2;
    min-width: 0;
    display: flex;
    flex-direction: row
}

.sofiya-comment-field-wrap textarea {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    font-size: 1rem;
}

.sofiya-comment-submit-wrap {
    height: 100px
}

.sofiya-comment-submit,.sofiya-comment-submit--inline {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #00da95;
    border: 1px solid #ffffff24;
    color: #000;
    padding: 0;
    flex: 0 0 56px;
    box-shadow: 0 0 20px #00da9566;
    cursor: pointer
}

.sofiya-comment-submit--inline:hover,.sofiya-comment-submit:hover {
    background: var(--greenhov)
}

.sofiya-comment-submit svg,.sofiya-comment-submit--inline svg {
    pointer-events: none
}

.sofiya-comment-spoiler input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sofiya-comment-spoiler__box {
    width: 42px;
    height: 22px;
    border-radius: 20px;
    border: 1px solid #ffffff2e;
    background: #ffffff0f;
    display: inline-block;
    position: relative
}

.sofiya-comment-spoiler input:checked+.sofiya-comment-spoiler__box::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 25px;
    background: var(--green)
}

.sofiya-comment-spoiler__label {
    font-size: .7rem;
    text-align: center
}

.comments-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px
}

.comments-sort {
    position: relative
}


.comments-sort__item input {
    display: none!important
}

.comment-vote-btn svg {
    width: 24px!important;
    height: 24px!important;
    flex: 0 0 24px!important
}

.ig-comment__date+.ig-comment__date {
    display: none!important
}

@media (max-width: 991px) {
    .sofiya-comment-sidebar {
        align-items:flex-start
    }

    .sofiya-comment-sidebar__fields {
        grid-template-columns: 1fr
    }

    .comments-toolbar {
        align-items: stretch;
        flex-direction: column
    }

    .comments-sort {
        align-self: flex-start
    }
}

@media (max-width: 640px) {
    .sofiya-comment-avatar-preview {
        width:72px;
        height: 72px;
        flex-basis: 72px
    }

    .sofiya-comment-submit,.sofiya-comment-submit--inline {
        width: 50px;
        height: 50px;
        flex-basis: 50px
    }

    .sofiya-comment-submit-wrap {
        justify-content: space-between
    }
}


.sofiya-comment-main {
    order: 2!important;
    display: block!important;
    flex-basis: auto!important
}

.sofiya-comment-field-wrap,.sofiya-comment-sidebar__fields {
    display: flex;
    gap: 8px;
    width: 100%
}

.sofiya-comment-field-wrap,.sofiya-comment-sidebar p {
    margin: 0!important;
    width: 100%!important
}

.sofiya-comment-avatar-preview {
    overflow: hidden
}

.sofiya-user-avatar-img {
    padding: 0;
    margin: 0;
}

.sofiya-comment-avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields {
    gap: 8px
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields strong {
    width: 100%;
    border: 1px solid #ffffff14;
    background: #ffffff1a;
    color: #55be95;
    border-radius: 28px;
    padding: 12px 16px;
    outline: 0;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    font-weight: 400;
    font-size: .8rem
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields small {
    font-size: .7rem;
    word-break: break-word;
    width: 100%;
    border: 1px solid #ffffff14;
    background: #ffffff1a;
    color: #55be95;
    border-radius: 28px;
    padding: 12px 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    direction: ltr
}

.sofiya-comment-submit {
    position: relative
}

.sofiya-comment-submit__icon,.sofiya-comment-submit__loader {
    grid-area: 1/1;
    display: flex;
}

.sofiya-comment-submit__loader {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ffffff38;
    border-top-color: #fff;
    display: none;
    animation: sofiyaCommentSpin .8s linear infinite
}

.sofiya-comment-form.is-submitting .sofiya-comment-submit__icon {
    opacity: 0
}

.sofiya-comment-form.is-submitting .sofiya-comment-submit__loader {
    display: block
}

.sofiya-comment-form.is-submitting button,.sofiya-comment-form.is-submitting input,.sofiya-comment-form.is-submitting textarea {
    pointer-events: none
}

@keyframes sofiyaCommentSpin {
    to {
        transform: rotate(360deg)
    }
}

.sofiya-comment-children {
    display: grid;
    gap: 12px;
    margin-right: 28px;
    padding-right: 18px;
    border-right: 1px solid #ffffff14
}

.ig-comment--child {
    margin-right: 0!important
}

@media (max-width: 991px) {
    .sofiya-comment-form {
        grid-template-columns:1fr!important
    }

    .sofiya-comment-children {
        margin-right: 14px;
        padding-right: 12px
    }
}

@media (max-width: 640px) {
    .sofiya-comment-children {
        margin-right:10px;
        padding-right: 10px
    }
}

.site-header__inner--no-menu {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 20px
}

.site-header__inner--no-menu .site-branding {
    justify-self: start
}

.site-header__inner--no-menu .sofiya-header-user-actions {
    justify-self: end
}

.drawer-menu[hidden] {
    display: none!important
}

@media (max-width: 991px) {
    .site-header__inner--no-menu {
        grid-template-columns:auto 1fr;
        width: min(100%,calc(100% - 20px));
    }

    .site-header__inner--no-menu .site-branding img {
        max-height: 28px;
        width: auto
    }
}

.ig-comment__avatar--has-image,.sofiya-comment-avatar-preview--has-image {
    background: 0 0;
    border: 0;
    overflow: hidden
}

.ig-comment__avatar--has-image img,.sofiya-comment-avatar-preview--has-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit
}


.ig-comment__rank-icon,.sofiya-comment-rank__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #ffef01;
}



.ig-comment__author-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ig-comment__avatar {
    overflow: hidden
}

.ig-comment__avatar-text {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%
}

.sofiya-comment-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    flex-direction: row-reverse
}

.sofiya-comment-toggle input {
    margin: 0
}

.sofiya-comment-toggle__track {
    border: 1px solid #ffffff24;
    transition: .24s ease;
    box-shadow: inset 0 2px 10px #00000029
}

.sofiya-comment-toggle__thumb {
    position: absolute;
    top: 1px;
    right: 1px;
    box-shadow: 0 8px 18px #0000002e;
}

.sofiya-comment-toggle__option {
    position: absolute;
    top: 50%;
    transform: translateY(-52%);
    font-size: .5rem;
    font-weight: 400;
    pointer-events: none;
    transition: opacity .24s ease;
    color: #cfe3f7
}

.sofiya-comment-toggle__option--right {
    right: 4px;
    opacity: 0
}

.sofiya-comment-toggle__option--left {
    left: 4px;
    opacity: 1
}

.sofiya-comment-toggle__label {
    font-size: .6rem;
    color: #ffffffe6
}

.sofiya-comment-toggle input:checked+.sofiya-comment-toggle__track {
    background: #55be9538;
    border-color: #55be9566
}

.sofiya-comment-toggle input:checked+.sofiya-comment-toggle__track .sofiya-comment-toggle__thumb {
    transform: translateX(-28px);
    background: #55be95
}

.sofiya-comment-toggle input:checked+.sofiya-comment-toggle__track .sofiya-comment-toggle__option--right {
    opacity: 1
}

.sofiya-comment-toggle input:checked+.sofiya-comment-toggle__track .sofiya-comment-toggle__option--left {
    opacity: 0
}

@media (max-width: 640px) {
    .sofiya-comment-toggle {
        gap:10px
    }

    .sofiya-comment-toggle__track {
        width: 72px;
        height: 34px
    }

    .sofiya-comment-toggle__thumb {
        width: 26px;
        height: 26px
    }

    .sofiya-comment-toggle input:checked+.sofiya-comment-toggle__track .sofiya-comment-toggle__thumb {
        transform: translateX(-24px)
    }
}

.sofiya-list-vote-summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: #fff;
    font-size: .92rem
}

.sofiya-list-vote-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    opacity: .9
}

.sofiya-list-vote-summary__icon svg {
    width: 18px;
    height: 18px;
    display: block
}

.sofiya-list-vote-summary__score {
    font-weight: 800;
    color: var(--green)
}

.sofiya-list-vote-summary__total {
    color: #ffffffc7;
    font-weight: 700
}

.sofiya-public-list-hero__meta .sofiya-list-vote-summary {
    background: #ffffff0f;
    padding: 8px 12px;
    border-radius: 999px
}

.sofiya-public-list-grid-card__meta a {
    color: inherit;
    text-decoration: none
}

.sofiya-public-list-grid-card__meta a:hover {
    text-decoration: underline
}

.sofiya-list-vote-box-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start
}

.sofiya-list-vote-box-wrap__title {
    font-size: .7rem;
    color: #ffffffb8
}

.sofiya-vote-box--list {
    margin: 0
}

.sofiya-public-list-hero__meta .sofiya-vote-box--list {
    background: #ffffff0a;
    padding: 10px 12px;
    border-radius: 20px;
    border: 1px solid #ffffff0f
}

.sofiya-vote-box--list .sofiya-vote-btn {
    min-width: 62px;
    justify-content: center
}

.sofiya-vote-box--list .vote-count {
    font-weight: 800
}

.sofiya-vote-box--list .sofiya-vote-box__stats {
    padding-inline:0}

.sofiya-vote-box--list.is-locked .sofiya-vote-btn {
    cursor: default
}

@media (max-width: 767px) {
    .sofiya-public-list-hero__meta .sofiya-vote-box--list {
        width:100%
    }

    .sofiya-list-vote-box-wrap {
        width: 100%
    }

    .sofiya-vote-box--list .sofiya-vote-box__stats {
        width: 100%;
        justify-content: flex-start
    }
}

.sofiya-download-shell {
    display: grid;
    gap: 14px
}

.sofiya-download-panel__tools,.sofiya-download-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap
}

.sofiya-download-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.download-link-btn,.sofiya-download-tab,.sofiya-mini-tool {
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    color: #fff;
    border-radius: 12px;
    padding: 4px 10px;
    cursor: pointer;
    text-decoration: none;
    transition: .2s ease
}

.sofiya-mini-tool {
    border: 0;
    background: 0 0;
    font-size: 0.6rem;
    border-radius: 6px;
}

.sofiya-mini-tool:hover {
    background: #00da95;
    border-color: #00da95;
    color: #000;
}

.download-link-btn:hover,.sofiya-download-tab.is-active {
    background: #00da95;
    color: #00da95;
    border-color: #00da95
}

.sofiya-download-panel,.sofiya-season-panel {
    display: none
}

.sofiya-download-panel.is-active,.sofiya-season-panel.is-active {
    display: grid;
    gap: 14px
}

.sofiya-download-link-list {
    display: grid;
    gap: 10px;
    margin-top: 12px
}

.sofiya-download-link-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #ffffff0a;
    border: 1px solid #ffffff12
}

.sofiya-download-link-meta {
    display: grid;
    gap: 4px
}

.sofiya-download-link-meta strong {
    font-size: .98rem;
    color: #fff
}

.sofiya-download-link-meta span {
    font-size: .70rem;
    color: #ffffffad;
    text-transform: uppercase
}

.download-link-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.download-link-btn {
    padding: 8px 10px;
    font-size: .72rem;
    text-align: center
}

.download-link-btn.is-download {
    background: #00da95;
    color: #031a10;
    border-color: #00da95;
    width: 90px;
}

.download-link-btn.is-stream {
    background: #ffffff1a;
    width: 48px;
    margin-left: auto;
    justify-content: center;
    display: flex;
}

.download-link-btn.is-stream svg {
    width: 18px;
    height: 18px;
}

.download-info-note {
    margin-top: 10px;
    padding: 11px 14px;
    border-radius: 12px;
    background: #00da9517;
    border: 1px solid #00da952e;
    color: #d7fff1;
    font-size: .9rem;
    line-height: 1.8
}

.episode-row__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px
}

.episode-row__head div {
    display: grid;
    gap: 4px
}

.download-group,.episode-row,.season-box {
    background: #ffffff0a;
    border: 1px solid #ffffff0f;
    border-radius: 15px;
    padding: 16px
}

.download-group__head {
    margin-bottom: 6px
}

.download-group__title {
    font-size: 1.05rem
}

.download-group__meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: .85rem;
    color: #ffffffb3
}

@media (max-width: 991px) {
    .sofiya-download-tab,.sofiya-mini-tool {
        padding:10px 14px
    }

    .sofiya-download-link-row {
        flex-direction: column;
        align-items: stretch
    }

    .download-link-actions {
        width: 100%
    }

    .download-link-btn {
        justify-content: center;
        display: inline-flex
    }

    .download-box {
        padding: 18px
    }

    .download-group,.episode-row,.season-box {
        padding: 14px
    }
}

.download-link-btn:hover {
    background: #ffffff0f;
    color: #00da95;
    border-color: #00da95
}

.sofiya-download-group__title {
    font-size: .8rem;
    margin: 0 12px 12px 0;
}

.sofiya-download-group__rows {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sofiya-download-shell--movie,.sofiya-download-shell--series {
    display: grid;
    gap: 16px
}

.sofiya-episode-group,.sofiya-season-accordion,.sofiya-variant-group {
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    padding: 14px;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.sofiya-variant-group__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

.sofiya-dl-list {
    display: grid;
    gap: 10px
}

.sofiya-dl-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    border-radius: 15px;
    padding: 8px;
    position: relative;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.07) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.sofiya-dl-row__main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.sofiya-dl-row__badge {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: none
}

.sofiya-dl-row__quality-icon {
    width: 34px;
    height: 34px
}

.sofiya-dl-row__text {
    display: grid;
    gap: 2px;
    min-width: 0
}

.sofiya-dl-row__title {
    color: #fff;
    font-weight: 700;
    font-size: .78rem
}

.sofiya-dl-row__size {
    color: #ffffffb8;
    font-size: .6rem
}

.sofiya-dl-row__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end
}

.sofiya-icon-btn {
    width: 20px;
    height: 20px;
    border-radius: 0;
    display: grid;
    place-items: center;
    color: #fff;
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0
}

.sofiya-icon-btn__svg {
    width: 18px;
    height: 18px;
}

.sofiya-stream-warning {
    grid-column: 1/-1;
    padding: 10px 12px;
    border-radius: 12px;
    background: #ff57571f;
    border: 1px solid #ff575747;
    color: #ffd7d7;
    font-size: .86rem
}

.sofiya-episode-group__head,.sofiya-season-accordion__head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: 0 0;
    border: none;
    color: #fff;
    padding: 0;
    cursor: pointer;
    text-align: right
}

.sofiya-episode-group__body,.sofiya-season-accordion__body {
    margin-top: 14px
}

.sofiya-episode-group__body[hidden],.sofiya-season-accordion__body[hidden] {
    display: none!important
}

.sofiya-episode-group.is-open>.sofiya-episode-group__head .sofiya-season-accordion__icon--episode,.sofiya-season-accordion.is-open>.sofiya-season-accordion__head .sofiya-season-accordion__icon--season {
    transform: rotate(180deg)
}

.sofiya-season-accordion__icon {
    display: inline-grid;
    place-items: center;
    transition: .2s ease
}

.sofiya-episode-group__tools {
    display: flex;
    gap: 8px;
    align-items: center
}

.sofiya-info-dot,.sofiya-info-dot svg {
    width: 18px;
    height: 18px
}

.sofiya-season-accordion__meta,.sofiya-episode-group__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0
}

.sofiya-season-accordion__season,.sofiya-season-accordion__status,.sofiya-episode-group__variant,.sofiya-episode-group__quality,.sofiya-episode-group__count,.sofiya-episode-group__avg {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #ffffff14;
    background: #ffffff0d;
    border-radius: 12px;
    padding: 6px 10px;
    color: #ffffffe6;
    font-size: .8rem;
}

.sofiya-episode-group__version, .sofiya-episode-group__quality, .sofiya-episode-group__count, .sofiya-episode-group__avg {
    background: transparent;
    border: 0;
    font-size: .6rem;
}

.sofiya-season-accordion__season,.sofiya-episode-group__variant {
    background: #00da9517;
    border-color: #00da955c;
    color: #fff;
    font-weight: 800
}

.sofiya-season-accordion__status {
    color: #c9fff0;
    background: transparent;
    border: 0;
}

.sofiya-episode-group__meta b {
    font-weight: 800;
    color: #fff
}

.sofiya-episode-links {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.sofiya-episode-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sofiya-episode-chip__download,.sofiya-episode-chip__play,.sofiya-quality-btn {
    color: #fff;
    border-radius: 999px;
    padding: 8px 14px;
    text-decoration: none;
    cursor: pointer;
    font-size: .72rem;
}

.sofiya-episode-chip__download {
    background: var(--green);
    border-radius: 12px;
    color: #000;
    min-width: 84px;
    text-align: center;
}

.sofiya-episode-chip__download:hover {
    background: var(--bgdarkbox);
    border-radius: 12px;
    color: #fff;
}

.sofiya-episode-chip__play {
    border-radius: 10px;
    padding: 6px;
    border: 1px solid #ffffff1a;
    background: #ffffff0d;
    margin: 0;
    display: flex
}

.sofiya-episode-chip__play:hover {
    background: var(--bgdarkbox);
}

.sofiya-episode-chip__play svg {
    width: 18px;
    height: 18px;
}

.sofiya-info-modal,.sofiya-player-modal {
    position: fixed;
    inset: 0;
    z-index: 99999
}

.sofiya-info-modal__backdrop,.sofiya-player-modal__backdrop {
    position: absolute;
    inset: 0;
    background: #000000b8;
    backdrop-filter: blur(4px)
}

.sofiya-player-modal__dialog {
    position: relative;
    max-width: 1100px;
    margin: 3vh auto;
    padding: 18px;
    border-radius: 20px;
    background: #0f1014;
    border: 1px solid #ffffff14;
    width: min(94vw,1100px)
}

.sofiya-player-modal__top {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 10px
}

.sofiya-player-modal__back {
    color: #fff;
    text-decoration: none
}

.sofiya-player-modal__titles {
    display: grid;
    gap: 4px;
    flex: 1
}

.sofiya-player-modal__titles strong {
    font-size: 1rem
}

.sofiya-player-modal__titles span {
    font-size: .86rem;
    color: #ffffffb3
}

.sofiya-info-modal__close,.sofiya-player-modal__close {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center
}

.sofiya-player-modal__qualities {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px
}

.sofiya-quality-btn.is-active {
    background: #00da95;
    color: #02140d;
    border-color: #00da95
}

.sofiya-info-modal__dialog {
    position: relative;
    max-width: 560px;
    margin: 12vh auto;
    padding: 24px;
    border-radius: 22px;
    background: #071711;
    border: 1px solid #12302c;
    width: min(92vw,560px);
    color: #fff;
    font-size: .78rem
}

.sofiya-info-modal__dialog strong {
    display: block;
    margin-bottom: 12px
}

.sofiya-info-modal__dialog p {
    margin: 0 0 10px;
    color: #fffc;
    line-height: 1.8
}

@media (max-width: 991px) {
    .sofiya-dl-row {
        /*! grid-template-columns:1fr; */
    }

    .sofiya-icon-btn:first-of-type {
        margin-right: auto;
    }

    .sofiya-dl-row__actions {
        justify-content: stretch
    }

    .sofiya-player-modal__dialog {
        margin: 0;
        padding: 14px;
        border-radius: 0;
        min-height: 100vh;
        width: 100vw
    }

    .sofiya-player-modal__top {
        padding-inline-start:38px}
}

@media (max-width: 600px) {
    .sofiya-dl-row {
        grid-template-columns: minmax(0,1fr) auto;
        gap: 8px;
    }

    .sofiya-dl-row__main {
        gap: 6px;
    }

    .sofiya-dl-row__badge {
        width: 34px;
        height: 34px;
    }

    .sofiya-dl-row__badge svg {
        width: 34px;
        height: 34px;
    }

    .sofiya-dl-row__text {
    }

    .sofiya-dl-row__title {
        font-size: 0.58rem;
    }

    .sofiya-dl-row__size {
        font-size: 0.54rem;
    }

    .sofiya-dl-row__size span {
        display: none;
    }

    .sofiya-dl-row__actions {
        gap: 6px;
    }

    .download-link-btn.is-download {
        width: 80px;
        font-size: 0.65rem;
        padding: 6px;
    }

    .download-link-btn.is-stream {
        width: 40px;
        padding: 5px;
    }

    .download-link-btn.is-stream svg {
        width: 16px;
        height: 16px;
    }

    .download-box {
        padding: 10px;
    }
}

@media (max-width: 370px) {
    .sofiya-dl-row {
        grid-template-columns: minmax(0,1fr) auto;
        gap: 8px;
    }

    .sofiya-dl-row__main {
        gap: 6px;
    }

    .sofiya-dl-row__badge {
        width: 34px;
        height: 34px;
    }

    .sofiya-dl-row__badge svg {
        width: 34px;
        height: 34px;
    }

    .sofiya-dl-row__title {
        font-size: 0.58rem;
    }

    .sofiya-dl-row__size {
        font-size: 0.54rem;
    }

    .sofiya-dl-row__size span {
        display: none;
    }

    .sofiya-dl-row__actions {
        gap: 6px;
    }

    .download-link-btn.is-download {
        width: 60px;
        font-size: 0.65rem;
        padding: 6px;
    }

    .download-link-btn.is-stream {
        width: 38px;
        padding: 5px;
    }

    .download-link-btn.is-stream svg {
        width: 16px;
        height: 16px;
    }

    .sofiya-icon-btn {
        width: 18px;
        height: 18px;
    }

    .sofiya-icon-btn__svg {
        width: 16px;
        height: 16px;
    }

    .download-box {
    }
}

.sofiya-season-accordion__body {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sofiya-season-accordion__body[hidden] {
    display: none!important
}

.sofiya-icon-btn__copy-feedback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap
}

.sofiya-collections-page,.sofiya-top250-page {
    padding-bottom: 32px
}

.sofiya-collections-page__head,.sofiya-top250-page__head {
    display: grid;
    gap: 18px;
    justify-content: center;
    text-align: center;
}

.sofiya-top250-switch {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.sofiya-top250-switch__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 14px;
    border: 1px solid #ffffff1f;
    background: #00e0a9;
    color: #000;
    text-decoration: none;
    transition: .2s ease
}

.sofiya-loadmore-btn:hover,.sofiya-top250-switch__btn.is-active,.sofiya-top250-switch__btn:hover {
    background: #55be9529;
    border-color: #55be9570;
    color: #fff;
}

.sofiya-loadmore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 26px;
    border: 1px solid #ffffff1f;
    background: #00e0a9;
    color: #000;
    text-decoration: none;
    transition: .2s ease;
}

.sofiya-collection-post-grid,.sofiya-top250-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 12px;
}

.sofiya-collection-post-card,.sofiya-top-card {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.sofiya-collection-post-card__media,.sofiya-top-card__media {
    display: block;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background: var(--bg);
    aspect-ratio: 2/3;
}

.sofiya-collection-post-card__media img,.sofiya-top-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sofiya-collection-post-card__imdb,.sofiya-top-card__imdb {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px;
    border-radius: 9px;
    font-size: .7rem;
    font-weight: 400;
    background: #111d17;
    color: #ecbc00;
}

.sofiya-top-card__rank {
    position: absolute;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--green);
    color: #07130f;
    font-size: .88rem;
    font-weight: 900;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

.sofiya-collection-post-card__body,.sofiya-top-card__body {
    display: grid;
    gap: 6px;
}

.sofiya-collection-post-card__genres,.sofiya-top-card__genres {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.sofiya-collection-post-card__genres span,.sofiya-top-card__genres span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #ffffff14;
    font-size: .56rem;
    color: #f1f1f1;
    background: var(--bg);
}

.sofiya-collection-post-card__title,.sofiya-top-card__title {
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: center;
    font-size: 0.7rem;
}

.sofiya-collection-post-card__subtitle,.sofiya-top-card__subtitle {
    color: #ffffffb3;
    font-size: .64rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sofiya-loadmore-wrap {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.sofiya-loadmore-btn__loader {
    display: none;
    width: 18px;
    height: 18px;
    animation: sofiyaSpin .9s linear infinite
}

.sofiya-loadmore-btn.is-loading .sofiya-loadmore-btn__loader,.sofiya-top250-switch__btn.is-loading .sofiya-loadmore-btn__loader {
    display: inline-flex
}

.sofiya-loadmore-btn.is-loading span:first-child {
    opacity: .72
}

@keyframes sofiyaSpin {
    to {
        transform: rotate(360deg)
    }
}

.sofiya-collections-search {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 18px;
    border-radius: 22px;
    background: #ffffff0f;
    border: 1px solid #ffffff1a
}

.sofiya-collections-search__icon {
    display: inline-flex;
    margin-left: 12px;
    color: #ffffffb8
}

.sofiya-collections-search input {
    width: 100%;
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: .96rem;
    outline: 0
}

.sofiya-collections-search__results {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: 0;
    display: none;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
    border-radius: 22px;
    background: #0e1418;
    border: 1px solid #ffffff1a;
    box-shadow: 0 20px 50px #00000047;
    z-index: 40
}

.sofiya-collections-search__results.is-visible {
    display: grid
}

.sofiya-collection-search-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 14px;
    text-decoration: none;
    color: #fff;
    background: #ffffff0a
}

.sofiya-collection-search-item__thumb {
    width: 80px;
    height: 48px;
    border-radius: 12px;
    overflow: hidden;
    flex: none
}

.sofiya-collection-search-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sofiya-collection-search-item__content {
    display: grid;
    gap: 4px
}

.sofiya-collection-search-item__content small {
    color: #ffffffad
}

.sofiya-collections-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 16px
}

.sofiya-collection-tile {
    display: grid;
    gap: 12px;
    padding: 12px;
    border-radius: 26px;
    background: #ffffff0a;
    border: 1px solid #ffffff12
}

.sofiya-collection-tile__hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 158px;
    padding: 16px;
    border-radius: 20px;
    overflow: hidden;
    background: #10151a center/cover no-repeat;
    text-decoration: none;
    color: #fff
}

.sofiya-collection-tile__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,#06090e1a,#06090ee6)
}

.sofiya-collection-tile__meta {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 4px
}

.sofiya-collection-tile__meta strong {
    font-size: 1.05rem
}

.sofiya-collection-tile__meta small {
    color: #ffffffc2
}

.sofiya-collection-tile__items {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px
}

.sofiya-collection-tile__item {
    display: block;
    aspect-ratio: 1/1;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff0a
}

.sofiya-collection-tile__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sofiya-collection-hero__content {
    justify-content: center;
    text-align: center
}

.sofiya-collection-hero__meta {
    margin-inline:auto;max-width: 760px
}

@media (max-width: 1199px) {
    .sofiya-collection-post-grid,.sofiya-top250-grid {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }

    .sofiya-collections-grid {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (max-width: 991px) {
    .sofiya-collection-post-grid,.sofiya-top250-grid {
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap: 14px
    }

    .sofiya-collections-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 767px) {
    .sofiya-collection-post-grid,.sofiya-top250-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap: 12px
    }

    .sofiya-collections-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sofiya-collection-tile__hero {
        min-height: 150px
    }

    .sofiya-collection-search-item__thumb {
        width: 66px;
        height: 42px
    }

    .sofiya-collection-post-card__genres span, .sofiya-top-card__genres span {
        font-size: .5rem;
        min-height: 20px;
    }
}

.site-overlay {
    z-index: 128
}

.drawer-menu {
    display: none!important
}

.sofiya-app-menu {
    position: fixed;
    top: var(--header-h,64px);
    right: 0;
    left: 0;
    bottom: 0px;
    z-index: 129;
    padding: 0 12px calc(54px + env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    align-items: flex-end;
    pointer-events: none
}

.sofiya-app-menu__viewport {
    position: relative;
    width: min(520px,100%);
    height: min(78dvh,calc(100dvh - var(--header-h,64px) - 18px));
    max-height: calc(100dvh - var(--header-h,64px) - 18px);
    background: var(--bgdark);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 32px 32px 0 0;
    overflow: hidden;
    transform: translateY(calc(100% + 60px));
    transition: transform .34s ease;
    pointer-events: auto
}

.sofiya-app-menu.is-open .sofiya-app-menu__viewport {
    transform: translateY(0)
}

.sofiya-app-menu__panel {
    position: absolute;
    inset: 0;
    padding: 0 14px 40px 14px;
    overflow: auto;
    background: var(--bgdark);
    transform: translateX(108%);
    transition: transform .32s ease,opacity .2s ease;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.sofiya-app-menu__panel.is-active {
    transform: translateX(0);
    opacity: 1;
    z-index: 2
}

.sofiya-app-menu__panel.is-prev {
    transform: translateX(-24%);
    opacity: .35;
    z-index: 1
}

.sofiya-app-menu__top {
    position: sticky;
    top: 0;
    z-index: 6;
    padding: 10px 0 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sofiya-app-menu__handle {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    width: 100%
}

.sofiya-app-menu__handle span {
    display: block;
    width: 90px;
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.28)
}

.sofiya-app-menu__close,.sofiya-app-menu__back {
    border: 0;
    background: transparent;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    transform: rotate(180deg);
    align-items: center;
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    padding: 0;
    margin: 0;
}

.sofiya-app-menu__close {
    position: absolute;
    top: 14px;
    left: 0;
}

.sofiya-app-menu__close .sofiya-icon,.sofiya-app-menu__back .sofiya-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 24px;
    display: block;
}

.sofiya-app-menu__subhead {
    position: sticky;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 12px;
    background: var(--bgdark);
    top: 0;
    padding-top: 14px;
}

.sofiya-app-menu__subhead strong {
    font-size: 1rem;
    position: absolute;
    right: 54px;
}

.sofiya-app-menu__account,.sofiya-app-menu__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none;
    color: #fff;
    background: var(--bgdarkbox);
    border: 0;
    width: 100%;
    text-align: right
}

.sofiya-app-menu__account {
    border-radius: 12px;
    margin-bottom: 18px;
    margin-top: 4rem;
}

.sofiya-app-menu__account-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #20242b;
    display: grid;
    place-items: center;
    flex: 0 0 64px
}

.sofiya-app-menu__account-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sofiya-app-menu__account-avatar svg {
    width: 28px;
    height: 28px
}

.sofiya-app-menu__account-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0
}

.sofiya-app-menu__account-meta strong {
    font-size: .98rem;
    line-height: 1.4
}

.sofiya-app-menu__account-meta small {
    color: rgba(255,255,255,.62);
    font-size: .85rem;
    direction: ltr;
    text-align: right
}

.sofiya-app-menu__section {
    background: #171a20;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.04)
}

.sofiya-app-menu__section + .sofiya-app-menu__section {
    margin-top: 18px
}

.sofiya-app-menu__row + .sofiya-app-menu__row {
    border-top: 1px solid rgba(255,255,255,.06)
}

.sofiya-app-menu__row--button {
    cursor: pointer
}

.sofiya-app-menu__row-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1
}

.sofiya-app-menu__row-icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: var(--menu-icon-bg,#00da95);
    display: flex;
    align-items: center;
    color: #fff;
    flex: 0 0 34px;
    justify-content: center;
}

.sofiya-app-menu__row-icon svg,.sofiya-app-menu__row-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.sofiya-app-menu__row-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.sofiya-app-menu__row-text strong {
    font-size: .8rem;
    line-height: 1.4;
    color: #fff
}

.sofiya-app-menu__row-text small {
    font-size: .72rem;
    color: rgba(255,255,255,.58);
    line-height: 1.5
}

.sofiya-app-menu__row-arrow {
    color: rgba(255,255,255,.42);
    line-height: 1;
    flex: 0 0 auto;
    display: grid;
    place-items: center
}

.sofiya-app-menu__row-arrow svg {
    width: 18px;
    height: 18px;
    display: block;
    transform: rotate(180deg);
}

.sofiya-app-menu__notice-badge {
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #ff453a;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: .70rem;
    font-weight: 700;
    padding: 0 8px;
    margin-inline-start:auto}

.sofiya-app-menu__section--notice {
    margin-bottom: 18px
}

.sofiya-app-menu__panel::-webkit-scrollbar {
    display: none
}

body.sofiya-menu-open {
    overflow: visible
}

@media (max-width: 991px) {
    .sofiya-app-menu {
        padding:0 0 calc(0 + env(safe-area-inset-bottom));
    }

    .sofiya-app-menu__viewport {
        width: 100%;
        border-radius: 28px 28px 0 0;
        transform: translateY(calc(100% + 120px));
    }

    .sofiya-app-menu__panel {
        padding: 0 12px 90px;
    }

    .bottom-glass-nav {
        z-index: 130
    }

    .sofiya-app-menu {
        z-index: 129
    }
}

@media (min-width: 992px) {
    .sofiya-app-menu {
        padding-inline:12px;
        left: 0;
        right: 0
    }

    .sofiya-app-menu__viewport {
        width: min(520px,calc(100% - 24px))
    }
}

/* Sofiya 2.8.8 - glass-native people/details fade */
#sofiya-download-box {
    scroll-margin-top: 96px
}

.people-details-box {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg,var(--glass-bg-1),var(--glass-bg-2));
    border: 1px solid rgba(255,255,255,.12)!important;
    box-shadow: var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%)
}

.people-details-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg,#00000014,#fff0 120px);
    z-index: 0
}

.people-details-box>* {
    position: relative;
    z-index: 1
}

.people-details-box__head {
    margin-bottom: 14px
}

.people-details-box__clip {
    position: relative;
    transition: max-height .35s ease;
    will-change: max-height
}

.people-details-box.is-collapsed .people-details-box__clip {
    max-height: 330px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.42) 84%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.42) 84%,rgba(0,0,0,0) 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.people-details-box:not(.is-collapsed) .people-details-box__clip {
    max-height: none;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none
}

.people-details-box.is-collapsed .people-details-box__clip:after {
    content: none!important
}

.people-details-box__people {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(118px,140px);
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 14px;
    margin-bottom: 14px;
    scrollbar-width: none
}

.people-details-box__people::-webkit-scrollbar {
    display: none
}

.person-card--compact {
    flex: initial;
    min-width: 0
}

.people-details-box__details {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.people-details-box__detail {
    background: rgba(255,255,255,.07)!important;
    border-color: rgba(255,255,255,.12)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.people-details-box__detail strong {
    color: #fff;
    font-weight: 800
}

.people-details-box__detail span {
    line-height: 1.8
}

.people-details-box__more {
    position: absolute;
    left: 50%;
    bottom: 14px;
    z-index: 4;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    color: #fff;
    border-radius: 999px;
    padding: 9px 22px;
    font-weight: 400;
    cursor: pointer;
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    font-size: 0.8rem;
}

.people-details-box__more:hover {
    background: linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.12));
    border-color: rgba(255,255,255,.28);
    transform: translateX(-50%) translateY(-1px)
}

.people-details-box:not(.is-collapsed) {
    overflow: visible
}

.people-details-box:not(.is-collapsed) .people-details-box__more {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    display: block;
    margin: 18px auto 0
}

.people-details-box:not(.is-collapsed) .people-details-box__more:hover {
    transform: translateY(-1px)
}

@supports not ((mask-image: linear-gradient(#000,#0000)) or (-webkit-mask-image:linear-gradient(#000,#0000))) {
    .people-details-box.is-collapsed .people-details-box__clip:after {
        content:""!important;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 96px;
        pointer-events: none;
        background: linear-gradient(180deg,rgba(8,10,12,0),rgba(8,10,12,.22) 60%,rgba(8,10,12,.44));
        backdrop-filter: blur(10px) saturate(130%);
        -webkit-backdrop-filter: blur(10px) saturate(130%)
    }
}

@media (max-width: 767px) {
    #sofiya-download-box {
        scroll-margin-top:84px
    }

    .people-details-box.is-collapsed .people-details-box__clip {
        max-height: 390px
    }

    .people-details-box__people {
        grid-auto-columns: minmax(106px,124px);
        gap: 10px
    }

    .people-details-box__details {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 10px
    }

    .people-details-box__detail {
        padding: 12px 10px!important
    }

    .people-details-box__more {
        bottom: 12px;
        padding: 8px 18px
    }
}

/* Sofiya pricing page */
.sofiya-pricing-page {
    padding: 44px 0 96px;
    min-height: calc(100vh - 120px);
    background: radial-gradient(circle at 50% 0,#ffffff10 0,transparent 34%),linear-gradient(180deg,#05070b 0,#020204 100%)
}

.sofiya-pricing-shell {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.sofiya-pricing-hero {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff
}

.sofiya-pricing-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    background: #ffffff12;
    border: 1px solid #ffffff1c;
    color: var(--green);
    font-weight: 800
}

.sofiya-pricing-hero h1 {
    margin: 0;
    font-size: clamp(28px,4vw,48px);
    font-weight: 900;
    letter-spacing: -.04em;
    font-size: 1.8rem;
    margin-top: 20px;
}

.sofiya-pricing-hero p {
    margin: 0;
    color: #b9c0cc;
    font-size: .8rem;
    max-width: 620px;
    line-height: 2
}

.sofiya-pricing-alert,.sofiya-pricing-login-note {
    min-height: 64px;
    border-radius: 26px;
    background: var(--bgdarkbox);
    border: 1px solid #ffffff12;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px 22px;
    font-weight: 900;
    box-shadow: 0 18px 50px #00000036
}

.sofiya-pricing-login-note {
    min-height: 52px;
    background: #ff3f7c14;
    border-color: #ff3f7c38;
    color: #ffd7e3
}

.sofiya-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 26px;
    align-items: stretch
}

.sofiya-pricing-card {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    border-radius: 28px;
    background: linear-gradient(180deg,var(--bgdark),var(--bgdarkbox));
    border: 1px solid #ffffff0f;
    color: #fff;
    padding: 36px 32px 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 24px 70px #0000003d;
    isolation: isolate
}

.sofiya-pricing-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,#ffffff0b,transparent 48%);
    opacity: .75;
    z-index: -1
}

.sofiya-pricing-card.is-recommended {
    border-color: #3fffc954;
    box-shadow: 0 24px 82px #ff3f7c1c,0 24px 70px #00000045;
    background: linear-gradient(206.72deg,#305f58 2.34%,var(--bgdark) 92.37%);
}

.sofiya-pricing-card__ribbon {
    position: absolute;
    top: 12px;
    left: 12px;
    writing-mode: vertical-rl;
    background: var(--green);
    color: #070707;
    font-weight: 900;
    padding: 14px 10px 24px;
    border-radius: 10px 10px 0 0;
    line-height: 1;
    clip-path: polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)
}

.sofiya-pricing-card__discount {
    position: absolute;
    top: 24px;
    left: 24px;
    border-radius: 999px;
    background: #ffffff14;
    border: 1px solid #ffffff1a;
    color: #ffcad9;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 900
}

.sofiya-pricing-card__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin: 10px 0 18px;
    color: #fff
}

.sofiya-pricing-card__icon svg {
    width: 30px;
    height: 30px;
    display: block
}

.sofiya-pricing-card h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.03em
}

.sofiya-pricing-card__period {
    margin-top: 8px;
    color: #9aa3af;
    font-weight: 700
}

.sofiya-pricing-card__price {
    width: 100%;
    min-height: 104px;
    margin: 22px 0 18px;
    padding: 0 0 26px;
    border-bottom: 1px solid #ffffff20;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center
}

.sofiya-pricing-card__price del {
    color: #8d949d;
    font-weight: 800;
    text-decoration-thickness: 2px
}

.sofiya-pricing-card__price strong {
    font-size: 26px;
    font-weight: 950;
    letter-spacing: -.03em;
    color: #fff
}

.sofiya-pricing-card.is-free .sofiya-pricing-card__price strong {
    font-size: 30px;
    color: #49f2b7;
    text-shadow: 0 0 26px #49f2b733
}

.sofiya-pricing-card__features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-bottom: 24px;
    color: #aeb6c3;
    font-size: 13px;
    line-height: 1.9
}

.sofiya-pricing-card__features span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.sofiya-pricing-card__features span:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 18px var(--green);
}

.sofiya-pricing-card__button {
    margin-top: auto;
    min-height: 54px;
    width: min(100%,270px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 14px;
    background: var(--bgdarkbox);
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    border: 1px solid var(--green);
    transition: transform .2s ease,background .2s ease,box-shadow .2s ease
}

.sofiya-pricing-card__button:hover {
    color: #000;
    background: var(--green);
    transform: translateY(-2px);
    box-shadow: 0 18px 35px #3fffae30;
}

.sofiya-pricing-card__button svg {
    width: 20px;
    height: 20px;
}

@media(max-width: 1180px) {
    .sofiya-pricing-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .sofiya-pricing-card {
        min-height: 400px
    }
}

@media(max-width: 680px) {
    .sofiya-pricing-page {
        padding:28px 0 82px
    }

    .sofiya-pricing-shell {
        gap: 18px
    }

    .sofiya-pricing-alert {
        border-radius: 20px;
        min-height: auto;
        font-size: 13px
    }

    .sofiya-pricing-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .sofiya-pricing-card {
        border-radius: 20px;
        min-height: auto;
        padding: 30px 24px
    }

    .sofiya-pricing-card__ribbon {
        top: 20px;
        right: 20px
    }

    .sofiya-pricing-card__price {
        min-height: 88px
    }

    .sofiya-pricing-card__button {
        width: 100%
    }
}

/* iOS PWA download copy / stream browser notice */
.sofiya-global-notice {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 140px;
    z-index: 999999;
    max-width: 520px;
    margin: 0 auto;
    direction: rtl;
    text-align: right;
    border-radius: 22px;
    padding: 16px 48px 15px 18px;
    color: #073326;
    background: linear-gradient(135deg, rgba(146,255,210,.72), rgba(69,218,149,.46));
    border: 1px solid rgba(190,255,226,.58);
    box-shadow: 0 18px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.32);
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    transform: translateY(18px);
    opacity: 0;
    transition: opacity .24s ease, transform .24s ease;
}

.sofiya-global-notice.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.sofiya-global-notice[hidden] {
    display: none!important
}

.sofiya-global-notice.is-danger {
    color: #ffe8e8;
    background: linear-gradient(135deg, rgba(92,9,20,.86), rgba(155,25,42,.64));
    border-color: rgba(255,115,130,.42);
}

.sofiya-global-notice__title {
    font-weight: 950;
    font-size: .94rem;
    line-height: 1.7;
    color: #ffd84d
}

.sofiya-global-notice.is-success .sofiya-global-notice__title {
    color: #065a3f
}

.sofiya-global-notice__text {
    font-size: .84rem;
    line-height: 1.9;
    font-weight: 750;
    color: inherit
}

.sofiya-global-notice__close {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: currentColor;
    background: rgba(255,255,255,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

@media(max-width: 560px) {
    .sofiya-global-notice {
        left:12px;
        right: 12px;
        bottom: 140px;
        border-radius: 20px;
        padding: 15px 46px 14px 16px
    }
}

/* Sofiya comments v3: Telegram/Instagram style composer + chat bubbles */
.sofiya-comments-area {
    margin-top: 28px
}

.sofiya-comments-layout {
    gap: 18px
}

.sofiya-comment-form-wrap,.sofiya-comments-list-wrap {
    position: relative;
    border-radius: 28px;
    background: linear-gradient(135deg,#ffffff12,#ffffff08);
    border: 1px solid #ffffff18;
    box-shadow: 0 18px 60px #00000038;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    padding: 16px
}

.sofiya-comment-form {
    display: grid;
    gap: 12px;
    margin: 0
}

.sofiya-comment-form .comment-reply-title {
    font-size: .86rem;
    font-weight: 900;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.sofiya-comment-cancel-reply {
    display: inline-flex!important;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #ffffff1f;
    border-radius: 999px;
    background: #ffffff10;
    color: #fff;
    font-size: .72rem;
    cursor: pointer;
    transition: .2s ease
}

.sofiya-comment-cancel-reply[aria-hidden="true"],.sofiya-comment-cancel-reply[style*="display:none"] {
    display: none!important
}

.sofiya-comment-cancel-reply:hover {
    background: #ff5b6f22;
    border-color: #ff5b6f55;
    color: #ffd7dd
}

.sofiya-comment-cancel-reply__icon svg {
    width: 14px;
    height: 14px;
    display: block
}

.sofiya-comment-main {
    min-width: 0
}

.sofiya-comment-field-wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: end;
    border-radius: 20px;
    background: #05070bcc;
    border: 1px solid #ffffff18;
    padding: 10px;
    box-shadow: inset 0 1px 0 #ffffff0e
}

.sofiya-comment-field-wrap textarea {
    grid-column: 1/-1;
    width: 100%;
    min-height: 54px;
    max-height: 160px;
    resize: vertical;
    border: 0!important;
    outline: 0!important;
    background: transparent!important;
    color: #fff!important;
    padding: 4px 4px 0!important;
    box-shadow: none!important;
    line-height: 1.9;
    font-size: .86rem
}

.sofiya-comment-field-wrap textarea::placeholder {
    color: #ffffff73
}

.sofiya-comment-submit-wrap {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 2px
}

.sofiya-comment-submit.sofiya-comment-submit--inline {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    border: 0;
    background: linear-gradient(135deg,#55be95,#7ff0be);
    color: #06120e;
    box-shadow: 0 10px 26px #55be9540;
    cursor: pointer;
    transition: transform .18s ease,filter .18s ease
}

.sofiya-comment-submit.sofiya-comment-submit--inline:hover {
    transform: translateY(-1px);
    filter: saturate(1.1)
}

.sofiya-comment-submit__icon svg {
    width: 24px;
    height: 24px;
    display: block
}

.sofiya-comment-toggle--spoiler {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    color: #ffffffc9;
    font-size: .72rem;
    white-space: nowrap
}

.sofiya-comment-toggle--spoiler input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sofiya-comment-toggle__track {
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #ffffff18;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 2px;
    overflow: hidden
}

.sofiya-comment-toggle__thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffffb8;
    transition: .2s ease;
    display: block
}

.sofiya-comment-toggle--spoiler input:checked+.sofiya-comment-toggle__track {
    background: #ffb54755
}

.sofiya-comment-toggle--spoiler input:checked+.sofiya-comment-toggle__track .sofiya-comment-toggle__thumb {
    transform: translateX(-14px);
    background: #ffcf7a
}

.sofiya-comment-toggle__option {
    display: none!important
}

.sofiya-comment-reply-indicator {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 4px;
    padding: 8px 10px;
    border-radius: 14px;
    background: #55be9517;
    border: 1px solid #55be9533;
    color: #d9ffef;
    font-size: .70rem;
    line-height: 1.6
}

.sofiya-comment-reply-indicator[hidden] {
    display: none!important
}



.sofiya-comment-avatar-preview {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--avatar-color,#17335b);
    overflow: hidden;
    color: #fff;
    font-weight: 900
}

.sofiya-comment-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}

.sofiya-comment-sidebar__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    min-width: 0
}

.sofiya-comment-sidebar__fields--logged {
    display: block;
    color: #fff
}

.sofiya-comment-sidebar__fields--logged small {
    display: block;
    color: #ffffff8f;
    font-size: .72rem;
    margin-top: 2px
}

.sofiya-comment-sidebar input {
    width: 100%;
    height: 42px;
    border-radius: 16px!important;
    border: 1px solid #ffffff16!important;
    background: #0000002e!important;
    color: #fff!important;
    padding: 0 12px!important;
    outline: 0!important
}

.comments-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px
}

.comments-toolbar__count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: #ffffff0d;
    border: 1px solid #ffffff16;
    color: #fff;
    font-weight: 900;
    font-size: .8rem
}

.comments-sort {
    position: relative
}

.comments-sort__trigger {
    border-radius: 999px;
    border: 1px solid #ffffff16;
    background: #ffffff0d;
    color: #fff;
    cursor: pointer;
}

.comments-sort__trigger svg {
    color: #fff;
    cursor: pointer;
    transform: scale(0.7);
}

.comments-sort__menu {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    min-width: 170px;
    padding: 8px;
    border-radius: 15px;
    background: #10141be8;
    border: 1px solid #ffffff18;
    box-shadow: 0 18px 45px #00000066;
    z-index: 8;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px)
}

.comments-sort__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 13px;
    color: #fff;
    font-size: .72rem;
    cursor: pointer
}

.comments-sort__item:hover {
    background: #ffffff0d
}

.comments-sort__item input {
    accent-color: #55be95
}

.instagram-comments {
    display: grid;
    gap: 12px
}

.ig-comment {
    display: grid!important;
    grid-template-columns: 44px minmax(0,1fr)!important;
    gap: 10px!important;
    align-items: flex-start!important;
    padding: 0!important;
    border: 0!important;
    background: transparent!important
}

.ig-comment--child {
    margin-right: 42px!important;
    position: relative
}

.ig-comment--child:before {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 15px;
    height: 31px;
    border-right: 1px solid #ffffff18;
    border-bottom: 1px solid #ffffff18;
    border-radius: 0 0 12px 0
}

.ig-comment__avatar {
    width: 44px!important;
    height: 44px!important;
    border-radius: 16px!important;
    background: var(--avatar-color,#17335b);
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 10px 24px #00000026;
    border: 1px solid #ffffff14;
    transition: .18s ease
}

.ig-comment__avatar:hover {
    transform: translateY(-1px);
    border-color: #55be9570
}



.ig-comment__avatar-text {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%
}

.ig-comment__body {
    min-width: 0;
    display: grid;
    gap: 5px
}

.ig-comment__bubble {
    position: relative;
    border-radius: 30px 8px 30px 30px;
    background: linear-gradient(135deg,#ffffff12,#ffffff08);
    border: 1px solid #ffffff16;
    padding: 12px 16px 12px;
    box-shadow: 0 12px 34px #00000026;
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%)
}

.ig-comment__topline {
    display: flex!important;
    align-items: flex-start!important;
    justify-content: space-between!important;
    gap: 10px!important
}

.ig-comment__author-wrap {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.ig-comment__author-line {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0
}

.ig-comment__author {
    font-size: .78rem!important;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    line-height: 1.4;
    text-shadow: none!important
}

.ig-comment__author:hover {
    color: #9fffc7
}

.ig-comment__rank {
    display: inline-flex!important;
    align-items: center;
    gap: 4px;
    margin: 0!important;
    border-radius: 999px;
    color: #ffe300;
    font-size: .62rem!important;
    line-height: 1.5;
    white-space: nowrap
}

.ig-comment__rank-icon svg {
    width: 15px !important;
    height: 15px !important;
    display: block
}

.ig-comment__date {
    font-size: .62rem!important;
    color: #ffffff7a!important;
    white-space: nowrap;
    text-shadow: none!important
}

.ig-comment__replyto {
    font-size: .66rem!important;
    color: #9fffc7!important;
    text-shadow: none!important
}

.ig-comment__pending {
    display: inline-flex;
    margin-top: 8px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #ffc1071f;
    border: 1px solid #ffc1072e;
    color: #ffe49b;
    font-size: .66rem
}

.ig-comment__text {
    margin-top: 8px!important;
    padding: 0!important;
    border: 0!important;
    background: transparent!important;
    line-height: 2!important;
    font-size: .8rem !important;
    color: #ffffffe8;
}

.ig-comment__full {
    display: block
}

.ig-comment__excerpt {
    display: none
}

.ig-comment__text.is-collapsed .ig-comment__excerpt {
    display: block
}

.ig-comment__text.is-collapsed .ig-comment__full {
    display: none
}

.ig-comment__text.is-spoiler .ig-comment__text-inner {
    filter: blur(7px);
    user-select: none
}

.ig-comment__text.is-spoiler.is-revealed .ig-comment__text-inner {
    filter: none
}

.ig-comment__more-btn,.ig-comment__spoiler-btn {
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ddd;
    cursor: pointer;
    font: inherit;
    font-size: .64rem;
}

.ig-comment__actions {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 8px!important;
    margin-top: 0!important;
    padding: 0 4px!important
}

.ig-comment__vote-group {
    display: flex!important;
    align-items: center!important;
    gap: 3px!important;
    transform: scale(0.8);
}

.comment-vote-btn,.ig-comment__reply-btn {
    height: 24px;
    min-width: 24px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px!important;
    border-radius: 999px!important;
    border: 0!important;
    background: transparent!important;
    color: #ffffff9f!important;
    cursor: pointer;
    text-decoration: none;
    transition: .18s ease;
    font-size: .72rem!important
}

.comment-vote-btn svg,.ig-comment__reply-btn svg {
    width: 16px;
    height: 16px;
    display: block
}

.comment-vote-btn:hover,.ig-comment__reply-btn:hover {

    color: #fff!important
}

.comment-vote-btn.is-active {
    color: #9fffc7!important;
    background: #55be9518!important
}

.comment-vote-btn:disabled {
    opacity: .72;
    cursor: default
}

.ig-comment__reply-btn {
    padding: 0!important;
    width: 32px
}

.ig-comment__reply-btn.is-active {
    background: #55be9520!important;
    color: #9fffc7!important
}

.sofiya-inline-note {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #55be9518;
    border: 1px solid #55be9535;
    color: #d9ffef;
    font-size: .78rem
}

.sofiya-inline-note.is-error {
    background: #ff5b6f1c;
    border-color: #ff5b6f44;
    color: #ffd7dd
}

.sofiya-inline-note[hidden] {
    display: none!important
}

.sofiya-comments-empty {
    padding: 18px;
    border-radius: 20px;
    background: #ffffff0a;
    border: 1px dashed #ffffff22;
    color: #ffffffad;
    text-align: center
}

@media (max-width: 740px) {
    .sofiya-comment-form-wrap,.sofiya-comments-list-wrap {
        border-radius:24px;
        padding: 12px;
        margin-inline:-2px}

    .sofiya-comment-sidebar {
        grid-template-columns: 38px minmax(0,1fr);
        padding: 8px;
        border-radius: 18px
    }

    .sofiya-comment-avatar-preview {
        width: 38px;
        height: 38px;
        border-radius: 14px
    }

    .sofiya-comment-sidebar__fields {
        grid-template-columns: 1fr;
        gap: 7px
    }

    .sofiya-comment-sidebar input {
        height: 40px
    }

    .sofiya-comment-field-wrap {
        border-radius: 22px;
        padding: 9px
    }

    .sofiya-comment-field-wrap textarea {
        min-height: 48px;
        font-size: .82rem
    }

    .sofiya-comment-toggle--spoiler {
        height: 32px;
        font-size: .68rem;
        padding: 0 8px
    }

    .sofiya-comment-submit.sofiya-comment-submit--inline {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 14px
    }

    .comments-toolbar {
        align-items: stretch;
        flex-direction: row
    }

    .comments-sort__trigger,.comments-toolbar__count {
        height: 32px;
        font-size: .72rem;
        padding: 0 10px
    }

    .comments-sort__menu {
        left: 0;
        right: auto
    }

    .instagram-comments {
        gap: 11px
    }

    .ig-comment {
        grid-template-columns: 38px minmax(0,1fr)!important;
        gap: 8px!important
    }

    .ig-comment__avatar {
        width: 38px!important;
        height: 38px!important;
        border-radius: 14px!important
    }

    .ig-comment__bubble {
        border-radius: 20px 7px 20px 20px;
        padding: 10px
    }

    .ig-comment__topline {
        gap: 8px!important
    }

    .ig-comment__author {
        font-size: .74rem!important
    }

    .ig-comment__rank {
        font-size: .58rem!important;
        padding: 1px 6px!important
    }

    .ig-comment__date {
        font-size: .56rem!important
    }

    .ig-comment__text {
        font-size: .78rem!important;
        line-height: 1.9!important
    }

    .ig-comment--child {
        margin-right: 25px!important
    }

    .ig-comment--child:before {
        right: -17px;
        width: 10px
    }

    .comment-vote-btn,.ig-comment__reply-btn {
        height: 28px;
        min-width: 28px
    }

    .comment-vote-btn svg,.ig-comment__reply-btn svg {
        width: 15px;
        height: 15px
    }
}

/* Sofiya comments UI polish v4 */
.sofiya-comment-form-wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    background: radial-gradient(circle at 18% 0%,rgba(85,190,149,.14),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
    box-shadow: 0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);
    padding: 18px;
    border-radius: 28px
}

.sofiya-comment-form-wrap:before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 27px;
    background: linear-gradient(90deg,transparent,rgba(85,190,149,.10),transparent);
    pointer-events: none
}

.sofiya-comment-form {
    position: relative;
    z-index: 1;
    grid-template-columns: minmax(150px,210px) minmax(0,1fr)!important;
    align-items: stretch!important;
    gap: 14px!important
}

.sofiya-comment-form .comment-reply-title {
    display: none!important
}

.sofiya-comment-sidebar {
    align-self: stretch!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: flex-start!important;
    gap: 14px !important;
    order: 1!important;
    padding: 14px 12px!important;
    border-radius: 24px!important;
    background: rgba(255,255,255,.055)!important;
    border: 1px solid rgba(255,255,255,.09)!important;
    min-width: 0
}

.sofiya-comment-main {
    order: 2!important;
    display: block!important;
    width: 100%!important
}

.sofiya-comment-avatar-preview {
    width: 82px!important;
    height: 82px!important;
    flex: 0 0 82px!important;
    border-radius: 30px!important;
    border: 3px solid rgba(85,190,149,.65)!important;
    box-shadow: 0 14px 34px rgba(0,0,0,.38),0 0 0 7px rgba(85,190,149,.08)!important;
    overflow: hidden
}

.sofiya-comment-avatar-preview img,.sofiya-comment-avatar-image {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    border-radius: inherit!important
}

.sofiya-comment-sidebar__fields {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    gap: 7px!important;
    width: 100%;
    min-width: 0
}

.sofiya-comment-sidebar__fields strong {
    max-width: 100%;
    font-size: .9rem;
    font-weight: 900;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sofiya-comment-sidebar__fields small {
    max-width: 100%;
    font-size: .7rem;
    color: rgba(255,255,255,.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr
}

.sofiya-comment-sidebar__fields p {
    width: 100%!important;
    display: block!important;
    margin: 0!important
}

.sofiya-comment-form input[type=text],.sofiya-comment-form input[type=email] {
    height: 42px!important;
    padding: 0 13px!important;
    border-radius: 15px!important;
    font-size: .78rem!important;
    text-align: center;
    background: rgba(0, 0, 0, 0.58) !important;
    border-color: rgba(85,190,149,.20)!important
}

.sofiya-comment-field-wrap {
    position: relative;
    display: flex!important;
    flex-direction: column!important;
    gap: 12px!important;
    width: 100%!important
}

.sofiya-comment-field-wrap textarea {
    min-height: 150px!important;
    height: 150px!important;
    width: 100%!important;
    border-radius: 24px!important;
    background: rgba(0, 0, 0, 0.22) !important;
    padding: 20px 20px 68px!important;
    font-size: .98rem!important;
    line-height: 2!important;
}

.sofiya-comment-field-wrap textarea:focus {
    border-color: rgba(85,190,149,.55)!important;
    box-shadow: 0 0 0 4px rgba(85,190,149,.10),inset 0 1px 0 rgba(255,255,255,.07)!important
}

.sofiya-comment-form textarea::placeholder {
    color: rgba(255,255,255,.45)!important;
    font-size: .82rem!important
}

.sofiya-comment-submit-wrap {
    position: absolute!important;
    left: 14px!important;
    right: 14px!important;
    bottom: 14px!important;
    height: auto!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 12px!important;
    pointer-events: none
}

.sofiya-comment-submit-wrap>* {
    pointer-events: auto
}

.sofiya-comment-submit,.sofiya-comment-submit--inline {
    width: 52px!important;
    height: 52px!important;
    flex: 0 0 52px!important;
    border-radius: 19px!important;
    background: linear-gradient(145deg,#74f2b7,#25c987)!important;
    color: #06120d!important;
    border: 1px solid rgba(255,255,255,.24)!important;
    box-shadow: 0 16px 32px rgba(37,201,135,.24),inset 0 1px 0 rgba(255,255,255,.35)!important;
    transition: transform .18s ease,box-shadow .18s ease,filter .18s ease
}

.sofiya-comment-submit:hover,.sofiya-comment-submit--inline:hover {
    transform: translateY(-2px) scale(1.03);
    filter: saturate(1.08);
    box-shadow: 0 20px 38px rgba(37,201,135,.34),inset 0 1px 0 rgba(255,255,255,.38)!important
}

.sofiya-comment-submit:active,.sofiya-comment-submit--inline:active {
    transform: translateY(0) scale(.98)
}

.sofiya-comment-reply-indicator {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 10px!important;
    min-height: 36px;
    padding: 7px 8px 7px 12px;
    border-radius: 999px;
    background: rgba(85,190,149,.12);
    border: 1px solid rgba(85,190,149,.27);
    color: #dfffee;
    font-size: .78rem
}

.sofiya-comment-reply-indicator[hidden] {
    display: none!important
}

.sofiya-comment-reply-cancel {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: #fff;
    cursor: pointer;
    padding: 0
}

.sofiya-comment-reply-cancel svg {
    width: 16px;
    height: 16px;
    display: block
}

.sofiya-comment-toggle--spoiler {
    border-radius: 999px!important;
    background: rgba(255,255,255,.07)!important;
    border: 1px solid rgba(255,255,255,.10)!important;
    padding: 7px 10px!important;
    flex-direction: row!important
}

.comments-sort__trigger {
    min-width: 140px !important;
    height: 32px !important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 4px !important;
    white-space: nowrap!important;
}

.comments-sort__trigger span {
    white-space: nowrap!important;
    line-height: 1!important;
    font-size: .7rem !important;
}

.comments-sort__menu {
    min-width: 170px!important
}

.ig-comment {
    grid-template-columns: 50px minmax(0,1fr) !important;
    gap: 11px!important
}

.ig-comment__avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px!important;
    font-size: 1rem!important;
    box-shadow: 0 10px 22px rgba(0,0,0,.32)!important
}

.ig-comment__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}


.ig-comment__topline {
    gap: 10px!important
}

.ig-comment__author-line {
    gap: 7px!important
}

.ig-comment__author {
    font-size: .86rem!important
}

.ig-comment__rank {
    font-size: .63rem !important;
    padding: 3px 8px!important
}

.ig-comment__reply-btn {
    width: 24px !important;
    height: 24px !important;
    border-radius: 12px!important;
    display: flex;
    place-items: center!important;
}

.ig-comment__reply-btn svg {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}

@media (max-width: 780px) {
    .sofiya-comment-form-wrap {
        padding:14px;
        border-radius: 24px
    }

    .sofiya-comment-form {
        grid-template-columns: 1fr!important;
        gap: 12px!important
    }

    .sofiya-comment-sidebar {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: flex-start!important;
        padding: 10px 12px!important;
        border-radius: 20px!important
    }

    .sofiya-comment-avatar-preview {
        width: 58px!important;
        height: 58px!important;
        flex-basis: 58px!important;
        border-radius: 22px!important
    }

    .sofiya-comment-sidebar__fields {
        align-items: flex-start!important;
        gap: 6px!important
    }

    .sofiya-comment-sidebar__fields strong {
        text-align: right
    }

    .sofiya-comment-sidebar__fields small {
        display: none!important
    }

    .sofiya-comment-form input[type=text],.sofiya-comment-form input[type=email] {
        text-align: right!important;
        height: 40px!important
    }

    .sofiya-comment-field-wrap textarea {
        min-height: 132px!important;
        height: 132px!important;
        padding: 16px 16px 64px!important;
        border-radius: 21px!important
    }

    .sofiya-comment-submit,.sofiya-comment-submit--inline {
        width: 48px!important;
        height: 48px!important;
        flex-basis: 48px!important;
        border-radius: 18px!important
    }

    .comments-toolbar {
        align-items: center!important
    }

    .comments-sort__trigger {
        min-width: 126px!important;
        width: auto!important
    }

    .ig-comment {
        grid-template-columns: 42px minmax(0,1fr)!important
    }

    .ig-comment__avatar {
        width: 42px!important;
        height: 42px!important;
        border-radius: 16px!important
    }

    .ig-comment__bubble {
        padding: 12px 13px!important;
        border-radius: 18px!important
    }

    .ig-comment__date {
        font-size: .62rem!important
    }

    .ig-comment__actions {
        padding-inline-start:2px!important}
}

/* Sofiya comments v5 polish */
.sofiya-comment-form input[type=email], .sofiya-comment-form input[type=text], .sofiya-comment-form textarea {
    font-size: 16px!important;
    line-height: 1.75
}

.sofiya-comment-reply-indicator {
    width: 100%;
    min-height: 36px;
    margin-bottom: 10px;
    padding: 7px 10px 7px 7px;
    border: 1px solid #55be9540;
    background: linear-gradient(135deg,#55be951f,#ffffff08);
    border-radius: 999px;
    color: #dfffee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-shadow: 0 10px 22px #0000002b
}

.sofiya-comment-reply-indicator[hidden] {
    display: none!important
}

.sofiya-comment-reply-indicator span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .74rem;
    font-weight: 700
}

.sofiya-comment-reply-cancel {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid #ffffff1f;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ffffff10;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease,color .2s ease,transform .2s ease
}

.sofiya-comment-reply-cancel:hover {
    background: #ff5f5f22;
    color: #ffd4d4;
    transform: scale(1.04)
}

.sofiya-comment-reply-cancel svg {
    width: 18px;
    height: 18px;
    display: block
}

.sofiya-comment-sidebar--logged {
    align-items: center!important;
    flex-direction: column!important;
    gap: 10px !important;
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields--logged {
    display: block!important;
    width: auto!important;
    text-align: center!important
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields--logged strong {
    display: inline-flex!important;
    width: auto!important;
    max-width: 120px!important;
    padding: 5px 12px!important;
    border-radius: 999px!important;
    background: #55be9517!important;
    border: 1px solid #55be9535!important;
    color: #dfffee!important;
    font-size: .72rem!important;
    line-height: 1.6!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important
}

.sofiya-comment-sidebar--logged .sofiya-comment-sidebar__fields--logged small {
    display: none!important
}

.sofiya-comment-email-note {
    display: block;
    margin-top: 5px;
    padding-right: 10px;
    color: #ffffff83;
    font-size: .62rem;
    line-height: 1.5;
    text-align: right
}

.comments-sort__trigger {
    line-height: 1.4;
    padding: 7px 14px!important;
    font-size: .7rem !important;
}

.sofiya-comment-submit,.sofiya-comment-submit--inline {
    background: linear-gradient(135deg,#69f5b0,#21d490)!important;
    box-shadow: 0 14px 34px #00da9540, inset 0 1px 0 #ffffff7a!important
}

.sofiya-comment-submit:hover,.sofiya-comment-submit--inline:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px #00da9558, inset 0 1px 0 #ffffff9a!important
}

@media (max-width: 640px) {
    .sofiya-comment-form input[type=email], .sofiya-comment-form input[type=text], .sofiya-comment-form textarea {
        font-size:16px!important
    }

    .sofiya-comment-sidebar:not(.sofiya-comment-sidebar--logged) {
        align-items: flex-start!important
    }

    .sofiya-comment-email-note {
        font-size: .58rem;
        margin-top: 4px
    }

    .sofiya-comment-reply-indicator {
        border-radius: 15px;
        padding: 8px 9px;
        margin-bottom: 8px
    }

    .sofiya-comment-reply-indicator span {
        font-size: .68rem
    }
}

/* Sofiya guest login nudge v7 */
.sofiya-guest-nudge {
    position: fixed;
}

.sofiya-guest-nudge:before {
    content: "";
    position: absolute;
}

.sofiya-guest-nudge:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: linear-gradient(90deg,rgba(255,255,255,.08),transparent 42%,rgba(126,255,190,.08));
    pointer-events: none;
    opacity: .7
}

.sofiya-guest-nudge__text {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 0;
    text-decoration: none;
    color: #eafff5;
}

.sofiya-guest-nudge__text span {
    display: block;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.8;
    white-space: nowrap;
    text-shadow: 0 1px 10px rgba(0,0,0,.26);
    color: #000;
}

.sofiya-guest-nudge__close {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    min-width: 24px;
    padding: 0;
    background: 0 0;
    border: 0;
    cursor: pointer;
    transition: transform .22s ease,background .22s ease,color .22s ease;
    display: block;
    margin: 0;
}

.sofiya-guest-nudge__close svg {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 24px;
}

.sofiya-guest-nudge__close:hover {
    transform: rotate(90deg);
}

.sofiya-guest-nudge.is-dismissing {
    pointer-events: none;
    animation: sofiyaGuestNudgeBubbleOut .54s cubic-bezier(.55,0,.2,1) forwards
}

.sofiya-guest-nudge.is-hidden {
    display: none!important
}

@keyframes sofiyaGuestNudgeBubbleIn {
    0% {
        opacity: 0;
        transform: translate3d(-4px,-10px,0) scale(.88);
        filter: blur(5px)
    }

    70% {
        opacity: 1;
        transform: translate3d(0,2px,0) scale(1.025);
        filter: blur(0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0) scale(1);
        filter: blur(0)
    }
}

@keyframes sofiyaGuestNudgeBubbleOut {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0) rotate(0) scale(1);
        filter: blur(0)
    }

    35% {
        opacity: .9;
        transform: translate3d(2px,8px,0) rotate(2deg) scale(.98);
        filter: blur(0)
    }

    100% {
        opacity: 0;
        transform: translate3d(14px,34px,0) rotate(9deg) scale(.72);
        filter: blur(8px)
    }
}

@media (max-width: 700px) {
    .sofiya-guest-nudge {
        top:calc(var(--header-offset,var(--header-h,60px)) + 6px);
        left: 12px;
        right: auto;
        max-width: min(245px,calc(100vw - 24px));
        min-height: 32px;
        padding: 7px 8px 7px 11px;
        border-radius: 999px;
        gap: 6px
    }

    .sofiya-guest-nudge:before {
        top: -7px;
        left: 16px;
        width: 14px;
        height: 14px
    }

    .sofiya-guest-nudge__text span {
        font-size: .7rem;
        line-height: 1.75
    }

    .sofiya-guest-nudge__close {
        width: 26px;
        height: 26px;
        min-width: 26px
    }

}

@media (prefers-reduced-motion:reduce) {
    .sofiya-guest-nudge,.sofiya-guest-nudge.is-dismissing {
        animation: none;
        opacity: 1;
        transform: none;
        filter: none
    }
}

/* Sofiya guest login nudge v8 overrides */
.sofiya-guest-nudge {
    left: 18px!important;
    right: auto!important;
    top: calc(var(--header-offset,var(--header-h,64px)) + 10px);
    max-width: min(310px,calc(100vw - 36px));
    min-height: 46px;
    display: inline-flex;
    padding: 8px 16px 8px 10px;
    background: var(--green);
    box-shadow: 0 14px 38px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.06) inset,0 10px 30px rgba(26,216,139,.18);
    transform-origin: 38px -6px;
    animation: sofiyaGuestNudgeBubbleInV8 .42s cubic-bezier(.2,.9,.25,1.08) .22s forwards;
    z-index: 119;
    display: flex;
    border-radius: 14px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 0px;
}


.sofiya-guest-nudge.is-dismissing {
    animation: sofiyaGuestNudgeBubbleOutV8 .46s cubic-bezier(.55,0,.2,1) forwards!important
}

@keyframes sofiyaGuestNudgeBubbleInV8 {
    0% {
        opacity: 0;
        transform: translate3d(0,-8px,0) scale(.94);
        filter: blur(4px)
    }

    70% {
        opacity: 1;
        transform: translate3d(0,1px,0) scale(1.015);
        filter: blur(0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0) scale(1);
        filter: blur(0)
    }
}

@keyframes sofiyaGuestNudgeBubbleOutV8 {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0) rotate(0) scale(1);
        filter: blur(0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0,22px,0) rotate(-4deg) scale(.88);
        filter: blur(7px)
    }
}

@media (max-width: 700px) {
    .sofiya-guest-nudge {
        left:18px!important;
        max-width: min(245px,calc(100vw - 36px));
        min-height: 32px;
        padding: 7px 8px 7px 11px
    }

    .sofiya-guest-nudge:before {
        top: -7px!important;
        left: 28px!important;
        width: 15px!important;
        height: 8px!important
    }
}
.sofiya-guest-nudge__close,.search-modal__close,.sofiya-comment-reply-cancel,.sofiya-referral-modal__close,.sofiya-modal__close,.sofiya-info-modal__close,.sofiya-player-modal__close,.sofiya-global-notice__close{-webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation;color:#fff!important;text-decoration:none!important;line-height:1!important;font-family:inherit!important}
.sofiya-guest-nudge__close svg,.search-modal__close svg,.sofiya-comment-reply-cancel svg,.sofiya-referral-modal__close svg,.sofiya-modal__close svg,.sofiya-info-modal__close svg,.sofiya-player-modal__close svg{display:block!important;margin:auto!important;color:currentColor!important;stroke:currentColor!important;fill:none;pointer-events:none}
.sofiya-guest-nudge{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.sofiya-guest-nudge__close{flex:0 0 24px!important;display:flex;border-radius:999px!important;padding:0!important;position:relative!important;color:#000!important}
.sofiya-guest-nudge__text{flex:1 1 auto!important;min-width:0!important}
.sofiya-comment-reply-cancel{color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff29!important;display:grid!important;place-items:center!important;padding:0!important}
.sofiya-comment-reply-cancel svg{width:14px!important;height:14px!important}
.sofiya-icon-btn.is-copied{color:#55be95!important;background:#55be9524!important;border-color:#55be9557!important}
.sofiya-icon-btn__svg--check{width:18px!important;height:18px!important}
.sofiya-copy-mini-tooltip{position:fixed;z-index:999999;pointer-events:none;opacity:0;transform:translate3d(0,4px,0) scale(.96);transition:opacity .16s ease,transform .16s ease;padding:4px 7px;border-radius:999px;background:#060c0aeb;border:1px solid #ffffff1a;color:#eafff4;font-size:10px;font-weight:800;line-height:1.35;white-space:nowrap;box-shadow:0 10px 26px #00000047;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}
.sofiya-copy-mini-tooltip.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media (max-width:700px) {
.sofiya-guest-nudge{max-width:min(260px,calc(100vw - 24px))!important;min-height:38px!important;padding:6px 12px 6px 8px !important;gap:7px!important}
.sofiya-guest-nudge__close{flex-basis:24px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
.sofiya-comment-reply-cancel{width:26px!important;height:26px!important;flex-basis:26px!important}
}
.archive-shell--after-term-features{position:relative;z-index:8;margin-top:clamp(18px,3vw,36px)}
.sofiya-term-page-head{position:relative;z-index:12;display:block;width:100%;margin:0 0 clamp(20px,3vw,34px);padding:clamp(14px,2vw,20px);border-radius:28px;background:linear-gradient(135deg,#ffffff12,#ffffff07);border:1px solid #ffffff18;box-shadow:0 20px 60px #00000036;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
.sofiya-term-page-head__main{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;direction:rtl}
.sofiya-term-page-head__title{display:flex;align-items:center;gap:12px;min-width:0;max-width:34%;flex:0 0 auto;text-align:right;order:1}
.sofiya-term-page-head__kicker{display:none!important}
.sofiya-term-page-head h1{margin:0;font-size:clamp(1.45rem,2.8vw,2.35rem);font-weight:1000;letter-spacing:-.035em;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sofiya-term-page-head .archive-description{max-width:100%;margin:14px 0 0;padding-top:14px;border-top:1px solid #ffffff14;color:#ffffffb8;font-size:.94rem;line-height:1.9;text-align:right}
.sofiya-archive-toolbar{min-width:0;flex:1 1 auto;display:flex;justify-content:flex-start;direction:ltr;order:2}
.sofiya-archive-toolbar__scroller{display:flex;align-items:center;justify-content:flex-start;gap:6px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;direction:rtl}
.sofiya-archive-toolbar__scroller::-webkit-scrollbar{display:none}
.sofiya-archive-filter-btn,.sofiya-archive-genre-select-wrap{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:34px;border-radius:12px;border:1px solid #ffffff18;background:#ffffff0d;color:#ffffffbf;font-size:13px;font-weight:400;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sofiya-archive-filter-btn{padding:0 15px;cursor:pointer}
.sofiya-archive-filter-btn:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#ffffff18;color:#fff}
.sofiya-archive-filter-btn.is-active{background:linear-gradient(135deg,var(--green),#a7ff66);color:#06120d;border-color:transparent;box-shadow:0 12px 30px #00d08428}
.sofiya-archive-toolbar.is-loading .sofiya-archive-filter-btn,.sofiya-archive-toolbar.is-loading .sofiya-archive-genre-select{cursor:wait;opacity:.72}
.sofiya-archive-genre-select-wrap{gap:8px;padding:0 12px;background:#101e1978;border-color:#ffffff1f;color:#eafff5;}
.sofiya-archive-genre-select-wrap span{font-size:11px;color:#ffffff91;font-weight:900}
.sofiya-archive-genre-select{appearance:none;-webkit-appearance:none;min-width:100px;height:30px;border:0;background:transparent;color:#fff;font:inherit;font-size:0.64rem !important;font-weight:400;outline:0;cursor:pointer;padding:0 0 0 18px;}
.sofiya-archive-genre-select option{background:#102019;color:#fff}
.sofiya-archive-pagination{position:relative;z-index:10;margin:clamp(28px,4vw,48px) auto 0}
.sofiya-archive-pagination .nav-links{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:24px;background:#ffffff12;border:1px solid #ffffff1c;box-shadow:0 18px 55px #00000040;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sofiya-archive-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px;border-radius:16px;color:#ffffffdb;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.sofiya-archive-pagination a.page-numbers:hover{transform:translateY(-2px);background:#ffffff24;border-color:#fff3}
.sofiya-archive-pagination .page-numbers.current{background:var(--green);color:#07110d;font-weight:900;box-shadow:0 10px 28px #30ff9a38}
.sofiya-archive-pagination .prev,.sofiya-archive-pagination .next{min-width:72px}
.sofiya-archive-pagination.is-loading{pointer-events:none;opacity:.7}
.sofiya-archive-pagination.is-loading::after{content:'';position:absolute;inset-inline-start:50%;bottom:-28px;width:18px;height:18px;margin-inline-start:-9px;border-radius:999px;border:2px solid #ffffff59;border-top-color:var(--green);animation:sofiyaSpin .8s linear infinite}
@media (max-width: 640px) {
.sofiya-term-page-head{border-radius:22px;margin-bottom:22px;padding:12px}
.sofiya-term-page-head__main{gap:10px;align-items:center;flex-wrap:nowrap}
.sofiya-term-page-head__title{flex:0 0 auto;max-width:34%;gap:7px}
.sofiya-term-page-head h1{font-size:1.42rem;max-width:100%}
.sofiya-archive-toolbar{flex:1 1 auto;min-width:0;justify-content:flex-start}
.sofiya-archive-toolbar__scroller{justify-content:flex-start;padding-bottom:6px;mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.sofiya-archive-filter-btn,.sofiya-archive-genre-select-wrap{height:32px;font-size:0.6rem;}
.sofiya-archive-filter-btn{padding:0 10px;}
.sofiya-archive-genre-select{min-width:100px;font-size:12px}
.sofiya-term-page-head .archive-description{font-size:.88rem;margin-top:10px;padding-top:10px}
.sofiya-archive-pagination .nav-links{max-width:100%;overflow-x:auto;justify-content:flex-start;padding:8px;scrollbar-width:none}
.sofiya-archive-pagination .nav-links::-webkit-scrollbar{display:none}
.sofiya-archive-pagination .page-numbers{min-width:39px;height:39px;border-radius:14px;flex:0 0 auto}
}
.archive-shell,.cards-grid[data-archive-grid]{position:relative}
.cards-grid[data-archive-grid]{transition:opacity .16s ease,filter .16s ease,transform .16s ease}
.cards-grid[data-archive-grid].is-ajax-loading{opacity:.24;filter:blur(2px) saturate(.72);transform:translateY(4px);pointer-events:none}
.sofiya-archive-grid-loader{position:fixed;z-index:999;left:50%;right:auto;top:50%;transform:translate(-50%,-50%) scale(.92);display:grid;place-items:center;width:58px;height:58px;border-radius:999px;opacity:0;pointer-events:none;color:#ffffffeb;background:#07110dd1;border:1px solid #ffffff24;box-shadow:0 22px 70px #0000006b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .16s ease,transform .16s ease}
.sofiya-archive-grid-loader.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sofiya-archive-grid-loader__ring{width:26px;height:26px;border-radius:999px;border:3px solid #ffffff47;border-top-color:var(--green);animation:sofiyaSpin .75s linear infinite}
.sofiya-archive-grid-loader__text{display:none!important}
.sofiya-archive-pagination.is-loading::after{display:none}
@media (max-width: 640px) {
.sofiya-archive-grid-loader{width:52px;height:52px}
.sofiya-archive-grid-loader__ring{width:24px;height:24px}
}
img.sofiya-dominant-placeholder{background-color:var(--sofiya-dominant-color,#ffffff0f);background-image:linear-gradient(135deg,#ffffff14,#0000000f);transition:filter .28s ease,transform .28s ease}
img.sofiya-dominant-placeholder:not(.is-loaded){filter:saturate(.92)}
img.sofiya-dominant-placeholder.is-loaded{filter:none}
.sfx-bg img.sofiya-dominant-placeholder,.sfx-bg img.sofiya-dominant-placeholder:not(.is-loaded),.sfx-bg img.sofiya-dominant-placeholder.is-loaded,.single-hero__backdrop img.sofiya-dominant-placeholder,.single-hero__backdrop img.sofiya-dominant-placeholder:not(.is-loaded),.single-hero__backdrop img.sofiya-dominant-placeholder.is-loaded{filter:blur(var(--hero-blur)) brightness(var(--hero-dim))}
.sofiya-single-related-tabs__header{align-items:center;overflow:hidden;margin:10px 0}
.sofiya-single-related-tabs__nav{display:flex;align-items:center;gap:10px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 8px;-webkit-overflow-scrolling:touch}
.sofiya-single-related-tabs__nav::-webkit-scrollbar{display:none}
.sofiya-single-related-tabs__tab{appearance:none;border:1px solid #ffffff1a;background:#ffffff24;color:var(--muted);border-radius:999px;padding:10px 15px;white-space:nowrap;cursor:pointer;font:inherit;font-weight:800;font-size:.88rem;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.sofiya-single-related-tabs__tab:hover,.sofiya-single-related-tabs__tab.is-active{color:#fff;border-color:#00e0a963;background:#00e0a94a}
.sofiya-single-related-tabs__tab:active{transform:scale(.98)}
.sofiya-single-related-tabs__carousel{min-height:310px}
.sofiya-single-related-tabs__loader{position:absolute;inset:0;display:none;pointer-events:none;border-radius:22px;background:linear-gradient(90deg,#00000014,#ffffff0e,#00000014);background-size:220% 100%;animation:sofiyaRelatedLoading 1.05s linear infinite}
.sofiya-single-related-tabs.is-loading .sofiya-single-related-tabs__loader{display:block}
.sofiya-single-related-tabs.is-loading .sfc-carousel__wrapper{opacity:.45}
.sofiya-single-related-tabs__empty{min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px dashed #ffffff24;border-radius:18px;padding:18px}
@keyframes sofiyaRelatedLoading {
to{background-position:-220% 0}
}
@media (max-width: 768px) {
.sofiya-single-related-tabs__tab{padding:9px 13px;font-size:.82rem}
.sofiya-single-related-tabs__carousel{min-height:270px}
}
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width: 820px) {
input,select,textarea,.sofiya-auth-form input,.sofiya-auth-form select,.sofiya-auth-form textarea,.sofiya-account-card input,.sofiya-account-card select,.sofiya-account-card textarea,.sofiya-modal__form input,.sofiya-modal__form textarea,.sofiya-ticket-filters input,.sofiya-ticket-filters select,.sofiya-ticket-compose-form input,.sofiya-ticket-compose-form textarea,.sofiya-ticket-reply-form textarea,.sofiya-ios-field-list input,.sofiya-ios-birth-grid input,.sofiya-ios-select,.search-modal__form input,.comments-box input,.comments-box textarea,.sofiya-comment-form input,.sofiya-comment-form textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.sofiya-ios-birth-grid input{min-height:24px!important}
.sofiya-ticket-compose-form input,.sofiya-ticket-compose-form textarea,.sofiya-ticket-reply-form textarea{line-height:1.45!important}
}
@media (max-width: 390px) {
.sofiya-ios-birth-grid input,.sofiya-ios-field-list input{font-size:16px!important}
}
.sfc-series-progress-badge{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#00e0a9,#00a47c);border:1px solid #ffffff2e;box-shadow:0 8px 18px #0000003d 0 1px 0 #ffffff1f;color:#0f110f;font-size:.66rem;font-weight:900;letter-spacing:.04em;line-height:1;direction:ltr;text-shadow:0 1px 8px #00000059}
.sofiya-rating-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sofiya-rating-chip__icon{align-items:center;justify-content:center;display:inline-flex}
.sofiya-rating-chip__icon svg{display:block}
.sofiya-rating-chip__label{font-size:.66rem;font-weight:900;opacity:.78}
@media (max-width:640px) {
.sfc-series-progress-badge{top:7px;right:7px;min-width:46px;height:22px;padding:0 7px;font-size:.61rem}
.sofiya-rating-chips{justify-content:flex-start}
}
.single-hero__info > .sofiya-rating-chips--hero{margin:10px 0 12px;justify-content:flex-start;gap:20px}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip{position:relative;min-height:30px;padding:0}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip,.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip > a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip__icon{width:24px;height:24px;border-radius:6px;overflow:hidden;flex:0 0 24px;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--imdb .sofiya-rating-chip__icon{flex-basis:24px;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip__icon svg{width:24px;height:24px;border-radius:4px;flex:0 0 24px;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip__label{font-size:.64rem;line-height:1;font-weight:950;letter-spacing:.02em;color:#ffffffb8;display:none}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip strong{font-size:.8rem;line-height:1;font-weight:400;text-shadow:0 1px 12px #00000057}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--imdb strong{color:#f5c518}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--rotten strong{color:#25f07a}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--metacritic strong{color:#66c7ff}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--mal strong{color:#8fb3ff}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--mdl strong{color:#75dcff}
.single-hero__info > .single-hero__chips .single-chip--imdb{display:none!important}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--imdb .sofiya-rating-chip__icon{width:24px;min-width:24px;flex-basis:24px;}
.sofiya-rating-chip--imdb .sofiya-rating-chip__icon svg{width: 24px;min-width:  24px;border-radius:4px;background:#f4c500}
.sofiya-rating-chip--mal .sofiya-rating-chip__icon svg{width:32px!important;min-width:32px!important;border-radius:4px!important;background:#004fe5;padding:3px}
@media (max-width: 640px) {
.single-hero__info > .sofiya-rating-chips--hero{margin:8px 0 10px;gap:6px}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip > a,.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip:not(:has(a)){padding:4px 7px 4px 6px}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip__label{display:none}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip--imdb .sofiya-rating-chip__icon{width:24px;flex-basis:24px;min-width: 24px;height: 24px;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip strong{font-size:.72rem}
}
.sofiya-rating-chip--imdb svg{background:#f4c500}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip > a{padding:0}
@media (max-width:640px) {
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip{padding:4px 7px 4px 6px;}
.single-hero__info > .sofiya-rating-chips--hero .sofiya-rating-chip > a{padding:0}
}
@media (max-width: 991px) {
.single-hero__info > .sofiya-rating-chips--hero{justify-content:center}
}
.single-hero__notice--secondary{margin-top:8px;opacity:.92;background:#ffffff14;border-color:#ffffff29}
.single-hero__notice--secondary svg{opacity:.85}
.sofiya-download-gate-notice{display:flex;align-items:center;gap:10px;margin:10px 0;color:#ffffffe0;font-size:13px;line-height:1.9}
.sofiya-download-gate-notice__icon{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#c9fff0}
.sofiya-download-gate-notice svg{width:18px;height:18px;color: #00e0a9;}
.san-ss { color: #04db96; }
.sofiya-dl-row__actions--locked{position:relative;justify-content:center;overflow:hidden}
.sofiya-dl-row__locked-ghost{display:flex;align-items:center;gap:8px;filter:blur(2.5px);opacity:.48;pointer-events:none;user-select:none}
.sofiya-dl-row__actions--locked:before{content:"";position:absolute;inset:0}
.sofiya-download-gate-cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;text-align:center}
.sofiya-download-gate-cta__buttons{display:flex;align-items:center;justify-content:end;gap:8px}
.sofiya-download-gate-btn{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:30px;padding:0 14px;border-radius:12px;font-size:.68rem;font-weight:400;text-decoration:none!important;transition:transform .18s ease,opacity .18s ease}
.sofiya-download-gate-btn:hover{background:var(--green);color:#000!important}
.sofiya-download-gate-btn--login{background:#00d18b;color:#03110d!important}
.sofiya-download-gate-btn--register{background:#ffffff1a;color:#fff!important;border:1px solid #ffffff2e}
.sofiya-download-gate-cta__hint{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#ffffffc2;font-size:10px;line-height:1.7}
.sofiya-download-gate-cta__hint span{display:inline-grid;place-items:center}
.sofiya-download-gate-cta__hint svg{width:13px;height:13px}
.sofiya-episode-links--locked{display:flex!important;align-items:center;justify-content:center;min-height:96px;padding:18px;border-radius:18px;border:1px dashed #00d18b40;background:linear-gradient(135deg,#00d18b14,#ffffff09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sofiya-download-gate-cta--episodes .sofiya-download-gate-btn{min-width:92px;height:38px}
.download-link-btn.is-locked,.sofiya-icon-btn.is-locked{cursor:not-allowed!important}
.download-link-btn.is-locked{opacity:.85}
.sofiya-download-shell--series .sofiya-episode-group__body:has(.sofiya-episode-links--locked){padding:12px}
@media (max-width:768px) {
.sofiya-download-gate-notice{margin:12px 10px 14px;font-size:12px;align-items:flex-start}
.sofiya-dl-row__locked-ghost{position:absolute;inset:12px;justify-content:center}
.sofiya-download-gate-btn{min-width:70px;height:32px}
.sofiya-download-gate-cta__hint{font-size:9.5px}
.sofiya-dl-row{gap:12px}
.sofiya-episode-links--locked{min-height:110px}
}
.sofiya-dl-row__actions--locked:before,.sofiya-dl-row__locked-ghost{display:none!important;content:none!important}
.sofiya-download-gate-cta--row{width:100%}
@media (max-width:768px) {
.sofiya-dl-row__actions--locked{width:100%;min-width:0}
}

/* Sofiya trailer modal + active bookmark polish */
.single-actions .sofiya-trailer-trigger{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;border-radius:16px;border:1px solid var(--green);background:var(--greenglass);color:var(--green);cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;text-shadow:none;min-height:44px;
    min-width: 110px;
    height: 44px;
}
.single-actions .sofiya-trailer-trigger:hover,.single-actions .sofiya-trailer-trigger:focus-visible{background:var(--green);color:#000;border-color:var(--green);outline:0}
.single-actions .sofiya-trailer-trigger svg{width:24px;height:24px;display:block;flex:0 0 24px}
.sofiya-trailer-open{overflow:visible!important;overscroll-behavior:auto!important}
.sofiya-trailer-modal{position:fixed;inset:0;z-index:1000004;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));direction:rtl;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.sofiya-trailer-modal.is-open{opacity:1;visibility:visible}
.sofiya-trailer-modal[hidden]{display:none!important}
.sofiya-trailer-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}
.sofiya-trailer-modal__dialog{position:relative;width:min(1060px,96vw);max-height:min(86vh,760px);border-radius:28px;background:linear-gradient(180deg,rgba(10,18,15,.96),rgba(4,7,6,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 90px rgba(0,0,0,.62);overflow:hidden;transform:translateY(18px) scale(.985);transition:transform .24s ease}
.sofiya-trailer-modal.is-open .sofiya-trailer-modal__dialog{transform:translateY(0) scale(0.97);}
.sofiya-trailer-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 14px 72px;border-bottom:1px solid rgba(255,255,255,.10);color:#fff}
.sofiya-trailer-modal__head strong{font-size:1rem;color:var(--green);font-weight:900}
.sofiya-trailer-modal__head span{font-size:.82rem;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sofiya-trailer-modal__close{position:absolute;top:10px;left:10px;z-index:3;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,transform .2s ease;color:#fff!important}
.sofiya-trailer-modal__close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}
.sofiya-trailer-modal__close svg{width:20px;height:20px;display:block;margin:auto;stroke:currentColor;pointer-events:none}
.sofiya-trailer-modal__player{background:#000;aspect-ratio:16/9;width:100%}
.sofiya-trailer-modal__player video{display:block;width:100%;height:100%;background:#000;object-fit:contain;outline:0}
.sofiya-favorite-btn.is-active{color:var(--green)!important;background:rgba(0,218,149,.16)!important;border-color:rgba(0,218,149,.45)!important}
.sofiya-favorite-btn.is-active svg path{fill:currentColor;stroke:currentColor}
@media(max-width:700px){.sofiya-trailer-modal{padding:0}.sofiya-trailer-modal__dialog{width:100vw;max-height:100dvh;border-radius:14px;}.sofiya-trailer-modal__head{padding:14px 14px 12px 64px}.sofiya-trailer-modal__player{aspect-ratio:16/9}}

/* Sofiya professional carousel quick info */
.sfc-card{position:relative}.sfc-card .sfc-genres{right:8px;left:auto;max-width:calc(100% - 54px);justify-content:flex-start;direction:rtl}.sfc-card__poster-wrap{position:relative;border-radius:14px}.sfc-card__poster-wrap .sfc-card__poster{position:relative;z-index:1}.sfc-card__poster-wrap .sfc-genres{z-index:7}.sfc-card .sfc-card__quick-info,.sfc-card__poster-wrap .sfc-card__quick-info,.sofiya-top-card__media .sfc-card__quick-info,.sofiya-collection-post-card__media .sfc-card__quick-info{position:absolute;z-index:9;left:8px;right:auto;bottom:8px;top:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,12,11,.62);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.26);transition:transform .18s ease,background .18s ease,border-color .18s ease}.sfc-card__quick-info:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34)}.sfc-card__quick-info svg{width:18px;height:18px;display:block}.sfc-card__quick-info-spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:sofiyaQuickSpin .75s linear infinite}.sfc-card__quick-info.is-loading .sfc-card__quick-info-icon{display:none}.sfc-card__quick-info.is-loading .sfc-card__quick-info-spinner{display:block}@keyframes sofiyaQuickSpin{to{transform:rotate(360deg)}}

/* Sofiya quick info modal */
html.sofiya-quick-info-open,body.sofiya-quick-info-open{overflow:visible;overscroll-behavior:auto}.sofiya-quick-info-modal[hidden]{display:none}.sofiya-quick-info-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:26px;opacity:0;pointer-events:none;touch-action:none;transition:opacity .22s ease}.sofiya-quick-info-modal.is-open{opacity:1;pointer-events:auto}.sofiya-quick-info-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.54);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sofiya-quick-info-modal__dialog{position:relative;width:min(1080px,100%);max-height:min(650px,90vh);border-radius:26px;overflow:hidden;touch-action:pan-y;background:#050807;border:1px solid rgba(255,255,255,.11);box-shadow:0 34px 100px rgba(0,0,0,.62);transform:translateY(12px) scale(.992);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.sofiya-quick-info-modal.is-open .sofiya-quick-info-modal__dialog{transform:none}.sofiya-quick-info-modal__close{position:absolute;top:18px;left:18px;z-index:20;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(5,8,7,.34);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .18s ease,transform .18s ease}.sofiya-quick-info-modal__close:hover{background:rgba(255,255,255,.13);transform:scale(1.04)}.sofiya-quick-info-modal__close svg{width:16px;height:16px}.sofiya-quick-info-modal__stage{min-height:540px}.sofiya-quick-info-modal__loading,.sofiya-quick-info-modal__error{min-height:540px;display:grid;place-items:center;gap:12px;color:#e7f3ee;font-size:.82rem;font-weight:800;background:#050807}.sofiya-quick-info-modal__loading span{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--green,#20d083);animation:sofiyaQuickSpin .8s linear infinite}.sofiya-quick-info-modal__loading em{font-style:normal;color:#b7c7c0}
.sofiya-quick-info-card{position:relative;min-height:540px;overflow:hidden;background:#050807}.sofiya-quick-info-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.04) contrast(1.01);transform:scale(1.006)}.sofiya-quick-info-card__shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(2,4,4,.78) 0%,rgba(2,4,4,.5) 30%,rgba(2,4,4,.14) 58%,rgba(2,4,4,.02) 100%),linear-gradient(0deg,#050807 0%,rgba(5,8,7,.66) 18%,rgba(5,8,7,.22) 44%,rgba(5,8,7,0) 78%)}.sofiya-quick-info-card__body{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;min-height:540px;padding:48px 46px 30px}.sofiya-quick-info-card__content{width:min(520px,58%);min-width:0;display:flex;flex-direction:column;align-items:flex-start}.sofiya-quick-info-card__ratings{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}.sofiya-quick-rating{height:24px;display:inline-flex;align-items:center;gap:5px;color:#fff;padding:0}.sofiya-quick-rating__icon{width:16px;height:16px;display:grid;place-items:center}.sofiya-quick-rating__icon svg{width:16px;height:16px;display:block}.sofiya-quick-rating--imdb .sofiya-quick-rating__icon{background:#f4c500;border-radius:4px}.sofiya-quick-rating strong{font-size:.66rem;font-weight:950;line-height:1}.sofiya-quick-info-card__notice{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);border-radius:999px;padding:4px 9px;font-size:.62rem;color:#f7fbf9;font-weight:850;margin-bottom:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sofiya-quick-info-card__logo{width:150px;height:auto;max-height:52px;object-fit:contain;object-position:right center;margin:0 0 8px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5))}.sofiya-quick-info-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:1px;color:#edf5f1;font-size:.64rem;font-weight:850;text-shadow:0 1px 10px rgba(0,0,0,.5)}.sofiya-quick-info-card__meta span{display:inline-flex;align-items:center}.sofiya-quick-info-card__meta span:not(:last-child)::after{content:'•';opacity:.56;margin:0 7px}.sofiya-quick-info-card__summary{margin:8px 0 0;color:#f0f5f2;font-size:.69rem;line-height:1.75;max-width:500px;text-shadow:0 1px 12px rgba(0,0,0,.52)}.sofiya-quick-info-card__summary button{border:0;background:none;color:#fff;font:inherit;font-weight:950;padding:0 5px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.sofiya-quick-info-card__people{width:100%;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 0 4px;margin-top:5px}.sofiya-quick-info-card__people::-webkit-scrollbar{display:none}.sofiya-quick-person{width:58px;min-width:58px;text-decoration:none;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.sofiya-quick-person__avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--person-color,#1f342b);overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 18px rgba(0,0,0,.23)}.sofiya-quick-person__avatar img{width:100%;height:100%;object-fit:cover}.sofiya-quick-person__avatar span{font-size:.68rem;font-weight:950;color:#fff}.sofiya-quick-person strong{max-width:100%;font-size:.56rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sofiya-quick-person small{font-size:.52rem;color:#c5d0ca}.sofiya-quick-info-card__actions{display:flex;align-items:center;gap:9px;margin-top:11px}.sofiya-quick-info-card__primary,.sofiya-quick-info-card__trailer{height:40px;border-radius:999px;text-decoration:none;font-size:.76rem;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sofiya-quick-info-card__primary{min-width:164px;background:rgba(255,255,255,.94);color:#050807;box-shadow:0 14px 34px rgba(0,0,0,.26)}.sofiya-quick-info-card__primary:hover{transform:translateY(-1px);background:#fff;color:#050807}.sofiya-quick-info-card__trailer{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.12);color:#fff;padding:0 15px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sofiya-quick-info-card__trailer:hover{transform:translateY(-1px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.24)}.sofiya-quick-info-card__trailer svg{width:15px;height:15px}.sofiya-quick-info-card__actions .sofiya-favorite-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.13)!important;color:#fff!important;display:inline-grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:1!important;box-shadow:none!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sofiya-quick-info-card__actions .sofiya-favorite-btn span{display:grid;place-items:center}.sofiya-quick-info-card__actions .sofiya-favorite-btn svg{width:18px!important;height:18px!important;display:block!important}.sofiya-quick-info-card__actions .sofiya-favorite-btn.is-active{background:rgba(31,208,131,.22)!important;color:var(--green,#20d083)!important}
@media (max-width:760px){.sofiya-top-card__media .sfc-card__quick-info,.sofiya-collection-post-card__media .sfc-card__quick-info{width:30px;height:30px;left:7px;bottom:7px}.sofiya-quick-info-modal{padding:18px;place-items:center}.sofiya-quick-info-modal__dialog{width:100%;max-height:88vh;border-radius:22px;overflow:auto}.sofiya-quick-info-modal__close{top:14px;left:14px;width:32px;height:32px}.sofiya-quick-info-modal__stage,.sofiya-quick-info-modal__loading,.sofiya-quick-info-modal__error{min-height:500px}.sofiya-quick-info-card{min-height:500px}.sofiya-quick-info-card__bg{background-position:center top}.sofiya-quick-info-card__shade{background:linear-gradient(0deg,#050807 0%,rgba(5,8,7,.76) 28%,rgba(5,8,7,.26) 60%,rgba(5,8,7,.02) 100%)}.sofiya-quick-info-card__body{min-height:500px;padding:82px 18px 24px;align-items:flex-end}.sofiya-quick-info-card__content{width:100%}.sofiya-quick-info-card__notice{font-size:.58rem;max-width:calc(100% - 44px)}.sofiya-quick-info-card__logo{width:126px;max-height:46px;margin-bottom:7px}.sofiya-quick-info-card__ratings{gap:5px;margin-bottom:6px}.sofiya-quick-rating{height:23px;padding:0}.sofiya-quick-info-card__meta{font-size:.6rem}.sofiya-quick-info-card__summary{font-size:.66rem;line-height:1.72;max-width:none}.sofiya-quick-info-card__people{margin-left:-18px;margin-right:-18px;padding-right:18px;padding-left:18px}.sofiya-quick-person{width:56px;min-width:56px}.sofiya-quick-person__avatar{width:44px;height:44px}.sofiya-quick-info-card__actions{width:100%;position:static;gap:8px}.sofiya-quick-info-card__primary{flex:1;min-width:0;height:40px}.sofiya-quick-info-card__trailer{height:40px;padding:0 13px}.sofiya-quick-info-card__trailer span{display:none}.sofiya-quick-info-card__actions .sofiya-favorite-btn{width:40px!important;height:40px!important}.sfc-card .sfc-card__quick-info,.sfc-card__poster-wrap .sfc-card__quick-info,.sofiya-top-card__media .sfc-card__quick-info,.sofiya-collection-post-card__media .sfc-card__quick-info{width:30px;height:30px;left:7px;bottom:7px}.sfc-card .sfc-genres{max-width:calc(100% - 48px)}}



/* Sofiya 2.9.41 - personal watchlist carousel */
.sfw-section{position:relative;z-index:4;margin:clamp(16px,2.2vw,30px) 0 0}
.sfw-section[hidden]{display:none!important}
.sfx-hero+.sfw-section{margin-top:clamp(16px,2.2vw,30px)}
.sfw-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.sfw-title-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}
.sfw-kicker{font-size:.72rem;font-weight:900;color:rgba(255,255,255,.48);letter-spacing:.02em}
.sfw-title{margin:0;color:#fff;font-size:clamp(1.05rem,1.55vw,1.42rem);font-weight:950;line-height:1.25;text-shadow:0 10px 30px rgba(0,0,0,.34)}
.sfw-manage{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0;border:0!important;background:transparent!important;border-radius:0!important;color:rgba(255,255,255,.72);text-decoration:none;font-size:.74rem;font-weight:900;white-space:nowrap;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:color .18s ease,opacity .18s ease,transform .18s ease}
.sfw-manage:hover,.sfw-manage:focus-visible{color:#18d58b;outline:0;transform:translateY(-1px)}
.sfw-carousel{padding-bottom:18px;padding-top: 14px;}
.sfw-carousel__wrapper{grid-auto-columns:calc((100% - 5 * 12px)/6)!important;gap:12px!important;padding:2px 2px 8px!important;scroll-snap-type:x mandatory;scroll-padding-inline:2px}
.sfw-carousel__item{scroll-snap-align:start;scroll-snap-stop:always}
.sfw-card{position:relative;display:block;aspect-ratio:300/169;border-radius:18px;overflow:hidden;background:#101915;border:1px solid rgba(255,255,255,.09);box-shadow:none!important;isolation:isolate;transform:translateZ(0)}
.sfw-card__link{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;overflow:hidden;border-radius:inherit}
.sfw-card__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.006);transition:transform .32s ease,filter .32s ease;background:linear-gradient(135deg,#10221b,#050807)}
.sfw-card__backdrop--empty{display:block}
.sfw-card:hover .sfw-card__backdrop{transform:scale(1.045);filter:saturate(1.08) contrast(1.04)}
.sfw-card__shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(3,7,6,.7) 0%,rgba(3,7,6,.34) 38%,rgba(3,7,6,.04) 76%),linear-gradient(0deg,rgba(3,7,6,.72) 0%,rgba(3,7,6,.2) 47%,rgba(3,7,6,.02) 100%)}
.sfw-card__type{position:absolute;top:9px;right:9px;z-index:3;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.13);color:#fff;font-size:.62rem;font-weight:400;}
.sfw-card__brand{position:absolute;right:13px;bottom:13px;left:44px;z-index:3;display:flex;align-items:flex-end;min-height:38px;pointer-events:none}
.sfw-card__logo{width:120px;max-width:76%;max-height:44px;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 10px 20px rgba(0,0,0,.56))}
.sfw-card__fallback-title{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:.8rem;font-weight:950;line-height:1.25;text-shadow:0 8px 22px rgba(0,0,0,.66);letter-spacing:-.01em}
.sfw-card>.sfc-card__quick-info{position:absolute;left:9px;right:auto;bottom:9px;top:auto;z-index:20;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(0,0,0,.28);color:#fff;line-height:1;pointer-events:auto;}
.sfw-card>.sfc-card__quick-info:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.3)}
.sfw-card>.sfc-card__quick-info svg{display:block;width:16px;height:16px;}
.sfw-skeleton{display:flex;flex-wrap:nowrap;gap:12px;overflow:hidden;padding:2px 2px 26px;direction:rtl}
.sfw-skeleton span{flex:0 0 calc((100% - 5 * 12px)/6);min-width:0;aspect-ratio:300/169;border-radius:18px;background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.11),rgba(255,255,255,.055));background-size:220% 100%;animation:sfwSkeleton 1.1s ease-in-out infinite}
@keyframes sfwSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:1180px){.sfw-carousel__wrapper{grid-auto-columns:calc((100% - 3.3 * 12px)/4.3)!important}.sfw-card__logo{width:110px;max-height:40px}.sfw-skeleton span{flex-basis:calc((100% - 3.3 * 12px)/4.3)}}
@media(max-width:640px){.sfw-section{margin:14px 0 0}.sfx-hero+.sfw-section{margin-top:14px}.sfw-header{align-items:center;margin-bottom:10px}.sfw-kicker{font-size:.66rem}.sfw-title{font-size:1rem}.sfw-manage{min-height:24px;font-size:.66rem}.sfw-carousel__wrapper{grid-auto-columns:calc((100% - 1.2 * 10px)/2.2)!important;gap:10px!important}.sfw-card{border-radius:14px}.sfw-card__type{top:7px;right:7px;height:21px;padding:0 7px;font-size:.56rem}.sfw-card__brand{right:10px;bottom:10px;left:40px;min-height:30px}.sfw-card__logo{width:92px;max-height:34px}.sfw-card__fallback-title{font-size:.66rem}.sfw-card>.sfc-card__quick-info{width:28px;height:28px;left:7px;bottom:7px}.sfw-skeleton{gap:10px}.sfw-skeleton span{flex-basis:calc((100% - 1.2 * 10px)/2.2);border-radius:14px}}

.sfc-section--layout-triplet,
.sfc-section--layout-quad{
    --sfc-feature-gap:16px;
    --sfc-feature-radius:18px;
}
.sfc-section--layout-triplet{--sfc-feature-cols:2;}
.sfc-section--layout-quad{--sfc-feature-cols:4;--sfc-feature-gap:16px;--sfc-feature-radius:18px;}
.sfc-section--layout-triplet .sfc-carousel__wrapper--feature,
.sfc-section--layout-quad .sfc-carousel__wrapper--feature{
    grid-auto-columns:calc((100% - (var(--sfc-feature-cols) - 1) * var(--sfc-feature-gap))/var(--sfc-feature-cols));
    gap:var(--sfc-feature-gap);
    padding:2px 2px 10px;
    align-items:stretch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
}
.sfc-carousel__item--feature{min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;}
.sfc-feature-card{
    position:relative;
    height:100%;
    min-height:0;
    border-radius:var(--sfc-feature-radius);
    overflow:hidden;
    border:1px solid rgba(33, 33, 33, 0.24);
    isolation:isolate;
    transform:translateZ(0);
    background: #232323;
}
.sfc-feature-card__media{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    color:#fff;
    text-decoration:none;
    overflow:hidden;
    background:#111;
}
.sfc-section--layout-quad .sfc-feature-card__media{aspect-ratio:4/5;}
.sfc-feature-card__media picture,
.sfc-feature-card__media img{display:block;width:100%;height:100%;}
.sfc-feature-card__media img{
    object-fit:cover;
    object-position:center;
    transform:scale(1.01);
    transition:transform .35s ease,filter .35s ease;
    filter:saturate(1.03) contrast(1.02);
}
.sfc-feature-card:hover .sfc-feature-card__media img{transform:scale(1.04);filter:saturate(1.08) contrast(1.05);}
.sfc-feature-card__shade{
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(2,5,5,0) 0%,rgba(2,5,5,.06) 34%,rgba(0, 0, 0, 0.56) 70%,rgba(20, 20, 20, 0.94) 100%),linear-gradient(270deg,rgba(2,5,5,.1) 0%,rgba(2,5,5,0) 45%,rgba(2,5,5,.14) 100%);
}
.sfc-feature-card__content{
    position:absolute;
    z-index:2;
    right:18px;
    left:54px;
    bottom:16px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    min-width:0;
    text-shadow:0 2px 16px rgba(0,0,0,.72);
}
.sfc-feature-card__topline{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    max-width:100%;
    min-width:0;
}
.sfc-feature-card__topline .sofiya-quick-info-card__ratings,
.sfc-feature-card__ratings{display:flex;align-items:center;gap:6px;max-width:100%;flex-wrap:wrap;margin:0;}
.sfc-feature-card__topline .sofiya-quick-rating{height:20px;}
.sfc-feature-card__topline .sofiya-quick-rating strong{font-size:.58rem;}
.sfc-feature-card__topline .sofiya-quick-rating__icon,
.sfc-feature-card__topline .sofiya-quick-rating__icon svg{width:14px;height:14px;}
.sfc-feature-card__notice{
    display:inline-flex;
    max-width:min(230px,100%);
    min-height:22px;
    align-items:center;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255, 255, 255, 0.24);
    border-radius:999px;
    padding:3px 8px;
    color:#f7fbf9;
    font-size:.56rem;
    line-height:1.35;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sfc-feature-card__logo{
    margin:0 0 1px;
}
.sfc-feature-card__title{max-width:100%;font-size:.88rem;line-height:1.25;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.sfc-feature-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;max-width:100%;color:#edf5f1;font-size:.62rem;font-weight:850;line-height:1.5;}
.sfc-feature-card__meta span{display:inline-flex;align-items:center;min-width:0;}
.sfc-feature-card__meta span:not(:last-child)::after{content:'•';opacity:.58;margin:0 6px;}
.sfc-feature-card__summary{display:block;max-width:100%;color:rgba(245,249,247,.88);font-size:.64rem;font-weight:650;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sfc-feature-card>.sfc-card__quick-info{
    position:absolute;
    z-index:4;
    right:auto;
    top:auto;
    display:grid;
    place-items:center;
    padding:0;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.12);
    color:#fff;
    line-height:1;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,.22);
}
.sfc-feature-card>.sfc-card__quick-info:hover{background:rgba(255,255,255,.2);}
.sfc-feature-card>.sfc-card__quick-info svg{display:block;width:18px;height:18px;}
.sfc-section--layout-quad .sfc-feature-card__content{right:17px;left:48px;bottom:17px;gap:6px;}
.sfc-section--layout-quad .sfc-feature-card__logo{width:132px;max-width:min(124px,76%);}
.sfc-section--layout-quad .sfc-feature-card__summary{font-size:.6rem;}
.sfc-section--layout-quad .sfc-feature-card__notice{max-width:176px;}
.sfc-section--layout-quad .sfc-feature-card__meta{font-size:.58rem;}
.sfc-section--layout-quad .sfc-feature-card>.sfc-card__quick-info{width:32px;height:32px;left:12px;bottom:12px;}
@media (max-width:1024px){
    .sfc-section--layout-triplet{--sfc-feature-cols:2;}
    .sfc-section--layout-quad{--sfc-feature-cols:3;--sfc-feature-gap:14px;}
    .sfc-section--layout-quad .sfc-feature-card__content{right:14px;left:46px;bottom:14px;}
    .sfc-section--layout-quad .sfc-feature-card__logo{width:120px;max-width:min(120px,76%);}
    .sfc-section--layout-quad .sfc-feature-card__summary{display:none;}
}
@media (max-width:640px){
    .sfc-section--layout-triplet,
    .sfc-section--layout-quad{--sfc-feature-cols:1;--sfc-feature-gap:12px;--sfc-feature-radius:18px;}
    .sfc-section--layout-triplet .sfc-carousel__wrapper--feature,
    .sfc-section--layout-quad .sfc-carousel__wrapper--feature{grid-auto-columns:86%;gap:12px;padding-bottom:8px;}
    .sfc-feature-card__media,
    .sfc-section--layout-quad .sfc-feature-card__media{aspect-ratio:2/3;}
    .sfc-feature-card__media img{object-position:center top;}
    .sfc-feature-card__shade{background:linear-gradient(180deg,rgba(2,5,5,.02) 0%,rgba(2,5,5,.08) 38%,rgba(2,5,5,.62) 72%,rgba(2,5,5,.94) 100%);}
    .sfc-feature-card__content,
    .sfc-section--layout-quad .sfc-feature-card__content{right:14px;left:46px;bottom:13px;gap:6px;}
    .sfc-feature-card__logo,
    .sfc-section--layout-quad .sfc-feature-card__logo{width:122px;max-width:min(122px,76%);}
    .sfc-feature-card__topline{gap:5px;}
    .sfc-feature-card__topline .sofiya-quick-rating{height:19px;}
    .sfc-feature-card__notice{min-height:20px;max-width:150px;font-size:.52rem;padding:2px 7px;}
    .sfc-feature-card__meta{font-size:.56rem;line-height:1.45;max-height:34px;overflow:hidden;}
    .sfc-feature-card__summary{font-size:.58rem;max-width:100%;}
    .sfc-feature-card>.sfc-card__quick-info{width:31px;height:31px;left:10px;bottom:10px;}
    .sfc-feature-card>.sfc-card__quick-info svg{width:14px;height:14px;}
}

/* User lists carousel on homepage */
.sul-section{--sul-card-bg:rgba(255,255,255,.055);--sul-border:rgba(255,255,255,.1);--sul-green:#00d084;margin-top:28px}.sul-carousel__item{flex:0 0 236px;max-width:236px}.sul-card{height:100%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--sul-border);overflow:hidden;transition:background .5s ease,border-color .5s ease;}.sul-card:hover{border-color:rgba(0, 208, 140, 0.23);background: var(--bgdarkbox);}.sul-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.sul-card__mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:1.1/1;background:rgba(255,255,255,.045);overflow:hidden}.sul-card__mosaic span{display:block;min-width:0;min-height:0;background:var(--sofiya-dominant-color,rgba(255,255,255,.045));background-image:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.22))}.sul-card__mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease;background-color:var(--sofiya-dominant-color,rgba(255,255,255,.05))}.sul-card:hover .sul-card__mosaic img{}.sul-card__body{display:flex;flex-direction:column;gap:6px;padding:12px 13px 13px}.sul-card__body strong{font-size:13px;line-height:1.65;font-weight:950;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sul-card__body small{color:rgba(255,255,255,.66);font-size:11px;font-weight:750;line-height:1.55}.sul-card__meta{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}.sul-card__author{min-width:0;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;text-align:start}.sul-card__count{flex:0 0 auto;white-space:nowrap}.sul-card__count:before{content:'•';margin-left:6px;color:rgba(255,255,255,.38)}.sul-card__badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sul-card__badges em{font-style:normal;border-radius:999px;padding:3px 8px;background:rgba(0,208,132,.12);border:1px solid rgba(0,208,132,.22);color:#9ff3ca;font-size:10px;font-weight:900}.sul-card__badges em.is-featured{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.28);color:#ffd37a}@media(max-width:640px){.sul-carousel__item{flex-basis:205px;max-width:205px}.sul-card{border-radius:20px}.sul-card__body{padding:11px 12px 12px}.sul-card__body strong{font-size:12.5px}.sul-card__body small{font-size:10.5px}}


/* User lists public archive */
.sul-archive-page{padding:clamp(28px,5vw,64px) 0 70px;min-height:70vh;background:radial-gradient(circle at 72% 0,rgba(0,208,132,.10),transparent 34%),radial-gradient(circle at 12% 12%,rgba(255,255,255,.06),transparent 30%)}
.sul-archive-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.sul-archive-kicker{display:inline-flex;margin-bottom:10px;border:1px solid rgba(0,208,132,.24);background:rgba(0,208,132,.10);color:#a4ffd1;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:900;letter-spacing:.06em}.sul-archive-hero h1{margin:0;color:#fff;font-size:clamp(26px,3.2vw,42px);font-weight:1000;letter-spacing:-.02em}.sul-archive-hero p{max-width:680px;margin:10px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:2}.sul-archive-hero__meta{flex:0 0 auto;min-width:150px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 18px 45px rgba(0,0,0,.24);padding:15px;text-align:center}.sul-archive-hero__meta strong{display:block;color:#fff;font-size:26px;font-weight:1000}.sul-archive-hero__meta span{display:block;color:rgba(255,255,255,.58);font-size:12px;font-weight:800}.sul-archive-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.sul-archive-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:999px;text-decoration:none;color:rgba(255,255,255,.74);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900;transition:.18s ease}.sul-archive-filters a:hover,.sul-archive-filters a.is-active{color:#06120d;background:var(--green);border-color:transparent;box-shadow:0 12px 30px rgba(0,208,132,.18)}.sul-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.sul-archive-grid__item{min-width:0}.sul-archive-grid .sul-card{min-height:100%}.sul-archive-empty{grid-column:1/-1;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);padding:28px;text-align:center;color:rgba(255,255,255,.72);font-weight:900}.sul-archive-shell .sofiya-archive-pagination{display:flex;justify-content:center}@media(max-width:760px){.sul-archive-hero{display:block}.sul-archive-hero__meta{display:inline-block;margin-top:14px}.sul-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sul-archive-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.sul-archive-filters::-webkit-scrollbar{display:none}.sul-archive-filters a{flex:0 0 auto}.sul-archive-page{padding-top:24px}}


/* Sofiya 2.9.65 - Apple TV hero surfaces */
body.home,
body.front-page,
body.archive,
body.tax,
body.category,
body.tag {
    background: #050807;
}

@media (max-width: 640px) {
    .home-content-surface,
    .term-content-surface,
    .hero-content-shell--home,
    .hero-content-shell--term {
        padding-top: calc(var(--hero-overlap) + 12px);
        border-radius: 0;
    }

    .home-content-surface::before,
    .term-content-surface::before,
    .hero-content-shell--home::before,
    .hero-content-shell--term::before {
        content: none;
        display: none;
    }
}


/* Sofiya 2.9.66.4 - page scroll-lock is notification-only.
   Search, drawers, trailer, quick-info and other modals stay non-blocking. */
html.sofiya-global-modal-open,
body.sofiya-global-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    scroll-behavior:auto!important;
}
body.sofiya-global-modal-open .sofiya-notification-modal,
body.sofiya-global-modal-open .sofiya-notification-modal__sheet,
body.sofiya-global-modal-open .sofiya-notification-modal__body{
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}


/* Filmology coming soon download notice */
.sofiya-coming-soon-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 2px;padding:18px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:linear-gradient(135deg,rgba(30, 30, 30, 0.72),rgba(56, 56, 56, 0));box-shadow:0 18px 45px rgba(13, 13, 13, 0.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;position:relative}.sofiya-coming-soon-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(156, 184, 178, 0.18),transparent 34%),radial-gradient(circle at 10% 80%,rgba(188, 188, 188, 0.14),transparent 30%);pointer-events:none}.sofiya-coming-soon-box__content,.sofiya-coming-soon-box__actions{position:relative;z-index:1}.sofiya-coming-soon-box__content{min-width:0}.sofiya-coming-soon-box__badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:rgba(34, 197, 159, 0.16);border:1px solid rgba(34, 197, 151, 0.35);color:#86efd6;font-size:12px;font-weight:900}.sofiya-coming-soon-box__title{margin:0 0 7px;color:#fff;font-size:18px;line-height:1.7;font-weight:950}.sofiya-coming-soon-box__text{margin:0;color:rgba(226,232,240,.86);font-size:13px;line-height:2;font-weight:650}.sofiya-coming-soon-box__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.sofiya-coming-soon-box__button{display:inline-flex;align-items:center;justify-content:center;min-width:116px;min-height:42px;padding:0 16px;border-radius:14px;text-decoration:none!important;font-size:13px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.sofiya-coming-soon-box__button:hover{transform:translateY(-1px)}.sofiya-coming-soon-box__button--telegram{background:linear-gradient(135deg,#2aabee,#168acd);color:#fff!important;box-shadow:0 12px 24px rgba(42,171,238,.22)}.sofiya-coming-soon-box__button--instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 48%,#8134af);color:#fff!important;box-shadow:0 12px 24px rgba(221,42,123,.22)}@media (max-width:680px){.sofiya-coming-soon-box{display:grid;gap:14px;padding:16px;border-radius:18px}.sofiya-coming-soon-box__actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.sofiya-coming-soon-box__button{min-width:0;width:100%;min-height:40px}.sofiya-coming-soon-box__title{font-size:16px}.sofiya-coming-soon-box__text{font-size:12px}}

/* Series stacked cover echo: duplicate poster layers behind series cards only.
   Notes:
   - Do not rely on overflow-y:visible while overflow-x is hidden/auto; reserve top room on the carousel track.
   - Normal poster cards stack on the poster wrapper.
   - Quad/feature cards stack on the media box itself, not on the whole article, to avoid the ugly bottom band. */
.sfc-carousel__wrapper{
    padding-top:18px;
    margin-top:-16px;
}
.sfc-carousel__wrapper--feature{
    padding-top:22px!important;
    margin-top:-20px;
}

.sfc-card.is-series-stack,
.sofiya-top-card.is-series-stack,
.sofiya-collection-post-card.is-series-stack,
.sfc-feature-card.is-series-stack{
    position:relative;
}

/* Small/default cards: the poster wrapper is the exact visual box. */
.sfc-card.is-series-stack .sfc-card__poster-wrap{
    position:relative;
    overflow:visible;
    isolation:isolate;
}
.sfc-card.is-series-stack .sfc-card__poster-wrap::before,
.sfc-card.is-series-stack .sfc-card__poster-wrap::after{
    content:"";
    position:absolute;
    top:-7px;
    bottom:0;
    right:7%;
    left:7%;
    z-index:0;
    pointer-events:none;
    background-image:var(--sofiya-series-cover);
    background-size:cover;
    background-position:center;
    border-radius:inherit;
    opacity:.6;
    box-shadow:0 8px 18px rgba(0,0,0,.24);
    transform:translateZ(0);
    transition:top .22s ease,right .22s ease,left .22s ease,opacity .22s ease;
}
.sfc-card.is-series-stack .sfc-card__poster-wrap::after{
    top:-13px;
    right:14%;
    left:14%;
    opacity:.3;
}
.sfc-card.is-series-stack .sfc-card__poster{position:relative;z-index:2;}
.sfc-card.is-series-stack .sfc-card__quick-info{z-index:6;}
.sfc-card.is-series-stack:hover .sfc-card__poster-wrap::before,
.sfc-card.is-series-stack:hover .sfc-card__poster-wrap::after{
    top:0;
    right:0;
    left:0;
    opacity:.16;
}

/* Top and collection cards: these cards have their own media/body structure, so stack on the card. */
.sofiya-top-card.is-series-stack,
.sofiya-collection-post-card.is-series-stack{
    overflow:visible;
    isolation:isolate;
}
.sofiya-top-card.is-series-stack::before,
.sofiya-top-card.is-series-stack::after,
.sofiya-collection-post-card.is-series-stack::before,
.sofiya-collection-post-card.is-series-stack::after{
    content:"";
    position:absolute;
    top:-7px;
    right:7%;
    left:7%;
    height:100%;
    z-index:0;
    pointer-events:none;
    background-image:var(--sofiya-series-cover);
    background-size:cover;
    background-position:center;
    border-radius:inherit;
    opacity:.32;
    box-shadow:0 8px 18px rgba(0,0,0,.24);
    transition:top .22s ease,right .22s ease,left .22s ease,opacity .22s ease;
}
.sofiya-top-card.is-series-stack::after,
.sofiya-collection-post-card.is-series-stack::after{
    top:-13px;
    right:14%;
    left:14%;
    opacity:.2;
}
.sofiya-top-card.is-series-stack .sofiya-top-card__media,
.sofiya-top-card.is-series-stack .sofiya-top-card__body,
.sofiya-collection-post-card.is-series-stack .sofiya-collection-post-card__media,
.sofiya-collection-post-card.is-series-stack .sofiya-collection-post-card__body{
    position:relative;
    z-index:2;
}
.sofiya-top-card.is-series-stack:hover::before,
.sofiya-top-card.is-series-stack:hover::after,
.sofiya-collection-post-card.is-series-stack:hover::before,
.sofiya-collection-post-card.is-series-stack:hover::after{
    top:0;
    right:0;
    left:0;
    opacity:.14;
}

/* Quad/triplet feature cards: keep this completely separate.
   The visual box is .sfc-feature-card__media, not the article.
   This prevents duplicate layers from drawing below the big card. */
.sfc-feature-card.is-series-stack{
    overflow:visible;
    isolation:isolate;
    background:transparent;
    border-color:transparent;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__media{
    position:relative;
    z-index:2;
    overflow:visible;
    border-radius:var(--sfc-feature-radius);
    isolation:isolate;
    background:transparent;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__media::before,
.sfc-feature-card.is-series-stack .sfc-feature-card__media::after{
    content:"";
    position:absolute;
    height:100%;
    top:-8px;
    right:5.5%;
    left:5.5%;
    z-index:0;
    pointer-events:none;
    background-image:var(--sofiya-series-cover);
    background-size:cover;
    background-position:center;
    border-radius:inherit;
    opacity:.5;
    box-shadow:0 10px 22px rgba(0,0,0,.24);
    transition:top .22s ease,right .22s ease,left .22s ease,opacity .22s ease;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__media::after{
    top:-15px;
    right:11%;
    left:11%;
    opacity:.3;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__media picture,
.sfc-feature-card.is-series-stack .sfc-feature-card__media img,
.sfc-feature-card.is-series-stack .sfc-feature-card__shade,
.sfc-feature-card.is-series-stack .sfc-feature-card__content{
    position:relative;
    z-index:2;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__media picture{
    display:block;
    height:100%;
    overflow:hidden;
    border-radius:inherit;
    background:#111;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__shade,
.sfc-feature-card.is-series-stack .sfc-feature-card__content{
    position:absolute;
}
.sfc-feature-card.is-series-stack .sfc-feature-card__shade{
    inset:0;
    border-radius:inherit;
    overflow:hidden;
}
.sfc-feature-card.is-series-stack > .sfc-card__quick-info{
    z-index:5;
}
.sfc-feature-card.is-series-stack:hover .sfc-feature-card__media::before,
.sfc-feature-card.is-series-stack:hover .sfc-feature-card__media::after{
    top:0;
    right:0;
    left:0;
    opacity:.13;
}

@media (max-width:640px){
    .sfc-carousel__wrapper{padding-top:14px;margin-top:-12px;}
    .sfc-carousel__wrapper--feature{padding-top:17px!important;margin-top:-15px;}
    .sfc-card.is-series-stack .sfc-card__poster-wrap::before,
    .sofiya-top-card.is-series-stack::before,
    .sofiya-collection-post-card.is-series-stack::before{top:-5px;right:6%;left:6%;}
    .sfc-card.is-series-stack .sfc-card__poster-wrap::after,
    .sofiya-top-card.is-series-stack::after,
    .sofiya-collection-post-card.is-series-stack::after{top:-10px;right:12%;left:12%;}
    .sfc-feature-card.is-series-stack .sfc-feature-card__media::before{top:-5px;right:6%;left:6%;}
    .sfc-feature-card.is-series-stack .sfc-feature-card__media::after{top:-10px;right:12%;left:12%;}
}