/* STYLES 2.0
Developer: t.me/moretheme
Screen resolution: 460, 860, 1200, 1600, 1920 */

/* BASIC */
:root {
    --bg: #07050f;
    --bg2: #121022;
    --bg3: #1b1730;
    --surface: #171328;
    --surface-2: #211b3b;
    --text: #f4f1ff;
    --text1: #120f1f;
    --text-soft: #a8a1c3;
    --border: rgb(255 255 255 / 8%);
    --color1: #8b5cf6;
    --color2: #6d28d9;
    --accent-soft: #ede9fe;
    --light: rgb(255 255 255 / 8%);
    --light2: rgb(255 255 255 / 18%);
    --dark: rgb(0 0 0 / 18%);
    --radius: 22px;
}

body[data-theme="light"] {
    --bg: #f3f0fb;
    --bg2: #ffffff;
    --bg3: #ffffff;
    --surface: #ffffff;
    --surface-2: #f6f2ff;
    --text: #1c1630;
    --text1: #1c1630;
    --text-soft: #7d7698;
    --border: rgb(28 22 48 / 8%);
    --color1: #7c3aed;
    --color2: #5b21b6;
    --accent-soft: #ede9fe;
    --light: rgb(124 58 237 / 6%);
    --light2: rgb(124 58 237 / 14%);
    --dark: rgb(28 22 48 / 8%);
}

body {
    background: radial-gradient(circle at top center, rgb(124 58 237 / 18%), transparent 28%), var(--bg);
    color: var(--text);
    line-height: normal;
    font-family: "Geologica", sans-serif;
    font-size: 13px;
    font-weight: 400;
}

/* HEADER */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: radial-gradient(circle at top center, rgb(124 58 237 / 18%), transparent 28%), var(--bg);
    padding: 30px 0;
    font-weight: 500;
    z-index: 7;
}

@media (max-width: 860px) {
    header {
        background: var(--surface);
        width: 100%;
        top: unset;
        bottom: 0;
        height: unset;
        padding: 10px 0;
        z-index: 7;
    }
}

header .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

@media (max-width: 860px) {
    header .container {
        flex-direction: row;
    }
}

.header-logo {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

.header-logo:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 5px;
    background: var(--color1);
    border-radius: var(--radius);
    width: 10px;
    height: 10px;
}

.header-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-menu > a {
    position: relative;
    display: block;
    padding: 15px 10px;
    color: var(--text-soft);
    cursor: pointer;
}

@media (max-width: 860px) {
    .header-menu > a {
        width: 100%;
    }
}

.header-menu > a:hover {
    color: var(--color1);
}

.header-menu > a span {
    display: none;
    position: absolute;
    top: 10px;
    left: 25px;
    min-width: 90px;
    background: var(--color1);
    color: var(--text);
    border-radius: var(--radius);
    padding: 10px 20px;
    margin-left: 20px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 860px) {
    .header-menu > a span {
        display: inline-block;
        position: relative;
        top: unset;
        left: unset;
        background: transparent;
        min-width: unset;
        padding: 0;
        font-size: 14px;
    }
}

.header-menu > a:hover span {
    display: inline-block;
}

.header-menu > a i {
    font-size: 17px;
}

@media (max-width: 860px) {
    .header-menu > a i {
        display: inline-block;
        background: var(--light);
        border-radius: 10px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
    }
}

/* MAIN, CONTAINER */
main {
    margin-left: 100px;
}

@media (max-width: 860px) {
    main {
        margin-left: 0;
    }
}

main .container h1 + p {
    color: var(--text-soft);
    margin-top: -20px;
}

@media (min-width: 1440px) {
    .container {
        max-width: 1680px;
    }
}

/* MOB MENU FIXED 3.0 */
.mobmenu-btn {
    display: none;
}

@media (max-width: 860px) {
    .mobmenu-btn {
        display: block;
        background: var(--surface-2);
        color: var(--text1);
        border-radius: var(--radius);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: center;
    }

    .mobmenu-btn.active:before {
        content: "\f00d";
    }

    .mobmenu-btn.active {
        z-index: 9;
    }

    .mobmenu {
        position: fixed;
        left: 10px;
        bottom: -100%;
        width: 220px;
        height: auto;
        background: var(--surface);
        border-radius: var(--radius);
        transition: 0.3s;
        overflow-x: auto;
        z-index: 8;
    }

    .mobmenu.active {
        bottom: 70px;
        padding: 10px 20px;
        align-items: flex-start;
    }
}

/* HEADER SEARCH FIXED 1.0 */
.header-search {
    position: fixed;
    display: flex;
    align-items: center;
    background: var(--color1);
    color: var(--text);
    padding: 10px 30px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 7;
}

.header-search.active {
    visibility: visible;
    opacity: 1;
}

.header-search > i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
}

.header-search input {
    background: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
    width: 100%;
}

.header-search input::placeholder {
    color: var(--text);
    opacity: 0.8;
    font-weight: 300;
}

.header-search .header-search_close {
    position: absolute;
    background: var(--light);
    border-radius: var(--radius);
    right: 0;
}

/* HEADER USER 2.0 */
.header-user > a img {
    display: inline-block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    cursor: pointer;
}

.header-user > div {
    position: absolute;
    background: var(--surface-2);
    color: var(--text1);
    box-shadow: 0 18px 50px rgb(0 0 0 / 18%);
    border-radius: var(--radius);
    width: 220px;
    bottom: 0;
    left: 100px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 5;
}

.header-user.active > div {
    visibility: visible;
    opacity: 1;
    transform: translateY(-10px);
}

.header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--dark);
}

.header-user_av > img {
    width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
}

.header-user_av > span {
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
}

.header-user_av > span span {
    display: block;
    font-size: 12px;
}

.header-user_menu a {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
}

.header-user_menu a:hover {
    background: var(--color1);
    color: var(--text);
}

.header-user_menu a i {
    margin-right: 10px;
    opacity: 0.8;
}

/* MODAL LOGIN 0.2 */
.modal-login {
}

.modal-login > a {
    display: inline-block;
    background: var(--light);
    padding: 10px 20px;
    border-radius: var(--radius);
    cursor: pointer;
}

.modal-login > a i {
    margin-right: 10px;
    margin-top: 1px;
    float: left;
}

.modal-login form {
    display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at top center, rgb(124 58 237 / 18%), transparent 28%), var(--bg);
    color: var(--text);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
}

@media (max-width: 860px) {
    .modal-login form {
        min-width: 100%;
        padding: 30px;
        border-radius: 0;
    }
}

.modal-login form > i {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.modal-login form > i:hover {
    background: var(--color1);
}

.modal-login .e-float > a {
    position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
}

.modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
}

.modal-login_lost a:hover {
    color: var(--color1);
}

.modal-login_btn a {
    background: var(--light);
    margin-left: 20px;
}

.modal-login_btn a:hover {
    background: var(--light2);
}

.modal-login_soc span {
    display: block;
    color: #767389;
    margin: 20px 0;
}

.modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
}

.modal-login_soc .e-flex > a, .modal-login_soc .e-flex a > img {
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

/* WOLT GRID */
.wolt-grid {
    display: grid;
    grid-gap: 30px;
    grid-auto-rows: max-content;
    grid-template-columns: 1fr 220px;
}

@media (max-width: 860px) {
    .wolt-grid {
        grid-template-columns: 100%;
    }
}

.wolt-grid_two > h3 {
    margin-bottom: 20px;
}

.wolt-grid_two > h3 + div {
    margin-bottom: 30px;
}

/* WOLT BIG */
.wolt-big_items {
    display: grid;
    grid-gap: 20px 20px;
    grid-auto-rows: max-content;
    grid-template-columns: 1fr 400px;
}

@media (max-width: 860px) {
    .wolt-grid, .wolt-big_items {
        grid-template-columns: 100%;
    }
}

.wolt-big_item {
    position: relative;
    height: 550px;
    border-radius: var(--radius);
    overflow: hidden;
}

@media (max-width: 1440px) {
    .wolt-big_item {
        height: 400px;
    }
}

.wolt-big_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgb(6 9 17 / 80%), transparent), linear-gradient(180deg, rgb(6 9 17 / 30%), transparent);
    z-index: 2;
}

.wolt-big_item img {
    transition: 0.3s;
}

.wolt-big_item:hover img {
    transform: scale(1.05);
    z-index: -1;
}

.wolt-big_content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 2;
}

.wolt-big_top {
    display: inline-block;
    max-width: 125px;
    background: var(--surface-2);
    color: var(--text1);
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.wolt-big_content > a, .wolt-big_content h3 {
    margin-top: auto;
    margin-bottom: 10px;
}

.wolt-big_text, .wolt-big_text p {
    font-size: 14px;
}

.wolt-big_link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: var(--light);
    backdrop-filter: blur(10px);
    max-width: 400px;
    padding: 8px 15px;
    border-radius: var(--radius);
    margin-top: 20px;
}

.wolt-big_link .rating-color {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    color: var(--text1);
    font-weight: bold;
    margin-right: 5px;
}

.wolt-big_meta {
    display: inline-block;
    width: 40%;
    font-size: 12px;
    color: var(--text-soft);
    margin: 0 auto;
}

.wolt-big_link > a {
    background: var(--light);
    border-radius: 50%;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
}

