﻿.category-grid {
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

/* Collection catalog view */
.collection-sort-nav {
    margin-top: 18px;
}

.collection-catalog-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 28px 22px;
    margin-top: 0;
}

.collection-catalog-grid .catalog-card {
    display: block;
    background: transparent;
    box-shadow: none;
}

.collection-catalog-grid .catalog-card-cover {
    display: block;
}

.collection-catalog-grid .catalog-card-poster {
    aspect-ratio: 2 / 3;
    border-radius: 8px;
    background: hsl(var(--block-bg));
}

.collection-catalog-grid .catalog-card-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.collection-catalog-grid .catalog-card:hover .catalog-card-poster img {
    transform: scale(1.04);
}

.collection-catalog-grid .catalog-card-badges {
    inset: auto 6px 6px auto;
    display: block;
}

.collection-catalog-grid .catalog-card-pill {
    min-width: 0;
    height: 26px;
    padding: 0 9px;
    border-radius: 7px;
    background: hsla(0, 0%, 0%, .52);
    font-size: 13px;
    line-height: 26px;
    backdrop-filter: blur(6px);
}

.collection-catalog-grid .catalog-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 1px 0;
}

.collection-catalog-grid .catalog-card-title {
    min-height: 0;
    color: hsl(var(--c-text));
    font-size: 14px;
    font-weight: 600;
    line-height: 1.32;
}

.collection-catalog-grid .catalog-card-meta {
    min-height: 18px;
    color: hsla(var(--c-text), .58);
    font-size: 12px;
    line-height: 1.3;
}

@media (max-width: 1279px) {
    .collection-catalog-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .catalog-page--simple .category-head,
    .catalog-page--simple .tab-toggle-head,
    .catalog-page--simple .catalog-filter-mobile-btn {
        display: none !important;
    }

    .catalog-page--simple .catalog-results-head,
    .catalog-page--simple .catalog-results-head:not(.lf-ready),
    .catalog-page--simple .catalog-results-head.lf-ready {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;
    }

    .catalog-page--simple .catalog-results-title {
        display: block !important;
        visibility: visible !important;
    }

    .collection-catalog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 22px 16px;
    }
}

@media (max-width: 767px) {
    .collection-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    .collection-sort-nav {
        margin-top: 14px;
    }

    .collection-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px;
    }

    .collection-catalog-grid .catalog-card-title {
        font-size: 13px;
    }
}

.sys-page-sect--wide {
    --wrp-w: 1100px;
}

.sys-page-lead {
    max-width: 760px;
    margin: -6px auto 24px;
    text-align: center;
    color: hsla(var(--c-text), 0.72);
}

.sys-page-lead p {
    margin: 0;
}

.sys-page-surface {
    padding: 24px;
    border-radius: var(--block-rd);
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.static-surface .desc > *:first-child,
.sys-page-surface > *:first-child {
    margin-top: 0;
}

.static-surface .desc > *:last-child,
.sys-page-surface > *:last-child {
    margin-bottom: 0;
}

.appview-breadcrumbs {
    margin-top: 0;
    margin-bottom: 12px;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
    text-align: left;
}

.appview-breadcrumbs.speedbar {
    overflow: hidden;
    white-space: nowrap;
    mask-image: none;
    -webkit-mask-image: none;
    text-overflow: ellipsis;
}

.appview-breadcrumbs.fc {
    display: block;
}

@media (min-width: 992px) {
    .header-second {
        z-index: 3;
    }

    .hmenu-list .dropdown-box {
        z-index: 300;
    }
}

.appview-breadcrumbs.speedbar > a,
.appview-breadcrumbs.speedbar > span {
    flex: 0 0 auto;
}

.appview-breadcrumbs.speedbar .speedbar-sep {
    margin: 0 8px;
}

.appview-breadcrumbs .full-speedbar {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: hsla(var(--c-text), 0.56);
    font-size: 14px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appview-breadcrumbs .full-speedbar a {
    color: hsla(var(--c-text), 0.68);
    transition: color .15s ease;
}

.appview-breadcrumbs .full-speedbar a:hover {
    color: hsl(var(--c-text));
}

.appview-breadcrumbs .full-speedbar a + a {
    display: inline !important;
}

@media (min-width: 576px) and (max-width: 991px) {
    .header-second.lf-fixed-second {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        z-index: 1000 !important;
        background-color: hsl(var(--c-body));
        box-shadow: 0 10px 24px -22px hsla(0, 0%, 0%, .55);
    }
}

.top100-page-head {
    margin-bottom: 28px;
}

.top100-page-head .desc {
    max-width: 760px;
    color: hsla(var(--c-text), .72);
}

.top100-grid {
    display: grid;
    counter-reset: top100-rank;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 28px 22px;
    overflow: visible;
    width: 100%;
}

.top100-card {
    display: block !important;
    position: relative;
    counter-increment: top100-rank;
}

.top100-card .catalog-card-poster {
    aspect-ratio: 2 / 3;
    border-radius: 8px;
}

.top100-card .catalog-card-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top100-card::before {
    content: counter(top100-rank);
    position: absolute;
    z-index: 4;
    top: 8px;
    left: 8px;
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 18px;
    background: hsla(var(--c-primary), .92);
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 10px 22px -16px hsla(0, 0%, 0%, .65);
}

.top100-card-views {
    display: block;
    margin-top: 2px;
    color: hsla(var(--c-text), .48);
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .top100-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .top100-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .top100-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px 16px;
    }
}

@media (max-width: 575px) {
    .top100-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 12px;
    }
}

@media (min-width: 992px) {
    .appview-breadcrumbs.speedbar {
        width: 100%;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
    }

    .appview-breadcrumbs .full-speedbar {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {
    .appview-breadcrumbs {
        margin-bottom: 10px;
    }

    .appview-breadcrumbs .full-speedbar {
        font-size: 13px;
        line-height: 1.2;
    }
}

.catalog-poster-view {
    width: 220px;
    max-width: 220px;
    height: 330px;
}

.catalog-poster-view .catalog-poster-zoom {
    display: block;
    width: 100%;
    height: 100%;
    cursor: zoom-in;
}

.catalog-poster-view img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: var(--block-sw);
}

.movie-player {
    margin-bottom: 24px;
    overflow: hidden;
}

.movie-player iframe,
.movie-player video,
.movie-player embed,
.movie-player object {
    display: block;
    width: 100%;
    min-height: 320px;
    border: 0;
}

#player-now,
#movie-trailer {
    scroll-margin-top: calc(var(--header-h) + 88px);
}

.appview-tools {
    min-width: 0;
}

.appview-tools .btn {
    min-width: 0;
}

.header-first .logotype {
    width: 218px;
    height: 36px;
}

@media (max-width: 575px) {
    .header-first .logotype {
        width: 180px;
    }
}

.av-tool > button,
.av-tool.dropdown .dropdown-btn {
    background: transparent;
    border: 0;
    box-shadow: none;
    transition: opacity .2s ease;
}

.like-plus,
.like-minus {
    display: block;
    font-weight: var(--fw-bold);
}

.av-tool > span,
.av-tool > span > * {
    display: block;
}

.av-tool > span {
    width: 100%;
    opacity: .7;
}

.appview-tools .av-tool > span,
.appview-tools .av-tool > span > a,
.appview-tools .av-tool > span > button,
.appview-tools .av-tool > a,
.appview-tools .av-tool > button,
.appview-tools .av-tool.dropdown .dropdown-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
}

.appview-tools .av-tool > span .im,
.appview-tools .av-tool > span > a .im,
.appview-tools .av-tool > span > button .im,
.appview-tools .av-tool > a .im,
.appview-tools .av-tool > button .im,
.appview-tools .av-tool.dropdown .dropdown-btn .im {
    margin-left: auto;
    margin-right: auto;
}

.appview-tools .av-tool > span .av-tool-cont,
.appview-tools .av-tool > span > a .av-tool-cont,
.appview-tools .av-tool > span > button .av-tool-cont,
.appview-tools .av-tool > a .av-tool-cont,
.appview-tools .av-tool > button .av-tool-cont {
    display: block;
    width: 100%;
    text-align: center;
}

.appview-likes a:first-child,
.appview-likes button:first-child {
    background: hsla(var(--c-primary), 0.08);
}

.appview-likes a:last-child,
.appview-likes button:last-child {
    background: hsla(var(--c-red), 0.08);
}

.appview-likes a:first-child:hover,
.appview-likes button:first-child:hover {
    background: hsla(var(--c-primary), 0.14);
}

.appview-likes a:last-child:hover,
.appview-likes button:last-child:hover {
    background: hsla(var(--c-red), 0.14);
}

.appview-likes a:last-child .im,
.appview-likes button:last-child .im,
.appview-likes a:last-child .like-minus,
.appview-likes button:last-child .like-minus {
    color: hsl(var(--c-red));
}

.appview-likes a:first-child .im,
.appview-likes button:first-child .im,
.appview-likes a:first-child .like-plus,
.appview-likes button:first-child .like-plus {
    color: hsl(var(--c-primary));
}

.movie-player {
    margin-bottom: 0;
    border-radius: var(--block-rd);
    background: #000;
    box-shadow: var(--block-sw);
}

.movie-player iframe,
.movie-player video,
.movie-player embed,
.movie-player object {
    aspect-ratio: 16 / 9;
    background: #000;
}

@media (min-width: 992px) {
    .header-first {
        box-shadow: 0 8px 24px -20px hsla(0, 0%, 0%, 0.35);
    }
}

.card.apprecom .card-wallpaper {
    --appicon-size: 68px;
}

.card.apprecom .card-wallpaper .appicon {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    height: 102px;
    padding: 2px;
    border-radius: 17px;
    background: hsla(0, 0%, 100%, 0.92);
    box-shadow: 0 10px 24px -18px hsla(0, 0%, 0%, 0.45);
}

.card.apprecom .card-wallpaper .appicon img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 15px;
}

