@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

:root{
	--bg:#0b0b0b;
	--bg-2:#111113;
	--fg:#ffffff;
	--fg-dim:#a3afc2;
	--fg-mute:#d7d7d7;
	--accent:#ff7a2f;
	--ok:#a3e635;
	--ok-2:#84cc16;
	--ok-3:#65a30d;
	--card:#191a1dcc;
	--surface:#1f2124;
	--surface-2:#151618;
	--surface-3:#17181b;
	--border:#27292c;
	--radius:18px;
	--shadow:0 10px 30px rgba(0,0,0,.35);
	--ctr-w:1200px;
	--h-header:5rem;
	--h-input:50px;
	--pad-x:1rem;
	--bp-lg:1200px;
	--bp-md:900px;
	--bp-sm:700px;
	--fs-xxl:clamp(28px,4.5vw,56px);
	--fs-xl:clamp(22px,3.2vw,36px);
	--fs-lg:clamp(18px,2.4vw,24px);
	--fs-md:16px;
	--fs-sm:14px;
	--lh-tight:1.2;
	--lh-base:1.6;
	--overlay-x:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 22%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.22) 68%,rgba(0,0,0,0) 100%);
	--overlay-y:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 100%);
	--scroll-thumb: color-mix(in oklab, #b4e35a 60%, #000 40%);
	--scroll-thumb-hover: color-mix(in oklab, #b4e35a 75%, #000 25%);
	--scroll-thumb-active: color-mix(in oklab, #b4e35a 85%, #000 15%);
	--scroll-track: rgba(255,255,255,.06);
	--scroll-track-hover: rgba(255,255,255,.10);
	--font-ui: "Inter", "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	--soon-1:#fff4cc;
	--soon-2:#ffd97a;
	--soon-3:#ffb33a;
	--soon-4:var(--accent,#ff7a2f);
}

*,*::before,*::after{box-sizing:border-box;outline:none!important;}
html,body{height:100%;margin:0}
body{
	font-family:"Manrope",var(--font-ui);
	background:var(--bg-2);
	color:var(--fg-dim);
	font-size:1rem;
	line-height:var(--lh-base);
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

:focus{outline:none}
:focus-visible{outline:2px solid color-mix(in oklab,var(--ok) 80%,white 20%);outline-offset:2px;border-radius:10px}

.container{width:100%;max-width:var(--ctr-w);margin:0 auto;padding:0 var(--pad-x)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.325rem;border:0;background:transparent;color:var(--fg);cursor:pointer;font-weight:600;line-height:var(--lh-tight)}
.btn:active{transform:translateY(1px)}

.header{
	position:sticky;top:0;z-index:50;height:var(--h-header);
	display:flex;align-items:center;
	background:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,0));
	-webkit-backdrop-filter:saturate(120%) blur(6px);
	backdrop-filter:saturate(120%) blur(6px);
	margin-bottom:0;isolation:isolate;
}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}

.logo{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;letter-spacing:.04em;color:#fff;text-decoration:none}

.nav{display:flex;align-items:center;gap:.75rem;min-width:0}

.cta-catalog{
	background:var(--ok);color:#0b1406;padding:0 1.25rem;font-weight:700;border-radius:9999px;
	font-size:15px;height:var(--h-input);white-space:nowrap;
}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background:var(--ok);color:#0b1406;border-radius:9999px}
.cta-catalog:hover{background:var(--ok-2);color:#0b1406}
.cta-catalog:active,.cta-catalog:focus{background:var(--ok-3)!important;color:#0b1406!important}
.cta-catalog svg{font-size:20px; width: 24px; height: 24px;}

.btn-search-toggle{
	display:none;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
	width:50px;height:50px;
}
.btn-search-toggle:active{transform:scale(.98)}

.search{
	display:flex;align-items:center;gap:.625rem;min-width:0;
	width:clamp(280px,42vw,560px);height:var(--h-input);
	padding:0 .875rem 0 1rem;background:var(--card);border:1px solid var(--border);
	padding-right:.375rem;
	border-radius:9999px;backdrop-filter:blur(4px);
	transition:box-shadow .15s ease,border-color .15s ease,width .2s ease;
}
.search svg{font-size:20px;color:#b4e35a; width: 24px; height: 24px;}
.search input{flex:1;min-width:40px;background:transparent;border:0;outline:0;color:#fff;font-size:15px;padding:.375rem .125rem}
.search__submit{
	display:flex;margin-left:auto;height:36px;padding:0 .875rem;border-radius:12px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;cursor:pointer;align-items:center;justify-content:center;
	font-size:14px;font-weight:700;
}
.search__submit:hover{background:#ffffff1f}
.search__clear{background:transparent;border:0;color:#aaa;padding:0;display:grid;place-items:center}
.search__close{
	display:none;margin-left:.25rem;height:36px;width:36px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;
	align-items:center;justify-content:center;
}

@media (max-width:1024px){.search{width:clamp(220px,36vw,420px)}}
@media (max-width:900px){.search{width:clamp(180px,34vw,360px)}}
@media (max-width:700px){
	.search{display:none}
	.btn-search-toggle{display:inline-flex}
	.header.header--search-open .search{
		display:flex;position:fixed;top:.75rem;left:var(--pad-x);right:var(--pad-x);width:auto;z-index:60;
		background:rgba(20,20,20,.98);border-color:rgba(255,255,255,.18);box-shadow:var(--shadow);
	}
	.header.header--search-open .search__submit{display:inline-flex}
	.header.header--search-open .search__close{display:inline-flex}
	.header.header--search-open .cta-catalog,.header.header--search-open .logo{display:none}
	.header,.header::before{
		-webkit-backdrop-filter:saturate(120%) blur(6px);
		backdrop-filter:saturate(120%) blur(6px);
		background:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,.25));
	}
	.cta-catalog{height:40px}
	.btn-search-toggle{width:40px;height:40px}
}

.hero{
	position:relative;min-height:420px;border-radius:var(--radius);overflow:hidden;background:var(--card);
	border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;
}
.hero__media{position:absolute;inset:0}
.hero__overlay{position:absolute;inset:0;background:var(--overlay-x)}
.hero__content{
	position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr;align-content:center;
	padding:42px clamp(18px,4vw,48px);max-width:760px;
}
.hero::before{
	content:"";position:absolute;inset:-15% -10% -20% -10%;
	background:
		radial-gradient(1100px 520px at 62% 0%,#b4e35a 0%,rgb(180 227 90 / 34%) 22%,#a9e634 42%,transparent 62%),
		radial-gradient(900px 420px at 40% 8%,rgb(132 168 63 / 43%) 0%,rgb(180 227 90 / 55%) 38%,transparent 66%),
		radial-gradient(600px 320px at 18% 45%,rgba(255,255,255,.06) 0%,transparent 60%);
	filter:blur(8px);z-index:0;animation:glow 9s ease-in-out infinite;
}
.hero::after{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(120% 90% at 50% 0%,rgb(17 17 19 / 55%) 0%,transparent 60%),
	radial-gradient(140% 120% at 50% 100%,rgb(17 17 19 / 34%) 0%,transparent 60%);
	z-index:1;
}
@keyframes glow{0%{filter:blur(8px) brightness(1)}50%{filter:blur(10px) brightness(1.08)}100%{filter:blur(8px) brightness(1)}}
@media (max-width:900px){.hero{min-height:520px}.hero__content{padding:28px}}
@media (max-width:700px){
	.hero{min-height:560px}
	.hero__overlay{background:var(--overlay-y)}
	.hero__media{background-position:center top}
	.hero__content{max-width:none;align-content:end;padding:24px}
}

.category{padding:1.25rem 0}
h2.category__title{font-size:var(--fs-lg);line-height:var(--lh-tight);display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;margin:0}
h2.category__title:hover{color:#b4e35a}
.eyebrow{color:#b4e35a;font-weight:800;letter-spacing:.02em;margin:0 0 6px;font-size:var(--fs-sm)}
.title{font-size:var(--fs-xxl);margin:0 0 10px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.02em}
.subtitle{color:var(--fg-mute);margin:0 0 16px;max-width:72ch;font-size:var(--fs-md)}
.meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 20px;font-size:var(--fs-sm)}
.meta b{color:#fff}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.category__header{margin-bottom:22px}
a{text-decoration:none;color:var(--ok)}
strong,h2{color:#fff}
h2.category__title a{display:flex;align-items:center;gap:10px;color:#fff}
h2.category__title a:hover{color:#b4e35a}
section.page{margin-top:30px}
h1.page__title{font-size:var(--fs-xxl);margin:0 0 10px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.02em}
p.page__subtitle{color:var(--fg-dim);margin:0 0 16px;max-width:72ch}

.movie-splide{--gap:clamp(12px,2vw,20px);--arrow-bg:rgba(20,20,20,.85);--arrow-brd:rgba(255,255,255,.18);--arrow-bg-hover:rgba(35,35,35,.95)}
.card{display:block;text-decoration:none;color:inherit}
.card__media{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#0f0f10;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .18s ease,transform .18s ease}
.card__media img.is-loaded + .splide__spinner{display:none!important}
.card__media img[src*="no-poster"] + .splide__spinner{display:none!important}
.card__title{margin:.65rem 0 .2rem;color:#fff;font-size:15px;font-weight:600;line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__meta{color:var(--fg-dim);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{position:absolute;top:8px;left:8px;padding:.12rem .45rem;border-radius:8px;font-weight:800;font-size:.9rem;color:#0b0b0b;background:#d1fae5}
.badge.rating{
	background:#ffffffd9;color:#08210f;min-width:32px;font-size:13px;line-height:20px;font-weight:800;
	display:flex;
	align-items:center;
	justify-content:center;
}
.badge.age{right:8px;left:auto;background:#ffffffd9;color:#111;min-width:32px;font-size:13px;line-height:20px;font-weight:800}
.movie-splide .splide__arrows{pointer-events:none}
.movie-splide .splide__arrow{
	pointer-events:auto;top:40%;transform:translateY(-50%);height:44px;width:44px;border-radius:9999px;
	border:1px solid var(--border);background:rgb(21 22 24);box-shadow:0 6px 16px rgba(0,0,0,.35);opacity:1;
}
.movie-splide .splide__arrow svg{fill:#fff}
.movie-splide .splide__arrow:hover{background:var(--arrow-bg-hover)}
.movie-splide .splide__arrow--prev{left:-60px}
.movie-splide .splide__arrow--next{right:-60px}
.movie-splide .splide__pagination{display:none}
.card.movie__block{background:transparent;padding:0;margin:0;border:0;cursor:pointer}
.movie-splide .splide__list{margin:0!important;padding:0!important;list-style:none}
.movie-splide .splide__track{padding:0}
.card:hover .card__media img{filter:blur(3px) brightness(.55);transform:scale(1.02)}
.card__media::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .18s ease}
.card:hover .card__media::before{opacity:1}
.card__play{
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.82)!important;
    transition: opacity .18s ease, transform .18s ease;
    align-items: center;
}
.card__play svg{font-size:26px;color:#111;background:#f8f9fac2;border-radius:999px;padding:5px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.card:hover .card__play{opacity:1;transform:scale(1)}
@media (max-width:1400px){.movie-splide .splide__arrow{height:42px;width:42px}}
@media (max-width:700px){
	.movie-splide .splide__arrow{height:40px;width:40px;display:none}
	.category{padding:.625rem 0}
	.header{margin-bottom:20px}
}

.footer{
	margin-top:56px;border-top:1px solid var(--border);
	background:radial-gradient(100% 60% at 50% -20%,rgba(180,227,90,.10) 0%,rgba(0,0,0,0) 60%),var(--bg-2);
}
.footer .container{padding-top:28px;padding-bottom:28px}
.footer__grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:clamp(18px,3vw,34px)}
.footer__brand .logo{display:inline-block;margin-bottom:.5rem;text-decoration:none;color:#fff}
.footer__tagline{margin:0 0 14px;color:var(--fg-dim);font-size:14px;line-height:1.5;max-width:44ch}
.footer__social{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 14px}
.footer__social a{
	display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.12);color:#fff;transition:transform .12s ease,background .12s ease,border-color .12s ease;
}
.footer__social a:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}
.footer__social svg{font-size:18px}
.footer__stores{display:flex;gap:10px;flex-wrap:wrap}
.store-badge{
	display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--card);border:1px solid var(--border);
	text-decoration:none;color:#fff;font-weight:700;font-size:14px;transition:background .12s ease,border-color .12s ease,transform .12s ease;
}
.store-badge:hover{background:#1d1f22;border-color:rgba(255,255,255,.22);transform:translateY(-1px)}
.store-badge svg{font-size:18px}
.footer__title{margin:2px 0 10px;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.footer__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer__list a{display:inline-block;color:var(--fg-dim);font-size:15px;text-decoration:none;transition:color .12s ease}
.footer__list a:hover{color:#b4e35a}
.footer__bottom{margin-top:22px;padding-top:18px;border-top:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}
.footer__copy{color:#9aa3af;font-size:13px}
.footer__lang .lang-btn{
	display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;
}
.footer__lang .lang-btn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
.footer__lang svg{font-size:16px}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start}}

.breadcrumbs{margin:18px 0 10px;font-size:14px;color:#9aa3af}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:0;flex-wrap:wrap}
.breadcrumbs li+li::before{content:"/";opacity:.5;margin:0 4px}
.breadcrumbs a{color:#cbd5e1;text-decoration:none}
.page-head .title{margin:6px 0 6px}
.page-head .subtitle{margin:0 0 18px}

.filters{
	display:flex;gap:12px;flex-wrap:wrap;
	background:var(--card);border:1px solid var(--border);border-radius:18px;
	padding:12px;box-shadow:var(--shadow);
	overflow:visible;position:relative;margin-bottom:25px;
}
.filters__top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 4px 10px;border-bottom:1px dashed var(--border)}
.sort-btn{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 14px;color:#fff}
.sort-btn .chev{margin-left:6px}
.toggle-filters{margin-left:auto;gap:8px;background:transparent;color:#cbd5e1}
.filters.is-collapsed .filters__grid{display:none}
.filters__grid{display:grid;gap:12px;grid-template-columns:repeat(5,1fr);padding-top:12px}
@media (max-width:1100px){.filters__grid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:700px){.filters__grid{grid-template-columns:1fr 1fr}}

.filter{position:relative;display:inline-block}
.filter__btn{
	display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:999px;
	background:var(--surface);border:1px solid var(--border);color:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease;
}
.filter__btn:hover{background:#1f2125;border-color:#2b2e33}
.filter__btn[aria-expanded="true"]{background:#1f2125;border-color:#2f3236}
.filter__label{color:#cbd5e1;font-size:14px}
.filter__value{color:#fff;font-weight:700}
.filter__panel{display:none!important}
.filter.open>.filter__panel{
	display:grid!important;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;
	width:max-content;min-width:280px;max-width:min(90vw,780px);
	max-height:60vh;overflow:auto;
	background:var(--surface-2);border:1px solid var(--border);
	border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:16px;
	grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 14px;
}
.filter.align-right>.filter__panel{left:auto;right:0}
.filter.align-top>.filter__panel{top:auto;bottom:calc(100% + 8px)}
.filter__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.filter__grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px 14px}
.filter__panel label{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:1rem;line-height:1.5rem}
.filter__panel label:hover{background:rgba(255,255,255,.05)}
.filter__panel input[type="radio"],.filter__panel input[type="checkbox"]{accent-color:#b4e35a;width:18px;height:18px;cursor:pointer}
.filter__toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.filter__clear{background:transparent;border:0;color:#9aa3af;cursor:pointer}
.filter__clear:hover{color:#fff}
.filter__actions{display:flex;justify-content:flex-end;margin-top:10px}
.btn-apply{background:#b4e35a;color:#111;border:0;border-radius:12px;padding:8px 12px;font-weight:900}
@media (max-width:700px){
	.filter.is-mobile{display:block;width:100%}
	.filter.is-mobile>.filter__btn{width:100%;justify-content:space-between;border-radius:16px}
	.filter.is-mobile.open>.filter__panel{
		display:block!important;position:static!important;inset:auto!important;width:100%;max-width:none;max-height:none;overflow:visible;
		box-shadow:none;border-radius:14px;padding:12px;margin-top:8px;background:var(--surface-2);border:1px solid var(--border);
	}
	.filter.is-mobile.open>.filter__panel :deep(.filter__grid){display:grid;grid-template-columns:1fr;gap:8px 12px}
}

.cards-grid{display:grid;gap:28px 16px;grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1400px){.cards-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:700px){.cards-grid{grid-template-columns:repeat(2,1fr)}}

.pager{display:flex;justify-content:center;margin:20px 0 10px;text-align:center}
.more-btn,.pager a{
	background:var(--card);border:1px solid var(--border);color:#fff;padding:10px 16px;border-radius:12px;
	display:inline-flex;align-items:center;gap:10px;height:48px;cursor:pointer;font-weight:800;
}
.more-btn:hover,.pager a:hover{background:#1d1f22;border-color:rgba(255,255,255,.22)}

.movie-hero{
	position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);
	border:1px solid var(--border);display:grid;grid-template-columns:300px 1fr;gap:24px;
	padding:24px;align-items:start;
}
.movie-hero__poster{
	position:relative;border-radius:14px;overflow:hidden;aspect-ratio:2/3;background:#0f0f10;
	box-shadow:0 8px 28px rgba(0,0,0,.42);
}
.movie-hero__poster img{width:100%;height:100%;object-fit:cover;display:block}
.movie-hero__poster .badge.rating{left:auto;right:8px}
.movie-hero__content .title{margin:0 0 10px}
.movie-hero__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin:8px 0 14px;color:#cbd5e1}
.movie-hero__meta b{color:#fff}
.movie-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn-primary-watch{background:var(--ok);color:#111;border:0;border-radius:999px;padding:10px 16px;font-weight:900}
.btn-primary-watch:hover{background:var(--ok-2);color:#111}
.btn-primary-watch:active,.btn-primary-watch:focus{background:var(--ok-3)!important;color:#111!important}
.btn-secondary{background:#ffffff12;border:1px solid #ffffff26;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800}
.section{margin-top:26px}
.grid-two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.factlist{list-style:none;padding:0;margin:0;display:grid;gap:0;font-size:15px}
.factlist li b{color:#fff}
@media (max-width:900px){.movie-hero{grid-template-columns:1fr;padding:18px}.grid-two{grid-template-columns:1fr}}
.movie-details,.movie-description{margin-top:30px}

.skeleton-card{width:100%;aspect-ratio:2/3;border-radius:12px;background:linear-gradient(90deg,#1a1b1e 0%,#26272c 50%,#1a1b1e 100%);background-size:200% 100%;animation:qsShim 1.2s infinite linear}
@keyframes qsShim{0%{background-position:200% 0}100%{background-position:-200% 0}}
.load-status{text-align:center;color:#8b94a6;font-size:14px;padding:40px 0 4px}

.quicksearch__panel{
	position:absolute;left:0;right:0;top:calc(100% + 8px);background:#121214;border:1px solid #2a2a2e;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:40;
	opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;
}
.quicksearch__panel[style*="display: none"]{opacity:0!important;transform:translateY(-6px)!important}
.quicksearch__panel:where(:not([style*="display: none"])) {opacity:1;transform:translateY(0)}
.qs__loading{padding:14px 16px;color:#bbb}
.qs__list{list-style:none;margin:0;padding:6px;max-height:420px;overflow:auto}
.qs__item{display:flex}
.qs__link{display:flex;gap:10px;padding:8px;border-radius:10px;text-decoration:none;color:#cfd4da;align-items:flex-start;flex:1}
.qs__item[data-active="true"] .qs__link,.qs__link:hover{background:#1b1b1f}
.qs__thumb{width:44px;height:66px;object-fit:cover;border-radius:6px;background:#0e0e11;flex:0 0 auto}
.qs__text{display:grid;gap:4px;min-width:0}
.qs__title{color:#fff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs__year{color:#9aa;font-weight:700;margin-left:.35rem}
.qs__meta{display:flex;align-items:center;gap:.5rem;color:#9aa;font-size:13px;min-width:0;flex-wrap:wrap}
.qs__badge{padding:.1rem .4rem;background:#26262b;border-radius:999px;text-transform:lowercase;color:#cbd5e1;font-weight:800}
.qs__badge.is-tv{background:#24311a}
.qs__genres,.qs__countries{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
.qs__rating{margin-left:auto;background:#b4e35a;color:#111;border-radius:6px;padding:.05rem .4rem;font-weight:900}
.qs__more{display:block;width:100%;text-align:center;background:#18181b;color:#ddd;border:0;padding:10px 12px;border-top:1px solid #25252a;text-decoration:none}

.qs__backdrop{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);display:none}
.qs__backdrop[style*="display: block"]{display:block}

.qp{
	position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:40;border-radius:16px;overflow:hidden;
	background:color-mix(in oklab,var(--surface-2) 86%,black 14%);border:1px solid color-mix(in oklab,var(--border),white 8%);
	box-shadow:0 18px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
	opacity:0;transform:translateY(-6px);transition:.16s ease;
}
.qp[style*="display: none"]{opacity:0!important;transform:translateY(-6px)!important}
.qp:where(:not([style*="display: none"])) {opacity:1;transform:translateY(0)}
.qp::before{
	content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;
	background:radial-gradient(70% 90% at 50% -20%,rgba(180,227,90,.18),transparent 60%);
	mix-blend-mode:screen;
}
.qp__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 8px;border-bottom:1px dashed var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.qp__title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:900}
.qp__title svg{color:#b4e35a}
.qp__query{color:#cbd5e1;font-weight:700}
.qp__count{margin-left:6px;padding:.1rem .45rem;border-radius:999px;background:#ffffff10;border:1px solid #ffffff22;color:#cbd5e1;font-size:12px;font-weight:800;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.qp__hints{display:flex;align-items:center;gap:.4rem;color:#9aa3af;font-size:12.5px;flex-wrap:wrap}
.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:22px;padding:0 6px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900}
.hint{opacity:.85}.dot{opacity:.5;margin:0 .25rem}
.qp__list{list-style:none;margin:0;padding:6px;max-height:420px;overflow:auto}
.qp__item + .qp__item{margin-top:4px}
.qp__card{
	position:relative;display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;
	padding:8px 10px;border-radius:12px;text-decoration:none;color:#cfd4da;border:1px solid transparent;background:transparent;
	transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.qp__item[data-active="true"] .qp__card,.qp__card:hover{background:#1b1c20;border-color:#2a2b30}
.qp__chev{color:#7c8595;opacity:.7}
.qp__item[data-active="true"] .qp__chev{opacity:1;color:#cbd5e1}
.qp__poster{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.qp__poster img{width:74px;height:110px;display:block;object-fit:cover;background:#0e0e11}
.qp__pill{position:absolute;left:6px;top:6px;padding:.15rem .45rem;border-radius:999px;font-size:12px;font-weight:900;background:#26262b;color:#cbd5e1;text-transform:lowercase}
.qp__pill[data-type="сериал"]{background:#24311a}
.qp__body{display:grid;gap:6px;min-width:0}
.qp__row{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}
.qp__titleline{color:#fff;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qp__titleline .y{color:#9aa;font-weight:700;margin-left:.35rem}
.qp__rating{background:var(--ok);color:#111;border-radius:10px;padding:.12rem .5rem;font-weight:900;font-size:12.5px}
.qp__meta{display:flex;align-items:center;gap:.5rem;color:#9aa;font-size:13px;min-width:0;flex-wrap:wrap}
.qp__meta .g,.qp__meta .c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
.qp__list--skel .skel{border-radius:8px;background:linear-gradient(90deg,#1a1b1e 0%,#26272c 50%,#1a1b1e 100%);background-size:200% 100%;animation:qsShim 1.2s infinite linear}
.qp__list--skel .qp__card{grid-template-columns:74px 1fr}
.qp__list--skel .qp__poster{width:74px;height:110px}
.skel-line{height:12px;margin:6px 0}.w-60{width:60%}.w-80{width:80%}.w-40{width:40%}
.qp__empty{position:relative;padding:26px 18px;text-align:center;display:grid;gap:8px;justify-items:center;color:#cbd5e1}
.qp__empty svg{font-size:36px;color:#b4e35a;width: 36px;height: 36px;}
.qp__empty .t{color:#fff;font-weight:900}
.qp__btn{margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;text-decoration:none}
.qp__btn:hover{background:#ffffff1f}
.qp__empty .blob{position:absolute;inset:-20% -10% auto -10%;height:140px;background:radial-gradient(600px 280px at 60% 0%,rgba(180,227,90,.14),transparent 60%),radial-gradient(420px 220px at 30% 10%,rgba(132,168,63,.18),transparent 66%);filter:blur(8px);pointer-events:none}
.qp__foot{position:sticky;bottom:0;padding:10px max(10px,env(safe-area-inset-right)) 12px max(10px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 20%,rgba(0,0,0,.45) 100%),color-mix(in oklab,var(--surface-2) 86%,black 14%);border-top:1px dashed var(--border)}
.qp__btn--full{
	display:flex;width:100%;justify-content:center;padding:12px 14px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;font-weight:900;text-decoration:none;
	background:var(--card);
	border:1px solid var(--border);
}
.qp__btn--full:active{transform:translateY(1px)}
@media (max-width:700px){
	:global(body.search-open){overflow:hidden;touch-action:none;overscroll-behavior:contain}
	.qp{position:fixed;max-height:calc(78vh - env(safe-area-inset-top))}
	.qp__head{padding:12px 14px}
	.qp__hints{display:none}
	.qp__list{max-height:calc(78vh - 54px - 64px);padding:8px;padding-bottom:60px}
	.qp__card{grid-template-columns:82px 1fr auto;gap:14px;padding:10px 12px;border-radius:14px}
	.qp__poster img{width:82px;height:122px}
	.qp__pill{font-size:12px;padding:.18rem .5rem}
	.qp__titleline{font-size:16px}
	.qp__meta{font-size:13.5px}
	.search__clear,.search__close{width:40px;height:40px;border-radius:999px;font-size:20px;}
}

input[type="search"]{-webkit-appearance:textfield;appearance:textfield}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none}
input[type="search"]::-ms-clear,input[type="search"]::-ms-reveal{display:none;width:0;height:0}

html,body{scrollbar-gutter:stable}
body{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
body::-webkit-scrollbar{width:12px;height:12px}
body::-webkit-scrollbar-track{background:transparent}
body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
body:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb-hover)}
body::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}
body::-webkit-scrollbar-corner{background:transparent}
.nice-scroll{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
.nice-scroll:hover{scrollbar-color:var(--scroll-thumb-hover) var(--scroll-track-hover)}
.nice-scroll::-webkit-scrollbar{width:10px;height:10px}
.nice-scroll::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
.nice-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.nice-scroll:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb-hover)}
.nice-scroll::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}
.nice-scroll::-webkit-scrollbar-corner{background:transparent}
.nice-scroll--thin{scrollbar-width:thin}
.nice-scroll--thin::-webkit-scrollbar{width:8px;height:8px}
.nice-scroll--thin::-webkit-scrollbar-thumb{border-width:2px}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

.home{position:relative;padding-top:10px}

.home-hero{position:relative;z-index:1;margin-top:6px;padding:24px 0 6px}
.home-hero .page__title{font-size:var(--fs-xxl);margin-bottom:8px}
.home-hero .page__subtitle{max-width:68ch;margin-bottom:16px}
.actions{gap:10px}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;background:var(--ok);color:#0b0b0b;font-weight:900;border:0}
.btn-cta:hover{background:var(--ok-2)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 14px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;font-weight:800}
.btn-ghost:hover{background:#ffffff1f}
@media (max-width:900px){.home-hero{padding-top:10px}.home-hero .page__title{letter-spacing:.01em}}
@media (max-width:700px){.home-hero .page__title{font-size:clamp(26px,8vw,40px)}.home-hero .page__subtitle{font-size:15px}.btn-cta,.btn-ghost{height:44px}}

.fx-bg{position:relative}
.fx-bg::before{
	content:"";
	position:fixed;
	inset:-20% -10% auto -10%;
	height:min(70vh,760px);
	background:
		radial-gradient(800px 380px at 70% -10%, rgba(180,227,90,.18), transparent 60%),
		radial-gradient(700px 420px at 20% 0%, rgba(132,168,63,.22), transparent 66%),
		radial-gradient(900px 520px at 50% 100%, rgba(255,255,255,.06), transparent 60%);
	filter:blur(8px);
	pointer-events:none;
	z-index:0;
	animation:fxGlow 10s ease-in-out infinite;
}
.fx-bg::after{
	content:"";
	position:fixed;
	inset:0;
	background:
		repeating-linear-gradient(0deg, transparent 0 34px, rgba(255,255,255,.02) 34px 35px),
		repeating-linear-gradient(90deg, transparent 0 34px, rgba(255,255,255,.02) 34px 35px);
	-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	pointer-events:none;
	z-index:0;
}
@keyframes fxGlow{0%{filter:blur(8px) brightness(1)}50%{filter:blur(10px) brightness(1.06)}100%{filter:blur(8px) brightness(1)}}
@media (max-width:700px){.fx-bg::before{height:54vh}}

h1,h2,h3{font-family:"Golos Text",var(--font-ui);font-weight:700;letter-spacing:.01em}
.badge,.rating{font-variant-numeric:tabular-nums}

@media (max-width:768px){
	input,select,textarea,button{
		font-size:16px;
		line-height:1.3;
	}
}

@supports (-webkit-touch-callout:none){
	input,select,textarea,button{font-size:16px}
}

html{-webkit-text-size-adjust:100%}

.badge{
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	padding:.28rem .55rem;
	border-radius:10px;
	font-size:.78rem;
	line-height:1;
	font-weight:600;
	letter-spacing:.02em;
	border:1px solid transparent;
	user-select:none;
	white-space:nowrap;
	box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
	transform:translateZ(0);
	backdrop-filter:saturate(120%) blur(2px);
}

.badge.soon{
	--soon-1:#fff4cc;
	--soon-2:#ffd97a;
	--soon-3:#ffb33a;
	--soon-4:var(--accent,#ff7a2f);
	color:#111;
	background:
		linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--soon-2) 0%,var(--soon-3) 45%,var(--soon-4) 100%);
	border-color:rgba(0,0,0,.06);
	box-shadow:0 6px 18px rgba(255,170,50,.25),0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(0,0,0,.05) inset;
}
.badge.soon::after{
	content:"";
	width:.45rem;height:.45rem;
	border-radius:50%;
	margin-left:.1rem;
	background:
		radial-gradient(circle at 30% 30%,#fff 0 35%,transparent 40%),
		radial-gradient(circle at 70% 70%,rgba(255,255,255,.6) 0 40%,transparent 45%);
	opacity:.9;
	filter:blur(.2px);
}
.badge.soon:hover,.badge.soon:focus-visible{
	box-shadow:0 8px 22px rgba(255,170,50,.32),0 1px 0 rgba(255,255,255,.45) inset,0 -1px 0 rgba(0,0,0,.06) inset;
}
.badge--pill{border-radius:999px;padding:.32rem .66rem}
@media (prefers-color-scheme:dark){
	.badge.soon{
		border-color:rgba(255,255,255,.08);
		box-shadow:0 8px 22px rgba(255,140,40,.28),0 1px 0 rgba(255,255,255,.28) inset,0 -1px 0 rgba(0,0,0,.2) inset;
	}
}
@media (prefers-reduced-motion:reduce){.badge.soon::after{animation:none}}

.rating-badge{
	--size:26px;
	--pad-x:10px;
	--bg:rgba(0,0,0,.55);
	--fg:#fff;
	--gauge-bg:#17181b;
	--gauge-ok:#22c55e;
	--gauge-mid:#f59e0b;
	--gauge-low:#ef4444;
	position:absolute;
	left:8px;top:10px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:4px var(--pad-x) 4px calc(var(--pad-x) + var(--size) - 6px);
	background:var(--bg);
	border-radius:9999px;
	color:var(--fg);
	font-weight:700;
	line-height:1;
	backdrop-filter:blur(4px);
}
.rating-badge .rb-gauge{
	position:absolute;
	left:0;top:50%;
	width:var(--size);
	height:var(--size);
	transform:translateY(-50%);
	border-radius:50%;
	background:
		radial-gradient(closest-side,#0000 64%,rgba(0,0,0,.25) 65% 99%,#0000),
		conic-gradient(var(--gauge-color) calc(var(--p) * 360deg),var(--gauge-bg) 0);
	box-shadow:0 1px 2px rgba(0,0,0,.35) inset;
}
.rating-badge .rb-star{
	position:absolute;
	left:calc(var(--size)/2);
	top:49%;
	transform:translate(-50%,-50%);
	font-size:12px;
	width: 24px;
	display:block;
	pointer-events:none;
	color:#fff;
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
.rating-badge .rb-val{font-size:13px;letter-spacing:.2px}
.rating-badge.rating--elite{--gauge-color:#16a34a}
.rating-badge.rating--high{--gauge-color:#22c55e}
.rating-badge.rating--mid{--gauge-color:#f59e0b}
.rating-badge.rating--low{--gauge-color:#ef4444}

.badge.age{
	--bg:rgba(255,255,255,.14);
	--fg:#fff;
	position:absolute;
	right:8px;
	top:8px;
	padding:2px 6px;
	font-size:11px;
	font-weight:700;
	border-radius:999px;
	background:var(--bg);
	color:var(--fg);
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	display:block;
	height:max-content;
	width:fit-content;
}

dt{color:#fff}

.qp__card--clean{
	grid-template-columns:74px 1fr auto!important;
	align-items:center;
}
.qp__card--clean .qp__poster{
	position:relative;
	width:74px;
	height:110px;
	border-radius:10px;
	overflow:hidden;
	background:#0e0e11;
	box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.qp__card--clean .qp__poster img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.qp__card--clean .qp__info{
	display:grid;
	gap:6px;
	min-width:0;
}
.qp__card--clean .qp__toprow{
	display:flex;
	align-items:flex-start;
	gap:10px;
}
.qp__card--clean .qp__labels{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
}
.qp__titleline--2 .t{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height:2.6em;
	line-height:1.3;
}

.rating-chip{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:.22rem 8px .22rem 26px;
	border-radius:999px;
	background:#26262bcc;
	color:#ffffff;
	font-weight:900;
	font-size:12.5px;
	border:1px solid rgba(255,255,255,.22);
	box-shadow:inset 0 1px 0 rgba(0,0,0,.08);
	line-height:1;
}
.rating-chip .rc-gauge{
	position:absolute;
	left:-1px;
	top:50%;
	width:22px;
	height:22px;
	transform:translateY(-50%);
	border-radius:50%;
	background:
		radial-gradient(closest-side,#0000 64%,rgba(0,0,0,.25) 65% 99%,#0000),
		conic-gradient(var(--gauge-color,#22c55e) calc(var(--p) * 360deg),#17181b 0);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}
.rating-chip .rc-star{
	position:absolute;
	left:10px;
	top:50%;
	transform:translate(-50%,-50%);
	font-size:11px;
	color:#fff;
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
.rating-chip .rc-val{letter-spacing:.2px}
.rating-chip.rating--elite{--gauge-color:#16a34a}
.rating-chip.rating--high{--gauge-color:#22c55e}
.rating-chip.rating--mid{--gauge-color:#f59e0b}
.rating-chip.rating--low{--gauge-color:#ef4444}

.pill{
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	padding:.22rem .55rem;
	border-radius:999px;
	font-size:12px;
	font-weight:800;
	line-height:1;
	border:1px solid rgba(255,255,255,.22);
	background:rgba(255,255,255,.10);
	color:#fff;
	backdrop-filter:blur(3px);
}
.pill--type[data-type="сериал"]{background:#24311acc;border-color:#36531b}
.pill--type[data-type="фильм"]{background:#26262bcc}

.qp__meta--tight{gap:.35rem;opacity:.95}

.qp__item[data-active="true"] .qp__card--clean,.qp__card--clean:hover{
	background:var(--card);
	border:1px solid var(--border);
}

.qp__card--clean .qp__info,
.qp__card--clean .qp__titleline,
.qp__card--clean .qp__labels{min-width:0}
.qp__titleline--2{min-width:0}
.qp__titleline--2 .t{word-break:break-word}

@media (max-width:700px){
	.qp__card--clean{
		grid-template-columns:64px 1fr 26px!important;
		column-gap:10px;
		align-items:center;
	}
	.qp__card--clean .qp__poster{
		width:64px;
		height:96px;
		border-radius:8px;
	}
	.qp__card--clean .qp__info{gap:4px}
	.qp__card--clean .qp__toprow{
		flex-direction:column;
		align-items:flex-start;
		gap:4px;
	}
	.qp__card--clean .qp__labels{
		margin-left:0;
		flex-wrap:wrap;
		gap:6px;
	}
	.rating-chip{
		font-size:12px;
		padding:.18rem 7px .18rem 24px;
		
	}
	.rating-chip .rc-gauge{width:20px;height:20px}
	.rating-chip .rc-star{left:10px;font-size:10px}
	.pill{
		font-size:11.5px;
		padding:.18rem .48rem;
	}
	.qp__chev{font-size:18px}
	.qp__titleline--2 .t{
		-webkit-line-clamp:2;
		max-height:2.6em;
	}
	.btn-search-toggle {
		display: inline-grid!important;
	}
}


.btn-cta--g4, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	background:linear-gradient(135deg, #a3e635 0%, #9be02c 35%, #7fc816 70%, #57881e 100%)!important;
	box-shadow:0 10px 26px rgba(163,230,53,.26)!important;
	border:0!important;
	color:#0a1205!important;
}
.btn-cta--g4:hover{filter:brightness(1.03)}
.btn-cta--g4:active{filter:brightness(.95)}

.btn-search-toggle{
	display: none;
	place-items:center;
	border-radius:9999px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.14);
	color:#fff;
	backdrop-filter:blur(6px) saturate(120%);
	transition:
		background .15s ease,
		border-color .15s ease,
		box-shadow .15s ease,
		transform .06s ease;
}
.btn-search-toggle:hover{
	background:rgba(255,255,255,.10);
	border-color:rgba(255,255,255,.22);
	box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 2px rgba(255,255,255,.06) inset;
}
.btn-search-toggle:active{
	transform:scale(.98);
}
.btn-search-toggle:focus-visible{
	outline:0;
	box-shadow:
		0 0 0 2px color-mix(in oklab, var(--ok) 60%, #fff 40%),
		0 6px 18px rgba(0,0,0,.28);
	border-color:color-mix(in oklab, var(--ok) 40%, #fff 60%);
	background:rgba(255,255,255,.12);
}
.btn-search-toggle svg{
	font-size:20px;
	opacity:.95;
	width: 20px;
	height: 20px;
}

.search__close svg{
	display:block;
	width:1em; height:1em;
	color:currentColor;
}


@supports (-webkit-touch-callout:none){
	.search input{
	  	font-size:16px !important;
	}
}

@media (max-width:700px){
	.search input{ font-size:16px !important; }
}

.search svg.rb-star {
    width: 20px;
    height: 20px;
    position: absolute;
    color: #fff;
    left: 0;
}

.video-players {
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
	flex-wrap: wrap;
}

button.video-players__button {
    background: #ffffff12;
    border: 1px solid #ffffff26;
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
}

button.video-players__button.is-active {
    background: #b4e35a;
    color: #000;
}

button.video-players__button:hover {
	background: #ffffff1f;
}