@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Onest:wght@400;500;600;700&display=swap");

:root {
	--primary-color: #DEFF00;
	--px-lime: #DEFF00;
	--px-bg: #0E0E0E;
	--px-card: #121212;
	--px-card-2: #1A1616;
	--px-border: #2F302C;
	--px-text: #FBFBFB;
	--px-muted: #B4B2B2;
	--Main: #FBFBFB;
	--Main-Dark: #0E0E0E;
	--Secondary: #DEFF00;
	--White: #FBFBFB;
	--Black: #0E0E0E;
	--Heading: #FBFBFB;
	--Body-Text: #B4B2B2;
	--Blue: #DEFF00;
	--dg-scroll: #DEFF00;
	--dg-scroll-track: #2F302C;
	--th-fonts-Onest: "Onest", sans-serif;
	--th-fonts-Inter: "Inter Tight", sans-serif;
}

html,
body,
body.body,
body.dark-theme {
	background: var(--px-bg) !important;
	color: var(--px-text) !important;
	font-family: var(--th-fonts-Onest) !important;
}

body.dark-theme .layout-wrap .section-content-right .main-content,
body.dark-theme .header-dashboard,
body.dark-theme .section-menu-left,
body.dark-theme .section-menu-left::before,
body.dark-theme .section-menu-left > .box-logo {
	background: var(--px-bg) !important;
	border-color: var(--px-border) !important;
}

body.dark-theme .header-dashboard {
	border-bottom: 1px solid var(--px-border);
}

body.dark-theme .wg-box,
body.dark-theme .wg-chart-default,
body.dark-theme .flat-tabs,
body.dark-theme .widget-tabs {
	background: var(--px-card) !important;
	border: 1px solid var(--px-border) !important;
	border-radius: 20px !important;
	box-shadow: none !important;
}

h1, h2, h3, h4, h5,
.body-title,
.body-title-2 {
	font-family: var(--th-fonts-Onest) !important;
	color: var(--px-text) !important;
}

.body-text,
.text-tiny,
.text-white {
	color: var(--px-muted) !important;
}