.navigation {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.navigation .pages,
.navigation > span,
.navigation > a {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.navigation .pages a,
.navigation .pages span,
.navigation .pages b,
.navigation > a,
.navigation > span,
.navigation > b {
    min-width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 22px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.navigation .pages span,
.navigation .pages b,
.navigation > span,
.navigation > b {
    background: hsla(var(--c-primary), 0.14);
    color: hsl(var(--c-second));
    font-weight: var(--fw-bold);
}

.navigation .pages a:hover,
.navigation > a:hover {
    transform: translateY(-1px);
}

.search-extended > * {
    margin-top: 12px;
}

.search-extended {
    margin-top: 20px;
}

.search-extended .form-control,
.search-extended select {
    width: 100%;
}

.search-extended label,
.search-extended legend {
    display: block;
    margin-bottom: 6px;
    font-size: var(--fs-2);
    opacity: 0.75;
}

.download-line-link {
    width: 100%;
    text-align: center;
}

.comments-list > .navigation {
    margin-top: 24px;
}

.dle-captcha {
    margin-bottom: 12px;
}

.message-info {
    padding: 20px;
    border-radius: var(--block-rd);
    background-color: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.file-attachment {
    margin-top: 4px;
}

.file-attachment > label:hover {
    background: hsla(var(--c-text), 0.04);
}

.modal-cont .title {
    margin-bottom: 24px;
}

.order-form .form-control,
.order-form textarea,
.search-box .form-control,
.order-form select {
    width: 100%;
}

.order-form select {
    min-height: 48px;
}

.order-form .form-group > .dle-captcha {
    margin-bottom: 12px;
}

.catalog-page {
    padding-top: 16px;
}

.catalog-page .category-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

.catalog-page .category-head .tab-toggle-head {
    margin-bottom: 0;
}

.catalog-layout {
    display: block;
}

.catalog-sidebar,
.catalog-results {
    min-width: 0;
}

.catalog-results {
    order: 1;
}

.catalog-results-head {
    margin-bottom: 24px;
}

.catalog-results-copy > .title:not(.catalog-results-title),
.catalog-results-copy > p:not(.catalog-results-description) {
    display: none;
}

.catalog-sort-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.catalog-sort-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 0 18px;
    border: 0;
    border-radius: 18px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    color: hsl(var(--c-text));
    font-size: 15px;
    font-weight: var(--fw-bold);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.catalog-sort-btn:hover {
    transform: translateY(-1px);
}

.catalog-sort-btn svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
    flex: 0 0 auto;
}

.catalog-filter-mobile-btn {
    display: none;
}

.catalog-description-toggle {
    display: none;
}

.catalog-description-expand .expand-text {
    overflow: visible;
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.catalog-results-description-full {
    display: none;
}

.catalog-description-toggle {
    margin-top: 14px;
    font-size: 15px;
    font-weight: var(--fw-bold);
}

.catalog-sidebar {
    order: 2;
}

.catalog-filter {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.catalog-filter-head .title {
    margin-bottom: 6px;
}

.catalog-filter-close {
    display: none;
}

.catalog-filter-note {
    margin: 0;
    font-size: var(--fs-3);
    color: hsla(var(--c-text), 0.72);
}

.catalog-filter-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.catalog-filter-label > span {
    font-size: var(--fs-2);
    font-weight: var(--fw-bold);
}

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

.catalog-filter .form-control {
    width: 100%;
}

.catalog-filter-actions {
    display: flex;
    gap: 12px;
    margin-top: 6px;
}

.catalog-filter-actions .btn {
    flex: 1 1 auto;
}

.catalog-results > .catalog-grid {
    display: grid;
    overflow: visible;
    width: 100%;
    column-gap: 20px;
    row-gap: 18px;
    align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.catalog-grid > br {
    display: none !important;
}

noindex {
    display: contents;
}

.catalog-grid > div,
.catalog-grid > section,
.catalog-grid > article {
    display: contents;
}

.catalog-grid .card {
    min-width: 0;
}

.catalog-grid .catalog-card {
    width: 100%;
    min-width: 0;
    max-width: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.top100-grid > .top100-card {
    display: block !important;
    min-width: 0;
}

.catalog-card-cover {
    display: block;
}

.catalog-card-poster {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    aspect-ratio: 2 / 3;
}

.catalog-card-badges {
    position: absolute;
    inset: auto 8px 8px 8px;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    pointer-events: none;
}

.catalog-card-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    max-width: 100%;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    background: hsl(var(--c-body));
    color: hsl(var(--c-text));
    font-size: 12px;
    font-weight: var(--fw-bold);
    line-height: 1;
    box-shadow: 0 8px 20px -12px hsla(0, 0%, 0%, 0.45);
    font-style: normal;
}

.catalog-card-type {
    justify-content: flex-start;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-card-rating {
    min-width: 64px;
    justify-self: end;
    padding: 0 8px;
    color: hsl(var(--c-primary));
}

.catalog-card-rating-star {
    margin-right: 4px;
    font-size: 13px;
    line-height: 1;
}

.catalog-card-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.catalog-card:hover .catalog-card-poster img {
    transform: scale(1.02);
}

.catalog-card-body {
    padding-top: 10px;
}

.catalog-card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 58px;
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 1.22;
    color: hsl(var(--c-text));
}

.catalog-card-title:hover {
    color: hsl(var(--c-primary));
}

.catalog-page--simple .catalog-layout {
    display: block;
}

.catalog-page--simple .catalog-sidebar,
.catalog-page--simple .catalog-filter-mobile-btn {
    display: none !important;
}

.catalog-page--simple .catalog-results-head {
    margin-bottom: 18px;
}

.catalog-page--simple .catalog-results-head.sys-page-surface {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.catalog-page--simple .catalog-results-title {
    margin-bottom: 0;
}

.catalog-top-week {
    margin-bottom: 24px;
}

.catalog-top-week .sect-head {
    margin-bottom: 14px;
}

.catalog-top-week-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 172px;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}

.catalog-top-week-list::-webkit-scrollbar {
    display: none;
}

.catalog-top-week-item {
    min-width: 0;
    scroll-snap-align: start;
}

.catalog-top-week-meta {
    display: block;
    min-height: 16px;
    margin-bottom: 4px;
    color: hsla(var(--c-text), .62);
    font-size: 12px;
    line-height: 1.2;
}

.catalog-bottom-description {
    margin-top: 28px;
}

.catalog-bottom-description .expand-text {
    color: hsla(var(--c-text), .72);
    line-height: 1.55;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

@media (min-width: 992px) {
    .catalog-page--simple .catalog-layout {
        display: block;
    }
}

@media (max-width: 575px) {
    .catalog-top-week-list {
        grid-auto-columns: 140px;
        gap: 12px;
    }

    .catalog-bottom-description {
        margin-top: 22px;
    }
}

.appview.sect[itemtype="https://schema.org/Movie"] .appview-hero {
    padding-bottom: var(--group-gap);
}

.movie-subtitle {
    margin-top: -8px;
    margin-bottom: 18px;
    font-size: 18px;
    color: hsla(var(--c-text), 0.68);
}

.movie-likes {
    grid-auto-columns: minmax(116px, 1fr);
}

.movie-likes span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 12px;
    box-shadow: inset 0 0 0 1px var(--c-border);
    border-radius: var(--block-rd);
}

.movie-likes b {
    font-size: 12px;
    opacity: 0.7;
}

.movie-description .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
}

.movie-description.open .expand-text {
    display: block;
}

.fullstory-related .cards-v {
    gap: 20px;
}

.fullstory-related .related-film-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 320px;
    min-width: 320px;
    padding: 18px;
    border-radius: 28px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.fullstory-related .related-film-poster {
    display: block;
    width: 96px;
    min-width: 96px;
    height: 144px;
}

.fullstory-related .related-film-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}

.fullstory-related .related-film-cont {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 2px;
}

.fullstory-related .related-film-cont .meta-os {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 4px;
    margin-bottom: 10px;
}

.fullstory-related .related-film-cont .meta-item {
    display: inline-flex;
    font-size: 13px;
    opacity: 0.78;
    white-space: nowrap;
}

.fullstory-related .related-film-cont .card-bubble {
    white-space: nowrap;
}

.fullstory-related .related-film-cont .title {
    display: -webkit-box;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.4;
    min-height: calc(16px * 1.4 * 2);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fullstory-related .related-film-desc {
    display: -webkit-box;
    color: hsla(var(--c-text), 0.72);
    font-size: 13px;
    line-height: 1.45;
    min-height: calc(13px * 1.45 * 3);
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (min-width: 992px) {
    .fullstory-related .cards-v {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow: visible;
    }

    .fullstory-related .related-film-card {
        width: 100%;
        min-width: 0;
    }
}

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

.movie-info-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.movie-info-item b {
    font-size: 13px;
    opacity: 0.7;
}

.movie-info-item span {
    line-height: 1.45;
}

.movie-rating-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.appview-info-rate .movie-rating-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    align-items: start;
}

.appview-info-rate .movie-rating-side li {
    min-width: 0;
}

.appview-info-rate .movie-rating-side li:first-child {
    justify-self: start;
}

.appview-info-rate .movie-rating-side li:last-child {
    justify-self: end;
    text-align: right;
}

.appview-info-rate .movie-rating-side li:nth-child(2),
.appview-info-rate .movie-rating-side li:nth-child(3),
.appview-info-rate .movie-rating-side li:nth-child(4) {
    color: hsla(var(--c-text), 0.72);
    font-size: 15px;
}

.appview-info-rate .movie-rating-side li:nth-child(2) {
    grid-column: 1;
    justify-self: start;
}

.appview-info-rate .movie-rating-side li:nth-child(3) {
    grid-column: 1;
    justify-self: start;
}

.appview-info-rate .movie-rating-side li:nth-child(4) {
    grid-column: 2;
    justify-self: end;
    text-align: right;
}

@media (max-width: 767px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .appview-info-rate .movie-rating-side li:last-child,
    .appview-info-rate .movie-rating-side li:nth-child(4) {
        justify-self: start;
        text-align: left;
    }
}

/* Fullstory: stable DLE favorite/rating layout */
.appview-tools .av-tool > a,
.appview-tools .av-tool > button,
.appview-tools .av-tool > span,
.appview-tools .av-tool.dropdown .dropdown-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
}

.appview-tools .av-tool > a .im,
.appview-tools .av-tool > button .im,
.appview-tools .av-tool > span .im,
.appview-tools .av-tool.dropdown .dropdown-btn .im {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.appview-tools .av-tool > a .av-tool-cont,
.appview-tools .av-tool > button .av-tool-cont,
.appview-tools .av-tool > span .av-tool-cont {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.appview-info-rate .movie-rating-side {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px 24px !important;
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    order: 1 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    order: 2 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
    order: 3 !important;
    flex: 0 0 100% !important;
    text-align: left !important;
}

@media (max-width: 420px) {
    .appview-info-rate .movie-rating-side .movie-rating-votes,
    .appview-info-rate .movie-rating-side .movie-rating-comments,
    .appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
}

/* Fullstory rating final: votes/comments on one row, external ratings below */
.appview-info-rate .movie-rating-side {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    gap: 10px 24px !important;
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    text-align: left !important;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    text-align: right !important;
}

.appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    text-align: left !important;
}

@media (max-width: 420px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: 1fr !important;
    }

    .appview-info-rate .movie-rating-side .movie-rating-votes,
    .appview-info-rate .movie-rating-side .movie-rating-comments,
    .appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        text-align: left !important;
    }
}

/* Catalog: compact Remanga-like cards and main-page top carousel */
.catalog-page--simple .catalog-results-head {
    margin-bottom: 18px;
}

.catalog-page--simple .catalog-top-week {
    margin-bottom: 26px;
}

.catalog-page--simple .catalog-top-week .sect-head {
    margin-bottom: 14px;
}

.catalog-page--simple .catalog-top-week-carousel .hscroll.hcarousel {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.catalog-page--simple .catalog-top-week-carousel .hscroll .card {
    scroll-margin-left: 0;
    scroll-margin-right: 0;
}

.catalog-page--simple .catalog-layout {
    display: block !important;
}

.catalog-page--simple .catalog-sidebar,
.catalog-page--simple .catalog-filter-mobile-btn {
    display: none !important;
}

.catalog-page--simple .catalog-results {
    width: 100%;
}

.catalog-page--simple .catalog-results > .catalog-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 28px 22px;
}

.catalog-page--simple .catalog-card {
    display: block;
    background: transparent;
    box-shadow: none;
}

.catalog-page--simple .catalog-card-cover {
    display: block;
}

.catalog-page--simple .catalog-card-poster {
    aspect-ratio: 2 / 3;
    border-radius: 8px;
    background: hsl(var(--block-bg));
}

.catalog-page--simple .catalog-card-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.catalog-page--simple .catalog-card:hover .catalog-card-poster img {
    transform: scale(1.04);
}

.catalog-page--simple .catalog-card-badges {
    inset: auto 6px 6px auto;
    display: block;
}

.catalog-page--simple .catalog-card-pill {
    min-width: 0;
    height: 26px;
    padding: 0 9px;
    border-radius: 7px;
    background: hsla(0, 0%, 0%, .52);
    color: #fff;
    font-size: 13px;
    line-height: 26px;
    backdrop-filter: blur(6px);
}

.catalog-page--simple .catalog-card-rating {
    justify-self: auto;
    color: hsl(var(--c-primary));
    font-weight: 800;
}

.catalog-page--simple .catalog-card-rating-star {
    margin-right: 4px;
    color: hsl(var(--c-primary));
    font-weight: 900;
}

.catalog-page--simple .catalog-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 1px 0;
}

.catalog-card-meta {
    display: block;
    overflow: hidden;
    color: hsla(var(--c-text), .58);
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catalog-page--simple .catalog-card-title {
    min-height: 0;
    color: hsl(var(--c-text));
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px 16px;
    }
}

@media (max-width: 575px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px;
    }

    .catalog-page--simple .catalog-sort-nav {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 18px;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .catalog-page--simple .catalog-card-poster {
        border-radius: 7px;
    }

    .catalog-page--simple .catalog-card-badges {
        inset: auto 4px 4px auto;
    }

    .catalog-page--simple .catalog-card-pill {
        height: 20px;
        padding: 0 6px;
        border-radius: 6px;
        font-size: 11px;
        line-height: 20px;
    }

    .catalog-page--simple .catalog-card-rating-star {
        margin-right: 3px;
        font-size: 10px;
    }

    .catalog-page--simple .catalog-card-body {
        gap: 3px;
        padding-top: 7px;
    }

    .catalog-card-meta {
        font-size: 11px;
    }

    .catalog-page--simple .catalog-card-title {
        min-height: 0;
        font-size: 12px;
        line-height: 1.18;
    }
}

/* Final rating badge emphasis */
.catalog-card-rating,
.catalog-page--simple .catalog-card-rating {
    color: hsl(var(--c-primary)) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0;
    text-shadow: 0 0 0 currentColor;
}

.catalog-card-rating-star,
.catalog-page--simple .catalog-card-rating-star {
    display: inline-block;
    color: hsl(var(--c-primary)) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1;
    text-shadow: 0 0 0 currentColor;
    transform: translateY(-1px);
}

.collection-news-row-sub i {
    color: hsl(var(--c-primary)) !important;
    font-size: 13px;
    font-weight: 950;
}

.collection-news-row-sub span {
    color: hsl(var(--c-primary)) !important;
    font-weight: 950;
    text-shadow: 0 0 0 currentColor;
}

@media (max-width: 575px) {
    .catalog-card-rating,
    .catalog-page--simple .catalog-card-rating {
        height: 22px !important;
        padding: 0 7px;
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .catalog-card-rating-star,
    .catalog-page--simple .catalog-card-rating-star {
        margin-right: 4px;
        font-size: 13px !important;
    }
}

/* Final fullstory left-poster spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        align-content: start !important;
        row-gap: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        align-self: start !important;
        margin-bottom: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        align-self: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        align-self: start !important;
        margin-top: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px !important;
        padding-right: 0 !important;
    }
}

/* Final fullstory left-poster spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        align-content: start !important;
        row-gap: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        align-self: start !important;
        margin-bottom: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        align-self: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        align-self: start !important;
        margin-top: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px !important;
        padding-right: 0 !important;
    }
}

/* Final fullstory left-poster spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        align-content: start !important;
        row-gap: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        align-self: start !important;
        margin-bottom: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        align-self: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        align-self: start !important;
        margin-top: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px !important;
        padding-right: 0 !important;
    }
}

/* Fullstory left-poster trial layout */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr);
        grid-template-areas:
            "poster title"
            "poster specs"
            "poster foot";
        column-gap: 34px;
        align-items: start;
        min-height: 330px;
        padding-right: 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        grid-area: title;
        align-self: end;
        margin-bottom: 18px;
        text-align: left;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .appicon {
        grid-area: poster;
        position: relative;
        top: auto;
        right: auto;
        align-self: start;
        width: 220px;
        max-width: 220px;
        height: 330px;
        margin: 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        grid-area: specs;
        justify-content: flex-start;
        padding: 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        grid-area: foot;
        align-self: end;
        margin-top: 28px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens {
        padding-left: 254px;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        grid-template-columns: 240px minmax(0, 1fr);
        column-gap: 42px;
        min-height: 360px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .appicon {
        width: 240px;
        max-width: 240px;
        height: 360px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens {
        padding-left: 282px;
    }
}

/* Fullstory left-poster spacing refinement */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        align-content: start;
        row-gap: 18px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        align-self: start;
        margin-bottom: 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        align-self: start;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        align-self: start;
        margin-top: 18px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px;
        padding-right: 0;
    }
}

/* Final collection catalog and mobile category fixes */
.collection-catalog-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 28px 22px !important;
}

.collection-catalog-grid .catalog-card {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
}

.collection-catalog-grid .catalog-card-cover {
    display: block !important;
}

.collection-catalog-grid .catalog-card-poster {
    aspect-ratio: 2 / 3;
    border-radius: 8px !important;
    background: hsl(var(--block-bg));
}

.collection-catalog-grid .catalog-card-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection-catalog-grid .catalog-card-badges {
    inset: auto 6px 6px auto !important;
    display: block !important;
}

.collection-catalog-grid .catalog-card-pill {
    min-width: 0 !important;
    height: 26px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    background: hsla(0, 0%, 0%, .52) !important;
    line-height: 26px !important;
    backdrop-filter: blur(6px);
}

.collection-catalog-grid .catalog-card-body {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    padding: 8px 1px 0 !important;
}

.collection-catalog-grid .catalog-card-title {
    min-height: 0 !important;
    font-size: 14px !important;
    line-height: 1.32 !important;
}

.collection-sort-nav {
    margin-top: 18px;
}

@media (max-width: 1279px) {
    .collection-catalog-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .catalog-page--simple .category-head,
    .catalog-page--simple .tab-toggle-head,
    .catalog-page--simple .catalog-filter-mobile-btn {
        display: none !important;
    }

    .catalog-page--simple .catalog-results-head,
    .catalog-page--simple .catalog-results-head:not(.lf-ready),
    .catalog-page--simple .catalog-results-head.lf-ready {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;
    }

    .catalog-page--simple .catalog-results-title {
        display: block !important;
        visibility: visible !important;
    }

    .collection-catalog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 22px 16px !important;
    }
}

