/* ШРИФТЫ (локальные, 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:'Montserrat';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/Montserrat-var-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/Montserrat-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 — вариант 2 «Кино рядом» (светлый, баннер сверху)
   Datalife Engine 13+ · CSS-переменные · светлая / тёмная тема
   ============================================================ */

:root, [data-theme="light"] {
	--bg: #eef0f3;
	--surface: #ffffff;
	--surface-2: #f4f6f8;
	--surface-3: #e8ebef;
	--border: #e2e6eb;
	--text: #2f3540;
	--text-muted: #5f6a77;
	--heading: #1a1f27;
	--accent: #3cb043;
	--accent-h: #34a03b;
	--accent-soft: rgba(60,176,67,.12);
	--blue: #1f66c9;
	--blue-soft: rgba(45,123,229,.12);
	--orange: #f26d21;
	--yellow: #f5b400;
	--danger: #e5484d;
	--radius: 12px;
	--radius-sm: 8px;
	--shadow: 0 12px 34px rgba(25,35,55,.10);
	--shadow-sm: 0 2px 8px rgba(25,35,55,.08);
	--max: 1230px;
	--gap: 16px;
	--hero-h: 240px;
}
[data-theme="dark"] {
	--bg: #0f141b;
	--surface: #171d26;
	--surface-2: #1e2631;
	--surface-3: #27313d;
	--border: #2a3441;
	--text: #d5dbe3;
	--text-muted: #8a95a5;
	--heading: #f2f5f8;
	--blue: #2f86e6;
	--shadow: 0 12px 34px rgba(0,0,0,.4);
	--shadow-sm: 0 2px 8px rgba(0,0,0,.3);
}

/* 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 'Montserrat', '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;}
a:hover {color: var(--accent);}
h1, h2, h3 {color: var(--heading); font-weight: 700; line-height: 1.25;}
b, strong {font-weight: 700;}

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;}
textarea {height: auto; padding: 12px 14px; resize: vertical; min-height: 110px;}
input:focus, textarea:focus, select:focus {border-color: var(--accent);}
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: 600; font-size: 14px;
	background: var(--accent); color: #fff; white-space: nowrap; transition: background-color .2s, transform .1s;}
.btn:hover, input[type="submit"]:hover, button:not(.fr-command):hover {background: var(--accent-h); color: #fff;}
.btn:active {transform: translateY(1px);}
.btn--full {width: 100%;}
.btn--ghost {background: var(--surface-2); color: var(--text); border: 1px solid var(--border);}
.btn--ghost:hover {background: var(--surface-3); color: var(--heading);}
.btn--blue {background: #1a62cc;}
.btn--blue:hover {background: #2468c7;}

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

/* HERO + HEADER
----------------------------------------------- */
.hero {height: var(--hero-h); position: relative; overflow: hidden;
	background: #0b1220;}
.hero:before {content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(8,12,22,.55), rgba(8,12,22,.15) 50%, rgba(8,12,22,.6)),
	            radial-gradient(ellipse at 20% 80%, rgba(60,176,67,.18), transparent 50%),
	            radial-gradient(ellipse at 85% 30%, rgba(45,123,229,.18), transparent 45%);}