@media (max-width: 860px) {
    .wolt-big_link > a:nth-child(3) {
        display: none;
    }
}

.wolt-big_link > a:last-child {
    background: var(--color1);
    margin-left: 10px;
}

.wolt-big_link > a:hover {
    opacity: 0.8;
}

/* WOLT STREAM */
.wolt-stream_items {
    background: var(--surface);
    border-radius: var(--radius);
}

.wolt-stream_items > a {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    border-bottom: 1px solid var(--border);
}

.wolt-stream_items > a:hover {
    color: var(--color1);
}

.wolt-stream_items > a img {
    display: inline-block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 20px;
    overflow: hidden;
}

/* WOLT JANR */
.wolt-janr_items {
    background: var(--surface);
    border-radius: var(--radius);
}

.wolt-janr_items > a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid var(--border);
}

.wolt-janr_items > a:hover {
    color: var(--color1);
}

/* WOLT SHOTRT */
.wolt-short {
}

.wolt-short_item {
    position: relative;
    display: block;
    padding: 3px;
    overflow: hidden;
}

.wolt-short_bg {
    position: relative;
    display: inline-block;
    border-radius: var(--radius);
    width: 100%;
    aspect-ratio: 5 / 7;
    margin: 10px 0;
    transition: 0.2s;
    overflow: hidden;
}

.wolt-short_item:hover .wolt-short_bg {
    transform: scale(1.028);
}

.wolt-short_link {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 15px;
    right: 15px;
}

.wolt-short_link a {
    display: block;
    background: var(--dark);
    backdrop-filter: blur(8px);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.wolt-short_link a + a {
    margin-top: 10px;
}

.wolt-short_item:hover .wolt-short_link {
    opacity: 1;
    visibility: visible;
}

.wolt-short_bg .rating-color {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    color: var(--text1);
    top: 10px;
    left: 10px;
    padding: 3px 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.3s;
}

.wolt-short_item:hover .wolt-short_bg .rating-color {
    opacity: 1;
    visibility: visible;
}

.wolt-short_age {
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
    font-weight: bold;
}

.wolt-short_item h4 {
    margin-bottom: 5px;
}

.wolt-short_meta {
    color: var(--text-soft);
    font-size: 14px;
}

.wolt-short_meta span:first-child {
    display: inline-block;
    border: 1px solid var(--light);
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 15px;
}

/* WOlT FULL */
.wolt-full {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 60px;
    margin: -30px -25px 0;
    margin-bottom: 30px;
    border-radius: 0 0 80px 80px;
    height: 60vh;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .wolt-full {
        border-radius: 0 0 0 80px;
    }
}

@media (max-width: 860px) {
    .wolt-full {
        padding: 40px;
        border-radius: 0 0 80px 80px;
    }
}

.wolt-full:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgb(6 9 17), transparent), linear-gradient(180deg, rgb(6 9 17 / 30%), transparent);
    z-index: -1;
}

.wolt-full_back i {
    display: inline-block;
    background: transparent;
    border: 1px solid var(--light2);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
}

.wolt-full_back:hover {
    color: var(--color2);
}

.wolt-full_back + img {
    max-width: 300px;
    max-height: 150px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 30px;
}

@media (max-width: 860px) {
    .wolt-full_back + img {
        max-width: 150px;
    }
}

.wolt-full_head, .wolt-full_link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 860px) {
    .wolt-full_head, .wolt-full_link {
        justify-content: center;
    }
}

.wolt-full_stars {
    display: flex;
    align-items: center;
}

.wolt-full_stars > span {
    margin-left: 10px
}

.wolt-full_link > a {
    position: relative;
    display: inline-block;
    border: 1px solid var(--light);
    border-radius: var(--radius);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 15px;
    cursor: pointer;
}

.wolt-full_link > a:hover {
    background: var(--color1);
}

.wolt-full_link > a:first-child {
    width: 150px;
    margin-left: 0;
}

.wolt-full_link > a:first-child i {
    margin-right: 10px;
}

.wolt-full_link i {
    color: var(--color1);
    font-size: 16px;
}

.wolt-full_link > a:hover i {
    color: var(--text);
}

.wolt-full_share > div {
    position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 50px rgb(0 0 0 / 18%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -65px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
}

.wolt-full_share.active > div {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}

.wolt-full_link + span {
    display: inline-block;
    background: var(--light);
    backdrop-filter: blur(10px);
    padding: 12px 20px;
    border-radius: var(--radius);
}

@media (max-width: 860px) {
    .wolt-full_stars, .wolt-full_link + span {
        display: none;
    }
}

.wolt-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.wolt-full_grid {
    display: grid;
    grid-gap: 30px;
    grid-auto-rows: max-content;
    grid-template-columns: 200px 1fr;
}

@media (max-width: 860px) {
    .wolt-full_grid {
        grid-template-columns: 100%;
    }

    .wolt-full_one {
        order: 2;
    }
}

.wolt-full_one > img {
    width: 100%;
    height: 300px;
    border-radius: var(--radius);
    object-fit: cover;
}

@media (max-width: 860px) {
    .wolt-full_one > img {
        display: none;
    }
}

.wolt-full_two h1 {
    margin-bottom: 20px;
}

.wolt-full_meta > span {
    color: var(--text-soft);
}

.wolt-full_meta > span + span {
    margin-left: 20px;
}

.wolt-full_text {
    color: #cad3eb;
    font-weight: 300;
    margin: 20px 0;
}

.wolt-full_two > ul {
    background: var(--light);
    padding: 20px;
    border-radius: var(--radius);
}

.wolt-full_two > ul li {
    display: flex;
    margin: 8px 0;
}

.wolt-full_two > ul li span:first-child {
    display: inline-block;
    color: var(--text-soft);
    min-width: 100px;
}

/* RATING COLOR */
.rating-color {
    background-color: #93ff38;
    box-shadow: 0 4px 9px rgb(147 255 56 / 50%);
}

.rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
}

.rating-color.middle {
    background: #ffe638;
    box-shadow: 0 4px 9px rgb(255 230 56 / 50%);
}

.rating-color1 {
    color: #3bb33b;
    font-weight: bold;
}

.rating-color1.low {
    color: #e13535;
}

.rating-color1.middle {
    color: #ff6702;
}

/* RATING CIR */
.rating-cir {
    position: relative;
    fill: none;
    stroke: var(--light);
    stroke-width: 4;
}

.rating-cir > svg {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

.rating-cir .rating-cir_num {
    display: none;
}

.rating-cir .circle {
    stroke: var(--color1);
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
}

.percentage {
    stroke: none;
    fill: #fff;
    text-anchor: middle;
    font-size: 10px;
}

/* TRAILER MODAL */
.trailer-modal {
    display: none;
    position: fixed;
    background: radial-gradient(circle at top center, rgb(124 58 237 / 18%), transparent 28%), var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}

.trailer-modal.active {
    display: block;
}

.trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}

.trailer-modal_heading h4 {
    margin-bottom: 0;
}

.trailer-modal_heading i {
    display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 17px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
}

.trailer-modal_iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* FOOTER */
footer {
    position: relative;
    background: var(--surface);
    border-radius: 80px 0 0;
    color: #fff;
    padding-top: 20px;
}

.footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
}

.footer-soc > a {
    display: inline-block;
    background: var(--light);
    color: var(--text-soft);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
}

.footer-soc > a:hover {
    background: var(--color1);
    color: var(--text1);
}

.footer-menu > a {
    color: var(--text-soft);
    font-size: 14px;
}

.footer-menu > a:hover {
    color: var(--color1);
}

.footer-menu > a + a, .footer-soc > a + a {
    margin-left: 20px;
}

.footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
}

.footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-down .container > span {
    opacity: 0.4;
    font-size: 12px;
}

.footer-down > a, .footer-down a > img {
    display: inline-block;
    width: 80px;
    height: auto;
}

.footer-dev {
    color: #797882;
    font-size: 12px;
}

.footer-dev > a {
    color: var(--color1);
    margin-left: 5px;
}


.wolt-full_rating {display: flex; margin-top: 10px; height: 60px; padding: 0 10px; border-radius: var(--radius);
    justify-content: space-between; background: var(--surface); align-items: center;}
.wolt-full_rating > * {display: flex; align-items: center; height: 40px; border-radius: 20px; 
	background-color: var(--bg); box-shadow: var(--bsh-2); padding: 5px; 
	font-weight: 600;}
.wolt-full_rating > * .ri-thumb-up-line {background-color: #6ab04c; color: #fff; height: 30px; line-height: 30px; 
	width: 30px; border-radius: 50%; text-align: center; font-size: 16px; margin-right: 10px;}
[data-likes-id] {margin-right: 10px;}
.wolt-full_rating > * .ri-thumb-down-line {background-color: #eb4d4b; color: #fff; height: 30px; line-height: 30px; 
	width: 30px; border-radius: 50%; text-align: center; font-size: 16px; margin-left: 10px;}