@media (max-width: 767px) {
    .collection-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    .collection-sort-nav {
        margin-top: 14px;
    }

    .collection-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
    }

    .collection-catalog-grid .catalog-card-title {
        font-size: 13px !important;
    }
}

.catalog-card-rating,
.catalog-page--simple .catalog-card-rating {
    color: hsl(var(--c-primary)) !important;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 0 0 currentColor;
}

.catalog-card-rating-star,
.catalog-page--simple .catalog-card-rating-star {
    display: inline-block;
    color: hsl(var(--c-primary)) !important;
    font-size: 15px;
    font-weight: 950;
    line-height: 1;
    text-shadow: 0 0 0 currentColor;
    transform: translateY(-1px);
}

.collection-news-row-sub i {
    color: hsl(var(--c-primary));
    font-size: 13px;
    font-weight: 950;
}

.collection-news-row-sub span {
    color: hsl(var(--c-primary));
    font-weight: 950;
    text-shadow: 0 0 0 currentColor;
}

@media (max-width: 575px) {
    .catalog-card-rating,
    .catalog-page--simple .catalog-card-rating {
        height: 22px;
        padding: 0 7px;
        font-size: 13px;
        line-height: 22px;
    }

    .catalog-card-rating-star,
    .catalog-page--simple .catalog-card-rating-star {
        margin-right: 4px;
        font-size: 13px;
    }
}

.catalog-card-rating,
.catalog-page--simple .catalog-card-rating,
.collection-news-row-sub i {
    color: hsl(var(--c-primary));
    font-weight: 800;
}

.catalog-card-rating-star,
.catalog-page--simple .catalog-card-rating-star,
.collection-news-row-sub span {
    color: hsl(var(--c-primary));
    font-weight: 900;
}
/* Native DLE category sort */
.catalog-sort-native,
.catalog-sort-native form,
.catalog-sort-native > div,
.catalog-sort-native > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-sort-native {
    color: hsla(var(--c-text), .66);
    font-size: 13px;
    line-height: 1.2;
}

.catalog-sort-native a,
.catalog-sort-native button,
.catalog-sort-native select,
.catalog-sort-native .sort,
.catalog-sort-native li {
    min-width: 0;
}

.catalog-sort-native a,
.catalog-sort-native button,
.catalog-sort-native select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 0;
    border-radius: 8px;
    background: hsla(var(--c-text), .06);
    color: hsl(var(--c-text));
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.catalog-sort-native select {
    padding-right: 34px;
    border: 1px solid hsla(var(--c-border), .72);
    appearance: auto;
}

.catalog-sort-native a:hover,
.catalog-sort-native button:hover,
.catalog-sort-native a.active,
.catalog-sort-native a.current,
.catalog-sort-native li.active a {
    background: hsla(var(--c-primary), .16);
    color: hsl(var(--c-primary));
}

.catalog-sort-native br {
    display: none;
}

@media (max-width: 575px) {
    .catalog-sort-native,
    .catalog-sort-native form,
    .catalog-sort-native > div,
    .catalog-sort-native > ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 8px;
        scrollbar-width: none;
    }

    .catalog-sort-native::-webkit-scrollbar,
    .catalog-sort-native form::-webkit-scrollbar,
    .catalog-sort-native > div::-webkit-scrollbar,
    .catalog-sort-native > ul::-webkit-scrollbar {
        display: none;
    }

    .catalog-sort-native a,
    .catalog-sort-native button,
    .catalog-sort-native select {
        min-height: 36px;
        padding: 0 12px;
        font-size: 12px;
        flex: 0 0 auto;
    }
}

/* Catalog sort dropdown */
.catalog-page--simple .catalog-sort-nav {
    position: relative;
    z-index: 12;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.catalog-sort-dropdown {
    position: relative;
    width: max-content;
    max-width: 100%;
}

.catalog-sort-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 188px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 8px;
    background: hsl(var(--block-bg));
    color: hsl(var(--c-text));
    box-shadow: var(--block-sw);
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.catalog-sort-trigger::-webkit-details-marker {
    display: none;
}

.catalog-sort-trigger svg {
    width: 19px;
    height: 19px;
    fill: currentColor;
    flex: 0 0 auto;
    color: hsl(var(--c-primary));
}

.catalog-sort-dropdown[open] .catalog-sort-trigger {
    background: hsla(var(--c-text), .08);
}

.catalog-sort-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 30;
    width: 292px;
    max-width: calc(100vw - var(--wrp-p) * 2);
    padding: 8px;
    border: 1px solid hsla(var(--c-border), .7);
    border-radius: 16px;
    background: hsl(var(--block-bg));
    box-shadow: 0 18px 44px hsla(var(--c-shadow), .24);
}

.catalog-sort-dropdown .catalog-sort-native,
.catalog-sort-dropdown .catalog-sort-native form,
.catalog-sort-dropdown .catalog-sort-native > div,
.catalog-sort-dropdown .catalog-sort-native > ul {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    overflow: visible;
}

.catalog-sort-dropdown .catalog-sort-native a,
.catalog-sort-dropdown .catalog-sort-native button,
.catalog-sort-dropdown .catalog-sort-native select {
    gap: 12px;
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 8px;
    background: transparent;
    color: hsla(var(--c-text), .82);
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
}

.catalog-sort-dropdown .catalog-sort-native a.current {
    justify-content: space-between;
}

.catalog-sort-dropdown .catalog-sort-native li.current.asc a,
.catalog-sort-dropdown .catalog-sort-native li.current.desc a,
.catalog-sort-dropdown .catalog-sort-native a.is-asc,
.catalog-sort-dropdown .catalog-sort-native a.is-desc {
    justify-content: space-between;
}

.catalog-sort-dropdown .catalog-sort-native li.current.asc a::after,
.catalog-sort-dropdown .catalog-sort-native li.current.desc a::after,
.catalog-sort-dropdown .catalog-sort-native a.is-asc::after,
.catalog-sort-dropdown .catalog-sort-native a.is-desc::after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: currentColor;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    flex: 0 0 auto;
}

.catalog-sort-dropdown .catalog-sort-native li.current.asc a::after,
.catalog-sort-dropdown .catalog-sort-native a.is-asc::after {
    content: "↓";
}

.catalog-sort-dropdown .catalog-sort-native li.current.desc a::after,
.catalog-sort-dropdown .catalog-sort-native a.is-desc::after {
    content: "↑";
}

.catalog-sort-dropdown .catalog-sort-native a img[src*="asc"],
.catalog-sort-dropdown .catalog-sort-native a img[src*="desc"] {
    display: none;
}

.catalog-sort-link-order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: currentColor;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    flex: 0 0 auto;
}

.catalog-sort-dropdown .catalog-sort-native a:hover,
.catalog-sort-dropdown .catalog-sort-native button:hover,
.catalog-sort-dropdown .catalog-sort-native a.active,
.catalog-sort-dropdown .catalog-sort-native a.current,
.catalog-sort-dropdown .catalog-sort-native li.active a {
    background: hsl(var(--c-primary));
    color: #fff;
}

@media (max-width: 575px) {
    .catalog-page--simple .catalog-sort-nav {
        margin-bottom: 18px;
    }

    .catalog-sort-dropdown {
        width: 100%;
    }

    .catalog-sort-trigger {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 0 16px;
        font-size: 14px;
    }

    .catalog-sort-menu {
        width: 100%;
        max-width: none;
    }
}