.hero__neon {position: absolute; right: 8%; top: 50%; transform: translateY(-62%) rotate(-6deg); text-align: center; color: #fff;}
.hero__neon b {display: block; font: 700 54px/1 'Oswald', sans-serif; letter-spacing: 4px; color: #d9ffdc;
	text-shadow: 0 0 10px #3cb043, 0 0 24px #3cb043, 0 0 50px rgba(60,176,67,.7);}
.hero__neon small {display: block; font-size: 16px; letter-spacing: 8px; margin-top: 6px; color: #fff; opacity: .9; text-transform: uppercase;}
.hero__neon i {position: absolute; left: -70px; top: 2px; width: 50px; height: 50px; border: 3px solid #3cb043; border-radius: 10px;
	box-shadow: 0 0 14px #3cb043, inset 0 0 12px rgba(60,176,67,.6);}

.header {position: relative; z-index: 90; margin-top: -62px;}
.header__in {display: flex; align-items: center; gap: 18px; height: 72px; padding: 0 20px; background: var(--surface);
	border-radius: var(--radius); box-shadow: var(--shadow); transition: box-shadow .2s;}
.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: 62px; border-radius: 0 0 var(--radius) var(--radius); z-index: 95;}
.logo {display: flex; align-items: center; gap: 10px; flex: none;}
.logo__icon {width: 36px; height: 36px; border-radius: 9px; background: var(--accent); color: #fff; display: flex;
	align-items: center; justify-content: center; font-size: 17px;}
.logo__text {display: flex; flex-direction: column; line-height: 1;}
.logo__text b {font: 800 19px 'Montserrat', sans-serif; color: #2e8b36; letter-spacing: .5px;}
.logo__text small {font-size: 9px; font-weight: 700; letter-spacing: 3.2px; color: var(--heading); margin-top: 3px;}

.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 11px; border-radius: var(--radius-sm);
	color: var(--heading); font-weight: 700; font-size: 13px; text-transform: uppercase; white-space: nowrap; letter-spacing: .2px;}
.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; font-weight: 500;}
.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: 230px; flex: none;}
.search input {height: 40px; padding-right: 46px;}
.search button {position: absolute; right: 4px; top: 4px; height: 32px; width: 34px; padding: 0 !important; border-radius: 6px; font-size: 14px;}
.icon-btn {width: 40px; height: 40px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; justify-content: center; flex: none;
	color: var(--heading); background: var(--surface); border: 1px solid var(--border); cursor: pointer; font-size: 16px;}
.icon-btn:hover {color: var(--accent); border-color: var(--accent);}
.js-theme .fa-sun-o, [data-theme="dark"] .js-theme .fa-moon-o {display: none;}
[data-theme="dark"] .js-theme .fa-sun-o {display: inline-block;}
.burger {display: none;}

/* CONTENT
----------------------------------------------- */
.content {margin-top: 18px; padding: 22px 24px 30px;}
.speedbar {font-size: 13px; color: var(--text-muted); margin-bottom: 18px;}
.speedbar a {color: var(--text-muted);}
.speedbar a:hover {color: var(--accent);}
.sect {margin-bottom: 30px;}
.sect__head {display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}
.sect__title {font-size: 24px; font-weight: 700; flex: 1;}
.label {display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: var(--radius-sm); background: var(--accent); color: #fff;
	font: 700 14px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .8px;}
.sect__head .label {flex: none;}
.sect__spacer {flex: 1;}
.arrows {display: flex; gap: 6px;}
.arrows span {width: 36px; height: 36px; border-radius: var(--radius-sm); background: var(--accent); color: #fff; display: inline-flex; align-items: center;
	justify-content: center; cursor: pointer; font-size: 16px; transition: background .2s;}
.arrows span:hover {background: var(--accent-h);}
.sorter {font-size: 13px;}

/* CAROUSEL
----------------------------------------------- */
.carousel {position: relative;}
.carousel__track {display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px;}
.carousel__track::-webkit-scrollbar {display: none;}
.carousel__track > * {flex: 0 0 calc((100% - 6 * 14px) / 7); scroll-snap-align: start;}
.pop {position: relative; display: block; border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-3);}
.pop__img {position: relative; padding-top: 148%;}
.pop__img img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.pop:hover .pop__img img {transform: scale(1.06);}
.pop__title {position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 12px 12px; color: #fff; font-weight: 700; font-size: 13px; line-height: 1.3;
	background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.4) 60%, transparent);}

/* GRID
----------------------------------------------- */
.grid {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px var(--gap);}
.item {display: block; color: var(--text);}
.item__img {position: relative; padding-top: 148%; border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-3);
	border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: transform .25s, box-shadow .25s;}
