﻿/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: min(340px, 92vw); height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s cubic-bezier(0.33, 1, 0.68, 1); 
	background-color: var(--bg); box-shadow: 8px 0 40px rgba(15, 23, 42, 0.15);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 16px 18px; gap: 12px; background-color: var(--bg-darker-1); border-bottom: 1px solid rgba(var(--bdc-rgb), 0.35);}
.mobile-menu__header .logo {font-size: 18px;}
.mobile-menu__btn-close {font-size: 22px; width: 42px; height: 42px; flex-shrink: 0; margin: -4px -8px 0 0;}
.mobile-menu__content .sdud__menu {display: block; margin: 0;}
.mobile-menu__content .sdud__menu > li > a {
	height: auto;
	min-height: 48px;
	padding: 12px 4px;
	align-items: center;
	font-size: 15px;
}
.mobile-menu__content .sdud__menu-hidden {opacity: 1; visibility: visible; translate: 0 0; position: static;
	background-color: var(--bg-darker); width: calc(100% + 36px); margin: 8px -18px 0; box-shadow: none; padding: 16px 18px;
	border-radius: 0 0 12px 12px;}
.mobile-menu__content div.sdud__menu-hidden {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px;}
.mobile-menu__content .sdud__menu-hidden a {
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -24px; --indent: 24px;}
	.fredc__container {max-width:1000px;}
	body {padding-top: 0;}
	.sdud .sdud__menu {display: none;}
	.sdud__row--top {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		padding-bottom: 10px;
	}
	.sdud__top-spacer {display: block;}
	.sdud__row--top .sdud__brand {
		grid-column: 2;
		justify-self: center;
	}
	.sdud__row--top .sdud__actions {
		grid-column: 3;
	}
	.sdud {
		margin: 10px 0 12px;
		padding: 16px var(--indent);
		top: 6px;
	}
	.sdud__search.search-block {flex: 0 0 auto; min-width: 0; max-width: none;}
	.sdud__btn-menu {display: flex;}
	.sdud .sdud__user-rail .sdud__ava {display: none !important;}
	body.mobile-menu-is-opened #sdud .sdud__search {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.qapo__desc-tabs button {
		flex: 1 1 calc(50% - 4px);
		padding: 9px 10px;
		font-size: var(--qapo-fs-xs, 12px);
	}

	.qapo__info-tabs-nav {
		margin-left: calc(-1 * var(--indent, 24px));
		margin-right: calc(-1 * var(--indent, 24px));
		padding: 0 var(--indent, 24px);
		scroll-snap-type: x proximity;
	}

	.qapo__info-tabs-nav button {
		padding: 11px 14px;
		font-size: var(--qapo-fs-sm);
		scroll-snap-align: start;
	}

	.qapo__info-tabs-nav button::after {
		left: 14px;
		right: 14px;
	}

	.qapo__info-tabs > .qapo__info-plot:not(.is-expanded) .qapo__desc-text-wrap {
		--qapo-desc-collapsed: 130px;
		max-height: var(--qapo-desc-collapsed);
	}

	.qapo__schedule-expand-wrap:not(.is-expanded) .qapo__schedule-clip {
		max-height: 260px;
	}

	.qapo__info-plot {
		margin-top: 0;
		padding-top: 0;
	}

	.qapo__schedule-scroll {
		max-height: min(420px, 52vh);
	}

	.qapo__schedule-player .qapo__schedule-scroll {
		max-height: none;
		overflow: visible;
	}

	.dle-popup-schedule.ui-dialog {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
	}

	.dle-popup-schedule .ui-dialog-content {
		padding: 12px 12px 16px;
	}

	.qapo__player-toolbar {
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.qapo__player-schedule-btn {
		order: 0;
	}

	.qapo__schedule-player-title {
		margin-bottom: 12px;
	}

	.qapo__schedule-tabs.qapo__info-tabs-nav {
		margin-bottom: 12px;
	}

	.qapo__schedule-table {
		min-width: 480px;
		font-size: var(--qapo-fs-xs, 12px);
	}

	.qapo__schedule-table thead th,
	.qapo__schedule-table tbody td,
	.qapo__schedule-table tbody th {
		padding: 10px 10px;
	}

	.qapo__subtitle--faq {
		text-align: left;
		margin-bottom: 14px;
		padding-bottom: 12px;
	}

	.qapo__faq {
		margin-top: 0;
	}

	.qapo__faq-title {
		padding: 12px 36px 12px 2px;
	}

	.qapo__faq-input:checked + .qapo__faq-title + .qapo__faq-content .qapo__faq-answer {
		padding: 0 2px 14px 17px;
	}

	.qapo__cols {display: block;}

	.qapo__meta {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.qapo__meta:not(.qapo__meta--flat) .qapo__meta-row {
		padding: 11px 12px;
	}

	.qapo__catalog-tags-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.qapo__catalog-tags-label {
		margin-top: 0;
	}

	.qapo__player-controls {
		padding: 10px 12px;
		background: transparent;
	}

	.qapo__ac .ac-form__editor .bb-editor textarea {
		height: 240px !important;
		min-height: 240px;
		line-height: 1.5;
		padding-top: 14px;
		padding-bottom: 48px;
	}
}

@media screen and (max-width: 1220px) {
	.search-block__header-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 42px;
		height: 42px;
		font-size: 18px;
		color: var(--accent);
		border-radius: 10px;
	}
	.search-block__header-toggle:hover,
	.sdud__search.is-search-open .search-block__header-toggle {
		background: rgba(var(--accent-rgb), 0.1);
	}
	.search-block__backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 118;
		background: rgba(15, 23, 42, 0.45);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}
	.sdud__search.is-search-open .search-block__backdrop {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.search-block__surface {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		position: fixed;
		left: 50%;
		right: auto;
		top: calc(env(safe-area-inset-top, 0px) + var(--header-search-offset, 72px));
		transform: translateX(-50%) translateY(-6px);
		width: min(560px, calc(100vw - 24px));
		max-width: calc(100vw - 24px);
		padding: 14px;
		box-sizing: border-box;
		z-index: 130;
		background: var(--bg-darker);
		border: 1px solid rgba(var(--bdc-rgb), 0.45);
		border-radius: 14px;
		box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	}
	.sdud__search.is-search-open .search-block__surface {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
	}
	.search-block__surface .search-block__form {
		flex: 1 1 0;
		min-width: 0;
	}
	.search-block__surface .search-block__input {
		width: 100%;
		min-width: 0;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}
	.search-block__surface .search-block__btn {
		height: 44px;
		width: 44px;
	}
	.search-block__surface-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 44px;
		height: 44px;
		font-size: 18px;
		color: rgba(var(--tt-rgb), 0.55);
		border-radius: 10px;
		margin-top: 0;
	}
	.search-block__surface-close:hover {
		background: rgba(var(--tt-rgb), 0.08);
		color: var(--tt);
	}
}
@media screen and (max-width: 1220px) and (min-width: 590px) {
	.nuks:has(.nuks__tabs) .grid-items {display: flex; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch;}
	.nuks:has(.nuks__tabs) .grid-items > .grid-items__item {flex-shrink: 0; width: 170px;}
}