/* Native DLE category sort */
.catalog-sort-native,
.catalog-sort-native form,
.catalog-sort-native > div,
.catalog-sort-native > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-sort-native {
    color: hsla(var(--c-text), .66);
    font-size: 13px;
    line-height: 1.2;
}

.catalog-sort-native a,
.catalog-sort-native button,
.catalog-sort-native select,
.catalog-sort-native .sort,
.catalog-sort-native li {
    min-width: 0;
}

.catalog-sort-native a,
.catalog-sort-native button,
.catalog-sort-native select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 0;
    border-radius: 8px;
    background: hsla(var(--c-text), .06);
    color: hsl(var(--c-text));
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.catalog-sort-native select {
    padding-right: 34px;
    border: 1px solid hsla(var(--c-border), .72);
    appearance: auto;
}

.catalog-sort-native a:hover,
.catalog-sort-native button:hover,
.catalog-sort-native a.active,
.catalog-sort-native a.current,
.catalog-sort-native li.active a {
    background: hsla(var(--c-primary), .16);
    color: hsl(var(--c-primary));
}

.catalog-sort-native br {
    display: none;
}

@media (max-width: 575px) {
    .catalog-sort-native,
    .catalog-sort-native form,
    .catalog-sort-native > div,
    .catalog-sort-native > ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 8px;
        scrollbar-width: none;
    }

    .catalog-sort-native::-webkit-scrollbar,
    .catalog-sort-native form::-webkit-scrollbar,
    .catalog-sort-native > div::-webkit-scrollbar,
    .catalog-sort-native > ul::-webkit-scrollbar {
        display: none;
    }

    .catalog-sort-native a,
    .catalog-sort-native button,
    .catalog-sort-native select {
        min-height: 36px;
        padding: 0 12px;
        font-size: 12px;
        flex: 0 0 auto;
    }
}

.catalog-page--simple .catalog-sidebar {
    display: none !important;
}

@media (min-width: 992px) {
    .catalog-page--simple .catalog-layout {
        display: block !important;
    }

    .catalog-page--simple .catalog-results {
        width: 100%;
    }
}

/* Header fast search: cards only */
#searchsuggestions {
    --lf-fs-bg: hsla(0, 0%, 100%, .98);
    --lf-fs-card-bg: hsla(var(--c-text), .035);
    --lf-fs-card-hover: hsla(var(--c-primary), .08);
    --lf-fs-border: hsla(var(--c-text), .08);
    --lf-fs-shadow: 0 22px 70px hsla(0, 0%, 0%, .16);
    --lf-fs-overlay: hsla(0, 0%, 100%, .42);
    --lf-fs-cover-bg: hsla(var(--c-text), .055);
    --lf-fs-pill-bg: hsla(var(--c-text), .055);
    width: min(760px, calc(100vw - 48px)) !important;
    max-height: min(64vh, 560px);
    padding: 10px !important;
    overflow: hidden auto !important;
    border: 1px solid var(--lf-fs-border);
    border-radius: 14px !important;
    background: var(--lf-fs-bg) !important;
    box-shadow: var(--lf-fs-shadow) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html.darkmod #searchsuggestions {
    --lf-fs-bg: hsla(0, 0%, 11%, .98);
    --lf-fs-card-bg: hsla(var(--c-text), .055);
    --lf-fs-card-hover: hsla(var(--c-text), .09);
    --lf-fs-border: hsla(var(--c-text), .09);
    --lf-fs-shadow: 0 28px 80px hsla(0, 0%, 0%, .5);
    --lf-fs-overlay: hsla(0, 0%, 0%, .42);
    --lf-fs-cover-bg: hsla(var(--c-text), .08);
    --lf-fs-pill-bg: hsla(var(--c-text), .075);
}

#searchsuggestions::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--lf-fs-overlay);
    pointer-events: none;
}

#searchsuggestions .lf-fastsearch-results {
    display: grid;
    gap: 10px;
    padding: 0 !important;
}

#searchsuggestions > .fastsearch-item + .fastsearch-item {
    margin-top: 10px;
}

#searchsuggestions .seperator {
    display: none !important;
}

#searchsuggestions .fastsearch-item {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 22px;
    gap: 14px;
    align-items: center;
    min-height: 82px;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 12px;
    background: var(--lf-fs-card-bg);
    transition: background-color .18s ease, transform .18s ease;
}

#searchsuggestions .fastsearch-item:hover {
    background: var(--lf-fs-card-hover);
    transform: translateY(-1px);
}

#searchsuggestions .fastsearch-item .cover {
    position: relative;
    width: 58px !important;
    min-width: 58px !important;
    height: 78px !important;
    flex-basis: 58px !important;
    overflow: hidden;
    border-radius: 6px !important;
    background: var(--lf-fs-cover-bg);
}

#searchsuggestions .fastsearch-item .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#searchsuggestions .fastsearch-item .cover.is-empty::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, hsla(var(--c-primary), .22), hsla(var(--c-text), .06)),
        var(--lf-fs-cover-bg);
}

#searchsuggestions .fastsearch-item .cover.is-empty::after {
    content: "";
    position: absolute;
    inset: 24px 18px;
    opacity: .75;
    background-color: hsl(var(--c-primary));
    -webkit-mask: url("../img/icons/play.svg") center / contain no-repeat;
    mask: url("../img/icons/play.svg") center / contain no-repeat;
}

#searchsuggestions .fastsearch-title {
    display: grid;
    gap: 7px;
    align-content: center;
    min-width: 0;
    padding: 0 !important;
}

#searchsuggestions .lf-fastsearch-name {
    color: hsl(var(--c-text));
    font-size: 16px;
    font-weight: var(--fw-bold);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#searchsuggestions .fastsearch-item:hover .lf-fastsearch-name {
    color: hsl(var(--c-primary));
}

#searchsuggestions .lf-fastsearch-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: hsla(var(--c-text), .58);
    font-size: 13px;
    line-height: 1.2;
}

#searchsuggestions .lf-fastsearch-meta i {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--lf-fs-pill-bg);
    font-style: normal;
    white-space: nowrap;
}

#searchsuggestions .fastsearch-item > .im {
    justify-self: end;
    opacity: .45;
}

@media (max-width: 991px) {
    #searchsuggestions {
        width: auto !important;
        max-height: calc(100vh - 116px);
        border-radius: 14px !important;
    }
}

@media (max-width: 575px) {
    #searchsuggestions {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-height: calc(100vh - 96px);
        padding: 8px !important;
    }

    #searchsuggestions .fastsearch-item {
        grid-template-columns: 50px minmax(0, 1fr);
        min-height: 74px;
        gap: 10px;
        padding: 8px !important;
    }

    #searchsuggestions .fastsearch-item .cover {
        width: 50px !important;
        min-width: 50px !important;
        height: 68px !important;
        flex-basis: 50px !important;
    }

    #searchsuggestions .fastsearch-item > .im {
        display: none;
    }

    #searchsuggestions .lf-fastsearch-name {
        font-size: 15px;
    }

    #searchsuggestions .lf-fastsearch-meta {
        gap: 4px;
        font-size: 12px;
    }
}

/* Search page results */
.sys-page-sect.search-results-ready {
    --wrp-w: 1180px;
    padding-top: 0;
}

.sys-page-sect.search-results-ready > .category-head,
.sys-page-sect.search-results-ready > .search-box {
    width: min(768px, 100%);
    margin-right: auto;
    margin-left: auto;
}

.search-updates-grid {
    width: min(1180px, 100%);
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.search-updates-grid .search-updates-item {
    min-width: 0;
    width: auto;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    margin: 0;
    border: 0;
    border-radius: 18px;
    background: hsla(var(--c-text), 0.035);
    transition: background-color .18s ease, transform .18s ease;
}

.search-updates-grid .search-updates-item:hover {
    background: hsla(var(--c-text), 0.06);
    transform: translateY(-1px);
}

.search-updates-thumb {
    position: relative;
    width: 74px;
    min-width: 74px;
    overflow: hidden;
    border-radius: 10px;
    background: hsla(var(--c-text), 0.08);
}

.search-updates-thumb img {
    display: block;
    width: 100%;
    height: 108px;
    object-fit: cover;
}

.search-updates-thumb.is-empty::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, hsla(var(--c-primary), .2), hsla(var(--c-text), .06)),
        hsla(var(--c-text), .08);
}

.search-updates-thumb.is-empty::after {
    content: "";
    position: absolute;
    inset: 36px 26px;
    opacity: .75;
    background-color: hsl(var(--c-primary));
    -webkit-mask: url("../img/icons/play.svg") center / contain no-repeat;
    mask: url("../img/icons/play.svg") center / contain no-repeat;
}

.search-updates-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.search-updates-title {
    display: block;
    overflow: hidden;
    color: hsl(var(--c-text));
    font-size: 18px;
    font-weight: var(--fw-bold);
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-updates-year {
    color: hsla(var(--c-text), 0.48);
    font-weight: var(--fw);
}

.search-updates-year:not(:empty)::before {
    content: " (";
}

.search-updates-year:not(:empty)::after {
    content: ")";
}

.search-updates-year:empty,
.search-updates-type:empty,
.search-updates-desc:empty {
    display: none;
}

.search-updates-desc {
    display: -webkit-box;
    overflow: hidden;
    color: hsla(var(--c-text), 0.56);
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-updates-desc * {
    display: inline;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}

.search-updates-desc br,
.search-updates-desc img,
.search-updates-desc iframe,
.search-updates-desc video,
.search-updates-desc audio,
.search-updates-desc table,
.search-updates-desc script,
.search-updates-desc style {
    display: none !important;
}

.search-updates-type {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: hsla(var(--c-yellow), 0.22);
    color: hsl(var(--c-yellow));
    font-size: 13px;
    font-weight: var(--fw-bold);
}

@media (max-width: 767px) {
    .search-updates-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .search-updates-grid .search-updates-item {
        width: 100%;
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 12px;
        padding: 12px 14px;
        margin: 0;
    }

    .search-updates-thumb {
        width: 66px;
        min-width: 66px;
    }

    .search-updates-thumb img {
        height: 96px;
    }

    .search-updates-title {
        font-size: 17px;
    }

    .search-updates-desc {
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }
}

/* Fullstory rating: keep votes and comments on one horizontal line */
.appview-info-rate .movie-rating-side {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    gap: 10px 24px !important;
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    text-align: left !important;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    text-align: right !important;
}

.appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    text-align: left !important;
}

@media (max-width: 420px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: 1fr !important;
    }

    .appview-info-rate .movie-rating-side .movie-rating-votes,
    .appview-info-rate .movie-rating-side .movie-rating-comments,
    .appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        text-align: left !important;
    }
}

.genres-home-sect {
    margin-top: 8px;
}

.genres-card-strip {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 1fr);
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 6px;
}