.item:hover .item__img {transform: translateY(-4px); box-shadow: var(--shadow);}
.item__img img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.badge {position: absolute; top: 8px; z-index: 3; padding: 3px 7px; border-radius: 5px; font-size: 11px; font-weight: 700; color: #fff; line-height: 1.3;}
.badge--year {left: 8px; background: var(--accent);}
.badge--q {right: 8px; background: var(--blue);}
.badge--q .fa {margin-right: 4px; font-size: 10px;}
.item__play {position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgba(10,14,20,.45); opacity: 0; transition: opacity .25s;}
.item:hover .item__play {opacity: 1;}
.item__play span {width: 50px; height: 50px; border-radius: 50%; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; padding-left: 4px;}
.item__title {margin-top: 9px; font-weight: 600; font-size: 13px; line-height: 1.35; color: var(--heading);}
.item:hover .item__title {color: var(--accent);}
.item__meta {font-size: 12px; color: var(--text-muted); margin-top: 3px;}

/* SEO
----------------------------------------------- */
.seo {margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--border); color: var(--text-muted); font-size: 13px; line-height: 1.7;}
.seo h2 {font-size: 20px; margin-bottom: 10px;}
.seo p + p {margin-top: 10px;}

/* FOOTER
----------------------------------------------- */
.footer {margin: 24px 0 30px; 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: 26px;}
.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-2); border: 1px solid var(--border); color: var(--text); font-weight: 600;}
.navigation span, .navigation a:hover, .pprev a:hover, .pnext a:hover {background: var(--accent); border-color: var(--accent); color: #fff;}
.navigation span.nav_ext {background: transparent; border-color: transparent;}
.pprev > span, .pnext > span {display: none;}

/* FULL STORY
----------------------------------------------- */
.movie {display: grid; grid-template-columns: 270px 1fr; gap: 30px; margin-bottom: 26px;}
.movie__side {display: flex; flex-direction: column; gap: 12px;}
.movie__poster {position: relative; border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-sm);}
.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 {position: relative; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--border); border-radius: var(--radius-sm); margin-top: 6px; padding-top: 12px;}
.likes__star {position: absolute; left: 50%; top: -24px; transform: translateX(-50%); z-index: 4; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px;
	border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); color: var(--heading); font-weight: 700; font-size: 15px;}
.likes__star .fa {color: var(--yellow);}
.likes__star.is-low .fa {color: var(--danger);}
.likes__plus a, .likes__minus a {display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; font-weight: 700; color: var(--heading); font-size: 14px;}
.likes__plus {border-right: 1px solid var(--border);}
.likes__plus .fa, .likes__minus .fa {width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;}
.likes__plus .fa {background: var(--accent);} .likes__minus .fa {background: var(--orange);}
.likes__plus a:hover, .likes__minus a:hover {background: var(--surface-2);}
.listadd {display: flex; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden;}
.listadd a {flex: 1; display: flex; align-items: center; gap: 12px; padding: 0 14px; height: 44px; color: var(--heading); font-weight: 600; font-size: 13px;}
.listadd a .fa {color: var(--text-muted);}
.listadd a:hover {background: var(--surface-2);}
.listadd span {width: 40px; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--border); color: var(--text-muted); font-size: 12px;}
.movie__tg {height: 46px; font-size: 14px;}

.movie__title {font: 500 30px/1.2 'Oswald', sans-serif; color: var(--heading); margin: 12px 0 14px;}
.movie__desc {line-height: 1.7; margin-bottom: 18px; font-size: 14px;}
.rates {display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap;}
.rate {display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px 0 10px; border-radius: 17px; background: var(--surface-2); border: 1px solid var(--border); font-weight: 700; font-size: 14px; color: var(--heading);}
.rate:before {content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--orange);}
.rate i {font-style: normal; font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; color: #fff;}
.rate--kp i {background: var(--orange);} .rate--kp:before {background: var(--orange);}
.rate--imdb i {background: var(--yellow); color: #222;} .rate--imdb:before {background: var(--yellow);}
.info {display: grid; grid-template-columns: 1fr 1fr; gap: 10px 30px; font-size: 14px;}
.info li {display: flex; gap: 8px; line-height: 1.5;}
.info li > span:first-child {color: var(--text-muted); font-weight: 600; flex: none;}
.info li > span:last-child {color: var(--heading);}
.info a {color: var(--blue);}
.info a:hover {color: var(--accent);}
.info--wide {grid-column: 1 / -1;}
.age {display: inline-block; font-size: 10px; font-weight: 800; border: 1px solid var(--danger); color: var(--danger); border-radius: 3px; padding: 0 4px; margin-left: 6px; vertical-align: 2px;}

.player {margin-bottom: 24px; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--border);}
.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; font-weight: 700; cursor: pointer; color: var(--text-muted); font-size: 13px; text-transform: uppercase;}
.tabs__nav span.is-active {background: var(--accent); color: #fff;}
.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: 520px; 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; box-shadow: 0 1px 3px rgba(0,0,0,.3); 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,.9); 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-2); 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: 24px; font-size: 13px; color: var(--text-muted); line-height: 1.7; background: var(--surface-2); border-radius: var(--radius-sm);}

