/* Warm catalog. Header, page and footer are one panel, no movie wallpaper. */

body {
	background: #e6dfd3;
	line-height: 1.45;
}
.wrapper {
	background: #e6dfd3;
	background-image: none;
}
.wrapper-main {
	margin-top: 32px;
	margin-bottom: 40px;
	background: var(--bg);
	border-radius: 28px;
	border: 1px solid rgba(92,70,52,0.1);
	box-shadow: 0 24px 70px rgba(28,22,18,0.13);
	overflow: hidden;
}

.header {
	height: 78px;
	margin-bottom: 0;
	background: #f4efe6;
	position: relative;
	align-items: stretch;
	border-radius: 28px 28px 0 0;
	border-bottom: 0;
}
.header.vw100 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.header::before {display: none;}

.logo, .dt-is-active .logo {background-image: none;}
.header .logo,
.dt-is-active .header .logo {
	align-self: stretch;
	justify-content: center;
	height: auto;
	min-width: 168px;
	margin-right: 34px;
	padding: 0 28px;
	background: #c45c26;
	font-family: 'BloggerSans', sans-serif;
	gap: 2px;
}
.header .logo__title {
	font-size: 10px;
	letter-spacing: 0.34em;
	color: rgba(255,255,255,0.72);
	font-weight: 500;
}
.header .logo__subtitle {
	color: #fff;
	font-size: 28px;
	letter-spacing: -0.03em;
	font-weight: 700;
	line-height: 0.9;
}
.header .logo-caption {display: none;}
.header .header__menu {
	flex: 1 1 auto;
	align-items: center;
	gap: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.header__menu > li {margin-right: 0;}
.header .header__menu > li > a {
	height: 78px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #3d342e;
	position: relative;
	white-space: nowrap;
}
.header .header__menu > li > a::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 24px;
	width: 0;
	height: 2px;
	background: #c45c26;
	transition: width .25s ease;
}
.header .header__menu > li:hover > a,
.header .header__menu > li > a.is-active {
	background: transparent;
	box-shadow: none;
	color: #c45c26;
}
.header .header__menu > li:hover > a::after,
.header .header__menu > li > a.is-active::after {width: 100%;}
.header__tools {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: auto;
	padding-right: 26px;
}
.header__btn-login,
.header__btn-find {
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #1c1612;
	box-shadow: none;
	gap: 6px;
	flex: 0 0 auto;
	margin: 0;
	font-size: 13px;
	letter-spacing: 0.12em;
}
.header__btn-login:hover,
.header__btn-find:hover {background: transparent; color: #c45c26;}
.header__btn-login--icon {width: auto; padding: 0;}
.header .theme-toggle {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #1c1612;
	font-size: 18px;
	flex: 0 0 auto;
}
.header .theme-toggle:hover {background: transparent; color: #c45c26;}
.dt-is-active .theme-toggle .fal::before {content: "\f185";}

.content {
	border-radius: 0;
	background: var(--bg);
	box-shadow: none;
	padding-top: 30px;
}
.content::before {display: none;}

@media screen and (min-width: 1221px) {
	.col-side {order: 2; width: 228px; margin-right: 0; margin-left: 28px;}
	.col-main {order: 1;}
}

.header__search {
	width: 100%;
	margin: 0 0 30px 0;
	height: auto;
	padding: 0;
	background: transparent;
	gap: 10px;
}
.header__search input,
.header__search input:focus,
.dt-is-active .header__search input {
	height: 48px;
	line-height: 48px;
	border-radius: 999px;
	padding: 0 52px 0 186px;
	background: rgba(255,255,255,0.48);
	box-shadow: inset 0 0 0 1px var(--bdc), 0 6px 20px rgba(28,22,18,0.045);
	transition: box-shadow .2s ease, background-color .2s ease;
}
.header__search input:focus {
	background: var(--bg);
	box-shadow: inset 0 0 0 1px var(--accent), 0 8px 24px rgba(196,92,38,0.1);
}
.header__search-box {position: relative;}
.header__search-box button {
	right: 6px;
	top: 6px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--tt-btn);
	font-size: 15px;
}
.btn-filter {
	left: 8px;
	top: 8px;
	height: 32px;
	border-radius: 999px;
	background: var(--bg-darker);
	color: var(--tt);
	padding: 0 12px;
}
.btn-filter span:first-child {border-bottom: 0;}
.btn-filter.is-active {background: var(--accent); color: var(--tt-btn);}

.sect__header {margin-bottom: 16px;}
.sect__title {
	justify-content: flex-start;
	text-align: left;
	text-transform: none;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
}
.sect__title::before,
.sect__title::after {display: none;}

#dle-content,
.d-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 22px 18px;
}
.poster {
	text-align: left;
	background: var(--bg-darker);
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid rgba(92,70,52,0.1);
	box-shadow: 0 8px 22px rgba(28,22,18,0.065);
	transform: translateY(0);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.poster:hover {
	transform: translateY(-5px);
	border-color: rgba(196,92,38,0.28);
	box-shadow: 0 18px 38px rgba(28,22,18,0.14);
}
.poster__img {
	border: 0;
	box-shadow: none;
	margin: 0;
	border-radius: 0;
}
.poster:hover .poster__img {box-shadow: none;}
.poster:hover .poster__img img {transform: scale(1.05);}
.poster__img img {transition: transform .35s ease;}
.poster__desc {
	min-height: 74px;
	padding: 14px 15px 16px;
	border-top: 1px solid rgba(92,70,52,0.08);
}
.poster__title {font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em;}
.poster__subtitle {display: flex; align-items: center; gap: 0;}
.poster__subtitle li {font-size: 12px; margin-top: 5px; color: var(--tt-lighter);}
.poster__subtitle li + li::before {
	content: '•';
	margin: 0 7px;
	color: var(--accent);
}
.poster__label {border-radius: 999px; letter-spacing: 0.04em;}
.poster__label--quality {
	top: 10px;
	right: 10px;
	background: var(--accent);
	color: #fff;
}
.poster__label--year {
	left: 10px;
	right: auto;
	bottom: 10px;
	background: rgba(20,16,12,0.72);
	color: #fff;
}
.poster__label--score {
	top: 10px;
	left: 10px;
	width: 34px;
	border-radius: 10px;
}
.poster__btn-info {
	top: auto;
	right: 8px;
	bottom: 8px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(12,9,7,0.62);
}
.has-overlay__mask {
	background: linear-gradient(180deg, rgba(20,12,8,0.04), rgba(20,12,8,0.55));
	font-size: 34px;
	backdrop-filter: blur(1px);
}

.side-block--bg {
	background: rgba(255,255,255,0.26);
	border: 1px solid rgba(92,70,52,0.1);
	border-radius: 18px;
	padding: 16px 12px 12px;
}
.side-block__title-bg {
	display: flex;
	align-items: center;
	background: transparent;
	color: var(--tt);
	font-size: 12px;
	letter-spacing: 0.18em;
	padding: 0 4px 12px;
	font-weight: 700;
}
.side-block__title-bg .fal {
	position: static;
	transform: none;
	order: -1;
	width: auto;
	height: auto;
	line-height: 1;
	background: none;
	color: var(--accent);
	margin-right: 8px;
	font-size: 14px;
}
.side-block__menu {padding: 0; grid-gap: 2px;}
.side-block__menu-caption {
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--accent);
	padding: 15px 8px 6px;
}
.side-block__menu a {
	opacity: 1;
	padding: 8px;
	border-radius: 8px;
}
.side-block__menu a:hover {background: var(--bg-darker); color: var(--accent); text-decoration: none;}
.side-block__menu li span {right: 8px; top: 9px; font-size: 11px; color: var(--tt-lighter-2);}
.side-block__title {
	display: flex;
	align-items: center;
	font-size: 18px;
	padding-left: 0;
	border-bottom-color: var(--bdc);
}
.side-block__title .fal {position: static; transform: none; margin: 0 0 0 8px; font-size: 16px;}
.popular__img {width: 54px; height: 76px; border-radius: 10px; margin-right: 12px;}
.popular__title {font-size: 15px;}
.popular {border-bottom-color: var(--bdc); padding: 12px 0;}
.popular:hover .popular__title {color: var(--accent);}