.genre-card {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 22px;
    background: hsla(var(--c-text), 0.05);
    box-shadow: inset 0 0 0 1px hsla(var(--c-text), 0.04);
    color: hsl(var(--c-text));
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.genre-card:hover {
    transform: translateY(-2px);
    background: hsla(var(--c-text), 0.07);
    box-shadow: inset 0 0 0 1px hsla(var(--c-text), 0.08);
}

.genre-card-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.genre-im {
    width: 42px;
    height: 42px;
    display: block;
    background-color: hsl(var(--genre-accent));
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
}

.genre-card-name {
    color: hsl(var(--c-text));
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: lowercase;
}

.genre-card--violet { --genre-accent: 261 92% 64%; }
.genre-card--rose { --genre-accent: 345 88% 63%; }
.genre-card--gold { --genre-accent: 45 94% 63%; }
.genre-card--mint { --genre-accent: 166 78% 57%; }
.genre-card--blue { --genre-accent: 223 89% 63%; }
.genre-card--indigo { --genre-accent: 228 81% 55%; }
.genre-card--peach { --genre-accent: 21 91% 67%; }
.genre-card--sky { --genre-accent: 209 61% 57%; }
.genre-card--pink { --genre-accent: 336 88% 74%; }
.genre-card--teal { --genre-accent: 171 69% 53%; }
.genre-card--orange { --genre-accent: 27 93% 63%; }
.genre-card--green { --genre-accent: 145 63% 54%; }
.genre-card--lavender { --genre-accent: 267 79% 76%; }

.genres-page {
    --wrp-w: 1100px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.genres-page.wrp {
    max-width: calc(1100px + var(--wrp-p) * 2);
}

.genres-page-head {
    margin-bottom: 4px;
    text-align: left;
}

.genres-page-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.genres-page-title {
    color: hsl(var(--c-text));
    font-size: 34px;
    line-height: 1.15;
    font-weight: 500;
}

.genres-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.genres-grid .genre-card {
    min-height: 100px;
    min-width: 0;
}

.genres-grid > * {
    min-width: 0;
}

.genres-page .genre-card-name {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1279px) {
    .genres-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .genres-page-title {
        font-size: 28px;
    }

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

@media (max-width: 575px) {
    .genres-card-strip {
        grid-auto-columns: 168px;
        gap: 12px;
    }

    .genre-card {
        min-height: 96px;
        padding: 14px;
        border-radius: 18px;
        gap: 10px;
    }

    .genre-card-name {
        font-size: 15px;
    }

    .genre-im {
        width: 38px;
        height: 38px;
    }

    .genres-page {
        gap: 24px;
    }

    .genres-page-title {
        font-size: 24px;
    }

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

    .genres-grid .genre-card {
        min-height: 92px;
    }
}

.genre-im-anime { mask-image: url(../img/icons/genres/anime.svg); -webkit-mask-image: url(../img/icons/genres/anime.svg); }
.genre-im-biography { mask-image: url(../img/icons/genres/biography.svg); -webkit-mask-image: url(../img/icons/genres/biography.svg); }
.genre-im-action { mask-image: url(../img/icons/genres/action.svg); -webkit-mask-image: url(../img/icons/genres/action.svg); }
.genre-im-western { mask-image: url(../img/icons/genres/western.svg); -webkit-mask-image: url(../img/icons/genres/western.svg); }
.genre-im-war { mask-image: url(../img/icons/genres/war.svg); -webkit-mask-image: url(../img/icons/genres/war.svg); }
.genre-im-detective { mask-image: url(../img/icons/genres/detective.svg); -webkit-mask-image: url(../img/icons/genres/detective.svg); }
.genre-im-kids { mask-image: url(../img/icons/genres/kids.svg); -webkit-mask-image: url(../img/icons/genres/kids.svg); }
.genre-im-drama { mask-image: url(../img/icons/genres/drama.svg); -webkit-mask-image: url(../img/icons/genres/drama.svg); }
.genre-im-comedy { mask-image: url(../img/icons/genres/comedy.svg); -webkit-mask-image: url(../img/icons/genres/comedy.svg); }
.genre-im-crime { mask-image: url(../img/icons/genres/crime.svg); -webkit-mask-image: url(../img/icons/genres/crime.svg); }
.genre-im-melodrama { mask-image: url(../img/icons/genres/melodrama.svg); -webkit-mask-image: url(../img/icons/genres/melodrama.svg); }
.genre-im-music { mask-image: url(../img/icons/genres/music.svg); -webkit-mask-image: url(../img/icons/genres/music.svg); }
.genre-im-cartoon { mask-image: url(../img/icons/genres/cartoon.svg); -webkit-mask-image: url(../img/icons/genres/cartoon.svg); }
.genre-im-adventure { mask-image: url(../img/icons/genres/adventure.svg); -webkit-mask-image: url(../img/icons/genres/adventure.svg); }
.genre-im-family { mask-image: url(../img/icons/genres/family.svg); -webkit-mask-image: url(../img/icons/genres/family.svg); }
.genre-im-thriller { mask-image: url(../img/icons/genres/thriller.svg); -webkit-mask-image: url(../img/icons/genres/thriller.svg); }
.genre-im-horror { mask-image: url(../img/icons/genres/horror.svg); -webkit-mask-image: url(../img/icons/genres/horror.svg); }
.genre-im-fantasy { mask-image: url(../img/icons/genres/fantasy.svg); -webkit-mask-image: url(../img/icons/genres/fantasy.svg); }
.genre-im-scifi { mask-image: url(../img/icons/genres/scifi.svg); -webkit-mask-image: url(../img/icons/genres/scifi.svg); }
.genre-im-series { mask-image: url(../img/icons/genres/series.svg); -webkit-mask-image: url(../img/icons/genres/series.svg); }
.genre-im-miniseries { mask-image: url(../img/icons/genres/miniseries.svg); -webkit-mask-image: url(../img/icons/genres/miniseries.svg); }
.genre-im-film { mask-image: url(../img/icons/genres/film.svg); -webkit-mask-image: url(../img/icons/genres/film.svg); }
.genre-im-documentary { mask-image: url(../img/icons/genres/documentary.svg); -webkit-mask-image: url(../img/icons/genres/documentary.svg); }
.genre-im-multseries { mask-image: url(../img/icons/genres/multseries.svg); -webkit-mask-image: url(../img/icons/genres/multseries.svg); }
.genre-im-news { mask-image: url(../img/icons/genres/news.svg); -webkit-mask-image: url(../img/icons/genres/news.svg); }
.genre-im-updates { mask-image: url(../img/icons/genres/updates.svg); -webkit-mask-image: url(../img/icons/genres/updates.svg); }
.genre-im-collections { mask-image: url(../img/icons/genres/collections.svg); -webkit-mask-image: url(../img/icons/genres/collections.svg); }
.genre-im-top { mask-image: url(../img/icons/genres/top.svg); -webkit-mask-image: url(../img/icons/genres/top.svg); }


@media (max-width: 575px) {
    .appview-download.wrp {
        padding-left: 8px;
        padding-right: 8px;
    }

    .download-box {
        --dbox-p: 10px;
        --tabs-mb: 14px;
        border-radius: 18px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .download-box .tab-toggle-head {
        margin-bottom: 14px;
    }

    .download-box .tab-toggle {
        height: 48px;
        padding: 4px;
    }

    .download-box .tab-toggle::after {
        top: 4px;
        left: 4px;
        height: 40px;
        width: calc(50% - 4px);
    }

    .download-box .tab-toggle span {
        min-width: 0;
        padding: 10px 12px;
        font-size: var(--fs-2);
    }

    .movie-player {
        border-radius: 15px;
    }

    .movie-player iframe,
    .movie-player video,
    .movie-player embed,
    .movie-player object {
        min-height: 200px;
    }

    .movie-player-side {
        display: none;
    }
}

.movie-fullstory .appview-bg::after {
    background-image: linear-gradient(180deg, hsla(var(--c-body), 0.08) 0%, hsla(var(--c-body), 0.92) 58%, hsl(var(--c-body)) 100%);
}

.appview.sect[itemtype="https://schema.org/Movie"] .appview-bg .cover {
    left: 50%;
    top: -80px;
    width: 1020px;
    height: 1020px;
    transform: translateX(-50%);
    filter: blur(18px);
    opacity: 0.45;
}

.appview.sect[itemtype="https://schema.org/Movie"] .appview-bg {
    inset: 0 0 -22px 0;
}

@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens {
        padding-bottom: 8px;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens {
        padding-bottom: var(--group-gap);
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-bg {
        inset: 0 0 -18px 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens .appview-bg {
        inset: 0 0 -86px 0;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens + .appview-info {
        padding-top: calc(var(--group-gap) + 52px);
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info {
        padding-top: calc(var(--group-gap) + 18px);
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info .tab-toggle-head {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero {
        padding-bottom: var(--wrp-p);
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-bg {
        inset: 0 0 -14px 0;
    }

    .fullstory-related .related-film-card {
        width: 272px;
        min-width: 272px;
        gap: 12px;
        padding: 14px;
        border-radius: 24px;
    }

    .fullstory-related .related-film-poster {
        width: 78px;
        min-width: 78px;
        height: 117px;
    }

    .fullstory-related .related-film-cont {
        padding-top: 0;
    }

    .fullstory-related .related-film-cont .title {
        font-size: 15px;
        line-height: 1.35;
        min-height: calc(15px * 1.35 * 2);
    }

    .fullstory-related .related-film-desc {
        font-size: 12px;
        line-height: 1.4;
        min-height: calc(12px * 1.4 * 3);
    }

    .fullstory-related .cards-v {
        display: flex;
        overflow-x: auto;
    }
}

.lf-poster-preview {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(10, 12, 16, 0.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.lf-poster-preview.is-open {
    display: flex;
}

.lf-poster-preview-img {
    display: block;
    max-width: min(92vw, 720px);
    max-height: 88vh;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

.lf-poster-preview-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

body.lf-poster-preview-open {
    overflow: hidden;
}

.catalog-page--simple .catalog-sidebar {
    display: none !important;
}

@media (min-width: 992px) {
    .catalog-page--simple .catalog-layout {
        display: block;
    }

    .catalog-page--simple .catalog-results {
        width: 100%;
    }
}

.movie-hero-card {
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(180deg, hsla(var(--c-bg2), 0.96) 0%, hsla(var(--c-body-tone), 0.94) 100%);
    box-shadow: 0 18px 48px hsla(var(--c-shadow), 0.12);
}

.movie-hero-grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.movie-hero-poster {
    width: 220px;
    height: 330px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 40px hsla(var(--c-shadow), 0.2);
}

.movie-hero-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.movie-hero-main {
    min-width: 0;
}

.movie-hero-head {
    margin-bottom: 16px;
}

.movie-hero-head .title {
    margin-bottom: 0;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.02;
    text-wrap: balance;
}

.movie-subtitle {
    margin-top: 10px;
    font-size: 18px;
    color: hsla(var(--c-text), 0.68);
}

.movie-meta-pills,
.movie-rating-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.movie-meta-pills {
    margin-bottom: 18px;
}

.movie-rating-pills {
    margin-top: 18px;
}

.movie-meta-pill,
.movie-score-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: hsla(var(--c-text), 0.06);
    color: hsl(var(--c-text));
    font-size: 13px;
    font-weight: var(--fw-medium);
}

.movie-meta-pill-accent {
    background: hsla(var(--c-primary), 0.14);
    color: hsl(var(--c-primary));
}

.movie-score-pill b {
    margin-right: 6px;
}

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

.movie-fact {
    min-width: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid hsla(var(--c-border), 0.75);
}

.movie-fact-wide {
    grid-column: 1 / -1;
}

.movie-fact-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: hsla(var(--c-text), 0.62);
}

.movie-fact-value {
    display: block;
    font-size: 16px;
    line-height: 1.45;
    color: hsl(var(--c-text));
}

.movie-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 22px;
}

.movie-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.movie-action-chip,
.movie-action-chip.dropdown .dropdown-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 15px;
    background: hsla(var(--c-text), 0.05);
    border: 1px solid hsla(var(--c-border), 0.85);
    color: hsl(var(--c-text));
}

.movie-action-chip .im,
.movie-action-chip.dropdown .im {
    font-size: 16px;
    line-height: 1;
}

.movie-watch-layout {
    display: block;
    padding-top: 6px;
    padding-bottom: var(--group-gap);
}

.movie-watch-layout .str-main,
.movie-watch-layout .str-add {
    width: auto;
    min-width: 0;
}

.movie-rating-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.movie-main-rating,
.movie-rating-summary {
    padding: 20px;
    border-radius: 20px;
    background: hsla(var(--c-bg2), 0.92);
    box-shadow: 0 12px 32px hsla(var(--c-shadow), 0.08);
}

.movie-rating-summary {
    height: auto;
}

.movie-rating-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.movie-description {
    margin-top: 18px;
    padding: 22px;
    border-radius: 20px;
    background: hsla(var(--c-bg2), 0.92);
    box-shadow: 0 12px 32px hsla(var(--c-shadow), 0.08);
}

.movie-description .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
}

.movie-description.open .expand-text {
    display: block;
}

.movie-fullstory .appview-info-rate {
    margin-top: 0;
}

@media (max-width: 991px) {
    .catalog-page {
        padding-top: 12px;
    }

    .appview-likes {
        order: 1;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        gap: 12px;
    }

    .appview-tools {
        order: 2;
        width: 100%;
    }

    .catalog-poster-view {
        width: 184px;
        max-width: 184px;
        height: 276px;
    }

    .movie-hero-card {
        padding: 18px;
        border-radius: 20px;
    }

    .movie-subtitle {
        margin-top: -6px;
        margin-bottom: 14px;
        font-size: 14px;
        text-align: center;
    }

    .movie-likes {
        margin-top: 12px;
    }

    .movie-info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .movie-hero-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .movie-hero-poster {
        width: 168px;
        height: 252px;
        margin: 0 auto;
    }

    .movie-hero-head .title {
        font-size: 34px;
        line-height: 1.06;
        text-align: center;
    }

    .movie-meta-pills,
    .movie-rating-pills {
        justify-content: center;
    }

    .movie-facts-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .movie-fact-wide {
        grid-column: auto;
    }

    .movie-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .movie-actions > .btn {
        width: 100%;
    }

    .movie-action-row {
        width: 100%;
    }

    .movie-action-chip,
    .movie-action-chip.dropdown .dropdown-btn {
        min-height: 40px;
        padding: 0 12px;
    }

    .movie-description {
        margin-top: 14px;
        padding: 18px;
    }

    .movie-description .expand-text {
        -webkit-line-clamp: 5;
        line-clamp: 5;
    }

    .av-tool > span,
    .av-tool > a,
    .av-tool > button,
    .av-tool.dropdown .dropdown-btn {
        width: 100%;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .movie-player iframe,
    .movie-player video,
    .movie-player embed,
    .movie-player object {
        min-height: 220px;
    }

    .catalog-page .category-head {
        display: none;
    }

    .catalog-sidebar {
        margin-bottom: 20px;
    }

    .catalog-filter-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .catalog-filter-head .title {
        margin-bottom: 0;
    }

    .catalog-filter-head .catalog-filter-note {
        width: 100%;
        margin-top: 10px;
    }

    .catalog-filter-head {
        flex-wrap: wrap;
    }

    .catalog-filter-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        background: hsla(var(--c-text), 0.05);
        color: hsla(var(--c-text), 0.7);
        cursor: pointer;
        flex: 0 0 auto;
    }

    .catalog-filter-close svg {
        width: 18px;
        height: 18px;
        fill: currentColor;
    }

    .catalog-sort-nav {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        align-items: stretch;
        gap: 10px;
        margin-bottom: 20px;
    }

    .catalog-sort-btn {
        min-height: 48px;
        justify-content: center;
        gap: 6px;
        padding: 0 12px;
        font-size: 12px;
        line-height: 1.15;
        border-radius: 17px;
        text-align: center;
    }

    .catalog-sort-btn span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .catalog-sort-btn svg {
        width: 16px;
        height: 16px;
    }

    .catalog-sort-nav .catalog-sort-btn:nth-child(2) {
        display: none;
    }

    .catalog-filter-mobile-btn {
        display: inline-flex;
    }

    .catalog-description-expand .expand-text {
        display: block;
        overflow: visible;
        -webkit-line-clamp: unset;
        line-clamp: unset;
    }

    .catalog-results-head:not(.lf-ready) {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .catalog-results-head.lf-ready {
        opacity: 1;
        transition: opacity 0.12s ease;
    }

    .catalog-description-toggle {
        display: inline-block;
    }

    .catalog-results > .catalog-grid {
        column-gap: 14px;
        row-gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-card-poster {
        border-radius: 17px;
    }

    .catalog-card-pill {
        min-width: 68px;
        height: 22px;
        padding: 0 8px;
        font-size: 12px;
    }

    .catalog-card-type {
        min-width: 0;
        max-width: 100%;
    }

    .catalog-card-rating {
        min-width: 64px;
    }

    .catalog-card-title {
        min-height: 52px;
        font-size: 13px;
    }

    .movie-main-rating,
    .movie-rating-summary {
        padding: 18px;
    }
}

@media (max-width: 767px) {
    .appview-tools .btn { --btn-fs: 18px; }
}

@media (min-width: 992px) {
    .catalog-page .category-head .tab-toggle-head {
        display: none;
    }

    .catalog-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 24px;
        align-items: start;
    }

    .catalog-sidebar {
        display: block !important;
        position: sticky;
        top: calc(var(--header-h) + 24px);
    }

    .catalog-results {
        display: block !important;
    }

    .catalog-results > .catalog-grid {
        column-gap: 20px;
        row-gap: 18px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .movie-watch-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 24px;
        align-items: start;
    }

    .movie-rating-column {
        position: sticky;
        top: calc(var(--header-h) + 24px);
    }
}

@media (min-width: 1400px) {
    .catalog-results > .catalog-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .sys-page-surface {
        padding: 20px;
    }

    .appview-breadcrumbs {
        padding: 0;
        border-radius: var(--block-rd);
        white-space: normal;
    }

    .appview-breadcrumbs .full-speedbar {
        padding: 10px 16px;
        border-radius: var(--block-rd);
    }
}

@media (max-width: 991px) {
    .movie-player-side {
        display: none;
    }
}

@media (min-width: 992px) {
    .appview-download .download-box {
        max-width: 1120px;
        margin-left: auto;
        margin-right: auto;
        padding: 28px;
    }

    .appview-download .tab-toggle-head {
        margin-bottom: 18px;
    }

    .appview-download .movie-player {
        border-radius: 20px;
    }

    .movie-player iframe,
    .movie-player video,
    .movie-player embed,
    .movie-player object {
        min-height: 480px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .appview-download .download-box {
        max-width: 1080px;
        padding: 24px;
    }
}

@media (min-width: 1200px) {
    .appview-download .download-box {
        max-width: 1040px;
        padding: 24px;
    }

    .movie-player iframe,
    .movie-player video,
    .movie-player embed,
    .movie-player object {
        min-height: 560px;
    }
}

@media (min-width: 1400px) {
    .movie-player iframe,
    .movie-player video,
    .movie-player embed,
    .movie-player object {
        min-height: 600px;
    }
}

/* Final rating block layout override */
.appview-info-rate .movie-rating-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    align-items: start;
}

.appview-info-rate .movie-rating-side li {
    min-width: 0;
}

.appview-info-rate .movie-rating-side .movie-rating-main {
    color: hsl(var(--c-text));
    font-size: var(--fs-2);
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
    text-align: left;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
    text-align: right;
}

.seo-block.expand.open .expand-text {
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.home-updates-block {
    padding: 12px 0 0;
}

.home-updates-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 26px;
}

.home-updates-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 16px;
    background: hsla(var(--c-text), 0.035);
    text-decoration: none;
    color: inherit;
    transition: background-color .2s ease, transform .2s ease;
}

.home-updates-item:hover {
    background: hsla(var(--c-text), 0.055);
    transform: translateY(-1px);
}

.home-updates-thumb {
    width: 74px;
    min-width: 74px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px hsla(var(--c-text), 0.06);
}

.home-updates-thumb img {
    display: block;
    width: 100%;
    height: 108px;
    object-fit: cover;
}

.home-updates-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.home-updates-title {
    display: -webkit-box;
    overflow: hidden;
    color: hsl(var(--c-text));
    font-size: 18px;
    line-height: 1.35;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.home-updates-date {
    color: hsla(var(--c-text), 0.42);
    font-size: 14px;
    line-height: 1.35;
}

.home-updates-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    min-width: 72px;
    text-align: right;
}

.home-updates-num {
    color: hsl(var(--c-primary));
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
}

.home-updates-kind {
    color: hsla(var(--c-text), 0.42);
    font-size: 14px;
    line-height: 1.1;
}

.home-updates-kind--type {
    color: hsla(var(--c-text), 0.62);
    font-size: 15px;
    line-height: 1.3;
}

.home-updates-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.home-updates-page {
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: hsl(var(--c-text));
    font-size: 18px;
    line-height: 44px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.home-updates-page:hover {
    background: hsla(var(--c-text), 0.06);
}

.home-updates-page.is-active {
    background: hsl(var(--c-primary));
    color: #fff;
}

@media (max-width: 991px) {
    .home-updates-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }

}

@media (max-width: 575px) {
    .home-updates-pagination {
        display: flex !important;
        gap: 6px;
        margin-top: 18px;
    }

    .home-updates-item {
        grid-template-columns: 66px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 12px 14px;
    }

    .home-updates-thumb {
        width: 66px;
        min-width: 66px;
    }

    .home-updates-thumb img {
        height: 96px;
    }

    .home-updates-title {
        font-size: 17px;
    }

    .home-updates-num {
        font-size: 24px;
    }

    .home-updates-page {
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
    }
}

.appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
    color: hsla(var(--c-text), 0.72);
    font-size: 15px;
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: start;
    text-align: left;
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    text-align: left;
    white-space: nowrap;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    text-align: right;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: max-content max-content;
        justify-content: space-between;
        column-gap: 28px;
    }
}

@media (max-width: 767px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .appview-info-rate .movie-rating-side .movie-rating-votes,
    .appview-info-rate .movie-rating-side .movie-rating-comments,
    .appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
        grid-column: 1;
        justify-self: start;
        text-align: left;
    }
}





.genres-home-carousel {
    position: relative;
}

.quick-links-sect {
    margin-top: 0;
    padding-top: 0;
}

.home-collections-list {
    align-items: stretch;
    grid-auto-flow: column;
    grid-auto-columns: 304px;
    grid-template-columns: none;
    justify-content: start;
}

.collection-card {
    position: relative;
    isolation: isolate;
    width: 304px;
    min-width: 304px;
    max-width: 304px;
    height: 280px;
    overflow: hidden;
    background-color: var(--card-bg) !important;
    color: hsl(var(--c-text-white));
}

.collection-card .card-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    overflow: hidden;
    background-color: var(--card-bg);
}

.collection-card .card-bg .cover {
    position: absolute;
    inset: 0;
    margin: 0;
    -webkit-mask-image: linear-gradient(0deg, #0000 0%, #000 70%);
    mask-image: linear-gradient(0deg, #0000 0%, #000 70%);
}

.collection-card .card-bg img {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    display: block;
    min-width: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    transform: none;
    object-fit: cover;
    object-position: center center;
    opacity: .8;
    transition: opacity .2s ease;
}

.collection-card:hover .card-bg img {
    opacity: 1;
}

.collection-card-link {
    position: absolute;
    inset: 0;
    z-index: 5;
    border-radius: inherit;
    cursor: pointer;
}

.collection-card .cont {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    display: block;
    min-height: 0;
    pointer-events: none;
}

.collection-card .item-link {
    position: relative;
    z-index: 4;
    color: hsl(var(--c-text-white)) !important;
    pointer-events: none;
}

.collection-card-posters {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.collection-card-poster {
    display: block !important;
    position: relative;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px;
    overflow: hidden;
}

.collection-card-poster:nth-child(n+4) {
    display: none;
}

.collection-card-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection-card-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 50px;
    padding: 0 8px;
    border-radius: 14px;
    background: hsla(0, 0%, 0%, .22);
    color: hsl(var(--c-text-white));
    font-size: var(--fs-2);
    line-height: 1;
    font-weight: var(--fw-bold);
    text-shadow: 0 1px 8px hsla(0, 0%, 0%, .35);
}

.collection-card-poster--empty::before {
    content: "";
    display: block;
    width: 42%;
    height: 42%;
    margin: 29%;
    border-radius: 12px;
    background: hsla(0, 0%, 100%, .45);
}

.collection-card-meta {
    display: none;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-top: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: hsla(var(--c-primary), .1);
    color: hsla(var(--c-text), .7);
    font-size: 13px;
    line-height: 1;
}

.collection-card-meta span:first-child {
    color: hsl(var(--c-primary));
    font-weight: var(--fw-bold);
}

.collection-page-grid {
    display: grid;
    grid-template-columns: repeat(4, 304px);
    gap: 16px;
    align-items: stretch;
    justify-content: start;
    margin-top: 24px;
}

.collection-page-grid .collection-card {
    width: 304px;
    min-width: 304px;
    max-width: 304px;
}

.collection-catalog-results {
    margin-top: 24px;
}

.collection-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 34%);
    align-items: stretch;
    gap: 18px;
    min-height: 0;
    height: 220px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 18px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.collection-hero.open,
.collection-hero:has(.collection-hero-copy.open) {
    align-items: start;
    height: auto;
    min-height: 220px;
    overflow: visible;
}

.collection-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 14px 22px;
}

.collection-hero-copy:last-child {
    grid-column: 1 / -1;
}

.collection-hero-title {
    width: fit-content;
    max-width: 100%;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.15;
}

.collection-hero-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 6px;
    border-radius: 999px;
    background: hsl(var(--c-primary));
}

.collection-hero-desc {
    display: -webkit-box;
    max-width: 760px;
    overflow: hidden;
    color: hsla(var(--c-text), .76);
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.collection-hero-copy.open .collection-hero-desc {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.collection-hero.open .collection-hero-copy,
.collection-hero:has(.collection-hero-copy.open) .collection-hero-copy {
    justify-content: flex-start;
}

.collection-hero-expand {
    align-self: flex-start;
    margin-top: 6px;
    color: hsl(var(--c-primary));
    font-size: 12px;
    font-weight: var(--fw-bold);
}

.collection-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.collection-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: hsla(var(--c-primary), .13);
    color: hsl(var(--c-primary));
    font-size: 12px;
    font-weight: var(--fw-bold);
}

.collection-hero-cover {
    position: relative;
    min-height: 0;
    height: 220px;
    margin: 0;
    overflow: hidden;
}

.collection-hero.open .collection-hero-cover,
.collection-hero:has(.collection-hero-copy.open) .collection-hero-cover {
    position: sticky;
    top: 88px;
}

.collection-hero-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, hsl(var(--block-bg)) 0%, hsla(var(--block-bg), .38) 34%, hsla(var(--block-bg), 0) 72%);
    pointer-events: none;
}

.collection-hero-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
}

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

.collection-news-row {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    padding: 12px;
    border-radius: 18px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    transition: transform .2s ease, background-color .2s ease;
}

.collection-news-row:hover {
    transform: translateY(-1px);
    background: hsla(var(--c-text), .045);
}

.collection-news-row-poster {
    display: block;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 12px;
    background: hsla(var(--c-text), .06);
}

.collection-news-row-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection-news-row-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    color: hsl(var(--c-text)) !important;
}

.collection-news-row-meta,
.collection-news-row-sub {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: hsla(var(--c-text), .62);
    font-size: 12px;
    line-height: 1.25;
}

.collection-news-row-meta i,
.collection-news-row-sub i {
    font-style: normal;
}

.collection-news-row-title {
    display: -webkit-box;
    overflow: hidden;
    margin: 8px 0;
    color: hsl(var(--c-text));
    font-size: 16px;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.collection-news-row-sub span {
    margin-right: 4px;
    color: hsl(var(--c-primary));
}

.collection-news-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px 16px;
    margin-top: 24px;
}

.collection-news-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
    background: hsl(var(--block-bg));
    box-shadow: 0 0 1px 0 hsla(0, 0%, 0%, .08), 0 12px 28px -20px hsla(0, 0%, 0%, .55);
}