.rel-sect {margin-bottom: 26px;}
.rel-sect .carousel__track > * {flex-basis: calc((100% - 5 * 14px) / 6);}

/* COMMENTS
----------------------------------------------- */
.comments__head {display: flex; align-items: center; gap: 12px; margin-bottom: 14px;}
.comments__title {font: 500 24px 'Oswald', sans-serif; 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;}
.lcomm {display: block; padding: 10px; border: 0; border-radius: var(--radius-sm); background: var(--surface-2); margin-bottom: 8px;}
.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;}

/* PAGES
----------------------------------------------- */
.page__title {font: 500 28px 'Oswald', sans-serif; margin-bottom: 16px;}
.berrors {padding: 14px 18px; margin-bottom: 18px; border-radius: var(--radius-sm); background: rgba(242,109,33,.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(15,20,30,.6); display: none; backdrop-filter: blur(2px);}
.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-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; 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);}
.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; box-shadow: var(--shadow);}
.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%;}
#gotop {position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; border-radius: var(--radius-sm); background: var(--accent); color: #fff; display: flex; align-items: center;
	justify-content: center; cursor: pointer; z-index: 80; opacity: 0; visibility: hidden; transition: all .25s; box-shadow: var(--shadow);}
#gotop.is-visible {opacity: 1; visibility: visible;}

/* ADAPTIVE
----------------------------------------------- */
@media (max-width: 1150px) {
	.grid {grid-template-columns: repeat(5, minmax(0, 1fr));}
	.carousel__track > * {flex-basis: calc((100% - 5 * 14px) / 6);}
	.menu__item > a {padding: 0 8px; font-size: 12px;}
	.search {width: 190px;}
}
@media (max-width: 980px) {
	.header .menu, .header .search, .header .header__login {display: none;}
	.burger {display: inline-flex;}
	.logo {flex: 1;}
	.grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
	.carousel__track > * {flex-basis: calc((100% - 3 * 14px) / 4);}
	.movie {grid-template-columns: 220px 1fr; gap: 22px;}
	.info {grid-template-columns: 1fr;}
	.video-box iframe, .video-box video {height: 420px;}
	:root {--hero-h: 180px;}
	.hero__neon b {font-size: 40px;}
}
@media (max-width: 700px) {
	.grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px;}
	.carousel__track > * {flex-basis: calc((100% - 2 * 14px) / 3);}
	.movie {grid-template-columns: 1fr;}
	.movie__side {max-width: 260px; margin: 0 auto;}
	.movie__title {font-size: 24px;}
	.content {padding: 16px 14px 24px;}
	.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 {right: 50%; transform: translate(50%, -62%) rotate(-6deg);}
	.hero__neon i {display: none;}
}
@media (max-width: 480px) {
	.grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.carousel__track > * {flex-basis: calc((100% - 14px) / 2);}
	.video-box iframe, .video-box video {height: 230px;}
	.player__bar {flex-wrap: wrap; padding: 0 10px 8px;}
	.tabs__nav {width: 100%;}
	:root {--hero-h: 140px;}
}

