/* OKAY_MODERN_2026 */
html { background: #0c1016; }
body, body.index {
    background-color: #0c1016 !important;
    color: #1b2430;
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
section.main-navbar, section.main-navbar div.flex { background: #10141b !important; }
section.main-navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.06); box-shadow: none; }
section.main-navbar div.flex { min-height: 68px; }
section.main-navbar div.left img { width: 112px; }
section.main-navbar div.left a.menu_a {
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px; font-weight: 600; letter-spacing: 0.01em; color: #d5dbe6; margin: 0 10px;
}
section.main-navbar div.left a.menu_a:hover, section.main-navbar div.left a.menu_a.active { color: #ffffff; }
section.main-navbar div.left ul.nav-menu > li > a i.fa-bars { font-size: 18px; padding: 12px 14px; border-radius: 12px; }
section.main-navbar div.left ul.nav-menu > li > a i.fa-bars.active,
section.main-navbar div.left li.hover:hover > a i.fa-bars { background-color: rgba(255, 255, 255, 0.08); }
section.main-navbar div.left div.sub-menu {
    background: #171c26; border-radius: 16px; margin-top: 8px; padding: 8px 0;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38); overflow: hidden;
}
section.main-navbar div.left div.sub-menu ul li a { border-radius: 10px; margin: 2px 8px; padding: 8px 14px; }
section.main-navbar div.left div.sub-menu ul li a:hover { background: rgba(255, 255, 255, 0.08); }
section.main-navbar div.left div.sub-menu div.flex-menu > ul.r2 li:not(.glav)::before { background-color: rgba(255, 255, 255, 0.35); }
.language button, .language .dropdown > button, #dLabel {
    background: transparent; border: 0; color: #d5dbe6;
    font-family: "Segoe UI", system-ui, sans-serif; font-weight: 700; letter-spacing: 0.04em; box-shadow: none;
}
.language .dropdown-menu { background: #171c26; border: 0; border-radius: 12px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3); padding: 6px; }
.language .dropdown-menu a { font-family: "Segoe UI", system-ui, sans-serif; border-radius: 8px; }
section.main-navbar div.search-form { flex-basis: 300px; }
section.main-navbar div.search-form form {
    background: #1b212c !important; border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px; padding: 0 8px 0 16px; overflow: hidden;
}
section.main-navbar div.search-form input {
    background: transparent !important; color: #f4f7fb; padding: 10px 8px;
    font-family: "Segoe UI", system-ui, sans-serif; font-size: 14px;
}
section.main-navbar div.search-form input::-webkit-input-placeholder { color: #8d97a8; }
section.main-navbar div.search-form input::placeholder { color: #8d97a8; }
section.main-navbar div.search-form a, section.main-navbar div.search-form button { color: #c5ceda !important; background: transparent; border: 0; }
section.main-navbar div.right div.vxod > a, section.main-navbar div.right div.vxod .dropdown > a {
    background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px;
    padding: 8px 14px !important; margin-left: 12px; font-family: "Segoe UI", system-ui, sans-serif; font-weight: 600; max-width: none;
}
section.main-navbar div.right div.vxod > a:hover, section.main-navbar div.right div.vxod .dropdown > a:hover {
    background: #ffffff !important; color: #12161d !important; border-color: #ffffff;
}
.i-body > .container, .i-body > div.container {
    background: #f5f7fa !important; border-radius: 24px; box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
}
div.wrapper, div.films.videoclub { background: transparent; }
div.films { padding-top: 18px; padding-bottom: 8px; }
div.films nav a.film, div.films h1 a, .films .flex h1, .films .flex h4, .films .flex h5,
.music_box .title, div.wrapper h4.h4, .box .title, h4, h5 {
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif !important;
}
div.films nav a.film, .music_box .title, div.wrapper h4.h4, .box .title {
    color: #141820 !important; font-weight: 700; letter-spacing: -0.03em;
}
div.films nav a.film { font-size: 28px; }
div.films nav a, div.films h4 a, div.films h5 span, .film-subtitle, p.film-subtitle {
    font-family: "Segoe UI", system-ui, sans-serif !important; color: #667084 !important;
}
div.films h1 a { color: #171c24 !important; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
div.films nav { align-items: center; }
div.films nav a.active {
    color: #12161d !important; border: 0 !important; border-bottom: 0 !important; background: #ffffff;
    border-radius: 999px; padding: 7px 14px; box-shadow: 0 1px 2px rgba(16, 19, 24, 0.08);
}
div.films nav div:nth-child(2) a { margin: 0 4px; padding: 7px 12px; border-radius: 999px; }
div.films nav div:last-child a { color: #128a9a !important; font-weight: 600; margin-right: 92px; }
div.films div.img, div.films div.img-f, .box_list .item .img_box, .games .item .img_box, .left_box .poster {
    border-radius: 16px; box-shadow: 0 10px 24px rgba(18, 22, 29, 0.12);
}
div.films div.play { background-color: rgba(8, 10, 14, 0.28); }
div.films div.play a, div.films div.play a i.fa, div.films div.play a i.fa:hover { color: #ffffff !important; }
#carusel1 .owl-stage-outer, #carusel1 .item, #carusel1 .Box { border-radius: 18px; }
#carusel1 .owl-stage-outer { overflow: hidden; }
div.Caption div.left span {
    background: rgba(10, 12, 16, 0.62); border-radius: 999px;
    font-family: "Segoe UI", system-ui, sans-serif; font-size: 16px; font-weight: 700; padding: 6px 12px;
}
div.Caption div.right a {
    border-radius: 999px; background: #e11d2e; font-family: "Segoe UI", system-ui, sans-serif; font-weight: 700; padding: 12px 22px;
}
div.films div.owl-nav { background: transparent; gap: 6px; }
div.films div.owl-nav button {
    width: 36px; height: 36px; background: #ffffff !important; border: 1px solid #e6e9ee !important;
    box-shadow: 0 1px 2px rgba(16, 19, 24, 0.06);
}
.banner235, .banner300, .banner_right { border-radius: 16px; overflow: hidden; background: transparent; }
div.quality div span, div.quality div.new span, div.quality div.hd span {
    border-radius: 7px; font-family: "Segoe UI", system-ui, sans-serif;
}
footer, footer .about, footer .copyright { background: #0c1016 !important; color: #9aa3b2 !important; }
footer ul.menu li a, footer .copyright .right a, footer h2 {
    color: #d5dbe3 !important; font-family: "Segoe UI", system-ui, sans-serif;
}
footer ul.menu li a:hover { color: #7fe3ee !important; }
@media (max-width: 992px) {
    .i-body > .container, .i-body > div.container { border-radius: 0; box-shadow: none; }
    section.main-navbar div.search-form form { border-radius: 14px; }
    div.films { padding-left: 16px; padding-right: 16px; }
    div.films nav a.film { font-size: 22px; }
    div.films nav div:last-child a { margin-right: 0; }
    div.Caption div.right a { font-size: 14px; padding: 8px 14px; }
}

#carusel1 .Caption {
    top: 0;
    bottom: 0;
    height: auto;
    padding: 16px 22px 18px;
    align-items: flex-end;
    pointer-events: none;
}
#carusel1 .Caption .left {
    position: absolute;
    top: 16px;
    left: 22px;
    z-index: 3;
}
#carusel1 .Caption .right,
#carusel1 .Caption a {
    pointer-events: auto;
}

div.films nav div:last-child a { margin-right: 112px; }
div.films div.owl-nav button span { font-size: 22px; line-height: 1; width: auto; height: auto; }
div.films.klips div.owl-nav, div.films.v-albom div.owl-nav { display: none !important; }
div.films.klips nav div:last-child a, div.films.v-albom nav div:last-child a { margin-right: 0 !important; }