[data-dislikes-id] {margin-left: 10px;}
.wolt-full_rating > a:hover {background-color: var(--light); color: #fff;}


body {
    min-height: 100vh;
    background-attachment: fixed;
}

a, button, input { transition: .2s ease; }
img { max-width: 100%; }

header {
    border-right: 1px solid var(--border);
    backdrop-filter: blur(14px);
}

@media (max-width: 860px) {
    header {
        border-right: 0;
        border-top: 1px solid var(--border);
    }
}

.header-menu > a {
    border-radius: 16px;
}

.header-menu > a:hover,
.header-menu > a.active {
    background: var(--light);
}

.header-menu > a span {
    box-shadow: 0 10px 30px rgb(0 0 0 / 22%);
}

.header-search {
    background: linear-gradient(90deg, var(--color1), var(--color2));
    box-shadow: 0 20px 50px rgb(27 23 48 / 25%);
}

.header-search .header-search_close {
    position: absolute;
    background: rgb(255 255 255 / 14%);
    border-radius: 50%;
    right: 16px;
    margin-right: 0;
}

.theme-switcher {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    margin-bottom: 12px;
}

.theme-toggle {
    width: 44px;
    height: 44px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--light);
    color: var(--text);
}

.theme-toggle.active,
.theme-toggle:hover {
    background: linear-gradient(135deg, var(--color1), var(--color2));
    color: #fff;
}

.header-user,
.modal-login { margin-top: 8px; }

.header-user > div {
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
}

@media (max-width: 860px) {
    .header-user > div {
        left: 10px;
        bottom: 72px;
    }

    .theme-switcher {
        flex-direction: row;
        margin: 0;
    }
}

.header-user_av { border-bottom: 1px solid var(--border); }
.header-user_av > span span { color: #ff3b30; }
.header-user_menu a { color: var(--text); }

.modal-login > a,
.modal-login form,
.wolt-big_link,
.wolt-stream_items,
.wolt-janr_items,
.wolt-full_link + span,
.wolt-full_share > div,
.wolt-full_grid ul,
.dle-comm,
.footer-soc > a,
.navigation a,
.navigation span,
.navigation-ajax a {
    border: 1px solid var(--border);
}

.modal-login form {
    background: var(--surface);
}

.wolt-big_item,
.wolt-short_bg,
.wolt-full,
.dle-comm,
footer > .container,
footer + .footer-down,
.wolt-stream_items,
.wolt-janr_items {
    box-shadow: 0 18px 60px rgb(0 0 0 / 12%);
}

.wolt-big_item {
    background: var(--surface);
}

.wolt-big_item img,
.wolt-short_bg img,
.wolt-full_bg img,
.wolt-full_one img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wolt-big_top {
    background: rgb(15 12 29 / 82%);
    color: #fff;
    border: 1px solid rgb(255 255 255 / 10%);
    backdrop-filter: blur(10px);
}
body[data-theme="light"] .wolt-big_top {
    background: rgb(255 255 255 / 88%);
    color: var(--text1);
    border-color: var(--border);
}

.wolt-big_meta,
.wolt-short_meta,
main .container h1 + p,
.footer-menu > a,
.footer-down .container > span {
    color: var(--text-soft);
}

.wolt-short_link a,
.wolt-full_link > a,
.wolt-full_back i,
.footer-soc > a {
    border: 1px solid var(--border);
}

.wolt-full:before {
    background: linear-gradient(180deg, rgb(8 6 16 / 10%), rgb(8 6 16 / 78%) 80%), linear-gradient(90deg, rgb(0 0 0 / 12%), transparent 45%);
    z-index: 1;
}
body[data-theme="light"] .wolt-full:before {
    background: linear-gradient(180deg, rgb(255 255 255 / 22%), rgb(243 240 251 / 82%) 82%), linear-gradient(90deg, rgb(255 255 255 / 8%), transparent 45%);
}
.wolt-full_head,
.wolt-full_back { position: relative; z-index: 2; }
.wolt-full_bg { z-index: 0; }

.wolt-full_grid,
.dle-comm,
footer {
    color: var(--text);
}

.wolt-full_grid ul {
    background: var(--surface-2);
    border-radius: var(--radius);
    padding: 16px 18px;
}

.wolt-full_grid ul li {
    border-bottom: 1px solid var(--border);
    padding: 16px 0;
}
.wolt-full_grid ul li:last-child,
.wolt-stream_items > a:last-child,
.wolt-janr_items > a:last-child { border-bottom: 0; }

.wolt-full_text {
    color: var(--text-soft);
    line-height: 1.7;
}

.addcom, .dle-comm form, .dle-comments-list .comment, .form-wrap, textarea, input, select {
    background: var(--surface-2) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
textarea::placeholder, input::placeholder { color: var(--text-soft); }

.footer-down {
    border-top: 1px solid var(--border);
}

body[data-theme="light"] .footer-soc > a:hover,
body[data-theme="light"] .header-user_menu a:hover,
body[data-theme="light"] .wolt-full_link > a:hover {
    color: #fff;
}


/* PATCH 3.0 FULLSTORY + SEARCH */
.header-search {
    align-items: center;
    min-height: 84px;
    padding: 18px 28px;
}

.header-search input {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    border: 0 !important;
    box-shadow: none !important;
    outline: none;
}

.header-search .header-search_icon {
    flex: 0 0 40px;
}

.header-search .header-search_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.header-search .header-search_close i {
    font-size: 22px;
    margin: 0;
}

@media (max-width: 860px) {
    .header-search {
        min-height: 72px;
        padding: 14px 18px;
    }

    .header-search input {
        font-size: 17px;
    }
}

.wolt-full {
    min-height: 520px;
    height: auto;
    gap: 28px;
}

.wolt-full_back {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    max-width: min(100%, 920px);
    color: #fff;
    font-weight: 600;
}

.wolt-full_back span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wolt-full_head {
    gap: 18px;
}

.wolt-full_link {
    gap: 10px;
    justify-content: center;
}

.wolt-full_link > a {
    margin-left: 0;
    flex-shrink: 0;
}

.wolt-full_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    text-align: center;
}

.wolt-full_bg img {
    object-position: center top;
    filter: saturate(0.95);
}

.wolt-full_grid {
    align-items: start;
    grid-template-columns: 240px minmax(0, 1fr);
}

.wolt-full_one {
    position: sticky;
    top: 24px;
}

.wolt-full_one > img {
    height: 360px;
    background: var(--surface-2);
}

.wolt-full_two {
    min-width: 0;
}

.wolt-full_two h1 {
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.08;
    margin-bottom: 12px;
    overflow-wrap: anywhere;
}

.wolt-full_meta {
    gap: 14px;
}

.wolt-full_meta > span + span {
    margin-left: 0;
}

.wolt-full_text {
    max-width: 1080px;
    font-size: 18px;
}

.wolt-full_specs {
    margin-top: 28px;
}

.wolt-full_specs li {
    align-items: flex-start;
    gap: 16px;
}

.wolt-full_specs li span:last-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wolt-comments {
    max-width: none !important;
    margin-top: 30px;
}

.wolt-comments_head {
    margin-bottom: 18px;
}

.wolt-comments_head h2 {
    margin-bottom: 8px;
}

.wolt-comments p {
    color: var(--text-soft);
}

.dle-comm form {
    display: block;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.dle-comm form textarea {
    min-height: 150px;
    resize: vertical;
}

.dle-comm_submit {
    align-items: center;
    gap: 20px;
}

.dle-fast_item {
    align-items: center;
    gap: 14px;
    margin-bottom: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.dle-fast_item:last-child {
    border-bottom: 0;
}

.dle-fast_item_content {
    flex: 1 1 auto;
    min-width: 0;
}

.dle-fast_item_content > a {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dle-fast_item_content > a:hover {
    color: var(--color1);
}

.dle-fast_meta {
    margin-top: 6px;
    color: var(--text-soft);
}

@media (max-width: 1440px) {
    .wolt-full_grid {
        grid-template-columns: 220px minmax(0, 1fr);
    }
}

@media (max-width: 1100px) {
    .wolt-full {
        padding: 32px 28px;
        border-radius: 0 0 48px 48px;
        min-height: 460px;
    }

    .wolt-full_grid {
        grid-template-columns: 100%;
    }

    .wolt-full_one {
        position: static;
        max-width: 220px;
    }
}

@media (max-width: 860px) {
    .wolt-full_back span {
        white-space: normal;
    }

    .wolt-full_link {
        justify-content: flex-start;
    }

    .wolt-full_link > a:first-child {
        width: auto;
        padding: 0 24px;
    }

    .wolt-full_one {
        max-width: none;
    }

    .wolt-full_one > img {
        display: block;
        max-width: 240px;
        height: 320px;
    }

    .wolt-full_text {
        font-size: 16px;
    }

    .dle-fast_item_content > a {
        font-size: 18px;
    }
}


/* SEARCH OVERLAY 5.0 */
body.search-open {
    overflow: hidden;
}

.search-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.search-overlay.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.search-overlay_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 4, 10, 0.94);
    backdrop-filter: blur(16px);
}

.search-overlay_dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 760px);
    margin: 0 auto;
    min-height: 100vh;
    padding: 28px 18px 18px;
}

.search-overlay_close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(255,255,255,.75);
    cursor: pointer;
    transition: .18s ease;
}

.search-overlay_close:hover {
    color: #fff;
    background: rgba(255,255,255,.08);
}

.search-overlay_close i {
    font-size: 26px;
    line-height: 1;
}

.search-overlay_head {
    margin-bottom: 12px;
}

.search-overlay_title {
    font-size: clamp(34px, 4.2vw, 52px);
    line-height: .95;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
}

