/* ===== Dark Mint. Все правила под body.mint ===== */
body.mint{--bg:#14151c;--pn:#1e1f29;--pn2:#282a36;--bd:rgba(255,255,255,.04);--tx:#f4f5f8;--mu:#8b8d9b;--ac:#5ee6a0;--ac2:#46cf88;--on-ac:#0f1a14;--ok:#5ee6a0;--r:24px;--gap:16px;--bar:68px;
 background:var(--bg);color:var(--tx);font-family:"Manrope","Montserrat","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.mint a:hover{color:var(--ac)}
.mint ::selection{background:var(--ac);color:var(--on-ac)}

/* ---- панели, кнопки, поля ---- */
.mint .pn{background:var(--pn);border:0;border-radius:var(--r);padding:22px}
.mint .btn{background:var(--pn2);border:0;border-radius:999px;font-weight:600}
.mint .btn:hover{background:#34364a;color:#fff}
.mint .btn.acc,.mint .chip-b.on,.mint .tr span,.mint .bigplay,.mint .s2-b.watch,.mint .bd.q,.mint .nv .tag{background:var(--ac)!important;color:var(--on-ac)!important;border-color:transparent;box-shadow:none}
.mint .btn.acc{box-shadow:0 10px 26px -12px var(--ac)}
.mint .btn.acc:hover{filter:brightness(1.07);color:var(--on-ac)!important}
.mint .btn.gh.on{background:rgba(94,230,160,.16);color:var(--ac)}
.mint .bigplay{box-shadow:0 0 0 10px rgba(94,230,160,.18),0 14px 40px rgba(0,0,0,.6)}
.mint .s2-b.watch svg{fill:var(--on-ac)}
.mint .in{background-color:var(--pn2);border:0;border-radius:16px;height:48px}
.mint textarea.in{border-radius:18px}
.mint .in:focus{box-shadow:0 0 0 2px var(--ac)}
.mint .chip span{background:var(--pn2);border:0;border-radius:16px;padding:12px 20px}
.mint .chip:hover span{background:#34364a}
.mint .chip.on span,.mint .chip input:checked+span{background:rgba(94,230,160,.16);color:var(--ac)}
.mint .tab{background:var(--pn);border:0;border-radius:999px;padding:10px 20px}
.mint .tab:hover{background:var(--pn2)}.mint .tab.on{background:var(--ac);color:var(--on-ac)}
.mint .seg{background:var(--pn2);border:0;border-radius:999px}.mint .seg button{border-radius:999px}.mint .seg .on{background:var(--ac);color:var(--on-ac)}
.mint .chip-b{background:var(--pn2);border:0;border-radius:14px}
.mint .pager a,.mint .pager span{background:var(--pn);border:0;border-radius:14px}.mint .pager a.on{background:var(--ac);color:var(--on-ac)}
.mint .vb.on{background:rgba(94,230,160,.16);color:var(--ac)}
.mint .tag{border-radius:12px}.mint .tag.acc{background:var(--ac);color:var(--on-ac)}
.mint .flash{background:var(--pn);border:0;border-left:4px solid var(--ac);border-radius:16px}
.mint .sec-h h2,.mint .ph h1{font-weight:700;letter-spacing:-.01em}
.mint .sec-h>a{color:var(--mu);font-weight:500}.mint .sec-h>a:hover{color:var(--ac)}
.mint .st b{color:var(--ac)}

/* ---- карточки ---- */
.mint .card{background:var(--pn);border-radius:22px;padding:10px 10px 12px;transition:background .25s,transform .25s}
.mint .card:hover{background:var(--pn2);color:inherit;transform:translateY(-3px)}
.mint .poster{border:0;border-radius:16px}
.mint .card:hover .poster{transform:none;box-shadow:none}
.mint .card .poster::after{content:"";position:absolute;right:10px;bottom:10px;width:42px;height:42px;border-radius:50%;background:rgba(20,21,28,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%235ee6a0'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 0 0 3px var(--ac) inset;opacity:0;transform:scale(.8);transition:.25s}
.mint .card:hover .poster::after{opacity:1;transform:none}
@media(hover:none){.mint .card .poster::after{opacity:1;transform:none;width:34px;height:34px;background-size:16px}}
.mint .ct{font-size:.9rem;margin-top:10px}
.mint .bd{border-radius:10px;background:rgba(20,21,28,.75)}

/* ---- слайдер, страница фильма ---- */
.mint .slider{border:0;border-radius:30px;height:440px}
.mint .slide::after{background:linear-gradient(90deg,rgba(20,21,28,.94),rgba(20,21,28,.45) 60%,rgba(20,21,28,.05))}
.mint .slide h2,.mint .slide h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05;font-weight:800}
.mint .slide .tag{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mint .sp{transform:none;border-radius:22px}
.mint .dots .on{background:var(--ac)}
.mint .hero{border:0;border-radius:30px;background:var(--pn)}
.mint .hi h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-weight:800}
.mint .hp{border-radius:22px}
.mint .frame{border-radius:22px}
.mint .ring{background:rgba(255,255,255,.05);border:0;border-radius:18px;box-shadow:none}
.mint .ring.st span{background:none;-webkit-text-fill-color:var(--ac);color:var(--ac)}
.mint .facts a,.mint .ppl a{color:var(--ac)}
.mint .agebadge{border-radius:14px;border-color:rgba(255,255,255,.2)}
.mint .cav{background:var(--ac)}
.mint .cm2.sub{background:var(--pn2);border:0;border-radius:18px}
.mint .cpb{background:var(--pn2);border:0;border-radius:14px}.mint .cpb.on{background:var(--ac);color:var(--on-ac)}
.mint .nt.un{background:var(--pn2);box-shadow:inset 3px 0 0 var(--ac)}
.mint .fa{background:var(--pn)}
.mint .mbox{background:var(--pn);border:0;border-radius:26px}
.mint .toast{background:var(--pn2);border:0;border-radius:16px}
.mint .foot{background:var(--pn);border:0;border-radius:24px;margin-top:20px}
.mint .ap-hero{background:radial-gradient(circle at 85% 20%,rgba(94,230,160,.12),transparent 55%),var(--pn);border:0}
.mint .ap-steps .n{background:var(--ac);color:var(--on-ac)}
.mint .ap-f .fi{background:var(--pn2)}
.mint .stbar i,.mint .bar i,.mint .s2-bar i{background:var(--ac)}

/* ---- шапка: боковая панель превращается в верхнюю полосу иконок (десктоп) ---- */
@media(min-width:1200px){
 .mint .main{margin-left:0;padding:calc(var(--bar) + var(--gap)*2) var(--gap) var(--gap)}
 .mint .wrap{padding:0 0 40px;max-width:1700px}
 .mint .side{position:fixed;inset:var(--gap) 560px auto var(--gap);width:auto;height:var(--bar);flex-direction:row;align-items:center;gap:8px;padding:0 14px;background:var(--pn);border:0;border-radius:24px 44px 24px 24px;overflow:hidden;z-index:60;transform:none}
 .mint .side .logo{padding:0 10px 0 4px;flex:none}.mint .side .logo b{display:inline}
 .mint .lg{background:var(--ac);color:var(--on-ac);border-radius:14px;width:38px;height:38px}
 .mint .side nav{flex-direction:row;align-items:center;gap:6px;flex:1;overflow:hidden;margin:0;padding:0}
 .mint .nv{width:46px;height:46px;padding:0;justify-content:center;border-radius:50%;color:#a9abba;flex:none}
 .mint .nv>span,.mint .nv .tag{display:none}
 .mint .nv .ic{width:22px;height:22px}
 .mint .nv:hover{background:var(--pn2);color:#fff}
 .mint .nv.on{background:rgba(94,230,160,.14);color:var(--ac);box-shadow:inset 0 0 0 1px rgba(94,230,160,.35)}
 .mint .side-b{display:flex;flex-direction:row;gap:6px;margin:0;padding:0;flex:none}
 .mint .side-b .btn{padding:9px 14px;font-size:.8rem}
 .mint .side .me{display:none}
 .mint .soc-side{display:none}
 .mint .top{position:fixed;top:var(--gap);right:var(--gap);left:auto;width:540px;max-width:calc(100% - 700px);margin:0;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:61;gap:10px;justify-content:flex-end}
 .mint .top .logo-m,.mint .top .mob{display:none}
}
.mint .ib{background:var(--pn);border:0;border-radius:50%;width:48px;height:48px}
.mint .ib:hover{background:var(--pn2)}.mint .ib.on{background:var(--ac);color:var(--on-ac)}
.mint .dot{background:var(--ac);border:2px solid var(--bg)}
.mint .sbox{max-width:none;flex:1;margin:0}
.mint .sbox input{height:48px;background-color:var(--pn);border:0;border-radius:999px;padding:0 20px 0 48px}
.mint .sbox input:focus{box-shadow:0 0 0 2px var(--ac)}
.mint .sug{background:var(--pn);border:0;border-radius:20px}
.mint .me{background:var(--pn2);border:0;border-radius:18px}

/* ---- планшет и телефон ---- */
@media(max-width:1199px){
 body.mint{--bar:0px}
 .mint .main{padding:12px}
 .mint .side{width:290px;border-radius:0 28px 28px 0;background:var(--pn);border:0}
 .mint .nv{border-radius:16px}.mint .nv.on{background:rgba(94,230,160,.14);color:var(--ac)}
 .mint .top{margin:0 0 12px;padding:8px;background:var(--pn);border:0;border-radius:24px;-webkit-backdrop-filter:none;backdrop-filter:none}
 .mint .slider{height:360px;border-radius:26px}
 .mint .filters{border-radius:26px 26px 0 0;background:var(--pn)}
}
@media(max-width:767px){
 .mint .main{padding:10px 10px 0}
 .mint .ib,.mint .sbox input{height:42px}.mint .ib{width:42px}
 .mint .tabbar{background:var(--pn);border:0;border-radius:26px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
 .mint .tabbar a{border-radius:20px}.mint .tabbar a.on{background:rgba(94,230,160,.16);color:var(--ac)}
 .mint .slider{height:400px;border-radius:24px}
 .mint .hero{border-radius:24px}
 .mint .card{padding:7px 7px 9px;border-radius:18px}.mint .poster{border-radius:13px}
 .mint .card .poster::after{width:30px;height:30px;right:6px;bottom:6px;background-size:14px}
 .mint .pn{padding:16px;border-radius:22px}
}