.collection-news-cover {
    position: relative;
    display: block;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: inherit;
    background: hsla(var(--c-text), .06);
}

.collection-news-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease, opacity .2s ease;
}

.collection-news-card:hover .collection-news-cover img {
    transform: scale(1.025);
    opacity: .92;
}

.collection-news-badges {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.collection-news-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 7px;
    background: hsla(0, 0%, 0%, .58);
    color: hsl(var(--c-text-white));
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    font-weight: var(--fw-bold);
    backdrop-filter: blur(8px);
}

.collection-news-rating {
    gap: 4px;
    background: hsla(44, 95%, 45%, .9);
    color: #17150d;
}

.collection-news-rating span {
    font-size: 11px;
    line-height: 1;
}

.collection-news-body {
    padding: 12px 2px 0;
}

.collection-news-title {
    display: -webkit-box;
    min-height: 42px;
    overflow: hidden;
    color: hsl(var(--c-text)) !important;
    font-size: 15px;
    line-height: 1.4;
    font-weight: var(--fw-bold);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.collection-news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 22px;
    margin-top: 8px;
    color: hsla(var(--c-text), .62);
    font-size: 13px;
    line-height: 1.2;
}

.collection-news-meta i {
    font-style: normal;
}

.movie-collection-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 7px 11px;
    border-radius: 999px;
    background: hsla(var(--c-primary), .12);
    color: hsl(var(--c-primary)) !important;
    font-size: 13px;
    line-height: 1.2;
    font-weight: var(--fw-bold);
}