@media screen and (max-width: 950px) {
	.fredc__container {max-width:768px;}
	.gribs__notify {margin: 0;}
	.gribs__menu {width: 100%;}
	.gribs__catalog {
		width: 100%;
		flex: none;
		max-width: 100%;
	}
	.gribs__main {
		flex-direction: column;
		gap: 16px;
	}
	.gribs__brand {
		max-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;}
}

@media screen and (max-width: 760px) {
	:root {--indent: 16px; --indent-negative: -16px;}
	.fredc__container {max-width:100%;}
	.sdud .sdud__catnav,
	.sdud .sdud__menu {display: none;}
	.sdud__row--nav {display: none;}
	.sdud__row--top {
		grid-template-columns: minmax(0, 1fr) auto;
		padding-bottom: 0;
	}
	.sdud__top-spacer {display: none;}
	.sdud__row--top .sdud__brand {
		grid-column: 1;
		justify-self: start;
	}
	.sdud__row--top .sdud__actions {
		grid-column: 2;
	}
	.sdud .sdud__btn-login, .sdud__btn1 {display: none;}
	.sdud .sdud__search.search-block {
		display: flex;
		flex: 0 0 auto;
		min-width: 0;
	}
	.sdud__actions {padding-left: 0; border-left: 0; margin-left: 0; flex-wrap: nowrap;}
	.sdud__tools {padding-left: 8px; margin-left: 0;}
	.sdud__brand {flex: 1 1 auto; min-width: 0; max-width: none;}
	.sdud__logo .sdud__logo-inner {padding-left: 44px;}
	.sdud__logo .sdud__tagline {font-size: 12px;}
	.sdud__btn-menu, .sdud__btns {order: 10; padding: 0;}
	.nuks__header:has(.nuks__tabs) .nuks__title {width: 100%;}
	.nuks__tabs {margin-top: 10px; gap: 8px; width: 100%;}
	.nuks__tabs button {flex: 1 1 0; max-width: 100%; min-width: max-content; padding: 0 12px; font-size: 13px; height: 44px; min-height: 44px;}
	.mylists-page__header :is(h1, .mylists-h1) {width: 100%;}
	.mylists-tabs-slot {margin-top: 10px;}
	.nuks .vyrf-block {display: none;}
	.nuks .vyrf-block.is-active {display: block;}
	.nuks__btn-vyrf {display: flex;}

	.qapo__info-tabs .qapo__meta.qapo__meta--flat .qapo__meta-row,
	.qapo__info-tabs .qapo__meta.qapo__meta--flat .qapo__meta-row--wide {
		display: grid;
		grid-template-columns: 6.25rem minmax(0, 1fr);
		column-gap: 10px;
		row-gap: 0;
		padding: 4px 0;
	}

	#qapo-info-panel-meta {
		--qapo-label-w: 6.5rem;
	}

	#qapo-info-panel-meta .qapo__info-meta-title {
		gap: 4px 6px;
		margin-bottom: 8px;
	}

	.qapo__pc-grid,
	.qapo__parental:not(:has(.qapo__pc-grid)):not(:has(.qapo__parental-board)) {
		grid-template-columns: none;
	}

	.qapo__parental-section,
	.qapo__main-parental {
		margin-top: 10px;
		padding-top: 10px;
	}

	/* Dossier на всю ширину float — без двойного «сужения» */
	.qapo__dossier {
		margin-inline: calc(-1 * var(--qapo-pad-x, var(--indent, 18px)));
		padding: 14px var(--qapo-pad-x, var(--indent, 18px)) 12px;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}

	.qapo__dossier > .qapo__info-plot {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	#qapo-info-panel-meta {
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	#qapo-info-panel-meta .qapo__slate {
		padding: 0;
		margin-bottom: 6px;
		border-radius: 0;
		background: none;
		border: 0;
	}

	#qapo-info-panel-meta .qapo__slate-row {
		gap: 0;
		row-gap: 4px;
		font-size: 13px;
	}

	#qapo-info-panel-meta .qapo__slate-chip,
	#qapo-info-panel-meta .qapo__slate-watch {
		min-height: 0;
		padding: 0;
		font-size: inherit;
	}

	#qapo-info-panel-meta .qapo__slate-chip--total {
		min-height: 28px;
		padding: 4px 10px;
		font-size: 12px;
	}

	#qapo-info-panel-meta .qapo__slate-chip--status .status__info {
		min-height: 28px;
		padding: 4px 10px;
		font-size: 12px;
	}

	#qapo-info-panel-meta .qapo__slate-row > :not(:last-child)::after {
		margin: 0 0.4em;
	}

	#qapo-info-panel-meta .qapo__slate-chip--total:not(:last-child),
	#qapo-info-panel-meta .qapo__slate-chip--status:not(:last-child) {
		margin-right: 0.8em;
	}

	#qapo-info-panel-meta .qapo__slate-chip--total:not(:last-child)::after,
	#qapo-info-panel-meta .qapo__slate-chip--status:not(:last-child)::after {
		left: calc(100% + 0.3em);
	}

	/* Р’СЃРµ РїСѓРЅРєС‚С‹ В«Рћ СЃРµСЂРёР°Р»РµВ» вЂ” РѕРґРЅР° РєРѕР»РѕРЅРєР° СЃС‚СЂРѕРє dt | dd */
	#qapo-info-panel-meta .qapo__meta-pair,
	#qapo-info-panel-meta .qapo__meta-pair--chips,
	#qapo-info-panel-meta .qapo__meta-pair--people,
	#qapo-info-panel-meta .qapo__meta-pair--context,
	#qapo-info-panel-meta .qapo__meta-pair--facts,
	#qapo-info-panel-meta .qapo__meta-pair--facts:has(> .qapo__meta-row:nth-child(3):last-child),
	#qapo-info-panel-meta .qapo__meta-pair--facts:has(> .qapo__meta-row:nth-child(2):last-child),
	#qapo-info-panel-meta .qapo__meta-pair--links {
		display: contents;
	}

	#qapo-info-panel-meta .qapo__meta-row--chips .qapo__meta-tags a,
	#qapo-info-panel-meta .qapo__meta-pair--links .qapo__meta-row--chips .qapo__meta-tags a {
		min-height: 0;
		padding: 0;
		font-size: inherit;
	}

	#qapo-info-panel-meta .qapo__sheet-row--voice {
		padding: 6px 0;
	}

	#qapo-info-panel-meta .qapo__persons-inline,
	#qapo-info-panel-meta .qapo__persons-inline--clamp {
		display: inline;
		max-height: none;
		overflow: visible;
		padding-right: 0;
		gap: 0;
		font-size: 0;
		line-height: 0;
	}

	#qapo-info-panel-meta .qapo__person {
		font-size: 13px;
		line-height: 1.45;
	}

	#qapo-info-panel-meta .qapo__person + .qapo__person::before {
		content: none;
	}

	#qapo-info-panel-meta .qapo__person-sep {
		font-size: 13px;
		line-height: 1.45;
	}

	#qapo-info-panel-meta .qapo__person:last-child .qapo__person-sep {
		display: none;
	}

	#qapo-info-panel-meta .qapo__person-name {
		display: inline;
		min-height: 0;
		padding: 0;
		font-size: inherit;
		font-weight: 500;
		background: none;
		border: 0;
		border-radius: 0;
	}

	.catnav.float-surface {
		padding: 18px var(--indent) 20px;
		margin-bottom: 16px;
	}
	.catnav__heading {
		font-size: clamp(1.05rem, 4.5vw, 1.25rem);
	}
	.catnav__header {
		gap: 10px 14px;
		margin-bottom: 16px;
		padding-bottom: 14px;
	}
	.catnav__groups {
		gap: 20px;
	}
	.catnav__title {
		margin-bottom: 12px;
		font-size: 12px;
	}
	.catnav__link {
		padding: 7px 12px;
		font-size: 13px;
	}
	.catnav__links {
		gap: 6px;
	}
	.catnav__links--genres {
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 8.25rem), 1fr));
		gap: 6px;
	}
	.catnav__links--genres .catnav__link {
		padding: 8px 10px;
		font-size: 12px;
		line-height: 1.35;
	}
	.catnav__links--years {
		grid-template-columns: repeat(auto-fill, minmax(62px, 1fr));
		gap: 6px;
	}
	.catnav__links--years .catnav__link {
		padding: 8px 6px;
		font-size: 12px;
	}

	article.qapo {
		--qapo-fs-h2: clamp(17px, 4.5vw, 20px);
	}

	.qapo__main {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"header"
			"poster"
			"info"
			"plot";
		gap: 14px;
	}
	.qapo__header h1,
	.qapo__title-seo,
	body:has(.qapo__header) .speedbar {text-align: center;}
	.qapo__header .qapo__tagline {margin-left: auto; margin-right: auto; text-align: center;}
	.qapo__header .qapo__title-row .qapo__title-en {
		text-align: center;
	}
	.qapo__header .qapo__title-row {
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
		row-gap: 8px;
	}
	.qapo__header .qapo__title-row:not(:has(.qapo__title-en)):not(:has(.qapo__title-meta)) {
		display: none;
	}
	.qapo__header .qapo__title-row .qapo__title-en-wrap {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}
	.qapo__header .qapo__title-meta {
		flex: 1 1 100%;
		width: 100%;
		justify-content: center;
	}
	.qapo__header .qapo__scoreboard {
		justify-content: center;
		flex-wrap: wrap;
	}
	.qapo__slogan {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border-left: none;
		padding-left: 0;
		border-bottom: 2px solid rgba(var(--qapo-lamp-rgb, var(--accent-play-rgb)), 0.45);
		padding-bottom: 8px;
		max-width: 36ch;
	}
	.qapo__poster-shell .qapo__to-watch-btn,
	.qapo__poster-shell .qapo__to-watch-btn--primary,
	.qapo__poster-shell .mylists-dropdown__toggle.qapo__to-watch-btn,
	.qapo__poster-shell .mylists-dropdown__toggle.qapo__to-watch-btn--secondary {
		min-height: 48px;
		height: 48px;
		padding: 0 14px;
		box-sizing: border-box;
		white-space: nowrap;
		width: 100%;
	}
	.qapo__poster-shell {position: static; top: auto; margin-left: auto; margin-right: auto; max-width: 220px; width: 100%;}
	.qapo__poster {width: 100%;}
	.qapo__list-rates {padding: 10px 0; flex-wrap: wrap; justify-content: flex-start;}
	.qapo__player-controls {
		display: grid;
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 8px;
		padding: 10px;
		background: transparent;
		border-radius: 0;
	}

	.qapo__player .tabs-block__select.qapo__player-tabs,
	.qapo__player .qapo__player-tabs {
		grid-column: 1;
		flex: none;
		width: 100%;
		min-width: 0;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 2px;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	.qapo__player-view-switch {
		grid-column: 1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		max-width: none;
		gap: 6px;
		padding: 0;
		background: transparent;
		border: 0;
		order: 0;
	}

	.qapo__player-view-btn-label {
		display: inline;
	}

	.qapo__player-view-btn {
		width: 100%;
		min-width: 0;
		min-height: 40px;
		padding: 0 10px;
	}

	.qapo__player-view-btn .fal {
		display: none;
	}

	.qapo__player .tabs-block__select.qapo__player-tabs button,
	.qapo__player .tabs-block__select button {
		flex: 0 0 auto;
		max-width: none;
		min-width: 4.5rem;
		min-height: 40px;
		padding: 8px 10px;
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.qapo__player .tabs-block__select button:last-child:nth-child(odd) {
		flex-basis: auto;
		max-width: none;
	}

	.qapo__player--stack .qapo__player-stage {
		padding: 0;
		gap: 0;
	}

	.qapo__player,
	.qapo__player-surface,
	.qapo__player-viewport,
	.qapo__player-bookmark-hint,
	.qapo__player-stage,
	.qapo__player-bottom,
	.qapo__player-actions,
	.qapo__player-emote,
	.qapo__player-toolbar {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.qapo__player-viewport {
		border-radius: var(--radius-md);
	}

	.qapo__player-controls {
		border-radius: 0;
	}

	.qapo__player-bottom {
		padding: 8px 0 0;
	}

	.qapo__player-toolbar {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 8px 10px;
	}

	.qapo__player-share-menu[open] > .qapo__toolbar-social {
		left: 0;
		right: auto;
		top: calc(100% + 8px);
		bottom: auto;
		min-width: min(100vw - 32px, 300px);
	}

	.qapo__toolbar-sep:not(.qapo__toolbar-sep--inner) {
		display: none;
	}

	.qapo__player-side-actions {
		flex: 0 0 auto;
		justify-content: flex-end;
		flex-wrap: nowrap;
		order: 0;
		width: auto;
		margin-left: auto;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_header {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		padding: 8px 10px 6px;
		gap: 8px;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_header_main {
		flex: 0 0 auto;
		width: 100%;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_header_meta {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		text-align: left;
		gap: 6px;
		margin-left: 0;
		margin-top: 2px;
		padding-top: 8px;
		width: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_stat,
	.qapo__player-emote .dle_emote_block--rating .dle_emote_lead {
		display: block;
		line-height: 1.4;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_prompt {
		margin: 0;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_distribution {
		margin: 0 10px;
	}

	.qapo__player-emote .dle_emote_block--rating .dle_emote_block2 {
		padding: 6px 10px 10px;
	}

	.qapo__schedule-tabs.qapo__info-tabs-nav button {
		min-height: 44px;
	}

	.qapo__comments-compose {
		padding: 14px;
	}

	.qapo__comments-head {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.qapo__comments-head-main {
		align-items: center;
	}

	/* Одна строка: заголовок + линия + «Написать» — без переноса rail */
	.qapo__comments-head-row.taskir__head {
		flex-wrap: nowrap;
		gap: 8px 10px;
	}

	.qapo__comments-rail.taskir__rail {
		display: flex !important;
		flex: 1 1 auto;
		width: auto;
		min-width: 28px;
	}

	.qapo__comments-head .nuks__title.taskir__caption {
		flex: 0 1 auto;
		min-width: 0;
		font-size: clamp(16px, 4.6vw, 19px);
	}

	.qapo__comments-write {
		margin-left: 0;
		flex: 0 0 auto;
		min-height: 34px;
		padding: 0 12px;
		font-size: 12px;
	}

	.qapo__comments-list .qapo__comments-empty,
	.qapo__comments-list--not-comments .message-info {
		grid-template-columns: 40px minmax(0, 1fr);
		padding: 14px;
	}

	.qapo__comments-list .qapo__comments-empty::before,
	.qapo__comments-list--not-comments .message-info::before {
		width: 40px;
		height: 40px;
		font-size: 17px;
	}

	.glv-cols .qapo__float--comments {
		padding-block: 18px 4px !important;
		margin-top: 4px !important;
	}

	.ya-share2 {width: 100%; text-align: center;}
	
	.qapo__ac {margin-bottom: 0;}
	.ac-form__protect {
		padding: 12px 14px;
		gap: 12px;
	}
	.ac-form .form__sec-code {
		flex-wrap: wrap;
	}
	.ac-form .form__sec-code > input {
		max-width: none;
		flex: 1 1 140px;
	}
	.ac-form__bottom {
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 14px;
	}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__bottom .has-checkbox {flex: 1 1 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span {display: none;}
	.ac-form #b_color {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm__layout {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 10px 12px;
		padding: 12px 12px 12px 14px;
	}
	.comm__avatar {
		width: 40px;
		height: 40px;
	}
	.comm__user-rating {
		display: none;
	}
	.comm__group {
		display: none;
	}
	.comm__header {
		flex-wrap: wrap;
	}
	.comments-tree-list .comments-tree-list {
		padding-left: 12px;
	}
}

@media screen and (max-width: 589px) {
	.grid-items:not(.news-grid):not(.kpdn__grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		padding: 6px;
		margin: -6px;
	}

	.grid-items:not(.news-grid):not(.kpdn__grid) > #dle-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__caption .lodyt__title,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__body .lodyt__title {
		font-size: 13px;
		line-height: 1.25;
	}

	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__caption,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__body {
		padding: 8px 8px 9px;
		gap: 3px;
	}

	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__signals {
		font-size: 12px;
	}

	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__year {
		font-size: 12px;
	}
}

@media screen and (max-width: 590px) {
	#qapo-info-panel-meta {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.qapo__dossier {
		padding-top: 12px;
		padding-bottom: 10px;
	}

	#qapo-info-panel-meta .qapo__sheet-row {
		padding: 6px 0;
	}

	.kpdn__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.news-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.kpdn-card__link {
		min-height: 54px;
		padding: 11px 12px;
	}

	.kpdn-card__label {
		font-size: 14px;
	}

	.fredc__container {max-width:100%;}
	.lgn {
		width: calc(100% - 24px);
		max-height: calc(100vh - 24px);
	}
	.lgn__content {
		padding: 22px 16px 18px;
		gap: 14px;
		border-radius: 16px;
		max-height: calc(100vh - 24px);
	}
	.lgn__btn-close {
		right: 8px;
		top: 8px;
		width: 34px;
		height: 34px;
		font-size: 18px;
	}
	.lgn__header {
		gap: 12px;
		padding-right: 32px;
	}
	.lgn__avatar {
		flex-basis: 52px;
		width: 52px;
		font-size: 20px;
	}
	.lgn__title {font-size: 17px;}
	.lgn__caption {font-size: 12px; margin-top: 2px;}
	.lgn__input input {height: 46px; line-height: 46px; padding: 0 14px;}
	.lgn__btn button {height: 46px;}
	.lgn__social a {width: 36px; height: 36px;}
	.qapo__schedule-expand-wrap:not(.is-expanded) .qapo__schedule-clip {
		max-height: 240px;
	}
	.sdud__login a, .sdud__btn1 {display: none;}
	.gribs__notify {width: 100%; padding: 0; border: 0; text-align: left;}
	.gribs__copyright {margin: 0; text-align: left; width: 100%;}
	.gribs__main {
		width: 100%;
		min-width: 0;
	}
	.gribs__brand {
		width: 100%;
		max-width: 100%;
	}
	.gribs__catalog {
		width: 100%;
		flex: none;
		max-width: 100%;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 12px 20px;
	}
	.gribs__legal {flex-direction: column; text-align: left; align-items: flex-start;}
	.gribs__legal .gribs__counter {margin-left: auto; margin-right: auto;}
}

@media screen and (max-width: 1220px) {
	.hwupd {
		--hwupd-card-h: 52px;
		--hwupd-thumb-w: 28px;
		--hwupd-thumb-h: 42px;
	}

	.hwupd-card__ph-text {
		font-size: 12px;
	}

	.hwupd__timeline {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: rgba(var(--accent-rgb), 0.45) transparent;
	}

	.hwupd__timeline::-webkit-scrollbar {
		height: 5px;
	}

	.hwupd__timeline::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: rgba(var(--accent-rgb), 0.45);
	}

	.hwupd__day {
		flex: 0 0 calc((100% - 32px) / 5);
		min-width: 148px;
		scroll-snap-align: start;
	}
}

@media screen and (max-width: 760px) {
	.hwupd {
		--hwupd-card-h: 50px;
		--hwupd-thumb-w: 26px;
		--hwupd-thumb-h: 38px;
		--hwupd-card-gap: 4px;
	}

	.hwupd__timeline {
		gap: 6px;
	}

	.hwupd__day {
		flex: 0 0 140px;
		min-width: 140px;
	}

	.hwupd__day-head {
		min-height: 36px;
		padding: 6px 8px;
		font-size: 12px;
	}

	.hwupd-card__link {
		padding: 4px 6px 4px 4px;
		gap: 6px;
	}

	.hwupd-card__title {
		font-size: 13px;
		line-height: 1.28;
	}

	.hwupd-card__badge,
	.hwupd-card__year {
		font-size: 12px;
	}

	.hwupd-card__ph-text {
		font-size: 12px;
	}
}

@media screen and (max-width: 470px) {
	.hwupd {
		--hwupd-card-h: 48px;
		--hwupd-thumb-w: 24px;
		--hwupd-thumb-h: 36px;
	}

	.hwupd-card__ph-text {
		font-size: 12px;
		letter-spacing: 0.02em;
	}

	.hwupd__day {
		flex: 0 0 128px;
		min-width: 128px;
	}

	:root {--indent: 12px; --indent-negative: -12px;}
	.fredc__container {max-width:100%;}
	.catnav__header {
		flex-direction: column;
		align-items: stretch;
	}
	.catnav__all {
		width: 100%;
		justify-content: center;
	}
	.catnav__links--years {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.catnav__links--genres {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.catnav__links--genres .catnav__link {
		padding: 9px 8px;
		font-size: 12px;
	}
	.pagination__btn-loader a {min-width: 0; width: 100%;}
	.vyrf__col--ranges {padding: 0 0;}
	.vyrf__cell--submit, .vyrf__col--submit {flex-direction: row; width: 100%;}
	.vyrf__cell--submit input {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.qapo__share-link,
	.qapo__toolbar-btn,
	.qapo__fav a,
	.qapo__fav > span {
		width: 34px;
		height: 34px;
		font-size: 17px;
	}
	.qapo__likes a {
		height: 34px;
		min-height: 34px;
		padding: 0 10px;
		font-size: 12px;
	}
}



/* —— Mobile layout: единый gutter 16px, без двойных полей —— */
@media screen and (max-width: 760px) {
	:root {
		--indent: 16px;
		--indent-negative: -16px;
	}

	html, body, .fredc, .fredc__container, .fredc__container--main, .glv, .glv-cols {
		max-width: 100%;
		overflow-x: clip;
	}

	.fredc__container,
	.fredc__container--main {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0;
		margin-right: 0;
		padding-inline: 0;
	}

	/* Header на всю ширину с внутренним gutter */
	.sdud {
		margin: 0 0 10px;
		top: 0;
		padding: 10px var(--indent);
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.sdud-is-sticky .sdud {
		translate: 0 calc(-100% - 8px);
	}

	/* Каталог / fullstory: оболочка full-bleed, отступ только у контента */
	.glv-cols {
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		overflow: hidden;
	}

	.glv-cols__main {
		padding: 12px var(--indent) !important;
		gap: 14px;
	}

	/* Секции на главной: тот же gutter через padding, без внешнего margin */
	.glv > .taskir.float-surface,
	.glv > .nuks.float-surface,
	.glv > .glv-fallback-grid.float-surface,
	.glv > .descr,
	.glv > .catnav.float-surface {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		border-radius: 0;
		padding-left: var(--indent);
		padding-right: var(--indent);
	}

	.glv > .taskir.float-surface {
		overflow-x: clip;
	}

	.glv > .taskir.float-surface .taskir__caption {
		padding-left: 0;
		padding-right: 0;
	}

	.glv > .taskir.float-surface .taskir__content.has-carousel {
		padding-left: 0;
		padding-right: 0;
		margin-inline: 0;
		box-sizing: border-box;
	}

	footer.gribs.float-surface {
		margin-left: 0;
		margin-right: 0;
		padding-left: var(--indent);
		padding-right: var(--indent);
		border-radius: 0;
		box-sizing: border-box;
	}

	/* Fullstory: pad колонки = gutter; внутри qapo без доп. pad-x */
	.glv-cols article.qapo,
	.glv-cols .qapo__article-body,
	.glv-cols .showfull-wrap {
		--qapo-pad-x: 0px;
		width: 100%;
		max-width: 100%;
	}

	/* Вложенные секции каталога: без второго горизонтального padding */
	.glv-cols__main > .nuks.float-surface,
	.glv-cols__main > .glv-fallback-grid.float-surface,
	.glv-cols__main > .nuks,
	.glv-cols__main > .float-surface {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.glv-cols__main > .nuks.float-surface,
	.glv-cols__main > .glv-fallback-grid.float-surface {
		padding-top: 4px;
		padding-bottom: 8px;
	}

	.glv-cols__main .speedbar {
		padding-left: 0;
		padding-right: 0;
	}

	.vyrf-block {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		border-radius: 12px;
	}

	.taskir__content.has-carousel,
	.taskir__content.has-carousel.owl-carousel,
	.has-carousel,
	.owl-carousel,
	.owl-stage-outer {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: clip !important;
		box-sizing: border-box;
	}

	.owl-carousel .owl-stage {
		max-width: none;
	}

	.glv-cols__main .grid-items:not(.grid-list):not(.news-grid):not(.kpdn__grid) {
		gap: 12px 10px;
	}

	.sdud__logo .sdud__tagline,
	.mobile-menu__brand .sdud__tagline,
	.lodyt__signals,
	.lodyt__signal,
	.lodyt__year,
	.hwupd__day-head,
	.hwupd-card__title,
	.hwupd-card__badge,
	.hwupd-card__year,
	.hwupd-card__ph-text,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__signals,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__year {
		font-size: 12px !important;
	}

	.hwupd-card__title,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__caption .lodyt__title,
	.grid-items:not(.news-grid):not(.kpdn__grid) .lodyt__body .lodyt__title {
		font-size: 13px !important;
	}

	.lodyt__info {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px;
		min-height: 44px;
	}

	.lodyt__info-icon {
		font-size: 16px !important;
	}

	.nuks__tabs button {
		height: 44px !important;
		min-height: 44px !important;
		font-size: 13px !important;
	}

	.sdud__btn-menu,
	.sdud__btns .btn-square,
	.acatalog-block__toggle,
	.search-block__header-toggle {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
	}

	.qapo__share-link,
	.qapo__toolbar-btn,
	.qapo__fav a,
	.qapo__fav > span {
		width: 44px !important;
		height: 44px !important;
		font-size: 18px !important;
	}

	.qapo__likes a {
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 12px !important;
		font-size: 13px !important;
	}

	.pagination {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 400px) {
	:root {
		--indent: 12px;
		--indent-negative: -12px;
	}

	.sdud {
		padding: 8px var(--indent);
	}

	.fredc__container,
	.fredc__container--main {
		width: 100% !important;
		max-width: none !important;
	}
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.full-text iframe {width: 100%; max-width: 100%; height: 260px; margin-left: 0; margin-right: 0;}
}

/* iPhone / ≤760: контент на всю ширину экрана, без «колодцев» вокруг карточек */
@media screen and (max-width: 760px) {
	html, body, .fredc {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.fredc__container,
	.fredc__container--main,
	.glv,
	.glv-cols,
	main.glv {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
