/* Sofiya home CSS. Hero slider component lives in hero-slider.css. */
/* Sofiya home-only CSS. */
.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
}



























































































.archive-shell--home,.sfc-section,.single-main-grid {
    position: relative;
    z-index: 2
}

.archive-shell--home .page-head,.sfc-section:first-of-type .sfc-header {
    padding-top: 0
}





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














}

















.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);
}



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























@media (max-width: 767px) {














.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
    }
}



















































@media (max-width: 767px) {










.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
    }
}

.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;
}

@media (max-width: 767px) {
.sofiya-collection-post-card__genres span, .sofiya-top-card__genres span {
        font-size: .5rem;
        min-height: 20px;
    }
}



.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}

@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}

.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}
}

.sfw-section{position:relative;z-index:4;margin:clamp(16px,2.2vw,30px) 0 0}

.sfw-section[hidden]{display:none!important}



@media (max-width:640px) {
.sfw-section{margin:14px 0 0}


}

@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;
    }
}

.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;
}

.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;
}

@media (max-width:640px) {
.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%;}
}