/* bundle.css — собран 2026-10-12 12:36:31 из: common.css styles.css responsive.css engine.css icons.css minimal.css extras.css */
/* ==== common.css ==== */
/* 
Datalife Engine template, 
name: Lord Film Remaster, creation date: 25 september 2024, version dle: 15 and higher
*/

/* ДИЗАЙН-ТОКЕНЫ — светлая тема (класс .lt на body).
   Тёмная тема переопределяет их ниже в блоке .dt */
:root {
	/* поверхности */
	--bg: #ffffff; --bg-darker: #eef1f4; --bg-darker-1: #e3e8ed; --bg-black: #151920; --bg-blackest: #0d1015;
	/* текст */
	--tt: #1b1f27; --tt-fade-0: #3f4653; --tt-fade: #667081;
	/* границы и тени */
	--bdc: rgba(16,20,28,0.12); --bsh-long: 0 24px 60px rgba(10,14,20,0.35); --bsh: 0 1px 2px rgba(10,14,20,0.10);
	--bsh-block: 0 1px 3px rgba(10,14,20,0.10);
	/* акцент и статусы */
	--accent: #5aab2e; --accent-soft: rgba(90,171,46,0.12);
	--green: #2f9e44; --red: #e03131; --orange: #f08c00;
	--grey: #868e96; --yellow: #f5b800; --blue: #1c6fd0;
	--kp: #ff6d00; --imdb: #d9a900;

	/* элементы управления */
	--ui-elem-height: 40px; --ui-elem-padding: 18px; --ui-elem-gap: 8px; --ui-elem-bdrs: 6px;
	--ui-bg-btn: #5aab2e; --ui-tt-btn: #fff; --ui-bg-btn-hover: #4c9226;
	--ui-bg-inp: #fff; --ui-bdc-inp: #d3dae1; --ui-bdc-inp-focus: #5aab2e;

	--ui-bg: #fff; --ui-bg-darker: #f2f5f8; --ui-bg-darkest: #e5eaef; --ui-accent: #1c6fd0;
	--ui-bdc: rgba(16,20,28,0.12); --ui-tt-fade: #667081; --ui-fw-bolder: 500; --ui-fw-fa: 300;
	--ui-bsh: 0 24px 60px rgba(10,14,20,0.28); --ui-bsh-inset: none; --ui-bdrs: 6px;
	--ui-gradient: linear-gradient(to bottom, #2a3140, #1b2029); --ui-bg-black: #1b2029;
	--ui-bg-attention: #fff6e5; --ui-bd-attention: #f08c00;

	/* геометрия и ритм */
	--bdrs-card: 8px; --bdrs-poster: 8px;
	--indent-negative: -20px; --indent: 20px; --max-width: 1280px;
	--head-h: 60px;
	/* типографическая шкала */
	--fs-xs: 11px; --fs-sm: 12px; --fs-base: 14px; --fs-md: 16px;
	--fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;
	--font-display: 'Oswald', 'inter', sans-serif;
}

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {background: none; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
img, table, iframe, video, frame, embed, object {max-width: 100%;}
body {font-family: 'inter', sans-serif; font-size: var(--fs-base); font-weight: 400; line-height: calc(1em + 0.5rem);
	color: var(--tt); background-color: var(--bg-blackest); width: 100%;
	-webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
a {color: var(--tt); text-decoration: none;}
a:focus {color: var(--tt); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 500; font-size: var(--fs-xl); line-height: 1.25;}
::selection {background: var(--accent); color: #fff;}

/* Видимый фокус с клавиатуры — обязателен для доступности */
:focus-visible {outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px;}
a:focus-visible, button:focus-visible, [tabindex]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 2px solid var(--accent); outline-offset: 2px;}
b, strong, .bolder {font-weight: 500;}

button, select, textarea, input[type="text"], input[type="password"], input[type="button"], [type="reset"], input[type="submit"] 
{appearance: none; -webkit-appearance: none; font-size: 16px; font-family: inherit; font-weight: inherit;}
input[type="button"], input[type="submit"] {font-size: 14px; font-weight: 400;}
button, .btn, [type="button"], [type="reset"], [type="submit"], .pmessages__links a, .qq-upload-button, .plupload_button, 
.pagination__btn-loader a 
{display: inline-flex; justify-content: center; align-items: center; cursor: pointer; white-space: nowrap;
	height: var(--ui-elem-height); padding: 0 var(--ui-elem-padding); gap: var(--ui-elem-gap);
	border-radius: var(--ui-elem-bdrs); background-color: var(--ui-bg-btn); color: var(--ui-tt-btn);
	font-size: var(--fs-base); font-weight: 500; text-transform: none; letter-spacing: 0;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
.color-btn, [class*=fr], [class*=plyr], .owl-prev, .owl-next, .owl-dot, [id*=mceu], [class*=tox-], .ui-dialog-titlebar-close {padding: 0; margin: 0; 
	line-height: 1.4; border: 0; box-shadow: none; background: none; border-radius: 0;}

[type="text"], [type="password"], [type="email"], select, textarea  {height: var(--ui-elem-height); 
	padding: 0 var(--ui-elem-padding); line-height: calc(var(--ui-elem-height) - 1px); 
	width: 100%; background-color: var(--ui-bg-inp); border: 1px solid var(--ui-bdc-inp); 
	border-radius: var(--ui-elem-bdrs); box-shadow: none; font-size: 14px; display: block;}
[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, textarea:focus {border-color: var(--ui-bdc-inp-focus);}

select:not([multiple]) {background-image: url(/_asset/templates/pauk/dleimages/chevron-down.svg); padding-right: 30px;
	background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px auto;}
select option {padding: 6px 10px; font-weight: 400;}
select[multiple] option {padding: 3px 10px; font-weight: 400;}
select[multiple] {padding: 9px 5px;}
textarea {padding-top: 20px; padding-bottom: 20px; overflow: auto; resize: vertical;}
input::placeholder, textarea::placeholder {color: var(--tt-fade); opacity: 1; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}


/* USEFUL CLASSES
----------------------------------------------- */
.img-wide, .img-responsive, .img-fixed-size, .expand-link, .p-relative, .img-block {position: relative;}
.img-responsive {padding-top: 60%;}
.img-responsive > img, .img-fixed-size img, .img-block img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.img-responsive > img {position: absolute; left: 0; top: 0;}
.img-wide img, .img-wide > a, .img-block img {width: 100%; display: block;}
.img-block > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	border-radius: inherit; display: block; object-fit: cover;}
/* Скрыто визуально, но доступно скринридерам (подписи полей и т.п.) */
.visually-hidden {position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;}
.clr {clear: both;}
.clearfix::after {content: ""; display: table; clear: both;}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 
{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.line-clamp-3 {-webkit-line-clamp: 3; line-clamp: 3;} .line-clamp-4 {-webkit-line-clamp: 4; line-clamp: 4;}
.line-clamp-5 {-webkit-line-clamp: 5; line-clamp: 5;} .line-clamp-6 {-webkit-line-clamp: 6; line-clamp: 6;}
.vw100 {margin:0 calc((100% - 100vw)/2); padding:0 calc((100vw - 100%)/2);}
.img-mask::after {content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 60%; 
	background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 1;}
.expand-link__trg::after {content: ''; position: absolute; inset: 0; z-index: 10;}
.img-overlay-icon::before {position: absolute; inset: 0; z-index: 5; border-radius: inherit; opacity: 0;
	background-color: rgba(0,0,0,0.66); color: #fff; font-size: 34px; display: grid; place-items: center;}

.d-flex {display: flex; flex-wrap: wrap; flex-direction: row;}
.fd-column {flex-direction: column; flex-wrap: nowrap;} 
.jc-space-between {justify-content: space-between;}
.jc-flex-start {justify-content: flex-start;}
.jc-center {justify-content: center;}
.jc-flex-end {justify-content: flex-end;}
.ai-flex-start {align-items: flex-start;}
.ai-center {align-items: center;}
.ai-flex-end {align-items: flex-end;}
.order-first {order: -1;}
.order-last {order: 10;}
.flex-grow-1, .ui-dialog-title, .ac-form__bottom .comments_subscribe, .flex-1 {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.flex-grow-1-column, .flex-1-col {flex: 1 0 min-content}
.pi-center {display: grid; place-items: center;}
.ta-center {text-align: center;}

.grid-items {display: grid; gap: 22px 14px; grid-template-columns: repeat(auto-fill,minmax(min(42vw,168px),1fr));}
.grid-items > *:not(.grid-items__item), #dle-content > *:not(.grid-items__item) {grid-column: 1 / -1;}
.grid-items > #dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;}

.r-gap-5 {row-gap: 5px;} .r-gap-10 {row-gap: 10px;} .r-gap-15 {row-gap: 15px;} .r-gap-20 {row-gap: 20px;}
.r-gap-25 {row-gap: 25px;} .r-gap-30 {row-gap: 30px;} .r-gap-35 {row-gap: 35px;} .r-gap-40 {row-gap: 40px;}
.c-gap-5 {column-gap: 5px;} .c-gap-10 {column-gap: 10px;} .c-gap-15 {column-gap: 15px;} .c-gap-20 {column-gap: 20px;}
.c-gap-25 {column-gap: 25px;} .c-gap-30 {column-gap: 30px;} .c-gap-35 {column-gap: 35px;} .c-gap-40 {column-gap: 40px;}
.p-relative {position: relative;} .o-hidden {overflow: hidden;} .d-block {display: block;} 
.w-100 {width: 100%; min-width: 100% !important; grid-column: 1 / -1;} .bdrs-50 {border-radius: 50%;}
.ml-auto {margin-left: auto;} .mr-auto {margin-right: auto;} .mt-auto {margin-top: auto;} .mb-auto {margin-bottom: auto;}
.ratio-3-2 {aspect-ratio: 3 / 2;} .ratio-2-3 {aspect-ratio: 2 / 3;} .ratio-1-1 {aspect-ratio: 1 / 1;}

.btn-smaller {--ui-elem-height: 30px; font-size: 12px; padding: 0 10px;}
.btn-bigger {--ui-elem-height: 50px; --ui-elem-padding: 40px}
.btn-square {aspect-ratio: 1 / 1; padding: 0;}
.btn-rounded {border-radius: calc(var(--ui-elem-height)/2);}
.btn-border {background: none; border: 1px solid var(--bdc); color: var(--tt); box-shadow: none;}
.btn-nobg {background: none; color: var(--tt); box-shadow: none; padding: 0;}
.btn-fade {background-color: var(--bg-darker); color: var(--tt-fade); --ui-btn-bsh: var(--bg-darkest);}

.hidden, .d-none, .full-text .quote + br, 
#category option:empty, .ui-helper-hidden-accessible:empty, #related_news:empty, #result-registration:empty, 
.info br, #fullsearch + form .mass_comments_action, .bb-sep, .bb-pane > .clr, .comm__ctrl-menu li:empty, 
.has-checkbox:empty {display: none;} 
.login__social:has(.login__social-caption:last-child), .serv__social:has(.serv__subtitle:last-child) {display: none;}
.anim, button, .btn, a, .anim-before::before, .anim-after::after
{transition: color 0.18s ease, background-color 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease,
	transform 0.18s ease, border-color 0.18s ease, scale 0.18s ease, rotate 0.18s ease, translate 0.18s ease;}

/* Уважаем системную настройку «уменьшить движение» */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
}

@font-face {font-family: 'inter'; src: url(/_asset/templates/pauk/webfonts/inter-400.woff2) format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'inter'; src: url(/_asset/templates/pauk/webfonts/inter-500.woff2) format('woff2');
	font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: 'Oswald'; src: url(/_asset/templates/pauk/webfonts/oswald-700.woff2) format('woff2');
	font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Righteous-Regular'; src: url(/_asset/templates/pauk/webfonts/Righteous-Regular.woff2) format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;}


@media (hover: hover) and (pointer: fine) {
	a:hover {color: var(--tt); text-decoration: none;}
	button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, 
	.pmessages__links a:hover, .qq-upload-button:hover, .us__btn a:hover, .plupload_button:hover, 
	#searchsuggestions span.seperator a:hover, .pagination__btn-loader a:hover 
	{background-color: var(--ui-bg-btn-hover); color: var(--ui-tt-btn); border-color: var(--ui-bg-btn-hover);}
	.ui-dialog-titlebar-close:hover, .login__close:hover, .trl__close:hover {background-color: var(--ui-red); color: var(--tt-btn);}
	.xfieldimagegallery a:hover, .comments-image-gallery a:hover {opacity: 0.8;}
	.fs-result:hover {background-color: var(--ui-bg-darker);}

	.header__menu li:hover > a {opacity: 1; color: var(--accent);}
	.header__menu li:hover .header__menu-hidden {opacity: 1; visibility: visible; translate: 0 0;}
	.item:hover .item__btn-info {translate: 0 0; opacity: 1;}
	.header__menu-hidden a:hover, .footer__menu a:hover, .header__login a:hover, .lgn__ctrl > a:hover, .lgn__menu a:hover,  
	.speedbar a:hover, .page__complaint a:hover, .comm__action a:hover, .comm__ctrl-menu a:hover, 
	.fr__title:hover, .page__fav > *:hover, .tuser__name a:hover {text-decoration: underline;}
	.owl-nav button:hover {opacity: 1; background-color: var(--accent); color: #fff;}
	.sect__tabs button:not(.is-active):hover, .pagination > a:hover, .header__btn1:hover, .page__likes a:hover, 
	.pagination__pages a:hover, .sect__grid-select button:hover {background-color: var(--accent); color: #fff;}
	.item:hover .img-overlay-icon::before {opacity: 1;}
	.header__ava:hover, .comm__rating a:hover {opacity: 0.8;}

	.trl__close:hover, .mobile-menu__btn-close:hover, .lgn__btn-close:hover {background-color: var(--red); color: #fff;}
	.page__rating-ext a:hover .fal, .page__likes a:hover {background-color: var(--accent) !important;}
	.comm__ctrl-btn:hover {color: var(--accent); background: none;}
}


.dt {
	--bg: #141821; --bg-darker: #0e1117; --bg-darker-1: #1b2029; --bg-black: #0c0f14; --bg-blackest: #080a0e;
	--tt: #e9ecf1; --tt-fade-0: #c3cad6; --tt-fade: #929cad;
	--bdc: rgba(255,255,255,0.10); --bsh-long: 0 24px 60px rgba(0,0,0,0.6); --bsh: 0 1px 2px rgba(0,0,0,0.5);
	--bsh-block: 0 1px 3px rgba(0,0,0,0.45);

	--accent: #7ac943; --accent-soft: rgba(122,201,67,0.14);
	--ui-bg-btn: #5aab2e; --ui-bg-btn-hover: #68bd38;
	--ui-bg-inp: rgba(255,255,255,0.05); --ui-bdc-inp: rgba(255,255,255,0.12); --ui-bdc-inp-focus: #7ac943;

	--ui-bg: #141821; --ui-bg-darker: #1b2029; --ui-bg-darkest: #0e1117; --ui-accent: #5fa8ff;
	--ui-bdc: rgba(255,255,255,0.10); --ui-tt-fade: #929cad;
	--ui-bsh: 0 24px 60px rgba(0,0,0,0.6); --ui-bsh-inset: none;
	--ui-gradient: linear-gradient(to bottom, #232a36, #151a23); --ui-bg-black: #151a23;
	--ui-bg-attention: #2a2314; --ui-bd-attention: #b57c07;
	--blue: #5fa8ff; --imdb: #f5c518;
}
.dt {color-scheme: dark;}
.dt select:not([multiple]) {background-image: url(/_asset/templates/pauk/dleimages/chevron-down-light.svg);}
.dt .header__menu > li > a:not(:hover) {opacity: 1; color: #fff;}
.dt .search-block__input, .dt .search-block__input:focus {box-shadow: none;}
.dt .logo, .dt .sect__title, .dt .lgn__title, .dt .sect__tabs button.is-active, .dt .header__menu-hidden li:not(:has(a)),
.dt .th-text h1, .dt .page__header h1, .dt .top-users__title {--tt: #fff; color: #fff;}

.dt .page__poster, .dt .show-text {box-shadow: var(--bsh-block);}
.dt .page__text .full-text, .dt .rkl--holder {color: var(--tt-fade-0);}
.dt .page__list a {--blue: #60afff;}
.dt .page__cols-right {background-color: rgba(255,255,255,0.06);}
.dt .page__cols:has(.page__player) .page__cols-right {background-color: var(--bg-black);}
.dt .ac-form__header input, .dt .ac-form__editor textarea, .dt .top-users, .dt .comm {background-color: rgba(0,0,0,0.3);}
.dt .comm.pos {background-color: rgba(59, 179, 59, 0.15);}
.dt .comm.neg {background-color: rgba(235, 77, 75,0.15);}

.dt .filter__cell select, .dt .tail-select-container, .dt .select-label, .dt .irs-line
{background-color: rgba(255,255,255,0.05);}
/* Иконки этих элементов заданы SVG-масками в css/styles.css — иконочный шрифт больше не нужен */
/* ==== styles.css ==== */
/* ===============================================================
   LORDFILM — визуальный слой темы. Редизайн 2026.
   Токены живут в common.css (:root — светлая тема, .dt — тёмная).
   Имена классов сохранены: на них завязаны js/libs.js и шаблоны DLE.
   =============================================================== */

/* BASIC LAYOUT
----------------------------------------------- */
body {position: relative; background-color: var(--bg-blackest);}
.wrapper {min-width: 320px; overflow: hidden; overflow: clip;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__container--main {background-color: var(--bg-darker); box-shadow: var(--bsh-long);}
.content {padding: 24px var(--indent); min-height: 60vh;}
.content > .carou {margin-top: 0; margin-bottom: 28px;}
.content:has(.descr), .content:has(.page__related), .content:has(.carou--lastviewed) {padding-bottom: 0;}

/* Тонкая кинематографичная подложка вместо тяжёлого фонового баннера (было bg.jpg 250 КБ) */
.wrapper::before {position: absolute; left: 0; top: 0; right: 0; height: 420px; content: ''; z-index: 0;
	background: radial-gradient(120% 100% at 50% 0%, rgba(90,171,46,0.10) 0%, transparent 60%), var(--bg-blackest);}
.has-branding, .has-branding1 {padding-top: 0;}

.scrolltop {position: fixed; width: 44px; height: 44px; right: 14px; bottom: 14px; padding: 0;
	z-index: 990; border-radius: var(--ui-elem-bdrs); font-size: 18px; opacity: 0; scale: 0 0;}
.scrolltop.is-active {scale: 1 1; opacity: 1;}
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%;
	opacity: 0.72; background-color: #05070a; cursor: pointer; display: none;}


/* HEADER, TOPMENU, CAROU
----------------------------------------------- */
.header {padding: 0 var(--indent); position: sticky; z-index: 100; left: 0; top: 0; min-height: var(--head-h);
	background-color: var(--bg); border-bottom: 1px solid var(--bdc); box-shadow: var(--bsh-block);}
.header-is-sticky .header {translate: 0 -200%;}

.logo {display: flex; align-items: center; font-family: 'Righteous-Regular'; font-weight: 400; color: var(--tt);
	padding-left: 42px; text-transform: uppercase; position: relative; font-size: 21px; height: 40px; letter-spacing: 0.5px;}
.logo::before {content: ''; width: 32px; height: 32px; position: absolute; left: 0; top: 50%;
	background: url(/_asset/templates/pauk/images/logo.svg) 0 center / contain no-repeat; translate: 0 -50%;}
.logo:has(img) {background: none; min-width: 180px;}
.logo:has(img)::before {display: none;}
.logo img {display: block; position: absolute; left: 0; top: 50%; translate: 0 -50%; max-height: 100%;}
/* Поиск ограничен по ширине, поэтому кнопки справа прижимаем к краю контейнера —
   иначе после них остаётся мёртвая полоса */
.header__theme-select {color: var(--tt-fade); width: 40px; height: 40px; margin-left: auto;}
.header__theme-select:hover {color: var(--yellow);}
.dt .header__theme-select {--i: var(--i-moon);}
.header__btn-login {height: 36px; padding: 0 18px; font-size: var(--fs-base);}
.header__btns {padding-left: 20px;}
.header__btn1 {height: 32px; font-size: var(--fs-sm);}
.header__ava {width: 36px; cursor: pointer;}
.header__btn1 span {position: absolute; right: -5px; top: -8px; padding: 2px 4px; font-size: 10px; border-radius: 3px;
	background-color: var(--red); color: #fff; display: inline-block;
	text-align: center; min-width: 18px; line-height: 1;}
.header__btn-menu {width: 44px; height: 44px;}

.header__menu {margin: 0 8px 0 24px;}
.header__menu li {position: relative;}
.header__menu > li > a {display: flex; align-items: center; height: var(--head-h); text-transform: uppercase;
	font-size: var(--fs-md); font-weight: 700; color: var(--tt-fade); font-family: var(--font-display);
	letter-spacing: 0.3px; border-bottom: 2px solid transparent;}
.header__menu > li > a:hover {color: var(--tt); border-bottom-color: var(--accent);}
.header__menu-hidden {background-color: var(--bg); border: 1px solid var(--bdc); border-radius: var(--bdrs-card);
	box-shadow: var(--ui-bsh);
	position: absolute; left: 0; top: 100%; width: 240px; z-index: 10; padding: 18px 22px; display: grid; gap: 6px 26px;
	opacity: 0; visibility: hidden; translate: 0 10px;}
div.header__menu-hidden {grid-template-columns: repeat(7,1fr); width: 1140px;}
.header__menu-hidden-col {display: grid; gap: 5px; align-content: start;}
.header__menu-hidden li:not(:has(a)) {font-weight: 500; font-size: var(--fs-sm); text-transform: uppercase;
	letter-spacing: 0.6px; color: var(--tt-fade); margin-top: 8px;}
.header__menu-hidden li:first-child:not(:has(a)) {margin-top: 0;}
.header__menu-hidden a {color: var(--tt-fade-0); display: block; padding: 3px 0;}
.header__menu-hidden a:hover {color: var(--accent);}
/* Подменю раскрывается и с клавиатуры, не только по наведению */
.header__menu li:focus-within .header__menu-hidden {opacity: 1; visibility: visible; translate: 0 0;}
.header__menu li:focus-within > a {color: var(--tt); border-bottom-color: var(--accent);}

.search-block {position: relative; max-width: 420px;}
.search-block__input, .search-block__input:focus {padding: 0 42px 0 14px; border: 1px solid var(--ui-bdc-inp);
	box-shadow: none; height: 38px; line-height: 36px; background-color: var(--ui-bg-inp); border-radius: var(--ui-elem-bdrs);}
.search-block__input:focus {border-color: var(--ui-bdc-inp-focus);}
.search-block__input:not(:focus)::placeholder {color: var(--tt-fade); opacity: 1; font-size: var(--fs-base);}
.search-block__btn {position: absolute; right: 0; top: 0; height: 38px; font-size: 17px; width: 42px; color: var(--tt-fade);}
.search-block__btn:hover {color: var(--accent); background: none;}

/* Карусель «Популярное за сегодня» */
.carou {background-color: var(--bg-blackest); margin: 0 var(--indent-negative); padding: 22px var(--indent);
	color: #fff; --tt: #fff; --tt-fade: #9aa4b4; --bdc: rgba(255,255,255,0.10);}
.carou--lastviewed {margin-top: 0 !important; margin-bottom: 0 !important;}
.carou__caption {color: #fff; font-size: var(--fs-lg); font-weight: 500; margin-bottom: 16px;
	font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.4px;}
.carou--lastviewed:not(:has(.item)) {display: none;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 34px;}
.sect__header {margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--bdc);}
.sect__title {font-size: var(--fs-lg); font-weight: 500; text-transform: uppercase; color: var(--tt);
	font-family: var(--font-display); letter-spacing: 0.4px; line-height: 1.2;}
.sect__title :is(h1,h2,h3) {font-size: inherit; font-weight: inherit; font-family: inherit;}

/* Заголовок страницы категории — свой текст на каждую категорию (main.tpl).
   data-cur на обёртке = id текущей категории ({category-id}), показываем
   только h1 с совпадающим data-cat-title, остальные — display:none. Новую
   категорию добавите так: своя строка в main.tpl + своё правило здесь. */
.cat-title-swap h1 {display: none;}
.cat-title-swap[data-cur="9"] h1[data-cat-title="9"],
.cat-title-swap[data-cur="10"] h1[data-cat-title="10"],
.cat-title-swap[data-cur="11"] h1[data-cat-title="11"],
.cat-title-swap[data-cur="15"] h1[data-cat-title="15"],
.cat-title-swap[data-cur="17"] h1[data-cat-title="17"],
.cat-title-swap[data-cur="24"] h1[data-cat-title="24"],
.cat-title-swap[data-cur="25"] h1[data-cat-title="25"],
.cat-title-swap[data-cur="26"] h1[data-cat-title="26"],
.cat-title-swap[data-cur="27"] h1[data-cat-title="27"],
.cat-title-swap[data-cur="28"] h1[data-cat-title="28"],
.cat-title-swap[data-cur="29"] h1[data-cat-title="29"],
.cat-title-swap[data-cur="30"] h1[data-cat-title="30"],
.cat-title-swap[data-cur="31"] h1[data-cat-title="31"],
.cat-title-swap[data-cur="32"] h1[data-cat-title="32"],
.cat-title-swap[data-cur="37"] h1[data-cat-title="37"] {display: block;}
/* фолбэк: id категории не входит ни в один список выше (новая/забытая категория).
   Важно: вся цепочка :not() — одним селектором без пробелов, иначе пробел
   станет комбинатором потомка и правило перестанет что-либо значить. */
.cat-title-swap:not([data-cur="9"]):not([data-cur="10"]):not([data-cur="11"]):not([data-cur="15"]):not([data-cur="17"]):not([data-cur="24"]):not([data-cur="25"]):not([data-cur="26"]):not([data-cur="27"]):not([data-cur="28"]):not([data-cur="29"]):not([data-cur="30"]):not([data-cur="31"]):not([data-cur="32"]):not([data-cur="37"]) h1[data-cat-title="0"] {display: block;}

.sect__header:has(.sect__tabs) {margin-bottom: 12px;}
.sect__tabs button {background: none; color: var(--tt-fade); text-transform: none; font-weight: 400; height: 32px;}
.sect__tabs button.is-active {background-color: var(--accent-soft); color: var(--accent);}

/* Заголовок-ссылка раздела: это заголовок, а не кнопка */
a.sect__title {display: inline-flex; align-items: center; gap: 8px; background: none; color: var(--tt);
	height: auto; padding: 0; border-radius: 0;}
a.sect__title:hover {background: none; color: var(--accent);}
a.sect__title::before {font-size: 0.8em; color: var(--accent);}

/* Ссылка «Все …» справа от заголовка раздела */
.sect__more {display: inline-flex; align-items: center; gap: 5px; color: var(--tt-fade); font-size: var(--fs-base);
	white-space: nowrap; min-height: 32px;}
.sect__more:hover {color: var(--accent);}
.sect__more::before {font-size: 0.85em;}

.sect__seo-block {margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--bdc);}
.sect__seo-block h2 {font-size: var(--fs-lg); font-weight: 500; color: var(--tt); margin-bottom: 8px;}
.sect__seo-block h3 {font-size: var(--fs-base); font-weight: 400; color: var(--tt-fade);}

.speedbar {color: var(--tt-fade); font-size: var(--fs-sm); padding: 12px 0 4px;}
.speedbar a {color: var(--tt-fade);}
.speedbar a:hover {color: var(--accent);}

.descr {color: var(--tt-fade-0); display: grid; gap: 10px; background-color: var(--bg-darker-1);
	padding: 22px var(--indent); margin: 0 var(--indent-negative);}
.descr :is(h1,h2,h3) {font-size: var(--fs-lg); font-weight: 500; color: var(--tt);}
.descr a {text-decoration: underline; color: var(--accent);}
.descr ul li {position: relative; padding-left: 26px; margin-left: 0;}
.descr ul li::before {content: ''; position: absolute; left: 0; top: 5px; width: 15px; height: 15px;
	background-color: var(--accent); -webkit-mask: var(--i-check) center / contain no-repeat;
	mask: var(--i-check) center / contain no-repeat;}

/* Заголовок H1 главной страницы */
.home-title {font-size: var(--fs-xl); font-weight: 500; font-family: var(--font-display); text-transform: uppercase;
	letter-spacing: 0.4px; color: var(--tt); margin-bottom: 4px;}
.home-subtitle {color: var(--tt-fade); font-size: var(--fs-base); margin-bottom: 24px; max-width: 70ch;}


/* ITEM CAROUSEL, SHORTSTORY — карточка каталога
----------------------------------------------- */
.item {position: relative;}
.item__img {box-shadow: var(--bsh); overflow: hidden; border-radius: var(--bdrs-poster);
	background-color: var(--bg-darker-1);}
/* Затемнение с иконкой play при наведении — на самом постере */
.item__img::before {content: ''; position: absolute; inset: 0; z-index: 4; border-radius: inherit; opacity: 0;
	background-color: rgba(6,8,12,0.55); background-image: var(--i-play-fill);
	background-repeat: no-repeat; background-position: center; background-size: 44px 44px;
	transition: opacity 0.18s ease;}
.item:hover .item__img::before {opacity: 1;}
.item__img img {transition: scale 0.35s ease;}
.item:hover .item__img img {scale: 1.04;}

.item__label {font-size: var(--fs-xs); padding: 4px 8px; border-radius: 4px; font-weight: 500; line-height: 1.2;
	background-color: rgba(8,10,14,0.82); color: #fff; position: absolute; left: 8px; top: 8px; z-index: 3;
	max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	backdrop-filter: blur(2px);}

/* Подпись под постером: название читается полностью, а не обрезается в одну строку */
.item__desc {padding-top: 9px; color: var(--tt); text-align: left;}
.item__title {font-weight: 500; font-size: var(--fs-base); line-height: 1.3; color: var(--tt);
	display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.item:hover .item__title {color: var(--accent);}
.item__year {color: var(--tt-fade); font-size: var(--fs-sm); margin-top: 3px;}
.item__rates {line-height: 1; gap: 10px; margin-top: 6px; font-size: var(--fs-sm); justify-content: flex-start;}
.item__rates-item {color: var(--tt-fade); font-weight: 500;}
.item__rates-item::before {content: attr(data-text); display: inline; margin-right: 4px; text-transform: uppercase;
	font-weight: 700; font-size: var(--fs-xs);}
.item__rates-item.kp::before {color: var(--kp);}
.item__rates-item.imdb::before {color: var(--imdb);}
/* Пустой рейтинг не показываем — не оставляем «KP» без значения */
.item__rates-item:empty {display: none;}
.item__rates:not(:has(.item__rates-item:not(:empty))) {display: none;}
.item__btn-info {cursor: pointer; position: absolute; right: 0; top: 0; z-index: 5;
	border-radius: 0; translate: 0 -100%; opacity: 0;}

/* В тёмной карусели подписи светлые */
.carou .item__title {color: #fff;}
.carou .item__year, .carou .item__rates-item {color: #9aa4b4;}


/* TRAILER, POPUP DESC
----------------------------------------------- */
.trl {background-color: rgba(6,8,12,0.92); position: fixed; z-index: 990; left: 0; top: 0;
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
.trl__close {position: absolute; right: 20px; top: 20px; font-size: 28px; color: #fff; width: 44px; height: 44px;}
.trl__inner {width: 100%; max-width: 720px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;}
.trl__btn {height: 44px; padding: 0 40px; margin: 15px 0; width: 100%;}
.trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: var(--fs-xl);}
.trl .page__text, .trl .full-text {color: #c8ceda; margin: 0px; padding: 0; background: none;}
.trl-is-opened {overflow: hidden;}

.th-active {z-index: 100;}
.th-text {display: none; background-color: var(--bg); border: 1px solid var(--bdc); border-left: 3px solid var(--accent);
	cursor: auto; border-radius: var(--bdrs-card);
	padding: 18px; text-align: left; position: absolute; z-index: 1000;
	width: 420px; box-shadow: var(--ui-bsh); min-height: 100px; font-size: var(--fs-sm);}
.pop-left .th-text {border-left: 1px solid var(--bdc); border-right: 3px solid var(--accent);}
.th-text-loader {text-align: center; font-size: var(--fs-lg); color: var(--accent); padding-top: 20px;}
.th-text .not-shown-ajax, .th-text h1 a, .th-text h1 small {display: none;}
.th-text h1 {font-size: var(--fs-md);}
.th-text .full-text {display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6;
	-webkit-box-orient: vertical; overflow: hidden; margin: 12px 0;}
.th-text .page__btn-trailer {width: 100%; margin-top: 16px;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer {padding: 36px var(--indent) 20px; background-color: var(--bg-black);
	color: var(--tt-fade); --tt: #fff; --tt-fade: #98a1b2; --bdc: rgba(255,255,255,0.12);}
.footer__two {border-top: 1px solid var(--bdc); padding-top: 18px; margin-top: 28px;}
.footer__notify {border-left: 1px solid var(--bdc); padding-left: 20px; font-size: var(--fs-sm); line-height: 1.5;}
.footer__copyright {font-size: var(--fs-sm); color: var(--tt-fade);}
.footer__menu {font-size: var(--fs-base); font-weight: 500; text-transform: none; font-family: 'inter', sans-serif;}
.footer__menu a {color: var(--tt-fade);}
.footer__menu a:hover {color: #fff; text-decoration: underline;}
.footer .logo {color: #fff;}

.pagination {gap: 16px 8px; padding-top: 20px;}
.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span
{display: grid; place-items: center; color: var(--tt-fade);
	height: 40px; min-width: 40px; padding: 0 12px; border-radius: var(--ui-elem-bdrs);
	background-color: var(--bg); border: 1px solid var(--bdc);}
.pagination__pages {gap: 8px; font-size: var(--fs-base);}
.pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent); border-color: var(--accent);}
.pagination__pages a:hover {border-color: var(--accent); color: var(--accent); background-color: var(--bg);}
.pagination__btns {height: 40px; border-radius: var(--ui-elem-bdrs); overflow: hidden; background-color: var(--bg);
	border: 1px solid var(--bdc);}
.pagination__btns > * {width: 44px; display: grid; place-items: center; color: var(--accent); font-size: 17px;}
.pagination__btns > span {color: var(--tt-fade);}
.pagination__btn {width: 44px; height: 40px; display: grid; place-items: center; border-radius: var(--ui-elem-bdrs);
	border: 1px solid var(--bdc); background-color: var(--bg); color: var(--tt-fade); font-size: 16px; font-style: normal;}
.pagination__btn-loader:has(span:not(.fal)) {display: none;}
.pagination__btn-loader a {min-width: 320px; height: 44px;}


/* INNER PAGE — страница фильма/сериала
----------------------------------------------- */
.page__bg {box-shadow: var(--bsh-block); background-color: var(--bg); margin: 0 var(--indent-negative);}
.page__cols {display: grid; grid-template-columns: minmax(0,1fr) 300px;}
.page__cols:not(:has(.page__cols-right)) {display: block;}
.page__cols-left {padding: 24px; padding-bottom: 0;}
.page__cols-right {background-color: var(--bg-darker-1); padding: 20px;}
/* Пустой рекламный слот не должен оставлять серую колонку на пол-экрана.
   Как только внутрь .rkl попадёт код рекламы, :empty перестанет срабатывать
   и колонка вернётся сама — рекламное место сохранено. */
.page__cols > .page__cols-right:has(> .rkl:empty):not(:has(.access)) {display: none;}
.page__cols:has(> .page__cols-right > .rkl:empty):not(:has(.access)) {display: block;}
.page__main {display: grid; gap: 20px 26px; grid-template-columns: 230px minmax(0,1fr);
	grid-template-areas: "poster header" "poster info"; grid-template-rows: auto 1fr; margin-bottom: 28px;}
.page__poster {grid-area: poster; align-self: start;}
.page__poster .page__img {border-radius: var(--bdrs-poster); overflow: hidden;
	box-shadow: var(--bsh-block); border: 1px solid var(--bdc);}
.page__header {grid-area: header;}
.page__info {grid-area: info;}

.page__img::after {opacity: 0.35; height: 30%;}

/* Оценка под постером: простой ряд — балл, «нравится», «не нравится».
   Раньше здесь было кольцо с conic-gradient, которое растягивалось в эллипс
   и читалось как непонятная дуга. */
.page__rating-ext {position: relative; z-index: 10; font-size: var(--fs-base); margin-top: 12px;
	gap: 8px; justify-content: flex-start; flex-wrap: wrap;}
.page__score {display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; flex: none;
	border-radius: var(--ui-elem-bdrs); background-color: var(--accent-soft); color: var(--accent);
	font-weight: 700; font-size: var(--fs-md); line-height: 1;}
.page__score .fal {font-size: 15px;}
.page__rating-ext a {display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px;
	font-weight: 500; color: var(--tt-fade); border: 1px solid var(--bdc); border-radius: var(--ui-elem-bdrs);}
.page__rating-ext a .fal {font-size: 15px;}
.page__rating-ext a:hover {color: var(--green); border-color: var(--green);}
.page__rating-ext a + a:hover {color: var(--red); border-color: var(--red);}

.page__header h1 {font-size: var(--fs-2xl); font-weight: 500; line-height: 1.2; letter-spacing: -0.2px;}
.page__header h1 a {font-size: var(--fs-sm); margin-left: 10px;}
.page__text .full-text {color: var(--tt-fade-0); line-height: 1.6;}
.page__text {margin-bottom: 22px;}
.js-hide-text {max-height: 168px; overflow: auto;}
.show-text {position: absolute; z-index: 2; left: 0; bottom: 0px; width: 100%; height: 36px; font-size: var(--fs-sm);
	border: 1px solid var(--bdc); border-radius: var(--ui-elem-bdrs); background-color: var(--bg); color: var(--tt);}
.js-hide-text[style]::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60%;
	background: linear-gradient(to top, var(--bg) 20%, transparent 100%); z-index: 1;}

/* Характеристики: ярлык приглушён, значение контрастное */
.page__list {line-height: 1.45; font-size: var(--fs-base); display: grid; gap: 9px 26px;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));}
.page__list li {color: var(--tt);}
.page__list li > span:first-child {font-weight: 400; margin-right: 6px; color: var(--tt-fade);}
.page__list a {color: var(--blue); text-decoration: none; border-bottom: 1px solid transparent;}
.page__list a:hover {border-bottom-color: currentColor;}
.page__list-wide {grid-column: 1 / -1;}
.page__list-rates {grid-row: span 2; gap: 20px;}
.page__list-rates-item {font-size: var(--fs-md); font-weight: 500; padding-left: 28px; line-height: 20px;}
.page__list-rates-item.kp {background: url(/_asset/templates/pauk/images/kp.svg) 0 center / 20px no-repeat;}
.page__list-rates-item.imdb {background: url(/_asset/templates/pauk/images/imdb.svg) 0 center / 20px no-repeat;}
.page__list-rates-item.tmdb {background: url(/_asset/templates/pauk/images/tmdb.svg) 0 center / 20px no-repeat;}
.page__subtitle {border-top: 1px solid var(--bdc); margin: 0 -24px; padding: 16px 24px;
	text-align: left; font-size: var(--fs-md); font-weight: 500; color: var(--tt-fade-0);}

.page__scr ul {display: grid; gap: 16px; grid-template-columns: repeat(4,1fr);
	border-top: 1px solid var(--bdc); margin: 0 -24px; padding: 20px 24px;}
.page__scr a, .page__scr img {display: block; height: auto; width: 100%; border-radius: 6px; aspect-ratio: 300 / 200;}
.page__scr img {object-fit: cover;}
.page__scr ul li:nth-child(4) ~ li {display: none;}

/* Плеер */
/* align-self:start — грид по умолчанию растягивает ячейку по высоте строки
   (align-items:stretch), а строка считается по САМОЙ высокой колонке. Правая
   колонка («Рекомендуем») подгоняется под плеер через JS (js/fr-carousel.js),
   который читает offsetHeight плеера — без этой строки плеер стретчился бы
   вслед за раздутой на первом кадре колонкой, JS ловил бы уже завышенное
   значение, и высота "уезжала" ещё выше при каждом пересчёте. */
.page__cols:has(.page__player) .page__cols-left.page__player {align-self: start;}
.page__player {position: relative; background-color: var(--bg-black); padding: 0;}
.page__player .tabs-block__select {gap: 1px; margin-bottom: 0px;}
.page__player .tabs-block__select button {background: var(--bg-blackest); color: #c8ceda; border-radius: 0;
	text-transform: none; font-weight: 500; height: 46px;}
.page__player .tabs-block__select button.is-active, .page__player .tabs-block__select button:hover
{background: var(--accent); color: #fff;}
.page__complaint a {display: flex; align-items: center; gap: 8px; color: #f4a09f;}
.page__complaint {padding-right: 20px; --tt: #fff; color: #fff; --ui-bg-darker: rgba(255,255,255,0.2);}
.nl .page__player-controls + .tabs-block__content {display: block;}
.page__player .tabs-block__select button.is-active::before {color: rgba(0,0,0,0.8);}
.ya-share2 {min-height: 24px;}
.page__fav a, .page__fav > span {cursor: pointer; display: flex; align-items: center; gap: 8px;
	color: #c8ceda; min-height: 44px;}
.page__fav a:has(.fav-added) .fal {color: var(--yellow);}
.page__player-bottom {padding-left: 20px; background-color: var(--bg-black);}
.page__likes a {display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px;
	background-color: var(--green); color: #fff;}
.page__likes a:last-child {background-color: var(--red);}
.dark-overlay {background: rgba(4,6,9,0.94); position: fixed; width: 100%; height: 100%; z-index: 100; top: 0; left: 0;}
.light-off #scrolltop {visibility: hidden;}
.light-off .page__player {position: relative; z-index: 102;}

/* Сайдбар «Рекомендуем» (+ «Не хочешь потерять доступ?» над ним) */
.page__cols:has(.page__player) .page__cols-right {background-color: var(--bg-blackest);
	color: #fff; --tt: #fff; --tt-fade: #98a1b2; --bdc: rgba(255,255,255,0.12);
	display: flex; flex-direction: column;}
/* .page__fr сам по себе НЕ высокий (auto = шапка + .sect__content), поэтому в
   CSS Grid он не раздувает высоту всей строки .page__cols — раньше он был
   flex:1 внутри колонки с неопределённой высотой, из-за чего .sect__content
   не мог посчитать calc(100% - 46px) и рос на весь список (30 карточек),
   а это в свою очередь через grid stretch раздувало и сам плеер. Теперь
   ограничитель — сразу на .sect__content, в px, без процентов и циклов.
   max-height ниже — подстраховка на случай отключённого JS; js/fr-carousel.js
   при загрузке подгоняет её точно под низ плеера. */
.page__fr {position: relative;}
.page__fr-caption {height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 20px;
	background-color: var(--bg-black); color: #fff;}
.page__fr-caption-title {font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.6px;
	font-weight: 500; font-family: var(--font-display); color: inherit;}
.page__fr-nav {display: flex; gap: 4px;}
.page__fr-nav-btn {width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center;
	justify-content: center; color: #c8ceda; background: rgba(255,255,255,0.06);}
.page__fr-nav-btn:hover {background: rgba(255,255,255,0.16); color: #fff;}
.page__fr-nav-btn:disabled {opacity: 0.3; pointer-events: none;}
.page__fr-nav-btn .fal::before {width: 14px; height: 14px;}
.page__fr .sect__content {padding: 16px 20px; max-height: 500px; overflow-x: hidden; overflow-y: auto;
	scroll-behavior: smooth; scroll-snap-type: y proximity; scrollbar-width: none;
	display: grid; gap: 14px; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); align-content: start;}
.page__fr .sect__content::-webkit-scrollbar {display: none;}
.page__fr .fr {scroll-snap-align: start;}
.fr.is-active {padding-right: 55px;}
.fr__img {width: 46px; border-radius: 4px; overflow: hidden;}
.fr__title {font-weight: 500; font-size: var(--fs-base);}
.fr__subtitle, .fr__meta {font-size: var(--fs-sm); color: var(--tt-fade);}
.fr__meta::before {color: var(--yellow);}
.fr.is-active:after {content: attr(data-text); font-size: 10px; font-weight: 500; color: var(--tt-fade);
	border-left: 1px solid var(--bdc); width: 35px; padding-left: 10px; padding-right: 0; text-transform: uppercase;
	position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.page__schedules {padding: 24px; overflow: hidden;}
.page__schedule {border: 1px solid var(--bdc); border-radius: var(--bdrs-card); max-height: 560px; overflow: auto;}
.schedule-item {padding: 8px 20px; gap: 10px 20px; height: 56px;}
.schedule-item + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__number {font-weight: 500; width: 280px;}
.schedule-item__descr {color: var(--tt-fade);}
.schedule-item__descr b {display: block; color: var(--tt); font-size: var(--fs-md);}
.schedule-item__date {color: var(--tt-fade);}
.schedule-item__status {color: var(--green); font-size: var(--fs-xl);}
.schedule-item__status .fa-times {color: var(--red);}

.page__cols:has(.page__comments) {margin: 0 var(--indent-negative);}
.top-users {padding: 20px; margin-bottom: 20px; background-color: var(--bg); border-radius: var(--bdrs-card);}
.top-users__title {font-size: var(--fs-lg); font-weight: 500; margin-bottom: 18px;}
.top-users__content {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	counter-reset: n; font-size: var(--fs-sm); font-weight: 500; line-height: 1.2;}
.tuser:not(:last-child) {padding-bottom: 10px; border-bottom: 1px solid var(--bdc);}
.tuser::before {content: counter(n, decimal-leading-zero); counter-increment: n; color: var(--tt-fade);}
.tuser__ava {width: 24px;}
.tuser__rating {height: 22px; font-size: 10px; padding: 0 10px; border-radius: 11px; font-weight: 400;
	border: 1px solid var(--bdc); color: var(--tt-fade); line-height: 1; text-transform: uppercase;}
.tuser__rating::before {color: var(--yellow);}

/* РЕКЛАМА: нейтральные адаптивные обёртки с зарезервированной высотой (защита от CLS).
   Рекламный код, ID и условия показа не меняются. */
.rkl {width: 100%; max-width: 100%; overflow: hidden;}
.rkl--holder {display: grid; place-items: center; font-weight: 500; font-size: var(--fs-xl);
	background: var(--bg-darker); color: var(--tt-fade); height: 500px;}
.page__cols-right .rkl {position: sticky; left: 0; top: 20px; min-height: 250px;}
.ad-slot {display: block; width: 100%; max-width: 100%; overflow: hidden; margin: 20px 0;}
.ad-slot--ibv {min-height: 200px;}
.ad-slot > * {max-width: 100%;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 26px; font-size: var(--fs-2xl);}
.full-text {line-height: 1.65; font-size: var(--fs-base); word-wrap: break-word; color: var(--tt-fade-0);}
.full-text a {text-decoration: underline; color: var(--ui-accent);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5,
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 18px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 26px; position: relative;}
.full-text > ul li:before {content: ''; width: 6px; height: 6px; border-radius: 50%;
	background-color: var(--accent); position: absolute; top: 9px; left: 6px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num) "."; counter-increment: num; color: var(--accent);
	position: absolute; top: 0; left: 0; font-weight: 500;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 8px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 56.25%; position: relative; background-color: #000;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: var(--fs-lg); margin-bottom: 14px;
	color: var(--tt); font-weight: 500;}


/* COMMENTS
----------------------------------------------- */
.page__comments {padding-bottom: 10px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 6px 0 20px; font-size: var(--fs-sm);
	padding-left: 24px; position: relative;}
.page__comments-info::before {color: var(--tt-fade); position: absolute; left: 0; top: 2px;}
.page__ac {margin-bottom: 16px;}
.ac-form {position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 44px;}
.ac-form__bottom {gap: 20px;}
.confidential-check {font-size: var(--fs-base);}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.ac-toggle.ac-form {cursor: pointer;}
.ac-form__header1 input, .ac-form__editor1 textarea {background-color: var(--ui-bg-inp);}
.ac-toggle, .ac-toggle .ac-form__editor {position: relative;}
.ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;}
.ac-form .bb-btn {display: none;}
.ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler,
.ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;}
.ac-toggle .bb-btn {pointer-events: none;}
.ac-toggle .ac-form__editor .bb-editor textarea {height: 180px; resize: none;}
.ac-form__editor .bb-editor textarea {height: 180px; line-height: 1.5; padding-bottom: 40px;}
.comments_subscribe + br, .ac-form .bb-editor + br {display: none;}
.ac-toggle .has-checkbox {display: none;}

.mass_comments_action {display: none; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comm__title {font-size: var(--fs-lg); margin-bottom: 18px;}

/* Комментарий: автор / дата / текст / действия визуально разделены */
.comm {margin-bottom: 10px; position: relative; padding: 16px 20px;
	padding-left: 86px; background-color: var(--bg-darker-1); border-radius: var(--bdrs-card);
	border: 1px solid var(--bdc);}
.comm.pos {background-color: rgba(47,158,68,0.10);}
.comm.neg {background-color: rgba(224,49,49,0.10);}
.comm__group {height: 20px; display: flex; align-items: center; border-radius: 10px; font-size: 10px;
	border: 1px solid var(--bdc); padding: 0 10px; text-transform: uppercase;}
.comm__group, .comm__group * {font-weight: 400; color: var(--tt) !important;}
.comm__group.adm, .comm__group.adm * {color: #fff !important; background-color: var(--accent); border-color: var(--accent);}
.comm__img {width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 20px; top: 18px;}
.comm__user-rating {position: absolute; left: 50%; top: 100%; translate: -50% 0; gap: 3px; margin-top: 8px;
	background-color: var(--bg); z-index: 5; white-space: nowrap; padding: 0; width: 48px;}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: var(--fs-lg); font-weight: 500;}
.comm__author, .comm__author a {color: var(--tt); font-weight: 500; font-size: var(--fs-base);}
.comm__date {color: var(--tt-fade); font-size: var(--fs-sm);}
.comm__rating a {color: var(--green); font-size: var(--fs-lg); min-width: 30px; min-height: 30px;
	display: inline-flex; align-items: center; justify-content: center;}
.comm__rating a:last-child {color: var(--red);}
.comm__rating span {font-size: var(--fs-base);}
.comm__rating span .ratingplus {color: var(--green);}
.comm__rating span .ratingminus {color: var(--red);}
.comm__text {margin: 10px 0; color: var(--tt-fade-0); line-height: 1.6;}
.comm__action {font-size: var(--fs-sm); --tt: var(--tt-fade); color: var(--tt-fade);}
.comm__action a {min-height: 32px; display: inline-flex; align-items: center; gap: 5px;}
.comm__ctrl-btn {font-size: var(--fs-lg); height: 32px; min-width: 32px; --tt: var(--tt-fade);}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}


/* POPUP WIDGET
----------------------------------------------- */
.pwidget {background-color: var(--bg); color: var(--tt);
	border-radius: 16px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px;
	position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: var(--ui-bsh);}
.pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
	background-color: var(--bdc); height: 4px; width: 40px; border-radius: 2px;}
.pwidget .wctrl__content {display: block; margin-bottom: 20px;}
@media screen and (min-width: 760px) {
	.pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;}
	.pwidget::before {display: none;}
}


/* LOGIN
----------------------------------------------- */
.lgn {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; width: 460px; max-width: calc(100% - 40px);}
.lgn__content {background-color: var(--bg); box-shadow: var(--ui-bsh); padding: 28px 40px; position: relative;
	border-radius: var(--bdrs-card);}
.lgn__ctrl > * {color: #fff !important; font-size: var(--fs-md); font-weight: 500; height: 44px; position: relative;
	text-transform: none;}
.lgn__ctrl span::before {content: ''; border: 8px solid transparent; border-bottom-color: var(--bg);
	position: absolute; left: 50%; bottom: 0; margin-left: -8px; z-index: 5;}
.lgn__btn-close {font-size: 26px; color: #fff; position: absolute; right: -46px; top: 0; z-index: 10;
	width: 44px; height: 44px;}
.lgn__header {position: relative; padding-left: 72px; margin-bottom: 16px;}
.lgn__avatar {width: 56px; background-color: var(--bg-darker); font-size: var(--fs-xl);
	position: absolute; left: 0; top: 50%; translate: 0 -50%; overflow: hidden; border-radius: 50%;}
.lgn__title {font-size: var(--fs-lg); font-weight: 500;}
.lgn__caption {color: var(--tt-fade); margin-top: 5px; font-size: var(--fs-sm);}
.lgn__input input {height: 46px; line-height: 46px; border-radius: var(--ui-elem-bdrs); padding: 0 16px;}
.lgn__input input::placeholder {font-size: var(--fs-base);}
.lgn__input input + input {margin-top: 8px;}
.lgn__input input:focus {position: relative; z-index: 5;}
.lgn__btn button {height: 46px;}
.lgn__cell a {color: var(--ui-accent);}
.lgn__social-caption {font-size: var(--fs-sm); color: var(--tt-fade); margin-top: 5px;}
.lgn__social-caption::before, .lgn__social-caption::after {content: ''; flex-grow: 1; background: var(--bdc); height: 1px;}
.lgn__social a {border-radius: 50%; width: 36px; height: 36px; display: grid; place-items: center;}
.lgn__social a img {height: 18px; width: 18px; display: block; filter: invert(1);}
.lgn__social-vk {background-color: #587ba1;}
.lgn__social-ok {background-color: #ff9800;}
.lgn__social-fb {background-color: #3b5998;}
.lgn__social-ml {background-color: #2196f3;}
.lgn__social-gg {background-color: #f44336;}
.lgn__social-ya {background-color: #fc3f1d;}
.lgn__social:not(:has(a)) {display: none;}
.lgn--logged {width: 380px;}
.lgn__menu a {display: flex; align-items: center; gap: 10px; min-height: 40px;}
.c-0 span {display: none;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {width: 100%; position: relative; z-index: 1;}
.owl-stage {position: relative; display:flex; justify-content:flex-start;}
.owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-item {position: relative; min-height: 10px;}
.owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-nav {position: absolute; right: 0; top: 0; margin-top: -42px; display: flex; gap: 6px;}
.owl-prev, .owl-next {cursor: pointer; width: 34px; height: 34px; display: grid; place-items: center;
	font-size: 17px; background-color: rgba(255,255,255,0.08); color: #fff; box-shadow: none;
	border-radius: var(--ui-elem-bdrs);}
.owl-prev {opacity: 0.7;}
.owl-next {opacity: 1;}


/* CLS FIX — фиксированная ширина слайдов до инициализации карусели
----------------------------------------------- */
.has-carousel:not(.owl-carousel) {display: flex; overflow: hidden; gap: 14px;}
.has-carousel:not(.owl-carousel) > * {flex-shrink: 0;}
.has-carousel:not(.owl-carousel) > .item {width: calc((100% - 84px)/7);}

@media screen and (max-width: 1220px) {
	.has-carousel:not(.owl-carousel) > .item {width: calc((100% - 56px)/5);}
}
@media screen and (max-width: 950px) {
	.has-carousel:not(.owl-carousel) > .item {width: calc((100% - 42px)/4);}
}
@media screen and (max-width: 760px) {
	.has-carousel:not(.owl-carousel) > .item {width: calc((100% - 28px)/3);}
}
@media screen and (max-width: 470px) {
	.has-carousel:not(.owl-carousel) > .item {width: calc((100% - 14px)/2);}
}

/* FILTER
----------------------------------------------- */
.filter-block {background-color: var(--bg); margin: 0 var(--indent-negative); margin-bottom: 20px;
	padding: 20px var(--indent); border-radius: 0;}
.filter {gap: 12px 20px;}
.filter-block__title {font-size: var(--fs-md); font-weight: 500; margin-bottom: 18px;}
.filter__col:not(.filter__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 240px; display: flex;
	flex-direction: column; gap: 10px;}
.filter__cell select {height: 40px; box-shadow: none; border: 1px solid var(--bdc);
	background-color: var(--ui-bg-inp); color: var(--tt); border-radius: var(--ui-elem-bdrs);}
.filter__cell input[type="text"] {opacity: 0;}
.filter__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);}
.filter__col--ranges {padding: 0 20px;}
.filter-block--full .filter__col--submit {width: 100%;}
.filter-block--full {background: none; box-shadow: none; padding: 0; margin: 0;}

.filter__bin {display: grid; gap: 10px;}
.filter__bin--full {display: grid; gap: 10px; width: 100%;}

.tail-select, .tail-select * {outline: none; user-select: none;}
.tail-select {position: relative;}
.tail-select-container, .select-label {border: 1px solid var(--bdc); background-color: var(--ui-bg-inp);
	padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt);
	display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px;
	border-radius: var(--ui-elem-bdrs);}
.tail-select .label-inner {margin-left: 5px; font-size: var(--fs-base);}
.tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px;
	border-radius: 3px; background-color: var(--accent); color: #fff; cursor: pointer; font-size: var(--fs-sm);}
/* стрелки селекта — SVG вместо иконочного шрифта */
.tail-select .select-label::after {position: absolute; top: 50%; right: 12px; content: ''; width: 14px; height: 14px;
	margin-top: -7px; opacity: 0.6; background-color: currentColor;
	-webkit-mask: var(--i-chevron-down) center / contain no-repeat; mask: var(--i-chevron-down) center / contain no-repeat;}

.tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute;
	background-color: var(--bg); border: 1px solid var(--bdc); box-shadow: var(--ui-bsh); border-radius: var(--ui-elem-bdrs);}
.tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;}
.tail-select .dropdown-optgroup {padding: 15px;}
.tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: var(--fs-base); text-align: center;}
.tail-select .select-dropdown ul li + li {margin-top: 10px;}
.tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: var(--fs-base);}
.tail-select .select-dropdown ul li.dropdown-option::before {content: ""; background-color: var(--bg-darker);
	width: 18px; height: 18px; border-radius: 3px; border: 1px solid var(--bdc);
	display: flex; justify-content: center; flex-shrink: 0; box-sizing: border-box;}
.tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent);}
.tail-select .select-dropdown ul li.dropdown-option.selected::before
{background-color: var(--accent); border-color: var(--accent); box-shadow: none;
	-webkit-mask: none; mask: none;
	background-image: var(--i-check-white); background-repeat: no-repeat; background-position: center;
	background-size: 12px 12px;}
.tail-select .select-dropdown ul li:hover {color: var(--blue);}
.tail-select-container:hover, .select-label:hover {border-color: var(--accent);}
.tail-select-container .select-handle:hover {background-color: var(--red);}

.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;}
.irs-line-left {left: 0; width: 11%;}
.irs-line-mid {left: 9%; width: 82%;}
.irs-line-right {right: 0; width: 11%;}
.irs-bar {position: absolute; display: block; left: 0; width: 0;}
.irs-bar-edge {position: absolute; display: block; top: 0; left: 0;}
.irs-shadow {position: absolute; display: none; left: 0; width: 0;}
.irs-handle {position: absolute; display: block; cursor: default; z-index: 1;}
.irs-handle.type_last {z-index: 2;}
.irs-min {position: absolute; display: block; left: 0; cursor: default;}
.irs-max {position: absolute; display: block; right: 0; cursor: default;}
.irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}
.irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: var(--tt-fade);}
.irs-grid-pol.small {height: 4px;}
.irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center;
	font-size: 9px; line-height: 9px; padding: 0 3px; color: var(--tt-fade);}
.irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%;
	cursor: default; background: rgba(0,0,0,0.0); z-index: 2;}
.irs-disabled {opacity: 0.4;}
.irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important;
	width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
	margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important;
	border-style: solid !important; border-color: transparent !important;}

.irs {height: 40px;}
.irs-line {height: 6px; top: 25px; background-color: var(--bg-darker); border-radius: 3px;}
.irs-bar {height: 6px; top: 25px; background-color: var(--accent); border-radius: 3px;}
.irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color: var(--bg-darker);}
.irs-handle {width: 20px; height: 20px; top: 18px; background-color: var(--bg); border-radius: 10px;
	border: 4px solid var(--accent); box-shadow: var(--bsh-block); cursor: pointer;}
.irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc);
	padding: 0 5px; height: 22px; display: flex; align-items: center;
	background: var(--bg); color: var(--tt); border-radius: 3px;}


/* --- Компактный блок комментариев в карточке ------------------------------- */
.page__comments--compact {padding-bottom: 0;}
.page__comments--compact .sect__title {margin-bottom: 2px;}
.page__comments--compact .page__comments-info {margin: 4px 0 12px;}
.page__comments--compact .page__ac {margin-bottom: 10px;}
.page__comments--compact .ac-form__header, .page__comments--compact .ac-form__editor {margin-bottom: 8px;}
.page__comments--compact .ac-form__editor .bb-editor textarea,
.page__comments--compact.ac-toggle .ac-form__editor .bb-editor textarea,
.page__comments--compact .ac-toggle .ac-form__editor .bb-editor textarea {height: 110px; padding-bottom: 34px;}
.page__comments--compact .ac-toggle .ac-form__bottom button {bottom: 10px;}
.page__comments--compact .ac-form__btn {padding: 0 30px;}

/* --- Блок «Не хочешь потерять доступ?» --------------------------------------
   Разметка в fullstory.tpl, стоит в .page__cols-right над блоком «Рекомендуем» —
   цвета замэтчены под тот же тёмный сайдбар (см. .page__cols:has(.page__player)
   .page__cols-right ниже), ширина берётся от колонки автоматически. */
.access {background: var(--bg-black); border: 1px solid var(--bdc); border-radius: var(--bdrs-card);
	padding: 16px; text-align: center; margin-bottom: 14px; flex-shrink: 0;}
.access__title {margin: 0 0 8px; font-size: var(--fs-md); font-weight: 500; line-height: 1.25; color: var(--tt);}
.access__text {margin: 0 0 14px; color: var(--tt-fade); font-size: var(--fs-sm); line-height: 1.45;}
.access__btn {display: block; margin-top: 8px; padding: 11px 12px; border-radius: 6px;
	color: #fff; font-weight: 600; font-size: var(--fs-sm); text-decoration: none;}
.access__btn:hover, .access__btn:focus {color: #fff; opacity: .9;}
.access__btn--vk {background: #0077ff;}
.access__btn--tg {background: #29a9eb;}
.access__btn--mirror {background: var(--accent);}

/* --- Низ карточки: убираем пустоту под комментариями -----------------------
   1) пустой рекламный слот не держит 250px — место появится вместе с кодом;
   2) колонки выравниваются по своему содержимому, а не по самой высокой,
      иначе короткий блок комментариев растягивался под правую колонку. */
.page__cols-right .rkl:empty {min-height: 0;}
.page__cols:has(.page__comments) {align-items: start;}
.page__cols:has(.page__comments) .page__cols-left {padding-bottom: 24px;}
.page__comments-list:empty {display: none;}

/* Пустая навигация хлебных крошек (закрытая публикация) не должна занимать место. */
.speedbar:empty {display: none;}

/* --- Карточки без названий --------------------------------------------------
   В плитках выводится только постер. Ссылка-заголовок остаётся в разметке, но
   пустая: именно на её ::after держится клик по всей карточке, поэтому она не
   скрывается через display:none, а просто схлопывается по высоте. */
.item__title:empty, .fr__title:empty {display: block; height: 0; min-height: 0;
	margin: 0; padding: 0; overflow: hidden;}

/* --- Плашка над плеером: подсказка про поиск -------------------------------- */
.find-note {padding: 14px 20px; color: var(--tt-fade-0); font-size: var(--fs-base); font-weight: 500;
	line-height: 1.35;
	background: linear-gradient(90deg, rgba(90,171,46,.12), rgba(90,171,46,.02) 85%);
	border-left: 3px solid rgba(90,171,46,.4);}
.find-note__icon {flex-shrink: 0; width: 22px; height: 22px; color: var(--accent);}
.find-note__icon::before {position: static; font-size: 19px;}
.find-note__text {flex: 1;}
.find-note__link {color: var(--accent); font-weight: 600; text-decoration: underline;
	text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap;}
.find-note__link:hover, .find-note__link:focus {color: var(--ui-bg-btn-hover);}
@media (max-width: 767px) {
	.find-note {padding: 12px 14px; gap: 10px; font-size: var(--fs-md);}
	.find-note__icon {width: 22px; height: 22px;}
	.find-note__icon::before {font-size: 20px;}
	.find-note__link {white-space: normal;}
}

/* --- Плеер cdnvideohub -------------------------------------------------------
   Компонент <video-player> занимает 100% контейнера, поэтому пропорции 16:9
   задаёт обёртка — так же, как у штатных iframe-плееров темы. */
.player--cdn {position: relative; width: 100%; padding-top: 56.25%; background-color: #000;}
.player--cdn > video-player {position: absolute; left: 0; top: 0; display: block;
	width: 100%; height: 100%;}

/* Плеер CDN и запасные плееры теперь взаимоисключающие на стороне сервера
   (теги [cdnvideohub-player] / [not-cdnvideohub-player]), скрывать нечего. */
.player--cdn > video-player {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}

/* ==== responsive.css ==== */
/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: min(320px, 88vw); height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.3s ease; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 14px 20px; gap: 10px; background-color: var(--bg-darker-1);
	border-bottom: 1px solid var(--bdc);}
.mobile-menu__header .logo {font-size: 19px;}
.mobile-menu__btn-close {font-size: 22px; width: 44px; height: 44px; margin-right: -10px; color: var(--tt);}
.mobile-menu__content {padding: 16px 20px;}
.mobile-menu__content .header__search {display: none;}
.mobile-menu__content .header__btn-login {display: none;}
.mobile-menu__content .header__menu {display: block; margin: 0;}
.mobile-menu__content .header__menu > li > a {height: 48px; border-bottom: 1px solid var(--bdc); color: var(--tt);}
.mobile-menu__content .header__menu-hidden {opacity: 1; visibility: visible; translate: 0 0; position: static;
	background-color: var(--bg-darker); width: calc(100% + 40px); margin: 0 -20px; box-shadow: none; padding: 18px 20px;
	border: 0; border-radius: 0;}
.mobile-menu__content div.header__menu-hidden {grid-template-columns: repeat(2,minmax(0,1fr));}

@media screen and (max-width: 1320px) {
	.wrapper__container {max-width: 100%;}
}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -18px; --indent: 18px;}
	body, .has-branding {padding-top: 0;}
	.header .header__menu {display: none;}
	.header {padding: 12px var(--indent);}
	.header__search {flex: 1 1 0; max-width: 100%; min-width: 50px; margin-left: 10px;}
	/* Бургер — крайний справа, а не между поиском и переключателем темы */
	.header__btn-menu {display: flex; order: 20;}

	.page__cols {display: block;}
	.page__cols-right:has(.filter-block) {display: none;}
	.page__cols:has(.page__player) .page__cols-right {padding: 0;}
	.page__fr {position: static;}
	.page__fr .sect__content {height: auto; max-height: 220px;}
	.schedule-item {padding: 6px 20px; gap: 10px 20px;}
	.schedule-item__number {width: 140px;}
}
@media screen and (max-width: 1220px) and (min-width: 590px) {
	.sect:has(.sect__tabs) .grid-items {display: flex; overflow-y: hidden; overflow-x: auto;}
	.sect:has(.sect__tabs) .grid-items > .grid-items__item {flex-shrink: 0; width: 168px;}
}

@media screen and (max-width: 950px) {
	.footer__notify {margin: 0;}
	.footer__menu {width: 100%;}

	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span:not([class]) {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages, .pagination__btns {min-width: 100%;}
	.pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;}

	.page__cols-left {padding: 18px;}
	.page__main {grid-template-columns: 180px minmax(0,1fr); gap: 16px 20px;}
	.page__header h1 {font-size: var(--fs-xl);}
	.page__subtitle {margin: 0 -18px; padding: 14px 18px;}
}

@media screen and (max-width: 760px) {
	/* Поиск остаётся в шапке отдельной строкой, а не прячется в мобильное меню */
	.header {row-gap: 10px; padding: 10px var(--indent);}
	.header .header__btn-login, .header__btn1 {display: none;}
	.header .header__search {display: block; order: 10; min-width: 100%; margin-left: 0; max-width: 100%;}
	.mobile-menu__content .header__btn-login {display: flex; width: 100%; margin-bottom: 10px;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.header__btn-menu, .header__btns {order: 5; padding: 0;}
	.sect__header:has(.sect__tabs) .sect__title {width: 100%;}
	.sect__tabs {margin-top: 10px; gap: 8px; width: 100%;}
	.sect__tabs button {flex: 1 1 0; max-width: 100%; min-width: max-content; padding: 0 10px;
		font-size: var(--fs-sm); height: 34px;}
	.sect .filter-block {display: none;}
	.sect .filter-block.is-active {display: block;}
	.sect__btn-filter {display: flex;}

	.page__main {display: block;}
	.page__main > * + * {margin-top: 18px;}
	.page__header h1 {text-align: left;}
	body:has(.page__header) .speedbar {text-align: left;}
	.page__poster {margin-left: auto; margin-right: auto; width: 190px;}
	.page__list {grid-template-columns: 1fr;}
	.page__list-rates {padding: 10px 0; grid-row: auto;}
	.schedule-item {gap: 0 10px;}
	.schedule-item__number {width: 100px; text-align: right;}
	.schedule-item__descr {min-width: calc(100%	- 130px); order: -1;}
	.page__complaint {display: none !important;}
	.page__player .tabs-block__select button {flex-grow: 1;}
	.page__player-bottom {padding: 16px;}
	.ya-share2 {width: 100%; text-align: center;}
	.page__fav {margin: 0;}
	.page__likes a {padding: 0 12px; height: 36px; font-size: var(--fs-sm); gap: 8px;}

	.page__ac {margin-bottom: 20px;}
	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span, .comm::before {display: none;}
	.ac-form #b_color {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm {padding: 14px 16px;}
	.comm__img {width: 40px; height: 40px; position: relative; left: 0; top: 0;}
	.comm__meta {display: block;}
	.comm__user-rating, .comm__group {translate: -50% -100%; display: none;}
}

@media screen and (max-width: 590px) {
	.lgn__content {padding: 26px 20px;}
	.lgn__ctrl > * {font-size: var(--fs-md); height: 42px;}
	.lgn__btn-close {right: 0; top: -46px; color: #fff; font-size: 24px;}
	.lgn__header {padding-left: 60px;}
	.lgn__avatar {width: 44px; font-size: var(--fs-lg);}
	.lgn__title {font-size: var(--fs-md);}
	.lgn__caption {font-size: var(--fs-sm); margin-top: 0;}
	.header__login a, .header__btn1 {display: none;}
	.footer__notify {width: 100%; padding: 0; border: 0; text-align: center;}
	.footer__copyright {margin: 0; text-align: center; width: 100%;}

	.page__scr ul:has(li:nth-child(6)) {grid-template-columns: repeat(2,1fr);}
	.page__scr ul:not(:has(li:nth-child(6))) {gap: 10px;}
}

@media screen and (max-width: 470px) {
	:root {--indent-negative: -14px; --indent: 14px;}
	.grid-items {gap: 18px 10px;}
	.header__theme-select {width: 40px; height: 40px;}
	.pagination__btn-loader a {min-width: 0; width: 100%;}
	.filter__col--ranges {padding: 0 0;}
	.filter__cell--submit, .filter__col--submit {flex-direction: row; width: 100%;}
	.filter__cell--submit input {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.page__cols-left {padding: 14px;}
	.page__subtitle {margin: 0 -14px; padding: 12px 14px; font-size: var(--fs-base);}
	.page__header h1 {font-size: var(--fs-lg);}
}

@media screen and (max-width: 420px) {
	.filter__bin {width: 100%;}
}

@media screen and (max-width: 400px) {
	.ac-form__bottom .comments_subscribe {font-size: var(--fs-sm);}
	.full-text iframe {width: calc(100% + 28px); max-width: calc(100% + 28px); height: 240px;
		margin-left: -14px; margin-right: -14px;}
}

/* ==== engine.css ==== */
/* INFO MESSAGES, ERRORS */
.message-info {line-height: 1.5; margin-bottom: 20px; 
	background-color: var(--ui-bg-attention); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	border: 1px solid var(--ui-bd-attention); position: relative; padding: 15px 20px 15px 64px;}
.message-info__title {font-weight: var(--ui-fw-bolder);}
.message-info::before {content:""; display:inline-block; width:22px; height:22px; background-color: currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat;
	color: #fff; background-color: var(--ui-bd-attention); position: absolute; left: 0; top: 0; 
	width: 44px; height: 100%; display: grid; place-items: center;}

/* VOTE BLOCK */

/*--- VOTE BARS ---*/

/* MAY BE TO DELETE */


/* SERVICE PAGE COMMON, FORM
----------------------------------------------- */
.serv__title {font-size: 24px; font-weight: var(--ui-fw-bolder); margin-bottom: 30px;}
.serv__subtitle {font-size: 18px; font-weight: var(--ui-fw-bolder); margin-bottom: 20px;}
.serv__section {margin-bottom: 30px;}
.serv__gap {gap: 10px;}
.serv__links a {color: var(--ui-accent); border-bottom: 1px dotted var(--ui-accent);}
.serv__table-resp {overflow-y: hidden; overflow-x: auto;}
.serv__table table {width: 100%;}
.serv__table table thead tr, .pm tbody tr:first-child {background-color: var(--ui-bg-black); color: #fff;}
.serv__table table td {padding: 10px 10px; font-size: 13px; border: 1px solid var(--ui-bdc);}
.serv__table table tbody tr:nth-child(2n) {background-color: var(--ui-bg-darker);}

.form__row + .form__row {margin-top: 20px;}
.form__row {display: grid; gap: 10px 20px; align-items: center; grid-template-columns: 200px minmax(200px,1fr); position: relative;}
.form__row--textarea, .form__row--textarea .form__label, .form__row--wide {display: block;}
.form__row--textarea .form__label {background-color: var(--ui-bg-black); color: #fff; padding: 15px;}
.form__label--important::after {content: "*"; margin: 0 0 0 5px; color: var(--ui-red);}
#result-registration, .ui-helper-hidden-accessible, #related_news, .form__vote {grid-column: 1 / -1; padding: 20px; 
	background-color: var(--ui-bg-attention); border: 1px solid var(--ui-bd-attention);}
.form__find-related {position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0;}
.form__content select, #category {width: 100% !important;}
.bb-pane + textarea {border-radius: 0 0 4px 4px;}
.xfieldsnote {color: var(--ui-tt-fade); font-size: 13px; margin-top: 5px;}

.form__table {width: 100%;}
.form__table tr + tr td {padding-top: 20px;}
.form__table .addnews {width: 220px;}
.xfields textarea, .xprofile textarea, .form__textarea--height {height:100px !important;}
.xfields .bb-editor, .xfields .wseditor {margin-top:10px;}
td.xfields {position: relative;}

.form__row--checkboxes-group {display: grid; grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); align-items: start;}
.form__sec-code > input {flex: 1 1 0; margin-right: 10px; height: 80px; line-height: 80px; text-align: center;}
.form__row--submit {display: flex !important;}
.form__row--submit button {min-width: auto; white-space: nowrap;}
.form__btn {width: 220px;}


/* CHECKBOXES, RADIO BUTTONS
----------------------------------------------- */
.has-radiobox label {position: relative; padding-left: 32px; display: block; cursor: pointer;}
.has-radiobox input {appearance: none; -webkit-appearance: none; display: block; width: 22px; height: 22px; cursor: pointer;
	border: 1px solid var(--ui-bdc); background: var(--ui-bg); border-radius: 50%;
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.has-radiobox label input:checked::before {content: ''; background-color: var(--ui-accent); 
	width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 4px; top: 4px;}
.has-checkbox, .checkbox {display: block; position: relative; padding-left: 50px; cursor: pointer;}
.has-checkbox, .checkbox label {cursor: pointer; display: block;}
.has-checkbox input, .checkbox input {
	appearance: none; -webkit-appearance: none; display: inline-block; transition: all .2s linear;
	height: 22px; width: 40px; border-radius: 11px; background-color: var(--ui-bg-darker); cursor: pointer;
	box-shadow: var(--ui-bsh-inset); position: absolute; left: 0; top: 50%; margin-top: -11px;}
.has-checkbox input::before, .checkbox input::before {content: ''; width: 20px; height: 20px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--ui-bg); transition: all .2s linear;}
.has-checkbox input:checked, .checkbox input:checked {background-color: var(--green);}
.has-checkbox input:checked::before, .checkbox input:checked::before {left: 19px;}


/* STATS, PM, TABLES
----------------------------------------------- */
.stats__list, .stats__latest {min-width: 200px; display: grid; gap: 10px;}
.stats__list .serv__subtitle, .pmessages__status .serv__subtitle {margin-bottom: 0;}

.pmessages__links li {white-space: nowrap; min-width: auto;}
.pm_progress_bar {border-radius: 3px; margin: 10px 0; overflow: hidden; background-color: var(--ui-bg-darker); 
	box-shadow: var(--ui-bsh-inset);}
.pm_progress_bar span {background-color: var(--ui-green); font-size: 0; height: 20px; display: block;}
.pmessages-item {border: 1px solid var(--ui-bdc); padding: 15px; gap: 15px;}
.pmessages-item__img {width: 60px; height: 60px; border-radius: 50%;}
.pmessages-item__text {margin: 6px 0 10px 0;}
.pmessages-item__meta > span {font-size: 13px;}
.pm tr td:first-child {width: 36px;}
.pm select {width:100%; margin-bottom:10px;}


/* USER PROFILE, USER POPUP
----------------------------------------------- */
.us__one {background: url(/_asset/templates/pauk/dleimages/usp-bg.jpg) center center / cover no-repeat; color: #fff; 
	background-color: var(--ui-accent); background-blend-mode: darken; 
	position: relative; padding: 20px; padding-left: 160px;}
.us__img {width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 30px; bottom: -30px;}
.us__name {font-size: 24px; font-weight: var(--ui-fw-bolder);}
.us__status {margin-top: 10px; font-size: 13px; text-transform: uppercase; gap: 10px; display: inline-flex; 
	height: 30px; border-radius: 15px; background-color: var(--ui-red); color: #fff; padding: 0 15px; width: auto;}
.us__status.on {background-color: var(--ui-green);}
.us__two {background-color: var(--ui-bg-darker); padding: 10px 20px; padding-left: 160px; gap: 20px; font-size: 18px;}
.us__info-caption {font-size: 13px; color: var(--ui-tt-fade); margin-left: 3px;}
.us__btn a {border: 1px solid var(--ui-accent); color: var(--ui-accent); padding: 0 15px; height: 30px; white-space: nowrap;
	border-radius: 15px; font-size: 13px; text-transform: uppercase; display: flex; align-items: center;}
.us__three {border: 10px solid var(--ui-bg-darker); border-top: 0; padding: 10px 20px 20px 150px; margin-bottom: 30px;}
.us__list li {position: relative; padding: 8px 0; padding-left: 200px; min-height: 32px;}
.us__list li:nth-child(2n) {background-color: var(--ui-bg-darker);}
.us__list li > span:first-child {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--ui-tt-fade); font-size: 13px;}

.dle-popup-userprofile .ui-dialog-content {padding: 0;}
@media screen and (min-width: 760px) {
	.dle-popup-userprofile .ui-dialog-titlebar {position: absolute; left: 0; top: 0; width: 100%; border: 0; 
		z-index: 10; color: #fff; padding-left: 160px; padding-top: 10px; background: none;}
	.dle-popup-userprofile .ui-dialog-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.dle-popup-userprofile .ui-dialog-titlebar-close {margin-right: -20px;}
	.us--card .us__one {padding-top: 43px; border-radius: 10px 10px 0 0;}
}
.us--card .us__three {padding: 10px 30px 20px 30px; border: 0; margin: 0;}
.us--card .us__list li {padding-left: 130px; background: none; border-bottom: 1px dashed var(--ui-bdc);}
.us--card .us__list li > span:first-child {left: 0px;}

@media screen and (max-width: 760px) {
	.us__one {padding: 20px 10px 20px 80px;}
	.us__name {font-size: 16px;}
	.us__img {width: 60px; height: 60px; left: 10px; bottom: auto; top: 50%; margin-top: -30px;}
	.us__two {padding: 20px 10px; gap: 20px 10px; justify-content: center;}
	.us__btn {justify-content: center; min-width: 100%;}
	.us__three {padding: 0; border: 0;}
	.us__list li {padding-left: 150px; font-size: 13px;}
	.us__list li.d-flex {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.us__list li.d-flex a {margin-left: 5px;}
	.us__list li > span:first-child {left: 10px;}
	.us--card .us__one {padding: 5px 20px 40px 80px;}
	.us--card .us__two {padding: 10px 20px 20px 80px; background: none; color: #fff; --ui-tt-fade: #fff; 
		position: relative; z-index: 10; margin-top: -37px; justify-content: flex-start; 
		font-size: 13px; white-space: nowrap;}
	.us--card .us__three {padding: 0px 20px 20px 20px;}
}


/* SEARCH PAGE, SEARCH TABLE */
.search-page__simple-form {gap: 10px; margin-bottom: 20px;}
.search-page__ext-form {display: grid; gap: 20px 30px; 
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); margin-bottom: 20px;}
.search-page__ext-form-label {margin-bottom: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-content, .search-page__ext-form-input {gap: 10px;}
.search-page__ext-form-input input {width: 40px; padding: 0; text-align: center;}
.search-page__ext-form-row .has-checkbox {margin-top: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-row--category {grid-row: span 2;}
.search-page__ext-form-row--category select {height: 126px;}
.search-page__ext-form-row--wide {grid-column: 1 / -1;}
.search-page__ext-form-row--btns input {min-width: auto; padding: 0 40px;}
@media screen and (max-width: 590px) {
	.search-page__btn-ext {width: 100%; height: 40px;}
}

/*--- AJAX LOADER ---*/
#loading-layer {background-color: rgba(0,0,0,0.66); border-radius: 10px; box-shadow: var(--ui-bsh); 
	padding: 20px; color: #fff; line-height: 1.6; max-width: calc(100w - 30px);}
#loading-layer::before {content: ''; width: 80px; height: 80px; border-radius: 50%; 
	border: 10px solid rgba(255,255,255,0.15); border-left-color: #ffda4a; 
	display: block; box-sizing: border-box; animation: rotate 1s linear infinite;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
#loading-layer svg {display: none;}
#loading-layer.withtext {position: relative; padding: 15px 20px 15px 80px; min-height: 60px;}
#loading-layer.withtext::before {width: 40px; height: 40px; border-width: 5px; 
	position: absolute; left: 20px; top: 50%; margin-top: -20px;}


/*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; }
.title_quote {background-color: rgba(0,0,0,0.1); color: var(--tt-fade); padding: 5px 15px; font-size: 13px;}
.quote {margin-bottom: 20px; padding: 15px; padding-left: 100px; position: relative; font-size: 14px;
	background: rgba(0,0,0,0.05) url(/_asset/templates/pauk/dleimages/quotes.svg) 30px center /  40px no-repeat;}
.comm__text .quote {margin: 0 0 10px 0; font-size: 14px; padding: 13px 15px 10px 40px; 
	background-size: 20px; background-position: 10px 15px;}
.title_spoiler {margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;}
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } 
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px }
.dt .title_quote {background-color: rgba(0,0,0,0.35); color: var(--tt-fade);}
.dt .quote {background-color: rgba(0,0,0,0.2); color: var(--tt-fade-0);}


/*--- RATING ---*/
.unit-rating {display: inline-flex; position: relative; --size: 18px; --size-1: -18px; --size-2: -36px}
.unit-rating li {background:url(/_asset/templates/pauk/dleimages/rating.svg) no-repeat; position: relative; z-index: 5; 
	background-size: var(--size) auto}
.unit-rating li a {display:block; width: var(--size); aspect-ratio: 1 / 1; text-indent: -100px; overflow: hidden;}
.unit-rating:hover li {background-position: 0 var(--size-1); z-index: 10;}
.unit-rating li:hover ~ li {background-position: 0 0 !important; z-index: 5;}
.unit-rating li.current-rating {background-position: 0 var(--size-2); background-repeat: repeat-x; pointer-events: none;
	position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;}

/*---BB EDITOR ---*/
.dt .bb-btn:not(:hover) {color: var(--ui-tt-fade);}
.bb-pane {border: 1px solid var(--ui-bdc); background: var(--ui-bg-darker); padding: 5px 10px; margin-bottom: 1px;
	border-radius: 4px 4px 0 0; gap: 5px 5px; position: relative; z-index: 10; border-bottom: 0;
	display: grid; grid-template-columns: repeat(auto-fill,minmax(30px,1fr));}
.bb-btn {display: grid; place-items: center; height: 30px; cursor: pointer; font-size: 14px; border-radius: 3px;}
.bb-btn:hover {background-color: var(--ui-bg-black); color: #fff;}
@font-face {font-family: 'bb-editor-font'; src: url(/_asset/templates/pauk/webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; 
    font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#b_b:before {content: "\f032";}
#b_i:before {content: "\f033";}
#b_u:before {content: "\f0cd";}
#b_s:before {content: "\f0cc";}
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }
.bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px}
.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px}
.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px}
.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px}
.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px}
.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}
.bb-pane-dropdown .color-palette{padding:0px 5px}
.bb-editor textarea{margin-top:-1px}


/*--- DROP NENU ---*/
#dropmenudiv {font: 13px Arial; padding: 10px; display: none; background: var(--ui-bg); 
	border-radius: 8px;  box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;}
#dropmenudiv a {display: block; text-decoration: none; padding: 5px 8px; width: 154px;}


/*--- TAGS CLOUD ---*/


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; word-wrap: break-word; max-height: 60vh; overflow-x: hidden; overflow-y: auto; border-radius: var(--ui-bdrs);
	background: var(--ui-bg); box-shadow: 0 10px 20px rgba(0,0,0,0.3); width: var(--searchWidth,300px);}
#searchsuggestions span {display: block; font-size: 14px;}
#searchsuggestions span.notfound {padding: 20px; border-bottom: 1px solid var(--ui-bdc); text-align: center;}
#searchsuggestions span.seperator a {padding: 20px; text-align: center; background-color: var(--ui-bg-darker); display: block;}
.fs-result {padding: 10px; border-bottom: 1px solid var(--ui-bdc);}
.fs-result__img {width: 40px; height: 60px; margin-right: 10px; border-radius: 3px;}
.fs-result__title {font-weight: var(--ui-fw-bolder); font-size: 14px;}
.fs-result__meta {margin-top: 3px; color: var(--ui-tt-fade); font-size: 12px; gap: 10px;}
.fs-result__rating {border-radius: 3px; padding: 0 4px; font-size: 12px;
	font-weight: var(--ui-fw-bolder); background: var(--green); color: #fff;}


/*--- UI DIALOG ---*/
.ui-front {z-index: 1000;}
.ui-widget-overlay {background: #000; opacity: 0.6; left: 0; top: 0; right: 0; bottom: 0; position: fixed;}
.ui-dialog {background-color: var(--ui-bg); border-radius: 10px; max-width: 100% !important;
	box-shadow: var(--ui-bsh); width: 600px; position: absolute;}
.ui-dialog-titlebar {padding: 15px 30px; border-radius: 10px 10px 0 0;
	display: flex; align-items: center; gap: 10px; background-color: var(--ui-bg-black); color: #fff;}
.ui-dialog-title {font-size: 19px; font-weight: var(--ui-fw-bolder);}
.ui-dialog-titlebar-close {color: #fff; font-size: 24px; width: 40px; height: 40px; 
	overflow: hidden; text-indent: -200px; position: relative; margin-right: -10px; border-radius: 6px;}
.ui-icon-closethick {display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ui-icon-closethick::before {content:""; display:inline-block; width:16px; height:16px; background-color: currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; text-indent: 0;}
.ui-dialog-content {padding: 20px 30px;}
.ui-dialog-buttonpane {padding: 0 30px 20px 30px;}
.ui-dialog-buttonset, .save-buttons {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px;}
.ui-dialog-buttonset button, .save-buttons input.bbcodes {height: 36px; padding: 0 15px; font-size: 14px; 
	flex: 1 1 0; max-width: 100%; min-width: auto; white-space: nowrap;}
.ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.dle-popup-complaint .ui-dialog-content textarea, .dle-popup-sendpm .ui-dialog-content textarea {margin: 10px 0 20px 0; height: 100px !important;}
.dle-popup-complaint .ui-dialog-content textarea:last-child {margin-bottom: 0;}
.ui-dialog-content br + input, .ui-dialog-content br + select {margin-top: 10px; width: 100% !important;}
@media screen and (max-width: 760px) {
	.ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane {padding-left: 20px; padding-right: 20px;}
}


/* ---  UI MENU --- */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; }


/*--- UPDATES TO NEW VERSIONS ---*/
.comments-tree-list .comments-tree-list {padding-left: 50px;}
.commentsreplyname, .commentsreplymail, #dlereplypopup textarea, #dlereplypopup .comments_subscribe {margin-top: 10px;}
.pollallvotes {text-align: center; margin-top: 10px;}
.comments-edit-area, #dlefastreplycomments {border: 1px solid var(--ui-bd-attention); padding: 10px; margin-bottom: 10px;}
.comments-edit-area .bb-editor textarea, #dlefastreplycomments textarea, #dlereplypopup textarea {height: 140px !important;}
#dlefastreplycomments textarea, #dlefastreplycomments .quick-edit-text {margin: 10px 0;}
#dlefastreplycomments .comments_subscribe {margin-bottom: 10px; margin-top: -5px;}

/*--- 11, 12 ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}
.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;}
.qq-uploader {position:relative; width: 100%;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;}
.qq-upload-drop-area-active {background:#FF7171;}

div[id*=uploadedfile], .file-preview-box {display: grid !important; gap: 10px !important; padding: 0 !important;
	grid-template-columns: repeat(auto-fill,minmax(115px,1fr)); margin-bottom: 10px;}
.uploadedfile {background-color: var(--ui-bg); border: 1px solid var(--ui-bdc); font-size: 13px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.15); text-align: center; padding: 10px; border-radius: 4px;}
.uploadedfile .uploadimage {height: 90px; margin: 10px 0; cursor: move;}
.uploadedfile .uploadimage img {width: 100%; height: 100%; object-fit: contain;}
.sortable-ghost {opacity: 0.4;}
.uploadedfile .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.uploadedfile .info a {display: block; padding: 5px; background-color: var(--ui-bg-darker);}
.uploadedfile .info a + br + a {background-color: var(--ui-red); color: #fff;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity:0.66;}
span[id*=uploadedfile] {margin: 10px 0; display: block;}
.file-preview-card, .folder-preview-card {width: 100% !important; padding: 0 !important;}

.progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; height: 10px;
	border-radius: 4px; background:var(--ui-bg-darker); box-shadow: var(--ui-bsh-inset);}
.progress .progress-bar {float: left; width: 0%; font-size: 13px; line-height: 20px; color: #fff; 
	text-align: center; background-color:#428bca; transition: width 0.6s ease; border-radius: 4px; height: 8px;}
.progress-bar span{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
.progress-blue {background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); 
	background-repeat: repeat-x; border: 1px solid #55aeee;}
/*
.xfieldimagegallery, .comments-image-gallery {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); margin-bottom: 30px;}
.xfieldimagegallery a, .comments-image-gallery a {display: block; border: 5px solid var(--ui-bg); box-shadow: 0 0 0 1px var(--bdc); 
	position: relative; border-radius: 3px;}
.xfieldimagegallery img, .comments-image-gallery img {display: block; width: 100%; object-fit: cover;aspect-ratio: 3/2; border-radius: 3px;}
.xfieldimagegallery a::before, .comments-image-gallery a::before {content:""; display:inline-block; width:20px; height:20px; background-color: currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cline%20x1%3D%2221%22%20x2%3D%2216.65%22%20y1%3D%2221%22%20y2%3D%2216.65%22%20%2F%3E%20%3Cline%20x1%3D%2211%22%20x2%3D%2211%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cline%20x1%3D%2221%22%20x2%3D%2216.65%22%20y1%3D%2221%22%20y2%3D%2216.65%22%20%2F%3E%20%3Cline%20x1%3D%2211%22%20x2%3D%2211%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; 
	position: absolute; right: 5px; top: 5px; border-radius: 3px; width: 30px; height: 30px; font-size: 16px; 
	background-color: rgba(0,0,0,0.6); color: #fff; backdrop-filter: blur(10px); display: grid; place-items: center;}
*/.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;}
.dle-captcha > input { float: left; width: 130px; }
.instagram-media, .twitter-tweet {display: inline-block !important;}
.comments-image-gallery {margin-bottom: 15px;}

/*--- 13, 14, 15, 16, 17 ---*/
.emoji_box {width:100%; max-width: 390px;}
.emoji_category {padding:7px; clear:both;}
.emoji_list {margin-top:5px; margin-bottom:5px; width:100%;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;}
.emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;}
.emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer; text-decoration:none;}
.native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}
.mce-toc {border-bottom: 1px solid var(--bdc); padding-bottom: 15px; margin-bottom: 30px; margin-top: -15px;}
.mce-toc h2 {font-size: 18px; margin-bottom: 10px;}
.mce-toc ul li {position: relative; padding-left: 36px; margin-bottom: 3px;}
.mce-toc a {text-decoration: none; color: var(--tt);}
.mce-toc ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	background-color: #fcc506; position: absolute; top: 10px; left: 15px;}
figure {margin: 0;}
figure.align-left {float: left;}
figure.align-right {float: right;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {padding: 10px; background-color: var(--ui-bg-darker); font-size: 13px;
	caption-side: bottom; word-break: break-word; text-align: center;}
figure.image.align-center figcaption {display: table-caption;}
.image-bordered {border: 1px solid var(--ui-bdc);}
.image-shadows {box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;}
.mce-accordion summary {cursor: pointer;}
.self_delete_link {margin: 0; color: var(--ui-accent); text-decoration: underline;}

.dle-popup-quickedit .ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button-text {text-indent: -200px;}
.ui-dialog-titlebar .ui-button-text::before {content:""; display:inline-block; width:16px; height:16px; background-color: currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat; text-indent: 0; 
	position: absolute; inset: 0; display: grid; place-items: center;}
	.dle-popup-quickedit .ui-dialog-content {height: calc(100vh - 170px) !important;}
.quick-edit-text {width: 100%;}
.xfieldsrow::after {content: ''; clear: both; display: table;}

.title_spoiler {display: flex; align-items: center; gap: 6px;}
.title_spoiler a {display: block;}
.title_spoiler a:first-child, .title_spoiler svg {width: 18px; height: 18px;}
.title_spoiler a + a {flex: 1 1 0; max-width: 100%; min-width: 50px;}

.DLEPush {z-index: 1000; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {
	0% {transform: translateY(100%); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative;
	display: grid; gap: 10px; margin-bottom: 10px; width: 400px; max-width: calc(100vw - 40px); 
	color: #333; background-color: hsl(var(--hue,174), 41%, 91%); box-shadow: 0 10px 15px rgb(0 0 0 / 15%); 
	border-radius: 6px; padding: 15px 30px 15px 60px; overflow: hidden;}
.DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; 
	color: #fff; background-color: hsl(var(--hue,174), 100%, 27%); width: 45px; height: 100%;}
.DLEPush-notification .DLEPush-icon svg {scale: 0.8;}
.DLEPush-notification .DLEPush-header {font-weight: bold; font-size: 1.1em;}
.DLEPush-notification .DLEPush-header:empty {display: none;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 10px; background: none;
	border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);}
.DLEPush-notification.wrapper.push-success {--hue: 174;}
.DLEPush-notification.wrapper.push-warning {--hue: 36;}
.DLEPush-notification.wrapper.push-error {--hue: 14;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}

.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}

/* --- ADAPTIVE --- */
@media screen and (max-width: 760px) {
	.serv__gap, .form__row--submit {gap: 10px;}
	.form__row {grid-template-columns: minmax(200px,1fr);}
	.form__table, .form__table tr, .form__table td, .form__table tbody {display: block; width: 100%; min-height: 22px; padding: 0 !important;}
	.form__table tr + tr {padding-top: 20px !important;}
	.form__table .addnews {width: 100%; padding: 0 0 10px 0 !important;}
	.form__find-related {position: static; width: 100%; border-radius: 4px;}
	.qq-upload-button {width: 100% !important;}
	.form__btn {width: 100%;}
}
@media screen and (max-width: 590px) {
	.form__sec-code img {height: 60px; width: 120px;}
	.form__sec-code > input {height: 60px; line-height: 60px;}
	.comments-tree-list .comments-tree-list {padding-left: 20px;}
	.xfieldimagegallery, .comments-image-gallery {grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}

}

/* ==== icons.css ==== */
/* Иконки темы: инлайновые SVG (Lucide, ISC License) через mask-image.
   Заменяют Font Awesome Pro (87 КБ CSS + 134 КБ шрифта) без правки разметки —
   имена классов fa-* сохранены. Цвет наследуется от currentColor. */

.fal, .far, .fas, .fab {font-style: normal;
	/* по умолчанию — пустая иконка, чтобы неизвестный fa-* не стал закрашенным квадратом */
	--i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%2F%3E");}
.fal::before, .far::before, .fas::before, .fab::before {
	content: ''; display: inline-block; flex: none; width: 1em; height: 1em;
	background-color: currentColor; vertical-align: -0.125em;
	-webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat;}

.fa-pull-right::before {order: 10;}
.fa-fw::before, .fa-inside-fw .fal::before {width: 1.25em;}
.fa-18::before {width: 18px; height: 18px;}
.fa-1\.2x::before, .fa-inside-1\.2x .fal::before {width: 1.2em; height: 1.2em;}
.fa-1\.3x::before, .fa-inside-1\.3x .fal::before {width: 1.3em; height: 1.3em;}
.fa-1\.4x::before, .fa-inside-1\.4x .fal::before {width: 1.4em; height: 1.4em;}
.fa-1\.5x::before, .fa-inside-1\.5x .fal::before {width: 1.5em; height: 1.5em;}
.fa-1\.6x::before, .fa-inside-1\.6x .fal::before {width: 1.6em; height: 1.6em;}
.fa-1\.7x::before, .fa-inside-1\.7x .fal::before {width: 1.7em; height: 1.7em;}
.fa-2x::before, .fa-inside-2x .fal::before {width: 2em; height: 2em;}
.fa-fade::before {opacity: 0.5;}

/* --- карта иконок --- */
.fa-play{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%205a2%202%200%200%201%203.008-1.728l11.997%206.998a2%202%200%200%201%20.003%203.458l-12%207A2%202%200%200%201%205%2019z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-chevron-right{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-chevron-down{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-chevron-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-check-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-times{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-thumbs-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%205.88%2014%2010h5.83a2%202%200%200%201%201.92%202.56l-2.33%208A2%202%200%200%201%2017.5%2022H4a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2h2.76a2%202%200%200%200%201.79-1.11L12%202a3.13%203.13%200%200%201%203%203.88Z%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2010v12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-thumbs-down{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9%2018.12%2010%2014H4.17a2%202%200%200%201-1.92-2.56l2.33-8A2%202%200%200%201%206.5%202H20a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-2.76a2%202%200%200%200-1.79%201.11L12%2022a3.13%203.13%200%200%201-3-3.88Z%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2014V2%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-cog{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-file-alt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v5a1%201%200%200%200%201%201h5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-bars{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%205h16%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2012h16%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2019h16%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-search{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-sun{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-moon{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20.985%2012.486a9%209%200%201%201-9.473-9.472c.405-.022.617.46.402.803a6%206%200%200%200%208.268%208.268c.344-.215.825-.004.803.401%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-sliders-h{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%205H3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019H3%22%20%2F%3E%20%3Cpath%20d%3D%22M14%203v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017v4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012h-9%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2019h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%205h-7%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010v4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012H3%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-ellipsis-h{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-redo-alt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%203a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202%201%201%200%200%201%201%201v1a2%202%200%200%201-2%202%201%201%200%200%200-1%201v2a1%201%200%200%200%201%201%206%206%200%200%200%206-6V5a2%202%200%200%200-2-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M5%203a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202%201%201%200%200%201%201%201v1a2%202%200%200%201-2%202%201%201%200%200%200-1%201v2a1%201%200%200%200%201%201%206%206%200%200%200%206-6V5a2%202%200%200%200-2-2z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-redo{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-9-9c2.52%200%204.93%201%206.74%202.74L21%208%22%20%2F%3E%20%3Cpath%20d%3D%22M21%203v5h-5%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-info-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016v-4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-exclamation-triangle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-exclamation-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-user{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-envelope{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-comments{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-plus-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208v8%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-sign-out{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2017%205-5-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012H9%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-arrow-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m12%2019-7-7%207-7%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2012H5%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-arrow-right{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-arrow-to-bottom{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-check{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-search-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cline%20x1%3D%2221%22%20x2%3D%2216.65%22%20y1%3D%2221%22%20y2%3D%2216.65%22%20%2F%3E%20%3Cline%20x1%3D%2211%22%20x2%3D%2211%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%2214%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-caret-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%20%2F%3E%20%3C%2Fsvg%3E")}

.fa-chevron-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fa-arrow-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019V5%22%20%2F%3E%20%3C%2Fsvg%3E")}

/* --- иконки, используемые напрямую из CSS --- */
:root{
	--i-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%20%3C%2Fsvg%3E");
	--i-chevron-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%20%3C%2Fsvg%3E");
	--i-moon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20.985%2012.486a9%209%200%201%201-9.473-9.472c.405-.022.617.46.402.803a6%206%200%200%200%208.268%208.268c.344-.215.825-.004.803.401%22%20%2F%3E%20%3C%2Fsvg%3E");
	--i-check-white: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%20%3C%2Fsvg%3E");
	--i-play-fill: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M18%2015l12%207-12%207z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

/* ==== minimal.css ==== */
/* ===============================================================
   LORDFILM — светлый минималистичный слой. Подключается последним,
   поэтому переопределяет токены из common.css, не трогая разметку.
   Тёмная тема (.dt) не затрагивается: её правила специфичнее :root.
   =============================================================== */

:root {
	/* поверхности: тёплый небелый холст, карточки белые */
	--bg: #ffffff;
	--bg-darker: #ffffff;
	--bg-darker-1: #f7f6f3;
	--bg-blackest: #f7f6f3;

	/* текст: не абсолютно чёрный */
	--tt: #111111;
	--tt-fade-0: #4a4a47;
	--tt-fade: #5c5c59;

	/* границы почти невидимые, теней практически нет */
	--bdc: #eaeaea;
	--bsh: none;
	--bsh-block: none;
	--bsh-long: none;
	--ui-bsh: 0 2px 8px rgba(0,0,0,0.04);

	/* цвет — редкий ресурс: акцент приглушённый, кнопки графитовые */
	--accent: #346538;
	--accent-soft: #edf3ec;
	--ui-bg-btn: #111111;
	--ui-tt-btn: #ffffff;
	--ui-bg-btn-hover: #333333;
	--ui-bdc-inp: #eaeaea;
	--ui-bdc-inp-focus: #111111;
	--ui-bg-inp: #ffffff;
	--ui-bg: #ffffff;
	--ui-bg-darker: #f7f6f3;
	--ui-bg-darkest: #f0efec;
	--ui-bdc: #eaeaea;
	--ui-accent: #111111;
	--ui-gradient: none;

	/* геометрия: крупные отступы, сдержанные скругления */
	--bdrs-card: 10px;
	--bdrs-poster: 10px;
	--ui-elem-bdrs: 6px;
	--indent: 28px;
	--indent-negative: -28px;
	--max-width: 1200px;

	--fs-2xl: 30px;

	/* типографика: гротеск в интерфейсе, антиква в заголовках */
	--font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI',
		'Helvetica Neue', Arial, sans-serif;
	--font-display: 'Instrument Serif', 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-mono: 'SF Mono', 'JetBrains Mono', 'Cascadia Mono', Consolas, monospace;
}

body {font-family: var(--font-ui); background-color: var(--bg-blackest); line-height: 1.6;}
.wrapper__container--main {background-color: var(--bg-darker); box-shadow: none;}

/* фон: тёплое пятно света вместо зелёного свечения */
.wrapper::before {height: 520px;
	background: radial-gradient(120% 100% at 50% 0%, rgba(180,150,110,0.07) 0%, transparent 62%), var(--bg-blackest);}

/* ЗАГОЛОВКИ — редакционная антиква с плотным трекингом
----------------------------------------------- */
h1, h2, h3, .sect__title, .home-title, .page__title, .carou__caption {
	font-family: var(--font-display); font-weight: 400; letter-spacing: -0.02em; line-height: 1.12;
	color: var(--tt); text-transform: none;}
.home-title {font-size: clamp(26px, 3.4vw, 36px); font-weight: 300; margin: 18px 0 10px;}
.home-subtitle {color: var(--tt-fade); font-size: var(--fs-md); max-width: 62ch; margin-bottom: 4px; font-family: var(--font-ui);}
.sect__title {font-size: clamp(22px, 2.4vw, 30px);}
.carou .carou__caption {font-size: clamp(20px, 2.2vw, 26px); color: var(--tt); opacity: 1;
	margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--bdc);}
.page__title {font-size: clamp(24px, 3vw, 36px);}

/* ШАПКА — тонкая линия вместо тени
----------------------------------------------- */
.header {background-color: var(--bg); backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid var(--bdc); box-shadow: none; min-height: 64px;}
.logo {font-family: var(--font-display); text-transform: none; letter-spacing: -0.02em; font-size: 24px; color: var(--tt);}
.header__menu > li > a {font-family: var(--font-ui); font-weight: 500; text-transform: none;
	letter-spacing: 0; font-size: var(--fs-base); color: var(--tt-fade-0); border-bottom: 1px solid transparent;}
.header__menu > li > a:hover {color: var(--tt); border-bottom-color: var(--tt);}
.header__menu-hidden {border: 1px solid var(--bdc); box-shadow: var(--ui-bsh); border-radius: 10px;}
.search-block__input, .search-block__input:focus {background-color: var(--ui-bg-inp); border: 1px solid var(--bdc); height: 40px;}
.lt .search-block__input, .lt .search-block__input:focus {background-color: #f7f6f3;}
.lt .header {background-color: rgba(255,255,255,0.86);}
.header__btn-login {background: var(--ui-bg-btn); border-radius: 6px;}
.header__btn-login:hover {background: var(--ui-bg-btn-hover);}

.carou {background-color: var(--bg-darker); color: var(--tt); padding-top: 0;}
.lt .carou {--tt: #111111; --tt-fade: #5c5c59; --bdc: #eaeaea;}
.lt .carou .carou__caption {color: #111111;}
.sect.is-empty {display: none;}

/* СЕКЦИИ — воздух между блоками
----------------------------------------------- */
.content {padding: 28px var(--indent) 56px;}
.sect {margin-bottom: 64px;}
.sect__header {margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--bdc);}
.sect__more {color: var(--tt-fade); font-size: var(--fs-base);}
.sect__more:hover {color: var(--tt);}
/* весь заголовок раздела — ссылка на категорию */
.sect__title a {color: inherit; display: inline-flex; align-items: baseline; gap: 10px;}
.sect__title a::after {content: '\2192'; font-size: 0.6em; color: var(--tt-fade); transition: transform .2s ease;}
.sect__title a:hover {text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px;}
.sect__title a:hover::after {transform: translateX(4px); color: var(--tt);}

/* боковой блок «Рекомендуем»: названия остались белыми от тёмной темы */
.lt .fr__title, .lt .fr__title span, .lt .fr__title:hover {color: var(--tt);}
.lt .fr__title:hover {text-decoration: underline; text-underline-offset: 3px;}
.lt .fr__desc, .lt .fr__desc span {color: var(--tt-fade);}
.speedbar {color: var(--tt-fade); font-size: var(--fs-sm);}

/* КАРТОЧКИ — плоские, с волосяной рамкой
----------------------------------------------- */
.item, .grid-items__item {background: transparent;}
.item__img {border: 1px solid var(--bdc); border-radius: var(--bdrs-poster); overflow: hidden;
	background: var(--ui-bg-darker); box-shadow: none; transition: box-shadow .2s ease, transform .2s ease;}
.item:hover .item__img {box-shadow: 0 2px 8px rgba(0,0,0,0.04); transform: translateY(-2px);}
.item__label {background: rgba(17,17,17,0.82); color: #fff; font-size: 11px; letter-spacing: 0.04em;
	text-transform: uppercase; border-radius: 999px; padding: 4px 10px; font-weight: 500;}
.item__title {color: var(--tt); font-weight: 500;}

/* КНОПКИ И ТЕГИ
----------------------------------------------- */
button, .btn, [type="button"], [type="submit"] {border-radius: 6px; font-weight: 500; box-shadow: none;}
button:active, [type="submit"]:active {transform: scale(0.98); box-shadow: none;}
.pagination__btn-loader a {background: var(--ui-bg-btn); color: var(--ui-tt-btn); border-radius: 6px;}
/* при живом JS кнопку прячем: страница добирает следующий блок сама */
.has-autoload .pagination__btn-loader a {display: none;}
.autoload-status {text-align: center; color: var(--tt-fade); font-size: var(--fs-sm);
	font-family: var(--font-mono); padding: 18px 0 8px; min-height: 20px;}

/* ПОДВАЛ — на светлой теме весь текст тёмный, белого быть не должно
----------------------------------------------- */
.footer {border-top: 1px solid var(--bdc); background: var(--bg-darker); padding-top: 28px; padding-bottom: 28px;}
/* подвал чуть темнее основного полотна — отбивает конец страницы */
.lt .footer {background: #f2f1ed;}
.footer__logo {font-family: var(--font-display); text-transform: none;}
.lt .footer, .lt .footer a, .lt .footer span, .lt .footer li,
.lt .footer__logo, .lt .footer__logo span,
.lt .footer__notify, .lt .footer__copyright, .lt .footer__menu a {color: #111111;}
.lt .footer__notify, .lt .footer__copyright {font-size: var(--fs-sm);}
.lt .footer a:hover {color: #333333; text-decoration: underline;}

/* ПОЯВЛЕНИЕ БЛОКОВ ПРИ ПРОКРУТКЕ
----------------------------------------------- */
/* класс has-reveal ставит сам скрипт: без JS блоки видимы всегда */
.has-reveal .reveal {opacity: 0; transform: translateY(12px);}
.has-reveal .reveal.is-in {opacity: 1; transform: none;
	transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1);}
/* раздел без публикаций не должен оставлять пустое поле.
   :empty здесь не годится — внутри остаются пробелы от шаблона,
   поэтому проверяем отсутствие дочерних элементов. */
.sect:has(> .sect__content.grid-items:not(:has(*))) {display: none;}

@media (prefers-reduced-motion: reduce) {
	.has-reveal .reveal, .has-reveal .reveal.is-in {opacity: 1; transform: none; transition: none;}
	.item:hover .item__img {transform: none;}
}

@media (max-width: 900px) {
	:root {--indent: 18px;}
	.sect {margin-bottom: 44px;}
}


/* Заглушка, когда нет ни CDN-плеера, ни своих плееров в доп. полях:
   иначе на месте плеера остаётся пустая чёрная область. */
.player-empty {display: none;}
#page__player:not(:has(.tabs-block__content)) .player-empty {
	display: block; text-align: center; padding: 48px 20px; color: #787774;
	border: 1px solid #eaeaea; border-radius: 10px; background: #f7f6f3;}
/* ===== STICKYHDR-20260922: шапка всегда закреплена при прокрутке (десктоп + мобильные) ===== */
/* Отменяем авто-скрытие шапки при скролле вниз (JS-класс header-is-sticky в libs.js) */
.header-is-sticky .header {translate: 0 0 !important;}
/* overflow:hidden у .wrapper режет sticky в браузерах без поддержки overflow:clip */
.wrapper {overflow-x: clip; overflow-y: visible;}
.header {position: -webkit-sticky; position: sticky; top: 0;}

/* ===== Мобильная шапка: логотип в одну строку, кнопки компактнее ===== */
@media screen and (max-width: 760px) {
	.header {column-gap: 8px;}
	.header__logo {flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.header__logo:not(:has(img)) {height: 34px; line-height: 34px; display: block;
		font-size: 17px; letter-spacing: 0; padding-left: 30px;}
	.header__logo:not(:has(img))::before {width: 24px; height: 24px;}
	.header__theme-select {width: 34px; height: 34px; margin-left: auto;}
	.header__theme-select::before {width: 22px; height: 22px;}
	.header__btn-menu {width: 34px; height: 34px; border-radius: 8px;}
	.header__btn-menu::before {width: 20px; height: 20px;}
}
@media screen and (max-width: 400px) {
	.header__logo:not(:has(img)) {font-size: 15px; padding-left: 26px;}
	.header__logo:not(:has(img))::before {width: 20px; height: 20px;}
	.header__theme-select, .header__btn-menu {width: 30px; height: 30px;}
	.header__theme-select::before {width: 20px; height: 20px;}
	.header__btn-menu::before {width: 18px; height: 18px;}
}

/* Конец ленты: панель «Не нашли нужное кино?» сразу под сеткой, и секция
   с SEO-блоком (h2/h3) без большого пустого поля до подвала */
/* сверху столько же, сколько снизу: 20px отступ панели + 24px отступ SEO-блока */
.ugcq.ugcq--end {margin: 44px 0 20px;}
.sect:has(> .sect__seo-block) {margin-bottom: 0;}
.content:has(.sect__seo-block) {padding-bottom: 32px;}

/* Кнопки «Плеер 1 / Плеер 2»: шире, чтобы не выглядели зажатыми */
.page__player .tabs-block__select button {min-width: 140px; padding-left: 28px; padding-right: 28px; font-size: 16px; font-weight: 700;}

/* КИНОЗАЛ: тёплый графитово-чёрный фон и кинокрасный акцент (26.09.2026).
   Переопределяет палитру .dt из common.css и зелёные места скина.
   Откат — удалить этот блок (копия: minimal.css.bak-cinema). */
.dt {
	--bg: #18161a; --bg-darker: #121013; --bg-darker-1: #211e23; --bg-black: #0f0d10; --bg-blackest: #0b0a0c;
	--tt: #f2eeee; --tt-fade-0: #cfc8c8; --tt-fade: #a39b9b;
	--bdc: rgba(255,235,235,0.09);

	--accent: #e8474f; --accent-soft: rgba(232,71,79,0.14);
	--ui-bg-btn: #a8141e; --ui-bg-btn-hover: #bd1c27; --ui-tt-btn: #ffffff;
	--ui-bg-inp: rgba(255,255,255,0.04); --ui-bdc-inp: rgba(255,235,235,0.13); --ui-bdc-inp-focus: #e8474f;

	--ui-bg: #18161a; --ui-bg-darker: #211e23; --ui-bg-darkest: #121013; --ui-accent: #f07178;
	--ui-bdc: rgba(255,235,235,0.09); --ui-tt-fade: #a39b9b;
	--ui-gradient: linear-gradient(to bottom, #252126, #17151a); --ui-bg-black: #17151a;
}
/* светлая тема: тот же акцент, чтобы гамма не менялась при переключении */
:root {--accent: #b3202a; --accent-soft: #fbeced;}

/* места скина, где зелёный задан не через переменные */
.dt .wrapper::before {background: radial-gradient(120% 100% at 50% 0%, rgba(200,32,43,0.12) 0%, transparent 60%), var(--bg-blackest);}
.find-note {background: linear-gradient(90deg, rgba(200,32,43,.13), rgba(200,32,43,.02) 85%); border-left-color: rgba(232,71,79,.5);}
body.dt .ugcq {--ugcq-ring: rgba(232,71,79,.18); --ugcq-ring-bd: rgba(232,71,79,.45);}
.logo::before {background-image: url(/_asset/templates/pauk/images/logo-cinema.svg);}
/* кнопки «Плеер 1 / 2»: активная — насыщенный красный, как кнопки */
.page__player .tabs-block__select button.is-active, .page__player .tabs-block__select button:hover {background: #9c141d; color: #fff;}
.page__player .tabs-block__select button:not(.is-active):hover {background: #6a141a;}

/* Виджет заявок в карточке над плеером: вплотную к блоку плеера, небольшой зазор до вкладок */
.page__player > .ugcq {margin: 0 0 12px;}

/* Форма комментария: пустой блок защиты от спама (капча/вопрос не включены) —
   скрываем, иначе при клике в поле всплывает пустая оранжевая плашка. !important —
   потому что libs.js показывает блок инлайновым display:block. */
.ac-form .message-info:not(:has(.form__row)) {display: none !important;}

/* Оценка под постером: балл, «нравится», «не нравится» — всегда в одну строку,
   делят ширину постера поровну (на узком постере дизлайк уезжал на новую строку) */
.page__rating-ext {flex-wrap: nowrap;}
.page__rating-ext > * {flex: 1 1 0; min-width: 0; justify-content: center; padding: 0 6px;}

/* Карточка: лента «Рекомендуем» справа — без нижнего отступа раздела (.sect 64px), иначе
   правая колонка длиннее плеера и под ним пустая полоса. Пустой контейнер рекламы ADTEC — скрыт. */
.page__cols-right .page__fr {margin-bottom: 0;}
.page__player-ad.adt_container:not(:has(*)) {display: none;}

/* Навигация (компьютер): меню ровно по ширине шапки, колонки делят её поровну (29.09.2026).
   В styles.css стоит width:1140px под 7 колонок от пункта «Навигация» — меню вылезало за шапку,
   длинные пункты переносились. Пункт «Навигация» не позиционирован → меню привязано к шапке. */
@media screen and (min-width: 1221px) {
	.header .header__menu > li:first-child {position: static;}
	.header .header__menu div.header__menu-hidden {left: var(--indent); right: var(--indent); width: auto;
		grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); column-gap: 24px; padding: 22px 28px;}
}

/* pauk-home-bottom-20261009: главная (на ней H1 .home-title первым) — у последнего блока нет нижнего отступа,
   у контента 32px, как у страниц с SEO-блоком; иначе 64px раздела + 56px контента давали пустое поле над подвалом */
.content:has(> .home-title) > section:last-of-type {margin-bottom: 0;}
.content:has(> .home-title) {padding-bottom: 32px;}

/* seo-20261011: тексты категорий и главной (SEO п.2–3), «Разделы сайта» в подвале (п.5). Откат — удалить блок и pauk-css-bundle.sh <домен> */
.home-title, .sect__title {text-wrap: balance;}
.sect__seo-block h2 {margin-bottom: 10px;}
.sect__seo-block h3 {margin: 16px 0 8px; color: var(--tt);}
.sect__seo-block p {color: var(--tt-fade); line-height: 1.7; margin-bottom: 10px;}
.content .sect__seo-block p {max-width: none;}
.sect__seo-block p:last-child {margin-bottom: 0;}
.sect__seo-block a {color: var(--accent); text-decoration: underline; text-underline-offset: 2px;}
.sect__seo-block a:hover {text-decoration: none;}
.home-seo {margin-top: 32px;}
.footer__more {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 6px 0 22px;}
.footer__more-title {width: 100%; margin-bottom: 4px; text-align: center; font-size: var(--fs-sm); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--tt-fade);}
.footer__more a {display: inline-block; padding: 7px 14px; border: 1px solid var(--bdc); border-radius: 999px; font-size: var(--fs-sm); line-height: 1.2; color: var(--tt); white-space: nowrap; transition: background-color .2s, border-color .2s, color .2s;}
.footer__more a:hover {background-color: var(--accent); border-color: var(--accent); color: #fff; text-decoration: none;}
.lt .footer__more a {color: #111111;}
.lt .footer__more a:hover {color: #fff;}
/* размеры заголовков (12.10): H1 главной и категорий — в одну строку на ПК; везде H1 > H2 > H3 > текст */
.content .home-title, .content h1.sect__title {font-size: clamp(22px, 2.3vw, 28px);}
.content h2.sect__title {font-size: clamp(17px, 1.9vw, 24px);}
.content .sect__seo-block h2 {font-size: clamp(17px, 1.6vw, 20px);}
.content .sect__seo-block h3 {font-size: clamp(15px, 1.3vw, 17px);}
/* хлебные крошки (12.10): ровные отступы, стрелки вместо », домик у главной (разделитель — speedbar_separator в config.php) */
.content > nav.speedbar {margin: -10px 0 16px; padding: 0; font-size: 13px; line-height: 20px; color: var(--tt); text-align: left; text-overflow: ellipsis;}
.content > nav.speedbar a {color: var(--tt-fade); text-decoration: none; transition: color .2s;}
.content > nav.speedbar a:hover {color: var(--accent);}
.speedbar [itemprop="itemListElement"]:first-child a::before {content: ''; display: inline-block; width: 14px; height: 14px; margin: -3px 6px 0 0; vertical-align: middle; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E") center / contain no-repeat;}
.speedbar__sep {display: inline-block; width: 6px; height: 6px; margin: 0 9px 0 6px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); vertical-align: middle; position: relative; top: -1px; color: var(--tt-fade); opacity: .6;}

/* adlook-20261012: «Рекомендуем» на карточке скрыт на телефонах (до 949px, как реклама Adlook) — под плеером сразу реклама. Откат — удалить блок и pauk-css-bundle.sh <домен> */
@media (max-width: 949px) { .page__cols-right .page__fr {display: none !important;} }

/* fonts-20261012 (аудит скорости п.4): шрифт заголовков. В стеке «Instrument Serif», "Playfair Display", Georgia… — Instrument Serif без кириллицы,
   поэтому подключён Playfair Display 400 (свои файлы в webfonts/, без Google; кириллица 11 КБ + латиница 22 КБ). Откат — удалить блок и pauk-css-bundle.sh <домен> */
@font-face {font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_asset/templates/pauk/webfonts/playfair-400-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_asset/templates/pauk/webfonts/playfair-400-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;}

/* ==== extras.css ==== */
.ugcq [hidden]{display:none!important}.ugcq{display:block;margin:0 0 var(--indent,20px);--ugcq-shine:rgba(16,20,28,.04);--ugcq-lift:transparent;--ugcq-ring:rgba(52,101,56,.16);--ugcq-ring-bd:rgba(52,101,56,.45)}.dt .ugcq{--ugcq-shine:rgba(255,255,255,.06);--ugcq-lift:rgba(255,255,255,.06);--ugcq-ring:rgba(122,201,67,.18);--ugcq-ring-bd:rgba(122,201,67,.45)}.ugcq__bar{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--accent-soft,rgba(90,171,46,.14));border-radius:var(--bdrs-card,8px);background:var(--ui-bg,#fff);box-shadow:var(--bsh-block,0 1px 3px rgba(0,0,0,.12))}.ugcq__bar::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ugcq-lift),var(--ugcq-lift)),radial-gradient(75% 130% at 0% 50%,var(--accent-soft,rgba(90,171,46,.14)),transparent 60%),radial-gradient(60% 120% at 100% 50%,var(--accent-soft,rgba(90,171,46,.14)),transparent 65%)}.ugcq__bar::before{content:'';position:absolute;top:0;bottom:0;left:-42vw;width:42vw;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--ugcq-shine) 50%,transparent 100%);animation:ugcqshine 7s linear infinite}@keyframes ugcqshine{from{transform:translate3d(0,0,0)}to{transform:translate3d(150vw,0,0)}}.ugcq.is-idle .ugcq__bar::before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ugcq__bar::before{animation:none}}.ugcq__lead,.ugcq__side{position:relative;z-index:1}.ugcq__side{display:flex;align-items:center;gap:16px}.ugcq__links{display:flex;align-items:center;gap:8px}.ugcq__link{--c:var(--tt-fade,#667081);--cs:rgba(128,128,128,.12);--cs2:rgba(128,128,128,.2);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--c);border:0;background:var(--cs);transition:background .15s}.ugcq__link svg{width:18px;height:18px;fill:currentColor;display:block}.ugcq__link:hover{background:var(--cs2)}.ugcq__link--tg{--c:#229ED9;--cs:rgba(34,158,217,.14);--cs2:rgba(34,158,217,.26)}.ugcq__link--vk{--c:#0077FF;--cs:rgba(0,119,255,.14);--cs2:rgba(0,119,255,.26)}.ugcq__link--www{--c:var(--accent,#5aab2e);--cs:var(--accent-soft,rgba(90,171,46,.14));--cs2:rgba(122,201,67,.26)}.ugcq__lead{display:flex;align-items:center;gap:12px;min-width:0}.ugcq__ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;color:var(--accent,#5aab2e);background:var(--accent-soft,rgba(90,171,46,.14))}.ugcq__text{display:flex;flex-direction:column;min-width:0}.ugcq__text b{font-size:var(--fs-base,14px);color:var(--tt,#1b1f27);font-weight:600;line-height:1.35}.ugcq__text i{font-size:var(--fs-sm,12px);color:var(--tt-fade,#667081);font-style:normal;line-height:1.35}.ugcq__toggle{flex:0 0 auto;height:var(--ui-elem-height,40px);padding:0 var(--ui-elem-padding,18px);border-radius:var(--ui-elem-bdrs,6px);cursor:pointer;font-size:var(--fs-base,14px);font-weight:600;color:var(--ui-tt-btn,#fff);background:var(--ui-bg-btn,#5aab2e);box-shadow:0 4px 16px -5px var(--ui-bg-btn,#5aab2e);transition:background .15s,box-shadow .15s}.ugcq__toggle:hover{background:var(--ui-bg-btn-hover,#4c9226);box-shadow:0 6px 22px -5px var(--ui-bg-btn-hover,#4c9226)}.ugcq__panel{margin-top:10px;padding:16px 18px;border:1px solid var(--bdc,rgba(128,128,128,.25));border-radius:var(--bdrs-card,8px);background:var(--ui-bg,#fff)}.ugcq__field{position:relative}.ugcq__input{width:100%;height:var(--ui-elem-height,40px);padding:0 38px 0 14px;border-radius:var(--ui-elem-bdrs,6px);font-size:var(--fs-base,14px);color:var(--tt,#1b1f27);background:var(--ui-bg-inp,transparent);border:1px solid var(--ui-bdc-inp,rgba(128,128,128,.35));outline:none}.ugcq__input::placeholder{color:var(--tt-fade,#667081)}.ugcq__input:focus,.ugcq__input:focus-visible{outline:none;border-color:var(--ugcq-ring-bd);box-shadow:0 0 0 3px var(--ugcq-ring)}.ugcq__spin{position:absolute;top:50%;right:14px;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid var(--bdc,rgba(128,128,128,.25));border-top-color:var(--accent,#5aab2e);animation:ugcqspin .7s linear infinite}@keyframes ugcqspin{to{transform:rotate(360deg)}}.ugcq__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.ugcq__list{--ugcq-row:76px;display:flex;flex-direction:column;margin-top:10px;max-height:calc(var(--ugcq-row) * 3 + 4px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bdc,rgba(128,128,128,.25)) transparent}.ugcq__list::-webkit-scrollbar{width:6px}.ugcq__list::-webkit-scrollbar-track{background:transparent}.ugcq__list::-webkit-scrollbar-thumb{border-radius:3px;background:var(--bdc,rgba(128,128,128,.25))}.ugcq__list:hover::-webkit-scrollbar-thumb{background:var(--tt-fade,#667081)}.ugcq__list:empty{display:none;margin:0}.ugcq__item{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:var(--ugcq-row,76px);padding:8px 10px;text-align:left;cursor:pointer;white-space:normal;border-radius:var(--ui-elem-bdrs,6px);background:transparent;transition:background .12s}.ugcq__item + .ugcq__item{margin-top:2px}.ugcq__item:hover,.ugcq__item:focus-visible{background:var(--bg-darker-1,rgba(128,128,128,.10))}.ugcq__item img{flex:0 0 auto;width:40px;height:60px;object-fit:cover;border-radius:var(--bdrs-poster,8px);background:var(--bg-darker-1,rgba(128,128,128,.10))}.ugcq__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ugcq__name{font-size:var(--fs-base,14px);font-weight:600;color:var(--tt,#1b1f27);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugcq__sub{font-size:var(--fs-sm,12px);color:var(--tt-fade,#667081)}.ugcq__badge{margin-left:auto;flex:0 0 auto;padding:5px 12px;border-radius:20px;white-space:nowrap;font-size:var(--fs-sm,12px);font-weight:500;color:var(--tt-fade,#667081);border:1px solid var(--bdc,rgba(128,128,128,.25));background:transparent;transition:.12s}.ugcq__item:hover .ugcq__badge{color:var(--accent,#5aab2e);border-color:transparent;background:var(--accent-soft,rgba(90,171,46,.14))}.ugcq__badge--on{color:var(--accent,#5aab2e);border-color:transparent;background:var(--accent-soft,rgba(90,171,46,.14))}.ugcq__msg{margin-top:12px;padding:10px 14px;border-radius:var(--ui-elem-bdrs,6px);font-size:var(--fs-base,14px);color:var(--tt,#1b1f27);border:1px solid var(--bdc,rgba(128,128,128,.25));background:var(--bg-darker-1,rgba(128,128,128,.10))}.ugcq__msg.is-ok{color:var(--accent,#5aab2e);border-color:transparent;background:var(--accent-soft,rgba(90,171,46,.14))}.ugcq__msg.is-err{color:var(--red,#e03131);border-color:transparent;background:rgba(224,49,49,.12)}.ugcq__ready{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 16px;border:1px solid var(--bdc,rgba(128,128,128,.25));border-radius:var(--bdrs-card,8px);background:var(--ui-bg,#fff);font-size:var(--fs-base,14px);color:var(--tt,#1b1f27)}.ugcq__ready.is-done{border-color:transparent;background:var(--accent-soft,rgba(90,171,46,.14));color:var(--accent,#5aab2e)}.ugcq__ready.is-fail{border-color:transparent;background:rgba(224,49,49,.12);color:var(--red,#e03131)}.ugcq__ready-spin{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:2px solid var(--bdc,rgba(128,128,128,.25));border-top-color:var(--accent,#5aab2e);animation:ugcqspin .7s linear infinite}.ugcq__ready-text{flex:1 1 0;min-width:0}.ugcq__ready-btn{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:var(--ui-elem-bdrs,6px);font-weight:600;font-size:var(--fs-sm,12px);color:var(--ui-tt-btn,#fff);background:var(--ui-bg-btn,#5aab2e)}.ugcq__ready-btn:hover{background:var(--ui-bg-btn-hover,#4c9226);color:var(--ui-tt-btn,#fff)}.ugcq__ready-close{flex:0 0 auto;width:24px;height:24px;padding:0;font-size:18px;line-height:1;border-radius:50%;background:transparent;color:inherit;opacity:.6;cursor:pointer}.ugcq__ready-close:hover{opacity:1;background:transparent;color:inherit}@media (max-width:520px){.ugcq__bar{padding:12px 14px}.ugcq__ready{flex-wrap:wrap;gap:10px}.ugcq__ready-spin{order:0}.ugcq__ready-text{order:1;flex:1 1 0;min-width:0}.ugcq__ready-close{order:2}.ugcq__ready-btn{order:3;flex:1 1 100%;justify-content:center;height:38px;margin:0}.ugcq__side{width:100%;flex-direction:column;gap:10px}.ugcq__toggle{width:100%}.ugcq__links{justify-content:center;gap:12px}.ugcq__link{width:42px;height:42px}.ugcq__link svg{width:20px;height:20px}.ugcq__badge{display:none}.ugcq__panel{padding:14px}.ugcq__lead{align-items:flex-start}.ugcq__ico{width:32px;height:32px;margin-top:1px}.ugcq__ico svg{width:18px;height:18px}}.ugcq__links .ugcq__link--vk{width:auto;height:40px;padding:0 16px;gap:8px;border-radius:8px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}.ugcq__links .ugcq__link--vk svg{width:20px;height:20px}@media (max-width:520px){.ugcq__links{width:100%}.ugcq__links .ugcq__link--vk{width:100%;height:var(--ui-elem-height,40px);border-radius:var(--ui-elem-bdrs,6px);font-size:var(--fs-base,14px);justify-content:center}}.vkpeek{position:absolute;left:100%;top:30%;z-index:30;width:var(--vkpeek-w,330px);pointer-events:none;overflow:hidden}.vkpeek__track{overflow:hidden;padding:6px 0 14px 0;margin-left:38px}.vkpeek__card{position:relative;pointer-events:auto;box-sizing:border-box;width:100%;height:var(--vkpeek-ear-h,240px);padding:16px 18px;display:flex;flex-direction:column;justify-content:center;background:var(--ui-bg,#17121f);color:var(--tt,#fff);border:1px solid var(--accent-soft,rgba(255,255,255,.12));border-left:0;border-radius:0 12px 12px 0;box-shadow:0 12px 32px rgba(0,0,0,.45);transform:translateX(-101%);transition:transform .75s cubic-bezier(.22,1,.36,1)}.vkpeek.is-open .vkpeek__card{transform:none}.vkpeek__head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-right:18px}.vkpeek__logo{flex:0 0 40px;height:40px;border-radius:11px;background:#0077FF;display:grid;place-items:center}.vkpeek__logo svg{width:26px;height:26px;fill:#fff}.vkpeek__title{font-size:19px;font-weight:800;line-height:1.2}.vkpeek__text{margin:0 0 16px;font-size:16px;line-height:1.35;color:var(--tt-fade-0,#ddd)}.vkpeek__btn{flex:none;display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;background:#0077FF;color:#fff!important;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}.vkpeek__btn:hover{background:#0a84ff}.vkpeek__close{position:absolute;top:6px;right:6px;width:28px;height:28px;min-width:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tt-fade,#aaa);font-size:20px;line-height:28px;cursor:pointer;box-shadow:none}.vkpeek__close:hover{background:rgba(255,255,255,.08);color:var(--tt,#fff)}.vkpeek__ear{position:absolute;left:0;top:6px;pointer-events:auto;width:38px;height:var(--vkpeek-ear-h,240px);min-width:0;padding:10px 0;border:0;border-radius:0 10px 10px 0;background:#0077FF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:border-radius .2s}.vkpeek__ear svg{position:absolute;top:12px;left:50%;margin-left:-13px;width:26px;height:26px;fill:#fff}.vkpeek__ear-text{writing-mode:vertical-rl;color:#fff;font-size:16px;font-weight:700;letter-spacing:.06em;white-space:nowrap;line-height:1}.vkpeek__ear:hover{background:#0a84ff}.vkpeek.is-ear .vkpeek__ear{animation:vkpeek-nudge 5s ease-in-out 1.5s infinite}.vkpeek.is-open .vkpeek__ear{border-radius:0}.vkpeek:not(.is-ready) .vkpeek__ear{visibility:hidden}@keyframes vkpeek-nudge{0%,80%,100%{translate:0 0}84%{translate:5px 0}88%{translate:0 0}92%{translate:3px 0}96%{translate:0 0}}.vkpeek.is-ear .vkpeek__ear:hover{animation:none}@media (prefers-reduced-motion:reduce){.vkpeek__card,.vkpeek__ear{transition:none;animation:none!important}}@media not all and (min-width:1221px) and (any-hover:hover){.vkpeek{display:none!important}}#vkpeek.is-test{display:block!important}.access .access__btns{display:flex!important;gap:10px;margin-top:14px}.access .access__btn{display:flex!important;align-items:center;justify-content:center;gap:8px;height:46px!important;padding:0 12px!important;border-radius:8px}.access .access__btns .access__btn{flex:1 1 0!important;width:auto!important;margin-top:0!important}.access .access__btn--wide{display:flex!important;width:100%!important;margin-top:10px}.access .access__btn svg{width:24px;height:24px;fill:currentColor;flex-shrink:0;display:block}