.search-overlay_subtitle {
    margin-top: 10px;
    color: rgba(255,255,255,.58);
    font-size: 14px;
    line-height: 1.45;
}

.search-overlay_form {
    max-width: 100%;
}

.search-overlay_inputwrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    border-radius: 18px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 16px 50px rgba(0,0,0,.24);
    padding: 0 52px 0 50px;
}

.search-overlay_inputicon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0,0,0,.26);
    font-size: 24px;
}

.search-overlay input,
.search-overlay input[type="text"],
.search-overlay input[name="story"] {
    width: 100%;
    height: 58px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #141414 !important;
    -webkit-text-fill-color: #141414 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 58px !important;
    caret-color: #7f4fff;
}

.search-overlay input::placeholder,
.search-overlay input[name="story"]::placeholder {
    color: rgba(0,0,0,.34) !important;
    -webkit-text-fill-color: rgba(0,0,0,.34) !important;
}

.search-overlay input:-webkit-autofill,
.search-overlay input:-webkit-autofill:hover,
.search-overlay input:-webkit-autofill:focus {
    -webkit-text-fill-color: #141414 !important;
    box-shadow: 0 0 0 1000px rgba(255,255,255,.97) inset !important;
    transition: background-color 9999s ease-out 0s;
}

.search-overlay_clear {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(0,0,0,.46);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: .18s ease;
}
.search-overlay_clear.visible { visibility: visible; opacity: 1; }
.search-overlay_clear:hover { background: rgba(0,0,0,.08); color: rgba(0,0,0,.8); }
.search-overlay_clear i { font-size: 22px; line-height: 1; }

.search-overlay_actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 14px 0 14px;
}

.search-overlay_action {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-size: 17px;
    cursor: default;
    opacity: .72;
}

.search-overlay_filters {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0 0 10px;
}
.search-filter {
    min-width: 84px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: .18s ease;
}
.search-filter:hover, .search-filter.is-active {
    background: rgba(127,79,255,.22);
    border-color: rgba(179,140,255,.32);
    color: #fff;
}

.search-overlay_suggestions {
    max-width: 100%;
    margin-top: 10px;
}

.search-overlay_popular {
    max-width: 100%;
    text-align: center;
    padding-top: 14px;
}
.search-overlay_popular.hidden { display: none; }
.search-overlay_popular-title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.search-overlay_tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.search-chip {
    padding: 7px 12px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .18s ease;
}
.search-chip:hover { background: rgba(140, 86, 255, 0.34); }

.search-overlay_submit {
    display: none;
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    min-height: 44px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(90deg, #7a47ff 0%, #9c6bff 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: filter .18s ease, transform .18s ease;
}
.search-overlay_submit.visible { display: block; }
.search-overlay_submit:hover { filter: brightness(1.05); transform: translateY(-1px); }

.search-overlay #searchsuggestions {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: rgba(20, 20, 27, 0.94) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    padding: 8px !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 56px rgba(0,0,0,.34) !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: auto !important;
}
.search-overlay #searchsuggestions:empty { display: none !important; }
.search-overlay #searchsuggestions .seperator {
    display: none !important;
}
.search-overlay #searchsuggestions .notfound {
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.04);
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 13px;
    text-align: center;
}
.search-overlay #searchsuggestions .dle-fast_item {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255,255,255,.05);
    border-radius: 12px;
    transition: background .18s ease;
}
.search-overlay #searchsuggestions .dle-fast_item:hover {
    background: rgba(255,255,255,.04);
}
.search-overlay #searchsuggestions .dle-fast_item:last-child { border-bottom: 0; }
.search-overlay #searchsuggestions .dle-fast_poster,
.search-overlay #searchsuggestions .dle-fast_item > a:first-child {
    display: block;
    width: 42px;
    height: 58px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255,255,255,.05);
    flex-shrink: 0;
}
.search-overlay #searchsuggestions .dle-fast_item img {
    width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important;
}
.search-overlay #searchsuggestions .dle-fast_item_content {
    min-width: 0;
}
.search-overlay #searchsuggestions .dle-fast_item_content > a {
    display: block;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.35;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-overlay #searchsuggestions .dle-fast_item_content > a:hover { color: #b38cff; }
.search-overlay #searchsuggestions .dle-fast_meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 4px;
    color: rgba(255,255,255,.58);
    font-size: 11px;
}
.search-overlay #searchsuggestions .dle-fast_meta-item {
    display: inline-flex;
    align-items: center;
}
.search-overlay #searchsuggestions .dle-fast_meta-sep {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
}
.search-overlay #searchsuggestions .dle-fast_meta-item:empty,
.search-overlay #searchsuggestions .dle-fast_meta-item[data-empty-check=""],
.search-overlay #searchsuggestions .dle-fast_meta-item a:empty,
.search-overlay #searchsuggestions .dle-fast_meta:has(.dle-fast_meta-item:only-child:empty) .dle-fast_meta-sep {
    display: none !important;
}

@media (max-width: 767px) {
    .search-overlay_dialog { padding: 18px 12px 16px; }
    .search-overlay_title { font-size: 40px; }
    .search-overlay_subtitle { font-size: 13px; }
    .search-overlay_inputwrap { min-height: 56px; border-radius: 18px; padding: 0 48px 0 50px; }
    .search-overlay_inputicon { left: 16px; font-size: 24px; }
    .search-overlay input, .search-overlay input[type="text"], .search-overlay input[name="story"] { height: 56px; font-size: 16px !important; line-height: 56px !important; }
    .search-overlay_action { width: 40px; height: 40px; font-size: 17px; }
    .search-overlay_filters { gap: 6px; margin-bottom: 8px; }
    .search-filter { min-width: 72px; height: 30px; font-size: 11px; padding: 0 10px; }
    .search-overlay_popular-title { font-size: 16px; }
    .search-chip { padding: 8px 11px; font-size: 12px; }
    .search-overlay_submit { min-height: 46px; font-size: 14px; border-radius: 14px; }
    .search-overlay #searchsuggestions { padding: 8px !important; border-radius: 14px !important; max-height: 42vh !important; }
    .search-overlay #searchsuggestions .dle-fast_item { grid-template-columns: 38px minmax(0,1fr); gap: 10px; }
    .search-overlay #searchsuggestions .dle-fast_poster, .search-overlay #searchsuggestions .dle-fast_item > a:first-child { width: 38px; height: 54px; }
    .search-overlay #searchsuggestions .dle-fast_item_content > a { font-size: 13px !important; }
}



/* SEARCH OVERLAY V9 REFINEMENTS */
.search-overlay_dialog { max-width: 920px; }
.search-overlay_head { margin-bottom: 12px; }
.search-overlay_title { font-size: 72px; line-height: .95; }
.search-overlay_subtitle { max-width: 560px; margin-top: 10px; }
.search-overlay_form { gap: 0; }
.search-overlay_inputwrap { margin-bottom: 12px; }
.search-overlay_actions, .search-overlay_filters { display: none !important; }
.search-overlay_suggestions { margin-top: 0; }
.search-overlay #searchsuggestions { margin-top: 0 !important; border-radius: 22px !important; padding: 12px !important; border: 1px solid rgba(255,255,255,.07) !important; background: linear-gradient(180deg, rgba(22,22,30,.96) 0%, rgba(14,14,20,.98) 100%) !important; max-height: none !important; overflow: visible !important; }
.search-overlay #searchsuggestions:not(:empty) { margin-bottom: 12px !important; }
.search-overlay #searchsuggestions .dle-fast_item { grid-template-columns: 52px minmax(0,1fr); gap: 13px; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.045); border-radius: 16px; }
.search-overlay #searchsuggestions .dle-fast_item:hover { background: rgba(255,255,255,.05); transform: translateY(-1px); }
.search-overlay #searchsuggestions .dle-fast_poster, .search-overlay #searchsuggestions .dle-fast_item > a:first-child { width: 52px; height: 74px; border-radius: 13px; box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.search-overlay #searchsuggestions .dle-fast_item_content > a { font-size: 16px !important; line-height: 1.28; margin-top: 2px; }
.search-overlay #searchsuggestions .dle-fast_meta { margin-top: 6px; font-size: 12px; gap: 5px 9px; color: rgba(255,255,255,.62); }
.search-overlay #searchsuggestions .dle-fast_meta a { color: rgba(255,255,255,.62); }
.search-overlay #searchsuggestions .dle-fast_meta a:hover { color: #c2a8ff; }
.search-overlay_submit { margin-top: 0; min-height: 52px; border-radius: 18px; font-size: 15px; }
.search-overlay_popular { padding-top: 8px; }
.search-overlay_popular-title { font-size: 16px; margin-bottom: 10px; }
.search-chip { font-size: 13px; padding: 8px 13px; }
@media (max-width: 980px) {
  .search-overlay_dialog { max-width: 100%; }
  .search-overlay_title { font-size: 54px; }
  .search-overlay #searchsuggestions .dle-fast_item { grid-template-columns: 46px minmax(0,1fr); gap: 12px; padding: 10px; }
  .search-overlay #searchsuggestions .dle-fast_poster, .search-overlay #searchsuggestions .dle-fast_item > a:first-child { width: 46px; height: 64px; border-radius: 12px; }
  .search-overlay #searchsuggestions .dle-fast_item_content > a { font-size: 14px !important; }
}