.brand-mark {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

.plw-brand-icon {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: var(--px-lime);
	color: #0E0E0E !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.plw-brand-icon i {
	color: #0E0E0E !important;
	font-size: 16px;
}

.brand-mark .body-title {
	font-size: 18px !important;
	font-weight: 700;
	letter-spacing: .02em;
	color: #fff !important;
	line-height: 1.1;
	display: block;
}

.brand-copy {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.brand-copy small {
	font-family: var(--th-fonts-Inter);
	font-size: 10px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--px-muted);
}

.th-primary-btn {
	display: inline-flex;
	align-items: center;
	border: 0;
	background: transparent;
	padding: 0;
	min-height: 0;
	border-radius: 0;
	cursor: pointer;
	text-decoration: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1;
	color: #0E0E0E;
	gap: 0;
}

.th-primary-btn .th-icon {
	width: 52px;
	height: 52px;
	border-radius: 52px;
	background: var(--px-lime);
	color: #0E0E0E;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	z-index: 1;
}

.th-primary-btn .th-text {
	padding: 14px 26px 14px 22px;
	background: var(--px-lime);
	border-radius: 52px;
	margin-left: -10px;
	color: #0E0E0E;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	font-size: 13px;
	letter-spacing: .08em;
}

.th-primary-btn .th-icon i {
	font-size: 16px;
	color: inherit;
}

.th-primary-btn:hover {
	transform: translateY(-3px);
	background: transparent;
	color: #0E0E0E;
}

.th-primary-btn:hover .th-icon,
.th-primary-btn:hover .th-text {
	background: #fff;
}

.th-primary-btn.w-full {
	width: 100%;
	display: flex;
}

.th-primary-btn.w-full .th-text {
	flex: 1;
}

.player-login-card .th-primary-btn {
	width: 100%;
	display: flex;
	margin-top: 8px;
}

.player-login-card .th-primary-btn .th-text {
	flex: 1;
}

.layout-wrap .section-menu-left .menu-item.active > a .text,
.layout-wrap .section-menu-left .menu-item.active > a .icon,
.layout-wrap .section-menu-left .menu-item a:hover .text,
.layout-wrap .section-menu-left .menu-item a:hover .icon,
.layout-wrap .section-menu-left .menu-item.has-children .sub-menu .sub-menu-item.is-on a .text {
	color: var(--px-lime) !important;
}

.layout-wrap .section-menu-left .menu-item.active {
	background: transparent;
}

.layout-wrap .section-menu-left .button-show-hide,
.header-dashboard .button-show-hide {
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
	border-radius: 8px !important;
}

.layout-wrap .section-menu-left .button-show-hide i,
.header-dashboard .button-show-hide i {
	color: #0E0E0E !important;
}

@media (min-width: 992px) {
	body.dark-theme .layout-wrap.full-width .section-menu-left,
	body.dark-theme .layout-wrap.full-width .section-menu-left > .box-logo {
		left: 0 !important;
		width: 76px !important;
		min-width: 76px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.dark-theme .layout-wrap.full-width .section-menu-left > .box-logo {
		padding: 18px 8px 12px !important;
		justify-content: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	body.dark-theme .layout-wrap.full-width .section-menu-left > .box-logo a {
		width: 40px;
		overflow: hidden;
	}

	body.dark-theme .layout-wrap.full-width .brand-mark .body-title,
	body.dark-theme .layout-wrap.full-width .brand-copy small,
	body.dark-theme .layout-wrap.full-width .section-menu-left .menu-item > a > .text,
	body.dark-theme .layout-wrap.full-width .section-menu-left .menu-item.has-children::after,
	body.dark-theme .layout-wrap.full-width .section-menu-left .sub-menu,
	body.dark-theme .layout-wrap.full-width .section-menu-left .dg-cats {
		display: none !important;
	}

	body.dark-theme .layout-wrap.full-width .section-menu-left .menu-item > a {
		justify-content: center;
		padding: 14px 0 !important;
		gap: 0;
	}

	body.dark-theme .layout-wrap.full-width .section-content-right .main-content {
		padding-left: 76px !important;
	}

	body.dark-theme .layout-wrap.full-width .header-dashboard {
		width: calc(100% - 76px) !important;
	}

	body.dark-theme .layout-wrap.full-width .header-dashboard .button-show-hide {
		display: none !important;
	}

	body.dark-theme .layout-wrap.full-width .section-menu-left .button-show-hide {
		display: flex !important;
	}
}

.header-dashboard .form-search input,
.header-dashboard .form-search fieldset,
fieldset input,
.form-login input,
select,
textarea {
	background: var(--px-bg) !important;
	border: 1px solid var(--px-border) !important;
	color: #fff !important;
	border-radius: 12px !important;
}

.header-dashboard .form-search input:focus,
fieldset input:focus,
select:focus {
	border-color: var(--px-lime) !important;
	box-shadow: none !important;
}

.header-dashboard .wrap .header-left .box-content-search {
	background: var(--px-card) !important;
	border: 1px solid var(--px-border) !important;
}

.tf-button,
button.tf-button,
a.tf-button {
	background: var(--px-lime) !important;
	border: 1px solid var(--px-lime) !important;
	color: #0E0E0E !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	height: auto !important;
	min-height: 48px;
	padding: 12px 22px !important;
}

.tf-button:hover,
a.tf-button:hover {
	background: #fff !important;
	border-color: #fff !important;
	color: #0E0E0E !important;
}

.tf-button.style-1,
.tf-button.style-3,
a.tf-button.style-1,
a.tf-button.style-3 {
	background: transparent !important;
	color: var(--px-lime) !important;
	border-color: var(--px-lime) !important;
}

.tf-button.style-1:hover,
.tf-button.style-3:hover,
.tf-button.style-3.is-on {
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
}

.dg-hero {
	height: 460px;
	border-radius: 28px;
	border: 1px solid var(--px-border);
	background: var(--px-card);
	margin-bottom: 28px;
}

.dg-hero-slide img,
.dg-hero img {
	filter: brightness(.42) saturate(1.05);
}

.dg-hero-copy > span {
	background: transparent;
	color: var(--px-lime);
	border: 1px solid var(--px-lime);
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: 11px;
}

.dg-hero-copy h1 {
	font-size: 46px;
	line-height: 1.08;
	max-width: 720px;
}

.dg-hero-dot.is-on,
.dg-hero-arrow:hover {
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
}

.poster-cover {
	border-radius: 16px;
	border: 1px solid var(--px-border);
	background: var(--px-card-2);
}

.poster-card:hover .poster-cover {
	border-color: var(--px-lime);
	transform: translateY(-4px);
	transition: .25s;
}

.poster-play {
	background: rgba(14, 14, 14, .45);
}

.poster-play i {
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
}

.block-warning,
.block-available,
.block-pending {
	background: var(--px-card) !important;
	border: 1px solid var(--px-border) !important;
	color: var(--px-text) !important;
	border-radius: 999px !important;
}

.plw-avatar {
	background: var(--px-card) !important;
	border: 1px solid var(--px-border);
	color: var(--px-lime) !important;
}

body.dark-theme .popup-wrap > .dropdown > .dropdown-menu,
body.dark-theme .dropdown-menu {
	background: var(--px-card) !important;
	border: 1px solid var(--px-border) !important;
}

.watch-poster {
	border-color: var(--px-border) !important;
	border-radius: 20px;
}

.player-login {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px 16px;
	background:
		radial-gradient(circle at 20% 20%, rgba(222, 255, 0, .12), transparent 32%),
		radial-gradient(circle at 80% 80%, rgba(222, 255, 0, .08), transparent 28%),
		var(--px-bg);
}

.player-login-card {
	width: 100%;
	max-width: 480px;
	background: var(--px-card);
	border: 1px solid var(--px-border);
	border-radius: 28px;
	padding: 40px 36px 32px;
}

.player-login-card .px-kicker {
	color: var(--px-lime);
	letter-spacing: .14em;
	text-transform: uppercase;
	font-size: 12px;
	margin: 20px 0 8px;
}

.player-login-card h3 {
	color: #fff;
	font-size: 32px;
	margin: 0 0 8px;
}

.player-login-card .hint {
	color: var(--px-muted);
	margin-bottom: 28px;
}

.player-login-card label.px-label {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 8px;
}

.player-login-card input,
.player-login-card select {
	width: 100%;
	height: 60px;
	padding: 0 18px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #fff;
	border-radius: 12px;
	background: var(--px-bg);
	border: 1px solid var(--px-border);
	outline: none;
}

.player-login-card input:focus,
.player-login-card select:focus {
	border-color: var(--px-lime);
}

.player-login-card .th-primary-btn {
	width: 100%;
	margin-top: 8px;
}

.player-login-card .admin-login-link,
.player-login-card .px-alt {
	display: inline-block;
	margin-top: 18px;
	color: var(--px-muted) !important;
	text-decoration: none;
}

.player-login-card .admin-login-link:hover,
.player-login-card .px-alt:hover {
	color: var(--px-lime) !important;
}

.player-login-card .px-error {
	background: #1A1616;
	border: 1px solid var(--px-border);
	color: #fff;
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 16px;
}

.header-dashboard .btn.btn-secondary.dropdown-toggle {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.layout-wrap .section-menu-left .menu-item.has-children .sub-menu a .text {
	color: var(--px-muted);
}

.px-chips {
	margin-top: 16px;
	padding-top: 4px;
}

.px-chips .tf-button {
	min-height: 40px;
	padding: 8px 16px !important;
	font-size: 13px !important;
}

.th-ghost-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 18px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.35);
	background: rgba(14,14,14,.45);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}

.th-ghost-btn:hover,
.th-ghost-btn.is-on {
	border-color: var(--px-lime);
	color: var(--px-lime);
}

.px-head-list {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	margin-right: 12px;
}

.px-head-list:hover { color: var(--px-lime) !important; }

.imdb-chip {
	display: inline-flex;
	align-items: center;
	background: #F5C518;
	color: #0E0E0E !important;
	border: 0 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-size: 11px !important;
	font-weight: 800;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	margin-left: 8px;
}

.page-home .section-menu-left,
.page-home .section-menu-left > .box-logo {
	width: 220px !important;
	min-width: 220px !important;
}

.page-home .layout-wrap .section-content-right .main-content {
	padding-left: 220px !important;
	padding-top: 0 !important;
	background: var(--px-bg) !important;
}

.page-home .header-dashboard {
	width: calc(100% - 220px) !important;
	background: linear-gradient(180deg, rgba(14,14,14,.72), transparent) !important;
	border-bottom: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
}

.page-home .header-dashboard .form-search input {
	background: rgba(14,14,14,.55) !important;
	backdrop-filter: blur(8px);
}

.page-home .dg-cats { display: none !important; }

@media (min-width: 992px) {
	body.page-home .layout-wrap.full-width .section-menu-left,
	body.page-home .layout-wrap.full-width .section-menu-left > .box-logo {
		width: 76px !important;
		min-width: 76px !important;
		left: 0 !important;
	}

	body.page-home .layout-wrap.full-width .section-content-right .main-content {
		padding-left: 76px !important;
	}

	body.page-home .layout-wrap.full-width .header-dashboard {
		width: calc(100% - 76px) !important;
	}
}

.page-home .main-content-inner,
.page-home .main-content-wrap {
	padding: 0 !important;
	max-width: none !important;
}

.page-home .dg-hero {
	height: 78vh;
	min-height: 560px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #000;
	overflow: hidden;
}

.page-home .dg-hero-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(14,14,14,.92) 8%, rgba(14,14,14,.55) 42%, rgba(14,14,14,.18) 100%),
		linear-gradient(180deg, rgba(14,14,14,.4) 0%, transparent 28%, rgba(14,14,14,.94) 100%);
	pointer-events: none;
	z-index: 1;
}