/* 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, #777); font-size: 13px; margin: -8px 0 14px;}
/* 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 {z-index: 1;}
.hero__neon {z-index: 2;}
/* --- заголовок в баннере (текст = элемент LCP) и мобильная сетка 3 колонки --- */
.hero__in {position: relative; z-index: 2; height: 100%; display: flex; align-items: flex-end; padding-bottom: 26px;}
.hero__title {margin: 0; max-width: 560px; font: 500 26px/1.25 'Oswald', sans-serif; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55);}
@media (max-width: 700px) {
	:root {--hero-h: 250px;}
	.hero__neon {position: static; transform: none; margin: 16px auto 0; width: max-content;}
	.hero__neon b {font-size: 34px;}
	.hero__in {position: absolute; inset: 0; align-items: flex-end; justify-content: center; text-align: center; padding: 0 16px 76px;}
	.hero__title {font-size: 20px;}
}
@media (max-width: 480px) {
	:root {--hero-h: 240px;}
	.grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 8px;}
	.item__title {font-size: 12px;}
	.item__meta {font-size: 11px;}
	.carousel__track > * {flex-basis: calc((100% - 2 * 10px) / 3);}
	.carousel__track {gap: 10px;}
	.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;}
/* контрастные метки (белый текст: зелёный 5.0:1, синий 5.6:1) */
.label {background: #27792f;}
.badge--q {background: #1a62cc;}
.badge--year {background: #27792f;}
/* контрастные кнопки: белый текст на зелёном 5.0:1 */
.btn, .pagi-load a, .arrows span, .navigation span, .navigation a:hover, .pprev a:hover, .pnext a:hover, .tabs__nav span.is-active {background: #27792f;}
.btn:hover, .arrows span:hover {background: #216a28;}
.btn--blue {background: #1a62cc;}
.btn--blue:hover {background: #1555b3;}
/* контраст ссылок v2 */
.pagi-load a, .pagi-load a:hover {color: #fff;}
/* --- FIX баннер v2: заголовок выше шапки, логотип внутри контейнера --- */
:root {--hero-h: 300px;}
.hero__in {padding-bottom: 86px;}
.hero__neon {right: 40px; left: auto; top: 44%;}
@media (max-width: 980px) {
	:root {--hero-h: 270px;}
	.hero__neon {right: 20px; transform: translateY(-62%) rotate(-6deg);}
}
@media (max-width: 700px) {
	:root {--hero-h: 280px;}
	.hero__in {flex-direction: column; justify-content: flex-end; align-items: center; padding: 0 16px 80px;}
	.hero__neon {position: static; transform: none; margin: 0 0 12px; width: max-content;}
}
@media (max-width: 480px) {
	:root {--hero-h: 270px;}
}
/* VK кнопка */
.access-bar {display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; margin: 0 0 20px; border-radius: var(--radius-sm); background: var(--surface-2); border: 1px solid var(--border);}
.access-bar__icon {font-size: 26px; color: #1a62cc;}
.access-bar__text {flex: 1; min-width: 220px; font-weight: 600; font-size: 14px;}
.access-bar .btn {white-space: nowrap;}
.movie__tgtext {font-size: 12px; color: var(--text-muted); text-align: center; margin-top: 8px; line-height: 1.4;}
/* --- FIX шапка v2: меню и поиск не вылезают за карточку шапки --- */
.menu {min-width: 0;}
@media (max-width: 1400px) {
	.header__in {gap: 10px;}
	.search {width: 190px;}
	.menu__item > a {padding: 0 8px; font-size: 12px; letter-spacing: 0;}
}
@media (max-width: 1250px) {
	.search {width: 160px;}
	.menu__item > a {padding: 0 7px;}
}
@media (max-width: 1150px) {
	.header .menu {display: none;}
	.burger {display: inline-flex;}
	.search {width: 230px; margin-left: auto;}
}

/* --- 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 похожие на телефоне: 3 карточки в ряд --- */
@media (max-width: 980px) {.rel-sect .carousel__track > * {flex-basis: calc((100% - 3 * 14px) / 4);}}
@media (max-width: 700px) {.rel-sect .carousel__track > * {flex-basis: calc((100% - 2 * 10px) / 3);}}

/* Lordserial: mobile side gaps */
@media (max-width:700px){.wrap{padding-left:4px;padding-right:4px}.content{padding-left:8px;padding-right:8px}}