/* ШРИФТЫ (локальные, cyrillic + latin) */
@font-face{font-family:'FontAwesome';src:url('../fonts/fa.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
.fa-align-left:before{content:"\f036"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-down:before{content:"\f107"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-arrow-up:before{content:"\f062"}
.fa-bar-chart-o:before{content:"\f080"}
.fa-bars:before{content:"\f0c9"}
.fa-bookmark:before{content:"\f02e"}
.fa-bookmark-o:before{content:"\f097"}
.fa-calendar-o:before{content:"\f133"}
.fa-caret-down:before{content:"\f0d7"}
.fa-check:before{content:"\f00c"}
.fa-cog:before{content:"\f013"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments:before{content:"\f086"}
.fa-download:before{content:"\f019"}
.fa-envelope-o:before{content:"\f003"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-eye:before{content:"\f06e"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-film:before{content:"\f008"}
.fa-globe:before{content:"\f0ac"}
.fa-heart:before{content:"\f004"}
.fa-heart-o:before{content:"\f08a"}
.fa-lock:before{content:"\f023"}
.fa-moon-o:before{content:"\f186"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-pencil:before{content:"\f040"}
.fa-play:before{content:"\f04b"}
.fa-play-circle:before{content:"\f144"}
.fa-plus:before{content:"\f067"}
.fa-refresh:before{content:"\f021"}
.fa-search:before{content:"\f002"}
.fa-sign-out:before{content:"\f08b"}
.fa-smile-o:before{content:"\f118"}
.fa-spinner:before{content:"\f110"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-sun-o:before{content:"\f185"}
.fa-th-large:before{content:"\f009"}
.fa-thumbs-down:before{content:"\f165"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-up:before{content:"\f164"}
.fa-times:before{content:"\f00d"}
.fa-tv:before{content:"\f26c"}
.fa-user:before{content:"\f007"}
.fa-user-o:before{content:"\f2c0"}
.fa-video-camera:before{content:"\f03d"}
.fa-vk:before{content:"\f189"}
.fa-whatsapp:before{content:"\f232"}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/Manrope-var-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/Manrope-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/Oswald-var-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/Oswald-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* /ШРИФТЫ */
/* ============================================================
   LordFilm — вариант 3 «Neon» (тёмный, баннер + боковая колонка)
   Datalife Engine 13+ · CSS-переменные · тёмная / светлая тема
   ============================================================ */

:root {
	--bg: #0a0e13;
	--surface: #111822;
	--surface-2: #18212d;
	--surface-3: #212c3a;
	--border: #22304a;
	--text: #c9d2dd;
	--text-muted: #7f8ba0;
	--heading: #f4f7fa;
	--accent: #3dff7a;
	--accent-h: #6bff9a;
	--accent-dim: #22c55e;
	--accent-soft: rgba(61,255,122,.12);
	--on-accent: #06100a;
	--glow: 0 0 18px rgba(61,255,122,.35);
	--blue: #2f86e6;
	--orange: #ff8a3d;
	--yellow: #ffcc33;
	--danger: #ff5c5c;
	--radius: 12px;
	--radius-sm: 8px;
	--shadow: 0 14px 40px rgba(0,0,0,.45);
	--max: 1280px;
	--side: 320px;
	--gap: 18px;
	--hero-h: 220px;
}
[data-theme="light"] {
	--bg: #eef2f6;
	--surface: #ffffff;
	--surface-2: #f3f6f9;
	--surface-3: #e6ebf1;
	--border: #dbe2ea;
	--text: #2c3542;
	--text-muted: #6d7889;
	--heading: #121821;
	--accent: #1fae55;
	--accent-h: #189a4a;
	--accent-dim: #1fae55;
	--accent-soft: rgba(31,174,85,.12);
	--on-accent: #ffffff;
	--glow: 0 6px 18px rgba(31,174,85,.25);
	--blue: #1f6fd8;
	--shadow: 0 14px 40px rgba(20,30,50,.10);
}

/* RESET
----------------------------------------------- */
* {margin: 0; padding: 0; box-sizing: border-box; outline: none; border: 0; background: transparent;}
ol, ul {list-style: none;}
img {max-width: 100%; display: block;}
table {border-collapse: collapse; border-spacing: 0;}
.clearfix:after {content: ""; display: table; clear: both;}
.hidden {display: none !important;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

html {background: var(--bg);}
body {font: 14px/1.5 'Manrope', 'Segoe UI', Arial, sans-serif; color: var(--text); background: var(--bg); min-width: 320px;}
body.is-locked {overflow: hidden;}
a {color: var(--blue); text-decoration: none; transition: color .2s, background-color .2s, opacity .2s, box-shadow .2s;}
a:hover {color: var(--accent);}
h1, h2, h3 {color: var(--heading); font-weight: 700; line-height: 1.25;}
b, strong {font-weight: 700;}
.t-oswald {font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .6px;}

button, input, select, textarea {font: inherit; color: inherit;}
input[type="text"], input[type="password"], textarea, select {
	width: 100%; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm);
	color: var(--text); padding: 0 14px; height: 42px; transition: border-color .2s, box-shadow .2s;}
textarea {height: auto; padding: 12px 14px; resize: vertical; min-height: 110px;}
input:focus, textarea:focus, select:focus {border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft);}
input::placeholder, textarea::placeholder {color: var(--text-muted);}

.btn, button.btn, input[type="submit"], input[type="button"], button:not(.fr-command):not([class*="owl"]) {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer;
	height: 42px; padding: 0 20px; border-radius: var(--radius-sm); font-weight: 700; font-size: 14px;
	background: var(--accent); color: var(--on-accent); white-space: nowrap; box-shadow: var(--glow); transition: all .2s;}
.btn:hover, input[type="submit"]:hover, button:not(.fr-command):hover {background: var(--accent-h); color: var(--on-accent); transform: translateY(-1px);}
.btn--full {width: 100%;}
.btn--ghost {background: var(--surface-2); color: var(--text); box-shadow: none; border: 1px solid var(--border);}
.btn--ghost:hover {background: var(--surface-3); color: var(--heading);}
.btn--blue {background: #1a62cc; color: #fff; box-shadow: none;}
.btn--blue:hover {background: #3f8fe8; color: #fff;}

.wrap {max-width: var(--max); margin: 0 auto; padding: 0 20px;}
.card {background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);}

/* HERO + HEADER
----------------------------------------------- */
.hero {height: var(--hero-h); position: relative; overflow: hidden; background: #070b12;}
.hero:before {content: ""; position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(7,11,18,.2), rgba(10,14,19,.95)),
	            radial-gradient(ellipse at 15% 40%, rgba(61,255,122,.22), transparent 45%),
	            radial-gradient(ellipse at 80% 60%, rgba(90,169,255,.16), transparent 45%);}
.hero__grid {position: absolute; inset: 0; opacity: .25;
	background-image: linear-gradient(rgba(61,255,122,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(61,255,122,.12) 1px, transparent 1px);
	background-size: 44px 44px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent);}
.hero__in {position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.hero__neon {display: flex; align-items: center; gap: 18px; color: #fff;}
.hero__neon i {width: 58px; height: 58px; border: 3px solid var(--accent); border-radius: 14px; display: flex; align-items: center; justify-content: center;
	font-size: 26px; color: var(--accent); box-shadow: 0 0 18px rgba(61,255,122,.6), inset 0 0 14px rgba(61,255,122,.4); font-style: normal;}
.hero__neon b {display: block; font: 700 46px/1 'Oswald', sans-serif; letter-spacing: 5px; color: #e9ffee;
	text-shadow: 0 0 8px #3dff7a, 0 0 22px #3dff7a, 0 0 48px rgba(61,255,122,.6);}
.hero__neon small {display: block; font-size: 13px; letter-spacing: 7px; margin-top: 8px; text-transform: uppercase; opacity: .85;}
.hero__tags {display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; max-width: 520px;}
.hero__tags a {padding: 6px 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 12px; background: rgba(10,14,19,.4);}
.hero__tags a:hover {border-color: var(--accent); color: var(--accent);}

.header {position: relative; z-index: 90; margin-top: -36px;}
.header__in {display: flex; align-items: center; gap: 16px; height: 70px; padding: 0 18px; background: var(--surface); border: 1px solid var(--border);
	border-radius: var(--radius); box-shadow: var(--shadow); border-bottom: 2px solid var(--accent-dim);}
.header.is-sticky .header__in {position: fixed; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% - 40px); max-width: calc(var(--max) - 40px);
	height: 60px; border-radius: 0 0 var(--radius) var(--radius); z-index: 95;}
.logo {display: flex; align-items: center; gap: 10px; flex: none;}
.logo__icon {width: 38px; height: 38px; border-radius: 10px; border: 2px solid var(--accent); color: var(--accent); display: flex; align-items: center;
	justify-content: center; font-size: 16px; box-shadow: var(--glow);}
.logo__text {display: flex; flex-direction: column; line-height: 1;}
.logo__text b {font: 700 20px 'Oswald', sans-serif; color: var(--heading); letter-spacing: 2px;}
.logo__text b span {color: var(--accent);}
.logo__text small {font-size: 9px; letter-spacing: 3px; color: var(--text-muted); margin-top: 3px; text-transform: uppercase;}

.menu {display: flex; align-items: center; gap: 2px; flex: 1;}
.menu__item {position: relative;}
.menu__item > a {display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: var(--radius-sm); color: var(--text);
	font: 500 14px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .8px; white-space: nowrap;}
.menu__item > a:hover, .menu__item.is-active > a {color: var(--accent); background: var(--accent-soft);}
.menu__item--drop > a:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 13px; opacity: .6;}
.menu__drop {position: absolute; left: 0; top: calc(100% + 10px); min-width: 480px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
	box-shadow: var(--shadow); padding: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 12px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .2s; z-index: 50;}
.menu__drop li a {display: block; padding: 6px 10px; border-radius: 6px; color: var(--text); font-size: 13px;}
.menu__drop li a:hover {background: var(--accent-soft); color: var(--accent);}
.menu__drop li.menu__cap {grid-column: 1 / -1; color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .6px; padding: 6px 10px 2px;}
.menu__item--drop:hover .menu__drop, .menu__item--drop.is-open .menu__drop {opacity: 1; visibility: visible; transform: none;}

.search {position: relative; width: 240px; flex: none;}
.search input {height: 40px; padding-right: 44px; border-radius: 20px;}
.search button {position: absolute; right: 4px; top: 4px; height: 32px; width: 32px; border-radius: 50%; padding: 0 !important; font-size: 13px;}
.icon-btn {width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none; color: var(--text);
	background: var(--surface-2); border: 1px solid var(--border); cursor: pointer; font-size: 15px;}
.icon-btn:hover {color: var(--accent); border-color: var(--accent); box-shadow: var(--glow);}
.js-theme .fa-sun-o, [data-theme="light"] .js-theme .fa-moon-o {display: none;}
[data-theme="light"] .js-theme .fa-sun-o {display: inline-block;}
.burger {display: none;}

/* LAYOUT
----------------------------------------------- */
.cols {display: grid; grid-template-columns: minmax(0, 1fr) var(--side); gap: 22px; margin-top: 22px; align-items: start;}
.main {min-width: 0;}
.aside {display: flex; flex-direction: column; gap: 18px; position: sticky; top: 80px;}
.speedbar {font-size: 13px; color: var(--text-muted); margin-bottom: 14px;}
.speedbar a {color: var(--text-muted);} .speedbar a:hover {color: var(--accent);}

.chips {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
.chips a {display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border);
	color: var(--text); font-weight: 600; font-size: 13px;}
.chips a:hover, .chips a.is-active {border-color: var(--accent); color: var(--accent); background: var(--accent-soft);}
.chips a .fa {color: var(--text-muted);}
.chips a.is-active .fa, .chips a:hover .fa {color: var(--accent);}

.sect {margin-bottom: 26px;}
.sect__head {display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}
.sect__title {font: 500 24px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; flex: 1; position: relative; padding-left: 14px;}
.sect__title:before {content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; border-radius: 2px; background: var(--accent); box-shadow: var(--glow);}
.sect__link {font-size: 13px; color: var(--text-muted);}
.sect__link:hover {color: var(--accent);}
.sorter {font-size: 13px;}

/* MOVIE CARDS
----------------------------------------------- */
.grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap);}
.mcard {display: flex; flex-direction: column; border-radius: var(--radius); overflow: hidden; background: var(--surface); border: 1px solid var(--border); color: var(--text); transition: transform .25s, border-color .25s, box-shadow .25s;}
.mcard:hover {transform: translateY(-4px); border-color: var(--accent-dim); box-shadow: var(--shadow);}
.mcard__img {position: relative; padding-top: 140%; background: var(--surface-3); overflow: hidden;}
.mcard__img img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.mcard:hover .mcard__img img {transform: scale(1.05);}
.badge {position: absolute; top: 8px; z-index: 3; padding: 3px 7px; border-radius: 5px; font-size: 11px; font-weight: 700; line-height: 1.3;}
.badge--q {left: 8px; background: rgba(7,11,18,.8); color: #fff; text-transform: uppercase;}
.badge--s {right: 8px; background: var(--accent); color: var(--on-accent); box-shadow: var(--glow);}
.mcard__play {position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgba(7,11,18,.5); opacity: 0; transition: opacity .25s;}
.mcard:hover .mcard__play {opacity: 1;}
.mcard__play span {width: 54px; height: 54px; border-radius: 50%; background: var(--accent); color: var(--on-accent); display: flex; align-items: center; justify-content: center; font-size: 18px; padding-left: 4px; box-shadow: var(--glow);}
.mcard__body {padding: 12px 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1;}
.mcard__title {font-weight: 700; font-size: 14px; line-height: 1.3; color: var(--heading);}
.mcard:hover .mcard__title {color: var(--accent);}
.mcard__meta {font-size: 12px; color: var(--text-muted);}
.mcard__rates {display: flex; gap: 6px; margin-top: auto; padding-top: 4px;}
.pill {display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 11px; font-size: 11px; font-weight: 700; background: var(--surface-2); border: 1px solid var(--border); color: var(--heading);}
.pill i {font-style: normal; font-size: 9px; letter-spacing: .4px;}
.pill--kp i {color: var(--orange);} .pill--imdb i {color: var(--yellow);}

/* SIDEBAR
----------------------------------------------- */
.sbox {padding: 18px;}
.sbox__title {font: 500 16px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: var(--heading); margin-bottom: 14px; display: flex; align-items: center; gap: 10px;}
.sbox__title:after {content: ""; flex: 1; height: 1px; background: var(--border);}
.access {border-color: var(--accent-dim); box-shadow: var(--glow);}
.access__title {font: 500 20px 'Oswald', sans-serif; text-transform: uppercase; color: var(--heading); letter-spacing: 1px;}
.access__text {color: var(--text-muted); font-size: 12px; margin: 4px 0 14px; line-height: 1.5;}
.access__row {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px;}
.access__row a {height: 44px; font-size: 16px; box-shadow: none;}
.access__row .s-tlg {background: #2aabee; color: #fff;} .access__row .s-vk {background: #2787f5; color: #fff;}
.access__row a:hover {opacity: .9; color: #fff;}
.access__promo {display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--radius-sm); margin-top: 12px; background: var(--surface-2); border: 1px dashed var(--border); color: var(--heading) !important;}
.access__promo .fa {font-size: 22px; color: var(--accent);}
.access__promo b {display: block; font-size: 14px;}
.access__promo small {opacity: .7; font-size: 12px;}

.top-list {display: flex; flex-direction: column; gap: 8px; counter-reset: top;}
.top-item {display: flex; gap: 12px; align-items: center; padding: 6px; border-radius: var(--radius-sm); color: var(--text); counter-increment: top; position: relative;}
.top-item:hover {background: var(--surface-2);}
.top-item:before {content: counter(top); width: 22px; font: 500 18px 'Oswald', sans-serif; color: var(--text-muted); text-align: center; flex: none;}
.top-item:nth-child(-n+3):before {color: var(--accent);}
.top-item__img {width: 46px; height: 66px; border-radius: 5px; overflow: hidden; flex: none; background: var(--surface-3);}
.top-item__img img {width: 100%; height: 100%; object-fit: cover;}
.top-item__title {font-weight: 700; font-size: 13px; line-height: 1.3; color: var(--heading);}
.top-item:hover .top-item__title {color: var(--accent);}
.top-item__meta {font-size: 11px; color: var(--text-muted); margin-top: 3px;}

.lcomm {display: block; padding: 10px; border-radius: var(--radius-sm); background: var(--surface-2); margin-bottom: 8px; border: 0;}
.lcomm__head {display: flex; gap: 10px; align-items: center; margin-bottom: 6px;}
.lcomm__head .comm__avatar {width: 30px; height: 30px;}
.lcomm__meta {display: flex; flex-direction: column; min-width: 0;}
.lcomm__date {font-size: 11px; color: var(--text-muted);}
.lcomm__text {font-size: 12px;}
.lcomm__link {display: block; margin-top: 5px; font-size: 12px; color: var(--accent); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* SEO / FOOTER
----------------------------------------------- */
.seo {padding: 22px 24px; margin-top: 10px; color: var(--text-muted); font-size: 13px; line-height: 1.7;}
.seo h2 {font: 500 20px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}
.seo p + p {margin-top: 10px;}
.footer {margin: 30px 0; padding: 22px 24px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; color: var(--text-muted); font-size: 13px;}
.footer__text {flex: 1; min-width: 240px;}
.footer__links {display: flex; gap: 18px; flex-wrap: wrap;}
.footer__links a {color: var(--text-muted); font-weight: 600;}
.footer__links a:hover {color: var(--accent);}

/* PAGINATION
----------------------------------------------- */
.bottom-nav {text-align: center; padding-top: 24px;}
.pagi-load a {margin-bottom: 18px; padding: 0 60px;}
.pagi-load > span {display: none;}
.pagi-nav {display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; justify-content: center;}
.navigation {display: inline-flex; gap: 4px; flex-wrap: wrap;}
.navigation a, .navigation span, .pprev a, .pnext a {display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px;
	border-radius: var(--radius-sm); background: var(--surface); border: 1px solid var(--border); color: var(--text); font-weight: 700;}
.navigation span, .navigation a:hover, .pprev a:hover, .pnext a:hover {background: var(--accent); border-color: var(--accent); color: var(--on-accent);}
.navigation span.nav_ext {background: transparent; border-color: transparent;}
.pprev > span, .pnext > span {display: none;}

/* FULL STORY
----------------------------------------------- */
.movie {padding: 22px; display: grid; grid-template-columns: 240px 1fr; gap: 24px; margin-bottom: 18px;}
.movie__side {display: flex; flex-direction: column; gap: 12px;}
.movie__poster {position: relative; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--border);}
.movie__poster img {width: 100%; height: auto; display: block; aspect-ratio: 5 / 7; object-fit: cover;}
.movie__edit {position: absolute; right: 10px; top: 10px; z-index: 3;}
.movie__edit a {color: #fff; background: rgba(0,0,0,.6); width: 30px; height: 30px; border-radius: 6px; display: flex; align-items: center; justify-content: center;}
.likes {display: flex; gap: 8px;}
.likes a, .likes__star {display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 10px; flex: 1; border-radius: var(--radius-sm);
	border: 1px solid var(--border); background: var(--surface-2); color: var(--heading); font-weight: 700; font-size: 13px;}
.likes a:hover {border-color: var(--accent); color: var(--accent);}
.likes__star {background: var(--accent-soft); border-color: var(--accent-dim); color: var(--accent);}
.likes__star.is-low {background: rgba(255,92,92,.12); border-color: var(--danger); color: var(--danger);}
.likes__plus .fa {color: var(--accent);} .likes__minus .fa {color: var(--orange);}
.movie__title {font: 500 28px/1.2 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px;}
.movie__orig {color: var(--text-muted); font-size: 13px; margin-bottom: 12px;}
.rates {display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap;}
.rates .pill {height: 28px; padding: 0 12px; font-size: 13px;}
.movie__desc {line-height: 1.7; margin-bottom: 16px;}
.info {display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; font-size: 14px;}
.info li {display: flex; gap: 8px; line-height: 1.5;}
.info li > span:first-child {color: var(--text-muted); flex: none;}
.info li > span:last-child {color: var(--heading); font-weight: 500;}
.info--wide {grid-column: 1 / -1;}

.player {margin-bottom: 20px; overflow: hidden;}
.player__bar {display: flex; align-items: center; gap: 14px; padding-right: 14px; background: var(--surface-2); border-bottom: 1px solid var(--border);}
.tabs__nav {display: flex; flex: 1; overflow-x: auto; white-space: nowrap;}
.tabs__nav span {display: inline-flex; align-items: center; height: 46px; padding: 0 20px; cursor: pointer; color: var(--text-muted); font: 500 14px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .8px;}
.tabs__nav span.is-active {background: var(--accent); color: var(--on-accent);}
.tabs__nav span:not(.is-active):hover {color: var(--heading);}
.tabs__pane {display: none; background: #000;}
.tabs__pane.is-visible {display: block;}
.video-box iframe, .video-box video, .video-box embed, .video-box object {display: block; width: 100%; height: 500px; border: 0;}
.player__tool {display: inline-flex; align-items: center; gap: 8px; color: var(--text-muted); font-size: 13px; cursor: pointer; font-weight: 600;}
.player__tool a {color: var(--text-muted);}
.player__tool .fa-exclamation-triangle {color: var(--orange);}
.switch {position: relative; width: 40px; height: 22px; border-radius: 11px; background: var(--surface-3); border: 1px solid var(--border); transition: background .2s; flex: none;}
.switch:after {content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .2s;}
.js-light.is-on .switch {background: var(--accent);}
.js-light.is-on .switch:after {left: 20px;}
.light-overlay {position: fixed; inset: 0; z-index: 9990; background: rgba(0,0,0,.92); display: none;}
body.light-off .light-overlay {display: block;}
body.light-off .player {position: relative; z-index: 9995;}
.player__footer {display: flex; align-items: center; gap: 16px; padding: 12px 16px; background: var(--surface); flex-wrap: wrap;}
.share {display: flex; gap: 6px;}
.share span {width: 38px; height: 32px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 14px;}
.share span:hover {opacity: .85;}
.share .s-vk {background: #4a76a8;} .share .s-ok {background: #ee8208;} .share .s-tlg {background: #2aabee;} .share .s-wa {background: #25d366;}

.full-text {line-height: 1.7;}
.full-text p + p {margin-top: 10px;}
.full-text img:not(.emoji) {margin: 10px 0; border-radius: var(--radius-sm);}
.full-text a {text-decoration: underline;}
.full-text h2, .full-text h3 {margin: 14px 0 8px; font-size: 18px;}
.full-text ul li {list-style: disc; margin-left: 24px;}
.full-text ol li {list-style: decimal; margin-left: 24px;}
.js-slice.is-sliced {overflow: hidden; position: relative;}
.js-slice.is-sliced:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: linear-gradient(to bottom, transparent, var(--surface));}
.slice-btn {text-align: center; margin: 8px 0 16px;}
.slice-btn span {cursor: pointer; color: var(--accent); font-weight: 700; font-size: 13px; border-bottom: 1px dashed;}
.movie__caption {padding: 16px 20px; margin-bottom: 20px; font-size: 13px; color: var(--text-muted); line-height: 1.7;}

/* COMMENTS
----------------------------------------------- */
.comments {padding: 20px 22px;}
.comments__head {display: flex; align-items: center; gap: 12px; margin-bottom: 14px;}
.comments__title {font: 500 22px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; flex: 1;}
.comm {display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--border);}
.comm__avatar {width: 42px; height: 42px; border-radius: 50%; overflow: hidden; flex: none; background: var(--surface-3);}
.comm__avatar img {width: 100%; height: 100%; object-fit: cover;}
.comm__avatar i {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff; font-style: normal; font-weight: 700; font-size: 17px; text-transform: uppercase;}
.comm__body {flex: 1; min-width: 0;}
.comm__meta {display: flex; align-items: center; gap: 10px; margin-bottom: 4px; font-size: 12px; color: var(--text-muted); flex-wrap: wrap;}
.comm__author, .comm__author a {font-weight: 700; color: var(--heading); font-size: 14px;}
.comm__badge {background: var(--accent-soft); color: var(--accent); padding: 1px 7px; border-radius: 4px; font-size: 11px;}
.comm__text {font-size: 14px;}
.comm__actions {display: flex; gap: 16px; margin-top: 8px; font-size: 12px; color: var(--text-muted); align-items: center;}
.comm__rate a {color: var(--text-muted);} .comm__rate a:hover {color: var(--accent);}
.comm__rate .ratingplus, .comm__rate .ratingtypeplus {color: var(--accent);} .comm__rate .ratingminus {color: var(--danger);}
.comm__reply, .comm__reply a {cursor: pointer; color: var(--blue);}
.comm__admin a {color: var(--text-muted); margin-right: 8px;}
.last-comm-link {margin-top: 18px; font-weight: 700;}
.mass_comments_action {display: none;}
.comments-tree-list .comments-tree-list {padding-left: 30px;}
.add-comm-form {margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border);}
.ac-inputs {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px;}
.ac-protect {display: none; margin: 10px 0;}
.ac-row {margin-bottom: 10px;}
.ac-row label {display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);}
.ac-code {display: flex; gap: 10px; align-items: center;}
.ac-submit {margin-top: 10px;}
.bb-editor {margin-bottom: 8px;}

/* PAGES
----------------------------------------------- */
.page {padding: 22px 24px;}
.page__title {font: 500 26px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px;}
.berrors {padding: 14px 18px; margin-bottom: 18px; border-radius: var(--radius-sm); background: rgba(255,138,61,.1); border-left: 3px solid var(--orange); color: var(--heading);}
.berrors a {text-decoration: underline;}

/* LOGIN MODAL
----------------------------------------------- */
.overlay {position: fixed; inset: 0; z-index: 900; background: rgba(5,8,12,.75); display: none; backdrop-filter: blur(3px);}
.login-box {position: fixed; z-index: 950; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 380px; max-width: calc(100% - 30px);
	background: var(--surface); border: 1px solid var(--border); border-top: 2px solid var(--accent); border-radius: 14px; padding: 28px; box-shadow: var(--shadow); display: none;}
.login-close {position: absolute; right: 12px; top: 12px; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--text-muted);}
.login-close:hover {background: var(--surface-2); color: var(--heading);}
.login-title {font: 500 24px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: var(--heading); margin-bottom: 18px;}
.login-input {position: relative; margin-bottom: 10px;}
.login-input .fa {position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted);}
.login-input input {padding-left: 40px;}
.login-check {display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-muted); margin: 6px 0 14px; cursor: pointer;}
.login-check input {width: 16px; height: 16px; accent-color: var(--accent);}
.login-links {display: flex; justify-content: space-between; margin-top: 14px; font-size: 13px; font-weight: 600;}
.login-soc-title {display: flex; align-items: center; gap: 10px; margin: 22px 0 12px; color: var(--text-muted); font-size: 12px; text-transform: uppercase;}
.login-soc-title:before, .login-soc-title:after {content: ""; flex: 1; height: 1px; background: var(--border);}
.login-soc {display: flex; gap: 8px; justify-content: center;}
.login-soc img {width: 34px; height: 34px; border-radius: 50%;}
.login-user {text-align: center; margin-bottom: 16px;}
.login-user__avatar {width: 72px; height: 72px; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; border: 3px solid var(--accent); box-shadow: var(--glow);}
.login-user__avatar img {width: 100%; height: 100%; object-fit: cover;}
.login-user__name {font-weight: 700; color: var(--heading); font-size: 17px;}
.login-user__admin {font-size: 12px;}
.login-menu {display: grid; grid-template-columns: 1fr 1fr; gap: 6px;}
.login-menu a {display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 6px; background: var(--surface-2); color: var(--text); font-size: 13px; font-weight: 600;}
.login-menu a:hover {background: var(--accent-soft); color: var(--accent);}
.login-menu .fa {width: 16px; text-align: center; color: var(--text-muted);}

/* MOBILE PANEL
----------------------------------------------- */
.mobile-panel {position: fixed; top: 0; left: 0; bottom: 0; width: 300px; max-width: 85%; z-index: 950; background: var(--surface); transform: translateX(-100%);
	transition: transform .3s; overflow-y: auto; padding: 60px 16px 20px; border-right: 1px solid var(--border);}
.mobile-panel.is-open {transform: none;}
.mobile-panel__close {position: absolute; right: 12px; top: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--surface-2); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px;}
.mobile-panel .menu {flex-direction: column; align-items: stretch; gap: 2px;}
.mobile-panel .menu__item > a {height: 44px;}
.mobile-panel .menu__drop {position: static; min-width: 0; opacity: 1; visibility: visible; transform: none; box-shadow: none; display: none; grid-template-columns: 1fr 1fr; padding: 6px 0 10px; border: 0; background: transparent;}
.mobile-panel .menu__item.is-open .menu__drop {display: grid;}
.mobile-panel .search {width: 100%; margin: 12px 0;}
.mobile-panel .header__login, .mobile-panel .header__login .btn {width: 100%;}
.mobile-panel .sbox {margin-top: 14px; padding: 0;}
#gotop {position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: var(--on-accent); display: flex; align-items: center;
	justify-content: center; cursor: pointer; z-index: 80; opacity: 0; visibility: hidden; transition: all .25s; box-shadow: var(--glow);}
#gotop.is-visible {opacity: 1; visibility: visible;}

/* ADAPTIVE
----------------------------------------------- */
@media (max-width: 1200px) {
	:root {--side: 290px;}
	.grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.menu__item > a {padding: 0 9px; font-size: 13px;}
	.search {width: 190px;}
	.hero__tags {display: none;}
}
@media (max-width: 980px) {
	.header .menu, .header .search, .header .header__login {display: none;}
	.burger {display: inline-flex;}
	.logo {flex: 1;}
	.cols {grid-template-columns: 1fr;}
	.aside {position: static;}
	.aside .sbox--mobile-hide {display: none;}
	.grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
	.movie {grid-template-columns: 200px 1fr; gap: 20px; padding: 18px;}
	.info {grid-template-columns: 1fr;}
	.video-box iframe, .video-box video {height: 420px;}
	:root {--hero-h: 170px;}
	.hero__neon b {font-size: 36px;}
}
@media (max-width: 700px) {
	.grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
	.movie {grid-template-columns: 1fr;}
	.movie__side {max-width: 240px; margin: 0 auto;}
	.movie__title {font-size: 22px;}
	.wrap {padding: 0 12px;}
	.video-box iframe, .video-box video {height: 300px;}
	.ac-inputs {grid-template-columns: 1fr;}
	.header.is-sticky .header__in {width: calc(100% - 24px);}
	.hero__neon i {display: none;}
}
@media (max-width: 480px) {
	.video-box iframe, .video-box video {height: 230px;}
	.player__bar {flex-wrap: wrap; padding: 0 10px 8px;}
	.tabs__nav {width: 100%;}
	:root {--hero-h: 130px;}
	.hero__neon b {font-size: 28px;}
}

/* FIXES
----------------------------------------------- */
.bottom-nav, .grid > .bottom-nav {grid-column: 1 / -1;}
.lcomm.comm {display: block; border-top: 0; padding: 10px;}
.movie__sub {color: var(--text-muted); font-size: 13px; margin: 0 0 10px;}
/* DLE оборачивает {content} в #dle-content — пропускаем обёртку, чтобы сетка работала */
#dle-content {display: contents;}
/* FIX: mobile overflow — картинки не растягивают колонки */
img {max-width: 100%;}
.grid > *, #dle-content > * {min-width: 0;}
/* рейтинг звёздами (стандартный тип рейтинга DLE) */
.likes--stars {display: flex; grid-template-columns: none; justify-content: center; padding: 8px 10px;}
.likes--stars .rating {display: inline-block;}

/* --- доступность и тач-зоны --- */
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.pagi-load {margin-bottom: 16px;}
.pagi-load a {display: inline-flex; margin-bottom: 0;}
.pagi-nav, .navigation {gap: 8px;}
.navigation a, .navigation span, .pprev a, .pnext a {min-width: 40px; min-height: 40px;}
.icon-btn:focus-visible, .arrows span:focus-visible, .share span:focus-visible {outline: 2px solid var(--accent); outline-offset: 2px;}
/* картинка баннера (элемент LCP) */
.hero__img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.hero:before, .hero__grid {z-index: 1;}
/* --- заголовок в баннере (текст = элемент LCP) и мобильная сетка 3 колонки --- */
.hero__left {display: flex; flex-direction: column; gap: 12px; min-width: 0;}
.hero__title {margin: 0; max-width: 560px; font: 500 22px/1.3 'Oswald', sans-serif; color: #d6e2ec;}
@media (max-width: 700px) {
	:root {--hero-h: 200px;}
	.hero__in {justify-content: center; text-align: center;}
	.hero__left {align-items: center;}
	.hero__neon b {font-size: 32px;}
	.hero__title {font-size: 19px;}
}
@media (max-width: 480px) {
	:root {--hero-h: 200px;}
	.grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 8px;}
	.mcard__title {font-size: 12px;}
	.mcard__meta {font-size: 11px;}
	.mcard__body {padding: 8px;}
	.badge {font-size: 10px; padding: 0 6px; height: 18px;}
}

/* --- страница фильма на телефоне: постер слева, текст справа (текст = LCP) --- */
@media (max-width: 700px) {
	.movie {display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 0 14px; grid-auto-flow: row dense; align-items: start;}
	.movie__side, .movie__main {display: contents;}
	.movie__poster {grid-column: 1; grid-row: 1 / span 5; width: 140px; max-width: none; margin: 0 0 12px;}
	.movie__side > :not(.movie__poster) {grid-column: 2; order: 5; margin: 0 0 10px;}
	.movie__main > * {grid-column: 2; order: 3; margin: 0 0 8px;}
	.movie__title {order: 1; font-size: 19px; line-height: 1.25;}
	.movie__sub, .movie__orig {order: 2;}
	.rates {order: 4;}
	.movie__side > .likes {grid-column: 1 / -1; order: 6; margin: 4px 0 12px;}
	.movie__desc, .info, .movie__caption {grid-column: 1 / -1; order: 8; margin-top: 6px;}
}
/* контраст и крупные зоны касания */
.berrors {color: var(--heading);}
.likes--stars .rating {transform: scale(1.5); transform-origin: center; margin: 8px 0;}
.likes--stars {padding: 14px 10px;}

/* --- плеер: фасад (iframe грузится по клику), пропорции 16:9 --- */
.video-box.is-visible {position: relative; aspect-ratio: 16 / 9; max-height: 600px; height: auto;}
.video-box iframe, .video-box .facade {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block;}
button.facade.js-facade, button.facade.js-facade:hover {cursor: pointer; background: radial-gradient(ellipse at center, #1c2733 0%, #0b1016 70%); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; font: inherit; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; width: 100%; height: 100%; min-height: 0; line-height: 1.3; text-transform: none; letter-spacing: 0;}
.facade__play {width: 78px; height: 78px; border-radius: 50%; background: var(--accent); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,.45); transition: transform .2s;}
.facade__play:after {content: ""; border-left: 28px solid #fff; border-top: 17px solid transparent; border-bottom: 17px solid transparent; margin-left: 7px;}
button.facade:hover .facade__play, button.facade:focus-visible .facade__play {transform: scale(1.08);}
.facade__text {font-size: 15px; font-weight: 700; letter-spacing: .3px;}
/* заметные, но контрастные сообщения */
div.berrors, .berrors.berrors {background: #fff3e0; color: #5a2d00; border-left: 3px solid #f26d21;}
div.berrors a {color: #7a3e00;}

/* --- виджет рейтинга DLE (копия из engine.css, чтобы не было сдвига при его поздней загрузке) --- */
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, 
.editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, 
.bbeditor select, .textin, select.rating{padding:5px;}
/*--- RATING ---*/
.unit-rating{list-style:none;margin:0;padding:0;width:172px;height:17px;position:relative;
background:url(../dleimages/rating.png) repeat-x; display:inline-block;}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
.unit-rating li a{display:block;width:17px;height:17px;text-decoration:none;text-indent:-9000px;
z-index:17;position:absolute;padding:0}
.unit-rating li a:hover{background:url(../dleimages/rating.png) 0 -17px;z-index:2;left:0}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:17px}
.unit-rating a.r2-unit{left:17px}
.unit-rating a.r2-unit:hover{width:34px}
.unit-rating a.r3-unit{left:34px}
.unit-rating a.r3-unit:hover{width:51px}
.unit-rating a.r4-unit{left:51px}
.unit-rating a.r4-unit:hover{width:68px}
.unit-rating a.r5-unit{left:68px}
.unit-rating a.r5-unit:hover{width:85px}
.unit-rating a.r6-unit{left:85px}
.unit-rating a.r6-unit:hover{width:102px}
.unit-rating a.r7-unit{left:102px}
.unit-rating a.r7-unit:hover{width:119px}
.unit-rating a.r8-unit{left:119px}
.unit-rating a.r8-unit:hover{width:136px}
.unit-rating a.r9-unit{left:136px}
.unit-rating a.r9-unit:hover{width:153px}
.unit-rating a.r10-unit{left:153px}
.unit-rating a.r10-unit:hover{width:170px}
.unit-rating li.current-rating{background:url(../dleimages/rating.png) 0 -34px;position:absolute;
height:17px;display:block;text-indent:-9000px;z-index:1}
.mrating .unit-rating{list-style:none;margin:0;padding:0;width:150px;height:30px;position:relative;
background:url(../dleimages/rating1.png) repeat-x; display:inline-block;}
.mrating .unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left;width:30px;height:30px;}
.mrating .unit-rating li a{display:block;width:30px;height:30px;text-decoration:none;text-indent:-9000px;
z-index:17;position:absolute;padding:0}
.mrating .unit-rating li a:hover{background:url(../dleimages/rating1.png) 0 -30px;z-index:2;left:0}
.mrating .unit-rating a.r1-unit{left:0}
.mrating .unit-rating a.r1-unit:hover{width:30px}
.mrating .unit-rating a.r2-unit{left:30px}
.mrating .unit-rating a.r2-unit:hover{width:60px}
.mrating .unit-rating a.r3-unit{left:60px}
.mrating .unit-rating a.r3-unit:hover{width:90px}
.mrating .unit-rating a.r4-unit{left:90px}
.mrating .unit-rating a.r4-unit:hover{width:120px}
.mrating .unit-rating a.r5-unit{left:120px}
.mrating .unit-rating a.r5-unit:hover{width:150px}
.mrating .unit-rating a.r6-unit{left:150px}
.mrating .unit-rating a.r6-unit:hover{width:180px}
.mrating .unit-rating a.r7-unit{left:180px}
.mrating .unit-rating a.r7-unit:hover{width:210px}
.mrating .unit-rating a.r8-unit{left:210px}
.mrating .unit-rating a.r8-unit:hover{width:240px}
.mrating .unit-rating a.r9-unit{left:240px}
.mrating .unit-rating a.r9-unit:hover{width:270px}
.mrating .unit-rating a.r10-unit{left:270px}
.mrating .unit-rating a.r10-unit:hover{width:300px}
.mrating .unit-rating li.current-rating{background:url(../dleimages/rating1.png) 0 -60px;position:absolute;
height:30px;display:block;text-indent:-9000px;z-index:1}
.likes--stars {min-height: 64px;}
/* VK кнопка */
.btn--vk, .btn--vk:hover {background: #1a62cc; color: #fff;}

/* --- FIX панель плеера на телефоне: вкладки отдельной строкой, инструменты ниже --- */
@media (max-width: 700px) {
	.player__bar {flex-wrap: wrap; gap: 0 16px; padding: 0 12px 8px;}
	.tabs__nav {flex: 1 0 100%; order: -1; margin: 0 -12px; width: calc(100% + 24px); overflow-x: auto;}
	.tabs__nav span {height: 42px; padding: 0 14px; font-size: 12px;}
	.player__tool {height: 36px;}
}
/* --- FIX поиск v3: кнопка внутри поля --- */
.search button, .search button:hover {height: 32px !important; width: 32px !important; min-width: 0 !important; padding: 0 !important; border-radius: 50% !important; transform: none !important; box-shadow: none !important; line-height: 32px;}

/* Videoroll: responsive block, keeps 600x320 ratio */
.adv-video {display: flex; justify-content: center; margin: 0 0 16px;}
.adv-video > div {width: 100% !important; max-width: 600px; height: auto !important; aspect-ratio: 600 / 320;}