.page-home .dg-hero-slide .hero-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 20%;
	filter: brightness(.62) saturate(1.08);
}

.page-home .dg-hero-slide.is-poster .hero-blur {
	position: absolute;
	inset: -80px;
	background-size: cover;
	background-position: center;
	filter: blur(42px) saturate(1.15) brightness(.32);
	transform: scale(1.12);
}

.page-home .dg-hero-slide.is-poster .hero-poster {
	position: absolute;
	right: 9%;
	top: 48%;
	transform: translateY(-50%);
	width: auto !important;
	height: 58% !important;
	max-height: 480px;
	object-fit: contain !important;
	object-position: center;
	filter: none;
	border-radius: 18px;
	box-shadow: 0 28px 70px rgba(0,0,0,.6);
	z-index: 1;
	border: 1px solid rgba(255,255,255,.08);
}

.page-home .dg-hero-copy {
	left: 100px;
	bottom: 88px;
	right: 38%;
	max-width: 620px;
	z-index: 2;
}

.page-home .dg-hero-nav {
	inset: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 8;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 22vh 12px 0;
	pointer-events: none;
	background: none;
	gap: 0;
	height: auto;
}

.page-home .dg-hero-arrow {
	pointer-events: auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(14,14,14,.58);
	border: 1px solid rgba(255,255,255,.2);
	color: #fff;
	flex-shrink: 0;
}