.slider {margin-bottom: 22px;}
.slide {height: 280px; border-radius: 18px; overflow: hidden;}
.slide::before {width: 70%; opacity: 0.72; background: linear-gradient(90deg, rgba(20,12,8,0.92), transparent);}
.slide__desc {padding: 0 34% 28px 28px;}
.slide__title {text-transform: none; font-size: 32px; letter-spacing: -0.03em;}
.slide__category {font-size: 13px; letter-spacing: 0.14em; color: #e7b089;}
.slide__btn {border-radius: 999px; max-width: none; width: max-content; padding: 0 22px;}

.site-desc {
	color: var(--tt-lighter);
	padding-top: 28px;
	margin-top: 12px;
	border-top: 1px solid var(--bdc);
}
.sect-desc__img {border-radius: 16px; border-width: 0; box-shadow: none;}

.footer {
	padding: 18px var(--indent) 28px;
	margin-top: 0;
	background: var(--bg);
	color: var(--tt-lighter);
	border-radius: 0 0 28px 28px;
}
.footer__two {border-top-color: var(--bdc); color: var(--tt-lighter);}
.footer .logo__title {color: var(--tt);}
.footer .logo__subtitle {color: var(--accent);}
.footer .logo-caption {color: var(--tt-lighter); border-left-color: var(--bdc);}

.pagination__pages a,
.pagination__pages span {border-radius: 10px; border: 1px solid var(--bdc);}
.pagination__btn-loader a,
.pagination__btn-loader > span {border-radius: 12px;}

.page__header {align-items: start;}
.page__header h1 {font-size: 30px; line-height: 1.15; letter-spacing: -0.025em;}
.pmovie__poster {
	border: 0;
	box-shadow: var(--bsh);
	border-radius: 16px;
	overflow: hidden;
}
.pmovie__original-title {letter-spacing: 0.12em;}
.pmovie__year,
.pmovie__genres {border-left-color: var(--accent);}
.pmovie__actors a {color: var(--accent-2); border-bottom-color: var(--accent-2);}
.pmovie__fav a,
.pmovie__fav a::before,
.pmovie__fav a::after {background-color: var(--accent); border-color: transparent;}
.pmovie__fav a::before,
.pmovie__fav a::after {border-top-color: var(--accent);}
.pmovie__fav a::before {border-left-color: var(--accent);}
.pmovie__fav a::after {border-right-color: var(--accent);}
.page__subtitle {text-align: left;}
.page__text {color: var(--tt-lighter);}
.pmovie__player .tabs-block__content {border-width: 0; border-radius: 16px; overflow: hidden; box-shadow: none;}
.tabs-block__select span {text-transform: none; border-radius: 12px 12px 0 0;}
.tabs-block__select span.is-active {background: var(--bg);}
.pmovie__caption {
	background: var(--bg-darker);
	color: var(--tt);
	border: 0;
	border-radius: 16px;
	padding: 16px 18px 16px 58px;
}
.pmovie__parts {
	border-left: 0;
	border-radius: 18px;
	margin-right: 0;
	padding: 16px 16px 56px;
}
.pmovie__parts-title {position: static; width: auto; margin-bottom: 12px;}
.pmovie__parts-content .owl-nav {left: auto; right: 12px; bottom: 12px; top: auto;}
.part {border-radius: 14px; background: var(--bg); border-color: var(--bdc);}
.part__img {border-radius: 10px;}
.comment-item__main {border-radius: 14px;}
.comment-item__img, .comment-item__letter {border-radius: 12px;}

.filter-block {
	background: var(--bg-darker);
	border-radius: 18px;
	padding: 16px;
	margin-top: 0;
}
.filter-block__cell-content select,
.filter-block__cell-content input[type="text"],
.filter-block__cell-content--check-group {border-radius: 10px;}
.filter-block__cell-content input[type="button"] {border-radius: 999px;}

.dt-is-active .btn:not(:hover),
.dt-is-active .tabs-block__select span.is-active {color: var(--tt-btn);}
body.dt-is-active,
.dt-is-active .wrapper {background: #0e0c0a;}
.dt-is-active .wrapper-main {box-shadow: 0 18px 50px rgba(0,0,0,0.45);}
.dt-is-active .header {background: #12100e;}
.dt-is-active .header .logo,
.dt-is-active .header .logo__title,
.dt-is-active .header .logo__subtitle {color: #fff;}
.dt-is-active .header .logo__title {color: rgba(255,255,255,0.72);}
.dt-is-active .header .header__menu > li > a {color: #f6f1ea;}
.dt-is-active .header .header__menu > li:hover > a,
.dt-is-active .header .header__menu > li > a.is-active {
	background: transparent;
	color: #e7b089;
	box-shadow: none;
}
.dt-is-active .header .header__menu > li > a::after {background: #e7b089;}
.dt-is-active .header__btn-login,
.dt-is-active .header__btn-find,
.dt-is-active .header .theme-toggle {
	background: transparent;
	color: #f6f1ea;
	box-shadow: none;
}
.dt-is-active .header__btn-login:hover,
.dt-is-active .header__btn-find:hover,
.dt-is-active .header .theme-toggle:hover {background: transparent; color: #e7b089;}
.dt-is-active .poster,
.dt-is-active .side-block--bg {border-color: rgba(231,176,137,0.12);}
.dt-is-active .side-block--bg {background: rgba(255,255,255,0.025);}
.dt-is-active .header__search input,
.dt-is-active .header__search input:focus {
	background: #17130f;
	color: var(--tt);
	box-shadow: inset 0 0 0 1px var(--bdc), 0 8px 24px rgba(0,0,0,0.18);
}
.dt-is-active .side-block__menu a {color: var(--tt) !important;}
.dt-is-active .side-block__menu a:hover {color: var(--accent) !important;}
.dt-is-active .pmovie__actors a {color: var(--accent-2); border-color: var(--accent-2);}
.dt-is-active .pmovie__parts {border-color: transparent;}

.mobile-menu .side-block__title-bg,
.mobile-menu .side-block__menu a,
.mobile-menu .header__menu > li > a {color: #f6f1ea;}
.mobile-menu .side-block__menu-caption {color: #e7b089;}
.mobile-menu .side-block__menu li span {color: rgba(246,241,234,0.5);}
.mobile-menu .side-block__menu a:hover {background: rgba(255,255,255,0.08); color: #fff;}

@media screen and (max-width: 1220px) {
	.header__btn-menu {margin: 0; color: #1c1612; font-size: 24px;}
	.wrapper-main {margin: 0; border-radius: 0; box-shadow: none;}
	.header {height: 64px; margin-bottom: 0; background: #f4efe6; border-radius: 0;}
	.header .logo {min-width: 0; margin-right: 16px; padding: 0 16px;}
	.header .header__menu > li > a {height: 64px;}
	.header__tools {padding-right: 14px; gap: 12px;}
	.content, .footer {border-radius: 0; box-shadow: none; margin: 0;}
	.header__search {margin-bottom: 16px;}
	.header__search input,
	.header__search input:focus {padding-left: 168px;}
	.header__search-box button {top: 6px;}
	.btn-filter {top: 8px;}
	.col-side, .col-main {margin-left: 0;}
	.dt-is-active .header {background: #12100e;}
	.dt-is-active .header__btn-menu {color: #f6f1ea;}
}

@media screen and (max-width: 760px) {
	#dle-content, .d-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.header.vw100 {padding: 0;}
	.header__tools {gap: 12px; padding-right: 14px;}
	.header__btn-find {width: auto; padding: 0; font-size: 0;}
	.header__btn-find .fal {font-size: 14px;}
	.sect__title {font-size: 20px;}
	.slide {border-radius: 0;}
	.pmovie__parts {padding-left: 16px;}
	.header .logo__subtitle {font-size: 22px;}
}

@media screen and (max-width: 590px) {
	.sect__title::before, .sect__title::after {display: none;}
	.btn-filter span:first-child {display: none;}
	.btn-filter .fal {display: inline-block; margin-left: 0;}
	.btn-filter {width: 32px; min-width: 32px; padding: 0; justify-content: center;}
	.header__search-box input {padding-left: 48px !important; padding-right: 42px !important;}
	.poster {border-radius: 14px;}
	.poster__desc {min-height: 66px; padding: 11px 11px 13px;}
	.poster__title {font-size: 14px;}
	.poster__subtitle li {font-size: 11px;}
}

@media screen and (max-width: 470px) {
	.header__search {margin-top: 0; border-radius: 0;}
	.header.vw100 {padding: 0;}
	.header__tools {gap: 10px; padding-right: 12px;}
}

@media (prefers-reduced-motion: reduce) {
	.poster,
	.poster__img img,
	.header__menu > li > a::after {transition: none;}
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}