.search-overlay #searchsuggestions .search-results_more {
  margin: 10px 4px 0;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.68);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

/* FULLSTORY CINEMA REDESIGN */
.wolt-cinema{max-width:1280px;margin:0 auto;padding-top:10px}
.wolt-cinema_topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.wolt-cinema_back{display:inline-flex;align-items:center;gap:10px;color:var(--text2);font-weight:700}
.wolt-cinema_back i{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.wolt-cinema_actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wolt-cinema_btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#f3f1ff;font-weight:700;transition:.2s ease}
.wolt-cinema_btn:hover,.wolt-cinema_btn.active{background:rgba(124,58,237,.22);border-color:rgba(167,139,250,.35);color:#fff}
.wolt-cinema_btn--primary{background:linear-gradient(90deg,#7c3aed 0%,#9f67ff 100%);border-color:transparent;color:#fff;box-shadow:0 16px 40px rgba(124,58,237,.28)}
.wolt-cinema_hero{position:relative;min-height:420px;border-radius:32px;overflow:hidden;background:#15131d;margin-bottom:22px;border:1px solid rgba(255,255,255,.07)}
.wolt-cinema_hero-bg,.wolt-cinema_hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wolt-cinema_hero-bg img{filter:brightness(.5) saturate(.95)}
.wolt-cinema_hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,12,.15) 0%,rgba(8,8,12,.55) 45%,rgba(8,8,12,.92) 100%),radial-gradient(circle at top right,rgba(124,58,237,.24),transparent 35%)}
.wolt-cinema_hero-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:34px}
.wolt-cinema_breadcrumbs{margin-bottom:14px;color:rgba(255,255,255,.65);font-size:13px}
.wolt-cinema_breadcrumbs a{color:rgba(255,255,255,.74)}
.wolt-cinema_hero h1{font-size:52px;line-height:1.02;margin:0 0 12px;color:#fff;max-width:900px}
.wolt-cinema_meta{display:flex;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.82);font-size:15px}
.wolt-cinema_meta span{display:inline-flex;align-items:center;gap:8px}
.wolt-cinema_meta span+span:before{content:"•";opacity:.45;margin-right:2px}
.wolt-cinema_panel{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:18px;align-items:start}
.wolt-cinema_panel-left,.wolt-cinema_panel-center,.wolt-cinema_panel-right{min-width:0}
.wolt-cinema_poster{position:sticky;top:20px;border-radius:22px;overflow:hidden;background:#14131d;border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 50px rgba(0,0,0,.24)}
.wolt-cinema_poster img{display:block;width:100%;height:330px;object-fit:cover}
.wolt-cinema_scores{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wolt-score{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:13px;color:#e7e2ff}
.wolt-score--green{background:rgba(80,200,120,.12);border-color:rgba(80,200,120,.26);color:#8ef0ac}
.wolt-cinema_block,.wolt-cinema_panel-right{background:linear-gradient(180deg,rgba(25,24,36,.96) 0%,rgba(16,16,24,.96) 100%);border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.wolt-cinema_block{padding:24px 26px}
.wolt-cinema_block + .wolt-cinema_block{margin-top:18px}
.wolt-cinema_block h2,.wolt-cinema_related-head h2,.wolt-comments_head h2{margin:0 0 14px;font-size:30px;line-height:1.08}
.wolt-cinema_text{color:#d7d4e8;font-size:15px;line-height:1.82}
.wolt-cinema_panel-right{padding:10px 0}
.wolt-cinema_spec{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.wolt-cinema_spec:last-child{border-bottom:0}
.wolt-cinema_spec span{color:rgba(255,255,255,.58);font-size:13px}
.wolt-cinema_spec b{font-size:14px;line-height:1.5;color:#fff;font-weight:700}
.wolt-cinema_actors{display:flex;flex-wrap:wrap;gap:10px}
.wolt-cinema_actors a,.wolt-cinema_actors span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#ebe8f8;font-size:14px}
.wolt-cinema_related{margin-top:28px}
.wolt-cinema_related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wolt-related_card{min-width:0}
.wolt-related_thumb{position:relative;display:block;border-radius:18px;overflow:hidden;background:#15141f;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 44px rgba(0,0,0,.24)}
.wolt-related_thumb img{display:block;width:100%;height:280px;object-fit:cover;transition:transform .25s ease}
.wolt-related_thumb:hover img{transform:scale(1.03)}
.wolt-related_rate{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:10px;background:#2196f3;color:#fff;font-size:12px;font-weight:700}
.wolt-related_meta{margin-top:10px;color:rgba(255,255,255,.58);font-size:13px}
.wolt-related_title{display:block;margin-top:6px;color:#fff;font-size:16px;line-height:1.45;font-weight:700}
.wolt-related_title:hover{color:#c7aeff}
.wolt-cinema_comments{margin-top:28px}

/* SEARCH OVERLAY REFINEMENTS */
.search-overlay_dialog{max-width:860px}
.search-overlay_title{font-size:68px}
.search-overlay_inputwrap{margin-bottom:14px}
.search-overlay #searchsuggestions{padding:14px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(20,20,30,.96) 0%,rgba(13,13,21,.98) 100%)!important;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.search-overlay #searchsuggestions .dle-fast_item{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:12px;border-radius:18px;border-bottom:1px solid rgba(255,255,255,.045)}
.search-overlay #searchsuggestions .dle-fast_item:last-of-type{border-bottom:0}
.search-overlay #searchsuggestions .dle-fast_poster,.search-overlay #searchsuggestions .dle-fast_item>a:first-child{width:56px;height:78px;border-radius:14px}
.search-overlay #searchsuggestions .dle-fast_item_content>a{font-size:15px!important;line-height:1.35}
.search-overlay #searchsuggestions .dle-fast_meta{margin-top:7px;font-size:13px}
.search-overlay #searchsuggestions .search-results_more{margin:12px 0 0;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.72)}
.search-overlay_submit{margin-top:12px}

body[data-theme="light"] .wolt-cinema_btn,body[data-theme="light"] .wolt-score,body[data-theme="light"] .wolt-cinema_actors a,body[data-theme="light"] .wolt-cinema_actors span{background:rgba(92,73,132,.06);border-color:rgba(92,73,132,.12);color:#2b2443}
body[data-theme="light"] .wolt-cinema_btn--primary{color:#fff}
body[data-theme="light"] .wolt-cinema_block,body[data-theme="light"] .wolt-cinema_panel-right{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(245,241,255,.92) 100%);border-color:rgba(92,73,132,.12)}
body[data-theme="light"] .wolt-cinema_text{color:#4a4363}
body[data-theme="light"] .wolt-cinema_spec span,body[data-theme="light"] .wolt-related_meta{color:rgba(58,49,79,.6)}
body[data-theme="light"] .wolt-cinema_spec b,body[data-theme="light"] .wolt-related_title,body[data-theme="light"] .wolt-cinema_back{color:#1d1730}
body[data-theme="light"] .wolt-cinema_hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(244,240,252,.5) 45%,rgba(244,240,252,.94) 100%),radial-gradient(circle at top right,rgba(124,58,237,.12),transparent 35%)}

@media (max-width: 1240px){
  .wolt-cinema_panel{grid-template-columns:210px minmax(0,1fr)}
  .wolt-cinema_panel-right{grid-column:1/-1}
  .wolt-cinema_related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 860px){
  .wolt-cinema_topbar{flex-direction:column;align-items:flex-start}
  .wolt-cinema_actions{width:100%}
  .wolt-cinema_btn{flex:1 1 auto;justify-content:center}
  .wolt-cinema_hero{min-height:300px;border-radius:24px}
  .wolt-cinema_hero-body{padding:24px}
  .wolt-cinema_hero h1{font-size:34px}
  .wolt-cinema_panel{grid-template-columns:1fr}
  .wolt-cinema_poster{position:static;max-width:240px}
  .wolt-cinema_related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
  .wolt-cinema_hero h1{font-size:28px}
  .wolt-cinema_block,.wolt-cinema_panel-right{border-radius:18px}
  .wolt-cinema_block{padding:18px}
  .wolt-cinema_spec{grid-template-columns:1fr;padding:14px 16px}
  .wolt-cinema_related-grid{grid-template-columns:1fr 1fr;gap:12px}
  .wolt-related_thumb img{height:220px}
  .search-overlay_title{font-size:48px}
}


/* v13 fullstory + search fixes */
.wolt-cinema_playerblock{margin-top:24px;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(23,22,34,.92) 0%,rgba(14,14,24,.95) 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.wolt-cinema_playerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.wolt-cinema_playerhead h2{margin:0;font-size:24px;line-height:1.1}
.wolt-cinema_playerframe{border-radius:22px;overflow:hidden;background:#06060b;min-height:320px}
.wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{display:block;width:100%!important;min-height:520px;border:0}
.wolt-cinema_playerframe .full-text,.wolt-cinema_playerframe .video-inside,.wolt-cinema_playerframe .video-responsive{margin:0}
.wolt-cinema_playerframe>br{display:none}
.wolt-cinema_slider-nav{display:flex;gap:10px}
.wolt-slider-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease}
.wolt-slider-btn:hover{background:rgba(124,58,237,.25);border-color:rgba(167,139,250,.4)}
.wolt-related-swiper{overflow:hidden;padding:4px 2px 2px}
.wolt-related_card{height:auto}
.wolt-related_thumb img{height:320px}

.search-overlay_dialog{max-width:920px}
.search-overlay_form{gap:14px}
.search-overlay_suggestions{margin-top:16px}
.search-overlay #searchsuggestions{display:none;border-radius:26px;background:linear-gradient(180deg,rgba(22,22,33,.94) 0%,rgba(15,15,24,.97) 100%);border:1px solid rgba(255,255,255,.08);padding:14px 14px 10px;box-shadow:0 24px 54px rgba(0,0,0,.28)}
.search-overlay #searchsuggestions.has-results{display:block}
.search-overlay #searchsuggestions .dle-fast_item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:18px;border-bottom:0;transition:background .2s ease}
.search-overlay #searchsuggestions .dle-fast_item + .dle-fast_item{margin-top:8px}
.search-overlay #searchsuggestions .dle-fast_item:hover{background:rgba(255,255,255,.04)}
.search-overlay #searchsuggestions .dle-fast_poster,.search-overlay #searchsuggestions .dle-fast_item>a:first-child{width:62px;height:88px;flex:0 0 62px;border-radius:16px;overflow:hidden}
.search-overlay #searchsuggestions .dle-fast_poster img{width:100%;height:100%;object-fit:cover}
.search-overlay #searchsuggestions .dle-fast_item_content{min-width:0;display:flex;flex-direction:column;justify-content:center}
.search-overlay #searchsuggestions .dle-fast_item_content>a{font-size:15px!important;line-height:1.35;font-weight:800;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-overlay #searchsuggestions .dle-fast_meta{margin-top:6px;font-size:13px;color:rgba(255,255,255,.62)}
.search-overlay #searchsuggestions .dle-fast_meta a{color:rgba(255,255,255,.72)}
.search-overlay #searchsuggestions .search-results_more{padding:10px 4px 4px;text-align:center;color:rgba(255,255,255,.68);font-size:14px}
.search-overlay_submit{margin-top:10px}
.search-overlay_popular.hidden{display:none!important}
.search-overlay_submit{display:none}
.search-overlay_submit.visible{display:block}

body[data-theme="light"] .wolt-cinema_playerblock{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(245,241,255,.92) 100%);border-color:rgba(92,73,132,.12)}
body[data-theme="light"] .wolt-slider-btn{background:rgba(92,73,132,.06);border-color:rgba(92,73,132,.12);color:#2b2443}
body[data-theme="light"] .search-overlay #searchsuggestions{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(245,241,255,.96) 100%);border-color:rgba(92,73,132,.14)}
body[data-theme="light"] .search-overlay #searchsuggestions .dle-fast_item:hover{background:rgba(92,73,132,.05)}
body[data-theme="light"] .search-overlay #searchsuggestions .dle-fast_meta,body[data-theme="light"] .search-overlay #searchsuggestions .dle-fast_meta a,body[data-theme="light"] .search-results_more{color:rgba(43,36,67,.62)}

@media (max-width:860px){
  .wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{min-height:320px}
  .wolt-related_thumb img{height:260px}
}
@media (max-width:560px){
  .wolt-cinema_playerblock{padding:14px;border-radius:20px}
  .wolt-cinema_playerframe{border-radius:16px;min-height:220px}
  .wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{min-height:220px}
  .search-overlay_dialog{max-width:calc(100vw - 28px)}
  .search-overlay #searchsuggestions .dle-fast_item{padding:10px}
}


/* v14 search + fullstory refinements */
.search-overlay_dialog{max-width:940px;}
.search-overlay_form{gap:12px;}
.search-overlay_inputwrap{margin-bottom:10px;}
.search-overlay #searchsuggestions{
  max-height:380px !important;
  overflow:auto !important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:10px !important;
}
.search-overlay #searchsuggestions::-webkit-scrollbar{width:0;height:0;display:none;}
.search-overlay #searchsuggestions .dle-fast_item{
  grid-template-columns:50px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border-radius:16px;
}
.search-overlay #searchsuggestions .dle-fast_poster,
.search-overlay #searchsuggestions .dle-fast_item>a:first-child{
  width:50px;height:70px;border-radius:12px;
}
.search-overlay #searchsuggestions .dle-fast_item_content>a{font-size:15px !important;line-height:1.3;}
.search-overlay #searchsuggestions .dle-fast_meta{font-size:12px;gap:4px 8px;margin-top:5px;}
.search-overlay #searchsuggestions .search-results_more{
  margin:10px 0 2px;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  text-align:center;
  background:rgba(255,255,255,.035);
}
.search-overlay_submit{margin-top:4px;}
@media (max-width: 760px){
  .search-overlay #searchsuggestions{max-height:300px !important;}
}

.wolt-cinema{max-width:1320px;padding-top:18px;}
.wolt-cinema_topbar{margin-bottom:14px;}
.wolt-cinema_hero{min-height:340px;}
.wolt-cinema_hero-body{justify-content:flex-end;}
.wolt-cinema_breadcrumbs{display:none;}
.wolt-cinema_hero h1{max-width:760px;font-size:56px;}
.wolt-cinema_meta{font-size:16px;}
.wolt-cinema_playerblock{margin-top:18px;}
.wolt-cinema_playerframe{min-height:420px;}
.wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{min-height:620px;}
.wolt-cinema_panel{margin-top:18px;grid-template-columns:220px minmax(0,1fr) 340px;gap:20px;}
.wolt-cinema_block h2,.wolt-cinema_related-head h2,.wolt-comments_head h2{font-size:34px;}
.wolt-cinema_text{font-size:16px;line-height:1.85;}
.wolt-cinema_panel-right{align-self:start;position:sticky;top:20px;}
.wolt-cinema_spec{grid-template-columns:120px minmax(0,1fr);}
.wolt-cinema_related{margin-top:34px;}
.wolt-related_thumb img{height:300px;}
.wolt-comments{margin-top:34px;}
@media (max-width: 1180px){
  .wolt-cinema_panel{grid-template-columns:220px minmax(0,1fr);}
  .wolt-cinema_panel-right{grid-column:1/-1;position:static;}
}
@media (max-width: 760px){
  .wolt-cinema_hero{min-height:260px;}
  .wolt-cinema_hero h1{font-size:34px;}
  .wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{min-height:320px;}
}


/* v15 global redesign */
:root{
  --bg:#070913;
  --bg2:#0d1020;
  --bg3:#13182b;
  --surface:#111525;
  --surface-2:#171c31;
  --text:#f7f8fc;
  --text-soft:#9ea7c7;
  --border:rgba(255,255,255,.08);
  --color1:#7c4dff;
  --color2:#a66bff;
  --radius:24px;
}
body{
  background:
    radial-gradient(circle at 20% 0%, rgba(124,77,255,.16), transparent 26%),
    radial-gradient(circle at 80% 0%, rgba(59,130,246,.10), transparent 22%),
    linear-gradient(180deg,#070913 0%,#080b16 100%);
  color:var(--text);
}
main{padding-left:116px}
.container.content{max-width:1400px;padding-top:28px}
header{width:94px;background:linear-gradient(180deg,rgba(12,15,29,.92) 0%,rgba(10,12,24,.98) 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:18px 0 60px rgba(0,0,0,.24)}
.header-logo{font-size:20px;letter-spacing:-.04em}
.header-menu{gap:8px}
.header-menu>a{width:54px;height:54px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:18px;background:transparent;transition:.2s ease}
.header-menu>a:hover,.header-menu>a.active{background:rgba(255,255,255,.06);color:#fff;transform:translateY(-1px)}
.header-menu>a i{font-size:20px}
.header-menu>a span{top:8px;left:52px;padding:12px 16px;font-size:11px;border-radius:14px;background:#151a2d;box-shadow:0 14px 34px rgba(0,0,0,.25)}
footer{margin-top:44px;background:linear-gradient(180deg,rgba(17,21,37,.72) 0%,rgba(12,15,27,.92) 100%);border:1px solid rgba(255,255,255,.05);border-radius:32px 32px 0 0;overflow:hidden}
.footer-down{border-top:1px solid rgba(255,255,255,.05)}
.wolt-short_item{background:linear-gradient(180deg,rgba(18,22,36,.88) 0%,rgba(12,14,25,.96) 100%);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:12px;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.wolt-short_bg{border-radius:18px;overflow:hidden}
.wolt-short_item h4{font-size:17px;line-height:1.35;margin-top:12px}
.wolt-short_meta{color:var(--text-soft);font-size:12px;line-height:1.5}
.wolt-short_meta span a{color:inherit}
.wolt-big_items,.e-grid6{gap:20px}

/* v15 search */
.search-overlay_backdrop{background:rgba(6,8,16,.92);backdrop-filter:blur(26px)}
.search-overlay_dialog{max-width:900px;padding:42px 24px 28px}
.search-overlay_title{font-size:88px;letter-spacing:-.06em}
.search-overlay_subtitle{font-size:16px;color:rgba(255,255,255,.64)}
.search-overlay_inputwrap{min-height:74px;border-radius:24px;padding:0 62px 0 60px;box-shadow:0 22px 64px rgba(0,0,0,.28)}
.search-overlay_inputicon{left:24px;font-size:30px}
.search-overlay input,.search-overlay input[type="text"],.search-overlay input[name="story"]{height:74px;line-height:74px!important;font-size:22px!important;font-weight:700}
.search-overlay_clear{right:18px;width:42px;height:42px}
.search-overlay_suggestions{margin-top:14px}
.search-overlay #searchsuggestions{max-height:364px!important;overflow:auto!important;scrollbar-width:none;-ms-overflow-style:none;border-radius:26px!important;padding:10px!important;background:linear-gradient(180deg,rgba(18,21,35,.98) 0%,rgba(13,15,26,.98) 100%)!important;box-shadow:0 24px 64px rgba(0,0,0,.34)!important}
.search-overlay #searchsuggestions::-webkit-scrollbar{width:0;height:0;display:none}
.search-overlay #searchsuggestions .dle-fast_item{display:grid!important;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:12px;border-radius:18px;border-bottom:1px solid rgba(255,255,255,.04)}
.search-overlay #searchsuggestions .dle-fast_item:last-of-type{border-bottom:0}
.search-overlay #searchsuggestions .dle-fast_poster,.search-overlay #searchsuggestions .dle-fast_item>a:first-child{width:64px;height:86px;border-radius:14px}
.search-overlay #searchsuggestions .dle-fast_item_content>a{font-size:18px!important;line-height:1.3;font-weight:800}
.search-overlay #searchsuggestions .dle-fast_meta{margin-top:7px;font-size:13px;color:rgba(255,255,255,.60)}
.search-overlay #searchsuggestions .search-results_more{margin:8px 4px 2px;padding:8px 10px;background:transparent;border:0;color:rgba(255,255,255,.54);font-size:13px}
.search-overlay_submit{min-height:54px;border-radius:18px;margin-top:10px;background:linear-gradient(90deg,#7c4dff 0%,#a86eff 100%)}
.search-overlay_popular{padding-top:18px}
.search-overlay_popular-title{font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.search-chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07)}

/* v15 fullstory redesign */
.wolt-cinema{max-width:1380px;padding-top:20px}
.wolt-cinema_topbar{margin-bottom:18px}
.wolt-cinema_back{font-size:14px;color:rgba(255,255,255,.86)}
.wolt-cinema_back i{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.05)}
.wolt-cinema_btn{padding:13px 18px;border-radius:16px;background:rgba(255,255,255,.05)}
.wolt-cinema_btn--primary{padding:13px 20px}
.wolt-cinema_hero{min-height:360px;border-radius:34px;margin-bottom:18px;box-shadow:0 26px 80px rgba(0,0,0,.24)}
.wolt-cinema_hero-bg img{filter:brightness(.42) saturate(.95)}
.wolt-cinema_hero-overlay{background:linear-gradient(180deg,rgba(8,10,18,.12) 0%,rgba(8,10,18,.55) 50%,rgba(8,10,18,.94) 100%),radial-gradient(circle at 80% 20%,rgba(124,77,255,.22),transparent 28%)}
.wolt-cinema_hero-body{padding:38px}
.wolt-cinema_breadcrumbs{display:none}
.wolt-cinema_hero h1{font-size:64px;max-width:940px;letter-spacing:-.05em}
.wolt-cinema_meta{font-size:16px;color:rgba(255,255,255,.72)}
.wolt-cinema_playerblock{padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(18,22,36,.95) 0%,rgba(11,14,25,.98) 100%);box-shadow:0 30px 80px rgba(0,0,0,.22)}
.wolt-cinema_playerhead h2{font-size:26px}
.wolt-cinema_playerframe{min-height:520px;border-radius:24px;background:#02040a}
.wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{display:block;width:100%!important;min-height:520px;border:0}
.wolt-cinema_info-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.wolt-cinema_summary{position:sticky;top:20px}
.wolt-cinema_summary-poster{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#111525;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.wolt-cinema_summary-poster img{display:block;width:100%;height:380px;object-fit:cover}
.wolt-cinema_contentcol{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:start}
.wolt-cinema_block,.wolt-cinema_panel-right{background:linear-gradient(180deg,rgba(18,22,36,.94) 0%,rgba(12,15,27,.98) 100%);border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:0 22px 64px rgba(0,0,0,.18)}
.wolt-cinema_block--description{grid-column:1/2;min-height:100%}
.wolt-cinema_block--facts{grid-column:2/3}
.wolt-cinema_block--actors{grid-column:1/-1}
.wolt-cinema_block{padding:28px}
.wolt-cinema_block h2,.wolt-cinema_related-head h2,.wolt-comments_head h2{font-size:34px;letter-spacing:-.03em}
.wolt-cinema_text{font-size:16px;line-height:1.9;color:#d5dbef}
.wolt-cinema_specs-grid{display:grid;grid-template-columns:1fr;gap:0}
.wolt-cinema_spec{grid-template-columns:150px minmax(0,1fr);padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.wolt-cinema_spec:first-child{padding-top:0}
.wolt-cinema_spec:last-child{border-bottom:0;padding-bottom:0}
.wolt-cinema_spec span{font-size:13px;color:rgba(255,255,255,.52)}
.wolt-cinema_spec b{font-size:15px;line-height:1.6;color:#fff}
.wolt-cinema_scores{gap:10px;margin-top:14px}
.wolt-score{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.05)}
.wolt-cinema_actors{display:flex;flex-wrap:wrap;gap:12px}
.wolt-cinema_actors span,.wolt-cinema_actors a{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);font-size:14px}
.wolt-cinema_related{margin-top:30px}
.wolt-cinema_related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.wolt-cinema_slider-nav,.wolt-slider-btn{display:none!important}
.wolt-related-swiper{overflow:hidden;padding:2px 2px 8px;cursor:grab}
.wolt-related-swiper:active{cursor:grabbing}
.wolt-related_thumb{border-radius:22px;background:#151a2d;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 54px rgba(0,0,0,.2)}
.wolt-related_thumb img{height:320px;object-fit:cover}
.wolt-related_meta{margin-top:12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.44)}
.wolt-related_title{font-size:17px;line-height:1.45;margin-top:8px}
.wolt-related_genres{margin-top:6px;color:rgba(255,255,255,.56);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wolt-comments{background:linear-gradient(180deg,rgba(16,20,34,.68) 0%,rgba(12,15,27,.88) 100%);border:1px solid rgba(255,255,255,.05);border-radius:30px;padding:26px}

body[data-theme="light"] header{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(245,241,255,.98) 100%);border-right-color:rgba(28,22,48,.08);box-shadow:18px 0 60px rgba(28,22,48,.08)}
body[data-theme="light"] .header-menu>a:hover,body[data-theme="light"] .header-menu>a.active{background:rgba(124,58,237,.08);color:#281f45}
body[data-theme="light"] .wolt-short_item,
body[data-theme="light"] .wolt-cinema_block,
body[data-theme="light"] .wolt-cinema_playerblock,
body[data-theme="light"] .wolt-comments,
body[data-theme="light"] footer{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(246,242,255,.98) 100%);border-color:rgba(28,22,48,.08);box-shadow:0 20px 54px rgba(28,22,48,.08)}
body[data-theme="light"] .wolt-cinema_text,body[data-theme="light"] .wolt-related_genres,body[data-theme="light"] .wolt-short_meta{color:#655d80}
body[data-theme="light"] .wolt-cinema_spec span,body[data-theme="light"] .wolt-related_meta{color:rgba(28,22,48,.48)}
body[data-theme="light"] .wolt-cinema_spec b,body[data-theme="light"] .wolt-related_title,body[data-theme="light"] .wolt-cinema_back{color:#1f1934}
body[data-theme="light"] .wolt-related_thumb,body[data-theme="light"] .wolt-cinema_summary-poster{border-color:rgba(28,22,48,.08);background:#fff}
body[data-theme="light"] .wolt-cinema_actors span,body[data-theme="light"] .wolt-cinema_actors a,body[data-theme="light"] .wolt-score{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.08);color:#2c2247}

@media (max-width:1180px){
  .wolt-cinema_contentcol{grid-template-columns:1fr}
  .wolt-cinema_block--facts,.wolt-cinema_block--description,.wolt-cinema_block--actors{grid-column:1/-1}
}
@media (max-width:860px){
  main{padding-left:0;padding-bottom:90px}
  header{width:100%;height:82px;top:auto;bottom:0;left:0;border-right:0;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -12px 40px rgba(0,0,0,.24)}
  header .container{flex-direction:row;align-items:center;justify-content:space-around}
  .header-logo{display:none}
  .header-menu{flex-direction:row;gap:10px}
  .header-menu>a{width:52px;height:52px}
  .header-menu>a span{display:none!important}
  .container.content{padding-top:14px}
  .search-overlay_dialog{padding:24px 14px 20px}
  .search-overlay_title{font-size:54px}
  .search-overlay_inputwrap{min-height:60px;padding:0 52px 0 52px}
  .search-overlay input,.search-overlay input[type="text"],.search-overlay input[name="story"]{height:60px;line-height:60px!important;font-size:18px!important}
  .search-overlay #searchsuggestions .dle-fast_item{grid-template-columns:50px minmax(0,1fr)}
  .wolt-cinema_hero{min-height:260px;border-radius:24px}
  .wolt-cinema_hero h1{font-size:36px}
  .wolt-cinema_playerframe,.wolt-cinema_playerframe iframe,.wolt-cinema_playerframe video,.wolt-cinema_playerframe embed,.wolt-cinema_playerframe object{min-height:300px}
  .wolt-cinema_info-grid{grid-template-columns:1fr}
  .wolt-cinema_summary{position:static}
  .wolt-cinema_summary-poster{max-width:240px}
}

/* === v16 cinematic redesign === */
.stream-page{max-width:1280px;margin:0 auto;padding-top:8px}
.stream-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.stream-back{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.88);font-weight:700;font-size:14px}
.stream-back i{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.stream-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.stream-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#f5f1ff;font-weight:700;transition:.2s ease}
.stream-btn:hover,.stream-btn.active{background:rgba(255,255,255,.08);color:#fff}
.stream-btn--primary{background:linear-gradient(90deg,#7c3aed 0%,#9e6bff 100%);border-color:transparent;box-shadow:0 18px 40px rgba(124,58,237,.28)}

.stream-hero{position:relative;min-height:360px;border-radius:30px;overflow:hidden;background:#15141d;border:1px solid rgba(255,255,255,.07);margin-bottom:20px}
.stream-hero_bg,.stream-hero_bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stream-hero_bg img{filter:brightness(.42) blur(0px) saturate(.95)}
.stream-hero_overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,10,16,.14) 0%,rgba(9,10,16,.52) 48%,rgba(8,8,14,.92) 100%),radial-gradient(circle at top right,rgba(124,58,237,.26),transparent 33%)}
.stream-hero_content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:36px 40px}
.stream-hero_breadcrumbs{margin-bottom:12px;color:rgba(255,255,255,.64);font-size:13px}
.stream-hero_breadcrumbs a{color:rgba(255,255,255,.72)}
.stream-hero h1{margin:0 0 10px;font-size:58px;line-height:.98;color:#fff;max-width:760px}
.stream-hero_meta{display:flex;flex-wrap:wrap;gap:10px;font-size:15px;color:rgba(255,255,255,.82)}
.stream-hero_meta span{display:inline-flex;align-items:center;gap:8px}
.stream-hero_meta span+span:before{content:"•";opacity:.45;margin-right:2px}

.stream-playerbox{margin-bottom:20px;padding:14px 14px 12px;border-radius:28px;background:linear-gradient(180deg,rgba(22,21,33,.96) 0%,rgba(13,13,20,.98) 100%);border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.stream-playerbox_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:2px 4px 0}
.stream-playerbox_head h2{margin:0;font-size:22px;line-height:1.1}
.stream-playerbox_frame{border-radius:22px;overflow:hidden;background:#05050a;min-height:220px}
.stream-playerbox_frame iframe,.stream-playerbox_frame video,.stream-playerbox_frame embed,.stream-playerbox_frame object{display:block;width:100%!important;min-height:560px;border:0}
.stream-playerbox_frame>br{display:none}

.stream-details{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:18px;align-items:start;margin-bottom:28px}
.stream-postercard{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#15141d;box-shadow:0 20px 48px rgba(0,0,0,.22)}
.stream-postercard img{display:block;width:100%;height:330px;object-fit:cover}
.stream-scorebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.stream-score{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;color:#f2eefc}
.stream-score--accent{background:rgba(18,160,92,.18);border-color:rgba(56,211,128,.15);color:#97ffc6}
.stream-card{background:linear-gradient(180deg,rgba(22,21,33,.96) 0%,rgba(12,12,20,.98) 100%);border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.stream-maincol{min-width:0}
.stream-card--desc,.stream-card--actors{padding:24px 26px}
.stream-card--actors{margin-top:14px}
.stream-card h2{margin:0 0 14px;font-size:30px;line-height:1.08}
.stream-description{color:#d7d4e8;font-size:15px;line-height:1.85}
.stream-actors{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}
.stream-actors::-webkit-scrollbar{display:none}
.stream-actors a,.stream-actors span{white-space:nowrap;display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#efeafb;font-size:14px}
.stream-infocol{padding:12px 0}
.stream-inforow{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.stream-inforow:last-child{border-bottom:0}
.stream-inforow span{color:rgba(255,255,255,.58);font-size:13px}
.stream-inforow b{font-size:14px;line-height:1.5;color:#fff;font-weight:700}

.stream-related{margin-bottom:28px}
.stream-section_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.stream-section_head h2{margin:0;font-size:30px;line-height:1.08}
.stream-related_swiper{overflow:visible;padding:2px 2px 4px}
.stream-related_card{height:auto}
.stream-related_thumb{position:relative;display:block;border-radius:18px;overflow:hidden;background:#171621;border:1px solid rgba(255,255,255,.07);aspect-ratio:2/3;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.stream-related_thumb img{width:100%;height:100%;object-fit:cover}
.stream-related_rate{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:10px;background:linear-gradient(90deg,#1fa0ff 0%,#56b6ff 100%);color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(31,160,255,.28)}
.stream-related_year{margin-top:10px;color:rgba(255,255,255,.6);font-size:13px}
.stream-related_title{display:block;margin-top:4px;font-weight:800;font-size:18px;line-height:1.25;color:#fff}
.stream-related_genres{margin-top:6px;color:rgba(255,255,255,.6);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.stream-comments{margin-top:10px}

.search-overlay_dialog{max-width:860px}
.search-overlay_title{font-size:72px;line-height:.95}
.search-overlay_form{gap:12px}
.search-overlay_inputwrap{margin-bottom:2px}
.search-overlay_suggestions{margin-top:2px}
.search-overlay #searchsuggestions{display:none;max-height:368px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(22,22,33,.96) 0%,rgba(12,12,20,.98) 100%)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 24px 60px rgba(0,0,0,.28);scrollbar-width:none;-ms-overflow-style:none}
.search-overlay #searchsuggestions::-webkit-scrollbar{width:0;height:0;display:none}
.search-overlay #searchsuggestions.has-results{display:block}
.search-overlay #searchsuggestions .dle-fast_item{display:flex;align-items:center;gap:14px;padding:10px 10px;border-radius:18px;border-bottom:0;transition:background .18s ease, transform .18s ease}
.search-overlay #searchsuggestions .dle-fast_item + .dle-fast_item{margin-top:6px}
.search-overlay #searchsuggestions .dle-fast_item:hover{background:rgba(255,255,255,.045);transform:translateY(-1px)}
.search-overlay #searchsuggestions .dle-fast_poster,.search-overlay #searchsuggestions .dle-fast_item>a:first-child{width:54px;height:76px;flex:0 0 54px;border-radius:14px;overflow:hidden}
.search-overlay #searchsuggestions .dle-fast_item_content>a{font-size:15px!important;line-height:1.3;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-overlay #searchsuggestions .dle-fast_meta{margin-top:4px;font-size:12px;color:rgba(255,255,255,.62)}
.search-overlay #searchsuggestions .search-results_more{margin:10px 2px 2px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.72);font-size:13px}
.search-overlay_submit{min-height:52px;border-radius:18px}

body[data-theme="light"] .stream-back,body[data-theme="light"] .stream-related_title,body[data-theme="light"] .stream-inforow b{color:#1d1730}
body[data-theme="light"] .stream-btn,body[data-theme="light"] .stream-score,body[data-theme="light"] .stream-actors a,body[data-theme="light"] .stream-actors span{background:rgba(92,73,132,.06);border-color:rgba(92,73,132,.12);color:#2b2443}
body[data-theme="light"] .stream-card,body[data-theme="light"] .stream-infocol,body[data-theme="light"] .stream-playerbox{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(245,241,255,.94) 100%);border-color:rgba(92,73,132,.12)}
body[data-theme="light"] .stream-description{color:#4a4363}
body[data-theme="light"] .stream-inforow span,body[data-theme="light"] .stream-related_year,body[data-theme="light"] .stream-related_genres{color:rgba(58,49,79,.6)}
body[data-theme="light"] .stream-hero_overlay{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(244,240,252,.5) 46%,rgba(244,240,252,.95) 100%),radial-gradient(circle at top right,rgba(124,58,237,.14),transparent 35%)}

@media (max-width: 1200px){
  .stream-details{grid-template-columns:220px minmax(0,1fr)}
  .stream-infocol{grid-column:1/-1}
}
@media (max-width: 860px){
  .stream-topbar{flex-direction:column;align-items:flex-start}
  .stream-actions{width:100%}
  .stream-btn{flex:1 1 auto;justify-content:center}
  .stream-hero{min-height:280px;border-radius:24px}
  .stream-hero_content{padding:24px}
  .stream-hero h1{font-size:36px}
  .stream-details{grid-template-columns:1fr}
  .stream-postercard{max-width:240px}
  .stream-playerbox_frame iframe,.stream-playerbox_frame video,.stream-playerbox_frame embed,.stream-playerbox_frame object{min-height:360px}
  .search-overlay_title{font-size:52px}
}
@media (max-width: 560px){
  .stream-hero h1{font-size:30px}
  .stream-card,.stream-playerbox,.stream-postercard{border-radius:18px}
  .stream-card--desc,.stream-card--actors{padding:18px}
  .stream-inforow{grid-template-columns:1fr;padding:14px 16px}
  .stream-playerbox_frame iframe,.stream-playerbox_frame video,.stream-playerbox_frame embed,.stream-playerbox_frame object{min-height:260px}
  .search-overlay_title{font-size:44px}
}