.page-home .dg-hero-arrow:hover {
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
}

.page-home .dg-hero-dots {
	position: absolute;
	left: 100px;
	bottom: 72px;
	top: auto;
	pointer-events: auto;
}

.page-home .dg-rail {
	scrollbar-width: none;
	padding-bottom: 6px;
}

.page-home .dg-rail::-webkit-scrollbar {
	height: 0;
	display: none;
}

.page-home .dg-hero-copy .px-kicker {
	background: var(--px-lime);
	color: #0E0E0E;
	border: 0;
	font-weight: 800;
}

.page-home .dg-hero-copy h1 {
	font-size: 64px;
	font-weight: 800;
	letter-spacing: -.03em;
	text-shadow: 0 8px 30px rgba(0,0,0,.45);
}

.page-home .dg-hero-meta {
	color: #fff !important;
	font-size: 15px;
	margin: 0 0 10px !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.page-home .dg-hero-plot {
	max-width: 520px;
	color: rgba(255,255,255,.82) !important;
	line-height: 1.45;
	margin: 0 0 22px !important;
}

.dg-hero-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.dg-hero-actions form { margin: 0; }

.px-home-rails {
	padding: 8px 28px 48px;
	margin-top: -48px;
	position: relative;
	z-index: 4;
}

.px-row { margin-bottom: 28px; }

.px-row-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 0 0 14px;
}