.movie-collection-link:hover {
    background: hsla(var(--c-primary), .2);
}

@media (max-width: 1279px) {
    .collection-page-grid {
        grid-template-columns: repeat(3, 304px);
    }

    .collection-news-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .collection-page-grid {
        grid-template-columns: repeat(2, 304px);
    }

    .collection-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .collection-hero {
        grid-template-columns: 1fr;
        max-height: none;
        height: auto;
        overflow: visible;
    }

    .collection-hero.open .collection-hero-cover,
    .collection-hero:has(.collection-hero-copy.open) .collection-hero-cover {
        position: relative;
        top: auto;
    }

    .collection-hero-cover {
        min-height: 170px;
        height: auto;
        order: -1;
    }

    .collection-hero-cover::before {
        background: linear-gradient(0deg, hsl(var(--block-bg)) 0%, hsla(var(--block-bg), .55) 36%, hsla(var(--block-bg), 0) 78%);
    }

    .collection-news-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .collection-hero {
        border-radius: 18px;
    }

    .collection-hero-copy {
        padding: 18px;
    }

    .collection-hero-title {
        font-size: 20px;
    }

    .collection-hero-cover {
        min-height: 150px;
    }

    .collection-news-row {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        padding: 10px;
        border-radius: 16px;
    }

    .collection-news-row-title {
        font-size: 14px;
    }

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

    .collection-news-card {
        border-radius: 14px;
    }

    .collection-news-title {
        font-size: 14px;
        line-height: 1.35;
    }

    .collection-page-grid {
        grid-template-columns: 296px;
    }

    .home-collections-list {
        grid-auto-columns: 296px;
    }

    .collection-card {
        width: 296px;
        min-width: 296px;
        max-width: 296px;
    }

    .collection-card .cont {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .collection-card-poster {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        flex-basis: 50px;
    }

    .collection-card-count {
        height: 50px;
    }
}

.sect + .quick-links-sect {
    margin-top: 0;
}

.quick-links-carousel {
    position: relative;
}

.quick-links-strip {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(188px, 1fr);
    gap: 14px;
    overflow-x: auto;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    scroll-padding-left: 0;
    scroll-padding-right: 0;
}

.quick-link-card {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 10px 18px;
    border-radius: 20px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    color: hsl(var(--c-text));
    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    scroll-margin-left: 0;
    scroll-margin-right: 0;
}

.quick-link-card:hover {
    transform: translateY(-2px);
    background: hsla(var(--c-primary), 0.08);
}

@media (min-width: 992px) {
    .quick-links-carousel .scroll-buttons {
        left: calc(var(--wrp-p) / -1);
        right: calc(var(--wrp-p) / -1);
        top: 24px;
        bottom: 24px;
        height: auto;
    }

    .quick-links-carousel .scroll-button {
        width: var(--wrp-p);
        height: auto;
    }

    .quick-links-carousel.scrollbtn-fade .scroll-button.prev::after {
        background-image: linear-gradient(-90deg, hsla(var(--c-body), 0) 0%, hsla(var(--c-body), 1) calc(100% - var(--wrp-p) * .75));
    }

    .quick-links-carousel.scrollbtn-fade .scroll-button.next::after {
        background-image: linear-gradient(90deg, hsla(var(--c-body), 0) 0%, hsla(var(--c-body), 1) calc(100% - var(--wrp-p) * .75));
    }
}

@media (max-width: 575px) {
    .quick-links-strip {
        grid-auto-columns: 154px;
        gap: 12px;
    }

    .quick-link-card {
        min-height: 50px;
        padding: 10px 14px;
        border-radius: 17px;
        font-size: 16px;
    }
}

.genres-home-carousel .genres-card-strip {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    scroll-padding-left: 0;
    scroll-padding-right: 0;
}

.genres-home-carousel .genre-card {
    scroll-margin-left: 0;
    scroll-margin-right: 0;
}

@media (min-width: 992px) {
    .genres-home-carousel .scroll-buttons {
        left: calc(var(--wrp-p) / -1);
        right: calc(var(--wrp-p) / -1);
        top: 24px;
        bottom: 24px;
        transform: none;
        height: auto;
    }

    .genres-home-carousel .scroll-button {
        width: var(--wrp-p);
        height: auto;
    }

    .genres-home-carousel .scroll-button.prev {
        justify-content: flex-start;
    }

    .genres-home-carousel .scroll-button.next {
        justify-content: flex-end;
    }

    .genres-home-carousel.scrollbtn-fade .scroll-button.prev::after {
        background-image: linear-gradient(-90deg, hsla(var(--c-body), 0) 0%, hsla(var(--c-body), 1) calc(100% - var(--wrp-p) * .75));
    }

    .genres-home-carousel.scrollbtn-fade .scroll-button.next::after {
        background-image: linear-gradient(90deg, hsla(var(--c-body), 0) 0%, hsla(var(--c-body), 1) calc(100% - var(--wrp-p) * .75));
    }
}

/* Fullstory final overrides: keep DLE generated states aligned */
.appview-tools .av-tool > a,
.appview-tools .av-tool > button,
.appview-tools .av-tool > span,
.appview-tools .av-tool.dropdown .dropdown-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
}