.px-row-head h3 {
	margin: 0;
	font-size: 22px;
	color: #fff !important;
}

.px-row-head a {
	color: var(--px-muted) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.px-row-head a:hover { color: var(--px-lime) !important; }

.page-home .poster-card.is-bare { flex: 0 0 148px; }
.page-home .poster-card.is-bare .poster-cover { margin-bottom: 0; }

.dg-rail.is-top {
	align-items: flex-end;
	overflow-x: auto;
	overflow-y: visible;
	padding: 18px 8px 10px 18px;
	gap: 6px;
}

.poster-card.is-top {
	flex: 0 0 204px;
	position: relative;
	overflow: visible;
}

.poster-card.is-top.is-ten {
	flex: 0 0 236px;
}

.poster-card.is-top form {
	display: flex !important;
	flex-direction: row;
	align-items: flex-end;
	width: 100%;
}

.poster-rank {
	position: relative;
	left: auto;
	bottom: auto;
	z-index: 0;
	flex: 0 0 68px;
	width: 68px;
	margin: 0 -20px 0 0;
	font-size: 108px;
	font-weight: 800;
	line-height: .72;
	color: #0E0E0E;
	-webkit-text-stroke: 3px #fff;
	paint-order: stroke fill;
	text-align: right;
	pointer-events: none;
	font-family: var(--th-fonts-Onest), sans-serif;
}

.poster-card.is-ten .poster-rank {
	flex: 0 0 96px;
	width: 96px;
	font-size: 84px;
	margin-right: -28px;
}

.poster-card.is-top .poster-cover {
	position: relative;
	margin-left: 0;
	margin-bottom: 0;
	flex: 0 0 136px;
	width: 136px;
	z-index: 1;
}

.poster-card.is-live {
	flex: 0 0 248px;
	background: #151515;
	border: 1px solid var(--px-border);
	border-radius: 16px;
	padding: 12px;
	overflow: visible;
}

.poster-card.is-live .poster-cover {
	aspect-ratio: 16 / 9;
	margin-bottom: 10px;
	background: #0a0a0a;
}

.poster-card.is-live .poster-cover img {
	object-fit: contain;
	padding: 18px 22px;
}

.poster-card.is-live .live-name {
	min-width: 0;
}

.poster-card.is-live .live-name .body-title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.poster-cover.has-fallback,
.continue-card.has-fallback {
	background-color: #1A1616;
}

.poster-cover img.is-fallback,
.continue-card img.is-fallback,
.page-home .dg-hero-slide img.is-fallback {
	object-fit: contain !important;
	padding: 20%;
	filter: none !important;
	opacity: 1 !important;
	background: transparent;
}

.poster-card.is-live .poster-cover img.is-fallback {
	padding: 18% 26%;
}

.poster-cover img.is-fallback:not([src]),
.poster-cover img.is-fallback[src=""] {
	display: none;
}

.live-pill {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #E10600;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 999px;
}

.continue-card {
	flex: 0 0 260px;
	scroll-snap-align: start;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background: #111;
}

.continue-card img {
	width: 100%;
	height: 146px;
	object-fit: cover;
	display: block;
}

.continue-card .continue-copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px 12px 10px;
	background: linear-gradient(180deg, transparent, rgba(0,0,0,.88));
}

.continue-card strong {
	display: block;
	color: #fff;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.continue-card small {
	color: var(--px-muted);
	font-size: 11px;
}

.continue-bar {
	height: 3px;
	background: rgba(255,255,255,.2);
	margin-top: 8px;
	border-radius: 3px;
}

.continue-bar span {
	display: block;
	height: 100%;
	background: var(--px-lime);
	border-radius: 3px;
}

.continue-card .poster-play {
	opacity: 0;
}

.continue-card:hover .poster-play { opacity: 1; }

.page-home .header-user .flex { display: none; }

@media (max-width: 1100px) {
	.page-home .dg-hero-copy { left: 88px; }
	.page-home .dg-hero-copy h1 { font-size: 42px; }
	.page-home .dg-hero-slide.is-poster .hero-poster { height: 48%; right: 4%; }
	.poster-rank { font-size: 80px; }
}

@media (max-width: 767px) {
	.dg-hero, .page-home .dg-hero {
		height: 420px;
		min-height: 420px;
		border-radius: 0;
	}
	.page-home .dg-hero-copy {
		left: 16px;
		right: 16px;
		bottom: 52px;
	}
	.page-home .dg-hero-copy h1 { font-size: 32px; }
	.page-home .dg-hero-slide.is-poster .hero-poster { display: none; }
	.page-home .dg-hero-nav { padding-top: 12vh; }
	.page-home .dg-hero-dots { left: 16px; bottom: 16px; }
	.player-login-card { padding: 28px 20px; }
	.px-home-rails { padding: 8px 14px 40px; }
	.px-head-list span { display: none; }
	.page-home .section-menu-left,
	.page-home .section-menu-left > .box-logo {
		width: var(--dg-sidebar) !important;
	}
}

/* —— Pixelor studio —— */
body.dark-theme::after {
	content: "";
	pointer-events: none;
	position: fixed;
	inset: 0;
	z-index: 90;
	opacity: .035;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.layout-wrap .section-menu-left .menu-item a .text,
.layout-wrap .section-menu-left .menu-item a .icon {
	color: var(--px-muted) !important;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item > a {
	margin: 2px 10px;
	padding: 10px 12px !important;
	border-radius: 14px;
	gap: 12px;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item > a .icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: #171717;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item.active > a,
body.dark-theme .layout-wrap .section-menu-left .menu-item:not(.has-children).active {
	background: rgba(222, 255, 0, .08) !important;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item.active > a .icon {
	background: var(--px-lime);
}

body.dark-theme .layout-wrap .section-menu-left .menu-item.active > a .icon i {
	color: #0E0E0E !important;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item.has-children.active > a::after,
body.dark-theme .layout-wrap .section-menu-left .menu-item.has-children.active::after {
	display: none !important;
}

body.dark-theme .layout-wrap .section-menu-left .menu-item.has-children::after {
	color: #3a3a3a !important;
	font-size: 18px !important;
	top: 18px !important;
	right: 16px !important;
}

body.dark-theme .header-dashboard {
	backdrop-filter: blur(16px);
}

.px-kicker {
	display: inline-flex;
	align-items: center;
	font-family: var(--th-fonts-Inter) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #0E0E0E !important;
	background: var(--px-lime) !important;
	border: 0 !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	margin-bottom: 12px;
}

.px-meta-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.16);
	background: rgba(14,14,14,.45);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}

.page-home .dg-hero-meta {
	gap: 8px;
}

.page-home .px-row-head {
	align-items: center;
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.px-row-title {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

.px-idx {
	font-family: var(--th-fonts-Inter);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--px-lime);
}

.px-row-head h3 {
	font-size: 26px !important;
	letter-spacing: -.03em;
}

.px-more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--px-muted) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.px-more:hover { color: var(--px-lime) !important; }
.px-more i { font-size: 16px; }

.poster-card:hover .poster-cover {
	border-color: rgba(222, 255, 0, .35);
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 22px 40px rgba(0,0,0,.45);
}

.poster-hover-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 28px 10px 10px;
	background: linear-gradient(180deg, transparent, rgba(0,0,0,.88));
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	opacity: 0;
	transform: translateY(6px);
	transition: .22s ease;
	pointer-events: none;
}

.poster-card:hover .poster-hover-name { opacity: 1; transform: none; }

.poster-play i {
	width: 44px !important;
	height: 44px !important;
	border-radius: 44px !important;
	background: var(--px-lime) !important;
	color: #0E0E0E !important;
}

.live-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.live-pill::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 0 rgba(255,255,255,.55);
	animation: px-live 1.6s infinite;
}

@keyframes px-live {
	70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
	100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

.poster-card.is-live {
	background: linear-gradient(180deg, #171717, #101010);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.continue-card {
	border: 1px solid var(--px-border);
}

.px-catalog,
.px-page {
	padding: 28px 8px 48px;
}

.px-catalog-hero {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	min-height: 180px;
	margin-bottom: 22px;
	padding: 36px 32px;
	background:
		radial-gradient(circle at 88% 20%, rgba(222,255,0,.12), transparent 28%),
		linear-gradient(180deg, #161616, #0E0E0E);
	border: 1px solid var(--px-border);
}

.px-catalog-hero.has-bg { min-height: 240px; }

.px-catalog-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center top;
	filter: saturate(1.05) brightness(.38);
	transform: scale(1.04);
}

.px-catalog-hero.has-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(14,14,14,.92) 8%, rgba(14,14,14,.55) 55%, rgba(14,14,14,.2) 100%);
}

.px-catalog-copy {
	position: relative;
	z-index: 1;
	max-width: 640px;
}

.px-catalog-copy h1,
.px-page-head h1,
.watch-info h1 {
	margin: 0 0 8px;
	font-size: 48px;
	font-weight: 800;
	letter-spacing: -.03em;
	color: #fff !important;
	line-height: 1.05;
}

.px-catalog-copy p,
.px-page-head p {
	margin: 0;
	color: var(--px-muted);
	max-width: 520px;
	font-size: 16px;
}

.px-catalog-tag {
	display: inline-block;
	margin-top: 14px;
	color: var(--px-lime);
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
}

.px-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 24px;
	padding: 0;
}