.appview-tools .av-tool > a .im,
.appview-tools .av-tool > button .im,
.appview-tools .av-tool > span .im,
.appview-tools .av-tool.dropdown .dropdown-btn .im {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.appview-tools .av-tool > a .av-tool-cont,
.appview-tools .av-tool > button .av-tool-cont,
.appview-tools .av-tool > span .av-tool-cont {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.appview-info-rate .movie-rating-side {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-auto-flow: row !important;
    align-items: flex-start !important;
    gap: 10px 24px !important;
}

.appview-info-rate .movie-rating-side .movie-rating-votes {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.appview-info-rate .movie-rating-side .movie-rating-comments {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    text-align: left !important;
}

@media (max-width: 420px) {
    .appview-info-rate .movie-rating-side {
        grid-template-columns: 1fr !important;
    }

    .appview-info-rate .movie-rating-side .movie-rating-votes,
    .appview-info-rate .movie-rating-side .movie-rating-comments,
    .appview-info-rate .movie-rating-side li:not(.movie-rating-main) {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
}

/* Catalog final override */
.catalog-page--simple .catalog-results-head {
    margin-bottom: 18px;
}

.catalog-page--simple .catalog-top-week {
    margin-bottom: 26px;
}

.catalog-page--simple .catalog-top-week .sect-head {
    margin-bottom: 14px;
}

.catalog-page--simple .catalog-top-week-carousel .hscroll.hcarousel {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.catalog-page--simple .catalog-top-week-carousel .hscroll .card {
    scroll-margin-left: 0;
    scroll-margin-right: 0;
}

.catalog-page--simple .catalog-layout {
    display: block !important;
}

.catalog-page--simple .catalog-sidebar,
.catalog-page--simple .catalog-filter-mobile-btn {
    display: none !important;
}

.catalog-page--simple .catalog-results {
    width: 100%;
}

.catalog-page--simple .catalog-results > .catalog-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 28px 22px;
}

.catalog-page--simple .catalog-card {
    display: block;
    background: transparent;
    box-shadow: none;
}

.catalog-page--simple .catalog-card-cover {
    display: block;
}

.catalog-page--simple .catalog-card-poster {
    aspect-ratio: 2 / 3;
    border-radius: 8px;
    background: hsl(var(--block-bg));
}

.catalog-page--simple .catalog-card-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.catalog-page--simple .catalog-card:hover .catalog-card-poster img {
    transform: scale(1.04);
}

.catalog-page--simple .catalog-card-badges {
    inset: auto 6px 6px auto;
    display: block;
}

.catalog-page--simple .catalog-card-pill {
    min-width: 0;
    height: 26px;
    padding: 0 9px;
    border-radius: 7px;
    background: hsla(0, 0%, 0%, .52);
    color: #fff;
    font-size: 13px;
    line-height: 26px;
    backdrop-filter: blur(6px);
}

.catalog-page--simple .catalog-card-rating {
    justify-self: auto;
    color: hsl(var(--c-primary));
    font-weight: 800;
}

.catalog-page--simple .catalog-card-rating-star {
    margin-right: 4px;
    color: hsl(var(--c-primary));
    font-weight: 900;
}

.catalog-page--simple .catalog-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 1px 0;
}

.catalog-card-meta {
    display: block;
    overflow: hidden;
    color: hsla(var(--c-text), .58);
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catalog-page--simple .catalog-card-title {
    min-height: 0;
    color: hsl(var(--c-text));
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 22px 16px;
    }
}

@media (max-width: 575px) {
    .catalog-page--simple .catalog-results > .catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px;
    }

    .catalog-page--simple .catalog-sort-nav {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 18px;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .catalog-page--simple .catalog-card-poster {
        border-radius: 7px;
    }

    .catalog-page--simple .catalog-card-badges {
        inset: auto 4px 4px auto;
    }

    .catalog-page--simple .catalog-card-pill {
        height: 20px;
        padding: 0 6px;
        border-radius: 6px;
        font-size: 11px;
        line-height: 20px;
    }

    .catalog-page--simple .catalog-card-rating-star {
        margin-right: 3px;
        font-size: 10px;
    }

    .catalog-page--simple .catalog-card-body {
        gap: 3px;
        padding-top: 7px;
    }

    .catalog-card-meta {
        font-size: 11px;
    }

    .catalog-page--simple .catalog-card-title {
        min-height: 0;
        font-size: 12px;
        line-height: 1.18;
    }
}
/* Final rating badge emphasis */
.catalog-card-rating,
.catalog-page--simple .catalog-card-rating {
    color: hsl(var(--c-primary)) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0;
    text-shadow: 0 0 0 currentColor;
}

.catalog-card-rating-star,
.catalog-page--simple .catalog-card-rating-star {
    display: inline-block;
    color: hsl(var(--c-primary)) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1;
    text-shadow: 0 0 0 currentColor;
    transform: translateY(-1px);
}

.collection-news-row-sub i {
    color: hsl(var(--c-primary)) !important;
    font-size: 13px;
    font-weight: 950;
}

.collection-news-row-sub span {
    color: hsl(var(--c-primary)) !important;
    font-weight: 950;
    text-shadow: 0 0 0 currentColor;
}

@media (max-width: 575px) {
    .catalog-card-rating,
    .catalog-page--simple .catalog-card-rating {
        height: 22px !important;
        padding: 0 7px;
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .catalog-card-rating-star,
    .catalog-page--simple .catalog-card-rating-star {
        margin-right: 4px;
        font-size: 13px !important;
    }
}
/* Final fullstory left-poster spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        align-content: start !important;
        row-gap: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        align-self: start !important;
        margin-bottom: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        align-self: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        align-self: start !important;
        margin-top: 18px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px !important;
        padding-right: 0 !important;
    }
}
/* Final fullstory screenshots under poster */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        margin-top: 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots {
        --screens-w: 228px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        grid-auto-columns: 228px !important;
        gap: 14px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .glist a {
        height: 128px !important;
        border-radius: 10px !important;
    }
}

@media (min-width: 1200px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots {
        --screens-w: 244px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        grid-auto-columns: 244px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .glist a {
        height: 137px !important;
    }
}
/* Final fullstory screenshots boundary fix */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens {
        box-sizing: border-box;
        margin-top: 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens .screenshots {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel {
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
}
/* Final fullstory screenshot alignment */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        max-width: calc(var(--wrp-w) + var(--wrp-p) * 2) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--wrp-p) !important;
        padding-right: var(--wrp-p) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots {
        --screens-w: 220px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        grid-auto-columns: 220px !important;
        gap: 12px !important;
    }
}

@media (max-width: 767px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots {
        --screens-w: min(76vw, 260px) !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        grid-auto-columns: min(76vw, 260px) !important;
        gap: 12px !important;
    }
}
/* Final fullstory screenshots position restored */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: 282px !important;
        padding-right: var(--wrp-p) !important;
        max-width: calc(var(--wrp-w) + var(--wrp-p) * 2) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: 254px !important;
    }
}
/* Final fullstory screenshots responsive position */
@media (min-width: 992px) and (max-width: 1279px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: calc(var(--wrp-p) + 220px + 34px) !important;
        padding-right: var(--wrp-p) !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots {
        --screens-w: 210px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > p,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .hcarousel.glist > div {
        grid-auto-columns: 210px !important;
        gap: 12px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-screens .screenshots .glist a {
        height: 118px !important;
    }
}

@media (min-width: 1280px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: calc(var(--wrp-p) + 240px + 42px) !important;
        padding-right: var(--wrp-p) !important;
    }
}
/* Final fullstory smaller desktop poster */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        grid-template-columns: 200px minmax(0, 1fr) !important;
        min-height: 300px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .appicon {
        width: 200px !important;
        max-width: 200px !important;
        height: 300px !important;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: calc(var(--wrp-p) + 200px + 34px) !important;
    }
}

@media (min-width: 1280px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        min-height: 330px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .appicon {
        width: 220px !important;
        max-width: 220px !important;
        height: 330px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens .appview-screens.wrp {
        padding-left: calc(var(--wrp-p) + 220px + 42px) !important;
    }
}
/* Final fullstory right column compact spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont {
        row-gap: 12px !important;
        align-content: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-intro-cont .title {
        margin-bottom: 2px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-spec {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-foot {
        margin-top: 10px !important;
    }
}

/* Final fullstory noscreens spacing */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens {
        padding-bottom: 10px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens .appview-bg {
        inset: 0 0 -22px 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens + .appview-info {
        padding-top: 8px !important;
    }
}

.im-play {
    --im-img: url(../img/icons/play.svg);
}

.im-views {
    --im-img: url(../img/icons/views.svg);
}

.im-message {
    --im-img: url(../img/icons/message.svg);
}

.im-film {
    --im-img: url(../img/icons/genres/film.svg);
}

.im-series {
    --im-img: url(../img/icons/genres/series.svg);
}

.im-news {
    --im-img: url(../img/icons/genres/news.svg);
}

.im-new {
    --im-img: url(../img/icons/update.svg);
}

.im-top {
    --im-img: url(../img/icons/genres/top.svg);
}

.news-related-mobile {
    display: none;
}

.blog-list .article .article-cover-link {
    position: relative;
    display: block;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
}

.blog-list .article .article-cover-link .cover {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
}

.blog-list .article .cont,
.blog-list .article .title,
.blog-list .article .btn-group {
    position: relative;
    z-index: 2;
}

.blog-list .article .article-title-link {
    color: inherit;
    text-decoration: none;
}

.blog-list .article .article-title-link:hover {
    color: hsl(var(--c-primary));
}

.newsview-likes {
    margin-top: 18px;
}

@media (min-width: 992px) {
    .blogview.blog .str {
        align-items: flex-start;
        gap: 32px;
    }

    .blogview.blog .str-main {
        min-width: 0;
        flex: 1 1 auto;
    }

    .blogview.blog .str-add {
        display: block !important;
        flex: 0 0 360px;
        min-width: 320px;
        max-width: 360px;
    }

    .blogview.blog .blog-block {
        position: sticky;
        top: calc(var(--header-h) + 16px);
    }

    .blogview.blog .blog-block-head .title {
        margin-bottom: 18px;
    }

    .blogview.blog .blog-min-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .news-related-mobile {
        display: block;
    }
}

/* Final fullstory info spacing and visual alignment */
@media (min-width: 992px) {
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info {
        margin-top: 10px !important;
        padding-top: 0 !important;
        align-items: start !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--noscreens + .appview-info,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-hero.appview-hero--withscreens + .appview-info {
        padding-top: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info-cont,
    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info-rate {
        padding-top: 29px !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info .tab-toggle-head {
        margin-top: 0 !important;
    }

    .appview.sect[itemtype="https://schema.org/Movie"] .appview-info-rate {
        margin-top: 0 !important;
    }

}

/* Final speedbar clone-like */
.speedbar-stage {
    width: 100%;
    padding-top: clamp(14px, 1.6vw, 24px);
    margin-bottom: clamp(16px, 1.8vw, 26px);
    box-sizing: border-box;
}

.appview-breadcrumbs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.speedbar-stage > .appview-breadcrumbs.wrp {
    max-width: calc(var(--wrp-w) + var(--wrp-p) * 2) !important;
    padding-left: var(--wrp-p) !important;
    padding-right: var(--wrp-p) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.appview-breadcrumbs.speedbar {
    display: block !important;
    position: relative !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    mask-image: linear-gradient(to right, black 88%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%) !important;
    text-overflow: ellipsis !important;
}

.appview-breadcrumbs .full-speedbar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: hsla(var(--c-text), .56) !important;
    font-size: var(--fs-2) !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.appview-breadcrumbs .full-speedbar a {
    color: hsla(var(--c-text), .7) !important;
}

.appview-breadcrumbs .full-speedbar a:hover {
    color: hsla(var(--c-text), .9) !important;
}

.appview-breadcrumbs .full-speedbar a + a {
    display: inline !important;
}

.appview-breadcrumbs.speedbar .speedbar-sep {
    margin: 0 8px !important;
}

@media (max-width: 991px) {
    .speedbar-stage {
        padding-top: 14px;
        margin-bottom: 18px;
    }

    .appview-breadcrumbs {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    .appview-breadcrumbs .full-speedbar {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 575px) {
    .speedbar-stage {
        padding-top: 12px;
        margin-bottom: 16px;
    }
}

.player-switcher {
    display: block;
}

.player-switcher-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.player-switcher-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border: 0;
    border-radius: 12px;
    background: hsla(var(--c-text), .07);
    color: hsla(var(--c-text), .72);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.player-switcher-tab:hover,
.player-switcher-tab.is-active {
    background: hsl(var(--c-accent));
    color: #fff;
    box-shadow: 0 10px 24px hsla(var(--c-accent), .2);
}

.player-switcher-panel[hidden] {
    display: none !important;
}

.player-switcher .movie-player--alloha {
    overflow: hidden;
    background: #050505;
}

.player-switcher #alloha_player_ajax {
    min-height: 520px;
    border-radius: inherit;
}

.player-switcher #player,
.player-switcher #kodik_player_ajax,
.player-switcher .b-player {
    min-height: 460px;
    background: #050505;
}

.player-switcher .b-translators__block,
.player-switcher .b-simple_seasons__title,
.player-switcher .b-simple_seasons__list,
.player-switcher .b-simple_episodes__list {
    background: #050505;
}

.player-switcher .b-translator__item,
.player-switcher .b-simple_season__item,
.player-switcher .b-simple_episode__item,
.player-switcher .b-changeplayer__list li {
    border-radius: 9px;
    background: hsla(var(--c-text), .08);
    color: hsla(var(--c-text), .78);
}

.player-switcher .b-translator__item.active,
.player-switcher .b-simple_season__item.active,
.player-switcher .b-simple_episode__item.active,
.player-switcher .b-changeplayer__list li.active {
    background: hsl(var(--c-accent)) !important;
    color: #fff;
}

@media (max-width: 575px) {
    .player-switcher-tabs {
        gap: 6px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .player-switcher-tabs::-webkit-scrollbar {
        display: none;
    }

    .player-switcher-tab {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 8px 12px;
        font-size: 13px;
    }

    .player-switcher #alloha_player_ajax,
    .player-switcher #player,
    .player-switcher #kodik_player_ajax,
    .player-switcher .b-player {
        min-height: 300px;
    }
}

.movie-player--cdnvideohub {
    display: block;
    width: 100%;
    min-height: 520px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #050505;
}

.movie-watch-title {
    max-width: 1040px;
    margin: 0 auto 18px;
    font-size: clamp(20px, 1.45vw, 26px);
    line-height: 1.2;
}

.movie-player--cdnvideohub video-player,
.movie-player--cdnvideohub #cdnvideohubvideoplayer {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
}

@media (max-width: 767px) {
    .movie-watch-title {
        margin-bottom: 14px;
        font-size: 19px;
    }

    .movie-player--cdnvideohub,
    .movie-player--cdnvideohub video-player,
    .movie-player--cdnvideohub #cdnvideohubvideoplayer {
        min-height: 300px !important;
    }
}