.px-chip-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid var(--px-border);
	background: #141414;
	color: #fff !important;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}

.px-chip-link i { color: var(--px-lime); }
.px-chip-link:hover,
.px-chip-link.is-on {
	border-color: var(--px-lime);
	background: var(--px-lime);
	color: #0E0E0E !important;
}

.px-chip-link.is-on i,
.px-chip-link:hover i { color: #0E0E0E; }

.px-catalog-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid var(--px-border);
}

.px-page-head { margin-bottom: 28px; }

.px-empty {
	padding: 48px 16px;
	text-align: center;
	color: var(--px-muted);
	border: 1px dashed var(--px-border);
	border-radius: 20px;
}

.px-settings,
body.dark-theme .px-page .wg-box {
	background: #141414 !important;
	border: 1px solid var(--px-border) !important;
	border-radius: 24px !important;
	padding: 24px !important;
	margin-top: 8px;
}

body.dark-theme .page-watch .watch-box { max-width: none; }
body.dark-theme .watch-info h1 { font-size: 40px; }

body.dark-theme .watch-stats {
	border-color: var(--px-border);
	background: #141414;
	border-radius: 18px;
	padding: 16px 8px;
	border: 1px solid var(--px-border);
}

body.dark-theme .watch-stat { border-color: var(--px-border); }

body.dark-theme .watch-player {
	border-color: var(--px-border);
	border-radius: 22px;
	box-shadow: 0 30px 70px rgba(0,0,0,.4);
}

body.dark-theme .watch-play-overlay span {
	background: var(--px-lime);
	color: #0E0E0E;
}

.th-ghost-btn.w-full { width: 100%; }

@media (max-width: 767px) {
	.px-catalog-copy h1,
	.px-page-head h1,
	.watch-info h1 { font-size: 32px; }
	.px-catalog-hero { padding: 24px 18px; }
	.px-row-head h3 { font-size: 20px !important; }
}