/* ===== Bento Lime. Все правила под body.bento — со старыми стилями не пересекаются ===== */
body.bento{--bg:#171717;--pn:#2a2a2a;--pn2:#353535;--bd:rgba(255,255,255,.05);--tx:#f5f5f5;--mu:#8f8f8f;--ac:#c9f545;--ac2:#b4e02e;--on-ac:#141414;--ok:#c9f545;--r:26px;--sw:112px;--gap:16px;
 background:var(--bg);color:var(--tx);font-family:"Rubik","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.bento a:hover{color:var(--ac)}
.bento ::selection{background:var(--ac);color:var(--on-ac)}

/* каркас */
.bento .main{margin-left:var(--sw);padding:var(--gap)}
.bento .wrap{padding:0 0 40px;max-width:1600px}
.bento .side{inset:var(--gap) auto var(--gap) var(--gap);width:calc(var(--sw) - var(--gap));background:var(--pn);border:0;border-radius:30px;padding:18px 12px}
.bento .lg{background:var(--ac);color:var(--on-ac);border-radius:16px}
.bento .logo{padding:6px 4px 14px}
.bento .nv{border-radius:16px;color:#bdbdbd}
.bento .nv:hover{background:var(--pn2);color:#fff}
.bento .nv.on{background:var(--ac);color:var(--on-ac)}
.bento .nv .tag,.bento .tag.acc{background:var(--ac);color:var(--on-ac)}
.bento .me{background:var(--pn2);border:0;border-radius:18px}
.bento .top{top:var(--gap);margin:0 0 var(--gap);padding:10px;background:var(--pn);border:0;border-radius:26px;box-shadow:0 0 0 8px var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;gap:10px}
.bento .ib{background:var(--pn2);border:0;border-radius:16px;width:46px;height:46px}
.bento .ib:hover{background:#404040}.bento .ib.on{background:var(--ac);color:var(--on-ac)}
.bento .dot{background:#ff4d4d;border:2px solid var(--pn)}
.bento .sbox{max-width:380px;margin-right:0}
.bento .sbox input{height:46px;background-color:var(--pn2);border:0;border-radius:16px;padding:0 58px 0 18px}
.bento .sbox input:focus{box-shadow:0 0 0 2px var(--ac)}
.bento .sbox>.ic{left:auto;right:6px;width:34px;height:34px;padding:8px;border-radius:12px;background:var(--ac);color:var(--on-ac)}
.bento .sug{background:var(--pn);border:0;border-radius:20px}
.bento .top-pills{display:flex;gap:10px;margin-right:auto}
.bento .top-pills a{height:46px;padding:0 22px;display:grid;place-items:center;border-radius:16px;background:var(--pn2);font-weight:500;white-space:nowrap}
.bento .top-pills a:hover{background:#404040;color:#fff}
.bento .top-pills a.on{background:var(--ac);color:var(--on-ac)}

/* панель-«рельс» на десктопе: только значки */
@media(min-width:1024px){
 .bento .side .logo b,.bento .nv>span,.bento .nv .tag,.bento .me>span{display:none}
 .bento .side .logo{justify-content:center}
 .bento .side nav{align-items:center;gap:8px}
 .bento .nv{width:52px;height:52px;padding:0;justify-content:center}
 .bento .nv .ic{width:22px;height:22px}
 .bento .me{padding:6px;justify-content:center}
 .bento .side-b .btn{padding:12px 6px;font-size:.78rem}
 .bento .soc-side{flex-direction:column;align-items:center;padding:8px 0 0}
}
@media(max-width:1199px){.bento .top-pills{display:none}.bento .sbox{margin-right:auto}}

/* панели, кнопки, поля */
.bento .pn{background:var(--pn);border:0;border-radius:var(--r);padding:22px}
.bento .btn{background:var(--pn2);border:0;border-radius:16px;font-weight:600}
.bento .btn:hover{background:#404040;color:#fff}
.bento .btn.acc,.bento .chip-b.on,.bento .tr span,.bento .bigplay,.bento .s2-b.watch,.bento .bd.q,.bento .nv .tag{background:var(--ac)!important;color:var(--on-ac)!important;border-color:transparent;box-shadow:none}
.bento .btn.acc{box-shadow:0 12px 26px -12px var(--ac)}.bento .btn.acc:hover{filter:brightness(1.06);color:var(--on-ac)!important}
.bento .btn.gh.on{background:var(--ac);color:var(--on-ac)}
.bento .bigplay{box-shadow:0 0 0 12px rgba(255,255,255,.12),0 14px 40px rgba(0,0,0,.6)}
.bento .s2-b.watch svg{fill:var(--on-ac)}
.bento .in{background-color:var(--pn2);border:0;border-radius:16px;height:48px}
.bento textarea.in{border-radius:18px}
.bento .in:focus{box-shadow:0 0 0 2px var(--ac)}
.bento .chip span{background:var(--pn);border:0;border-radius:14px;padding:10px 18px}
.bento .chip:hover span{background:var(--pn2)}
.bento .chip.on span,.bento .chip input:checked+span{background:var(--ac);color:var(--on-ac)}
.bento .tab{background:var(--pn);border:0;border-radius:16px;padding:11px 20px}
.bento .tab:hover{background:var(--pn2)}.bento .tab.on{background:var(--ac);color:var(--on-ac)}
.bento .seg{background:var(--pn2);border:0;border-radius:16px}.bento .seg button{border-radius:12px}.bento .seg .on{background:var(--ac);color:var(--on-ac)}
.bento .chip-b{background:var(--pn2);border:0;border-radius:14px}
.bento .pager a,.bento .pager span{background:var(--pn);border:0;border-radius:14px}.bento .pager a.on{background:var(--ac);color:var(--on-ac)}
.bento .vb.on{background:var(--ac);color:var(--on-ac)}
.bento .tag{border-radius:12px}
.bento .flash{background:var(--pn);border:0;border-left:4px solid var(--ac);border-radius:16px}

/* заголовки секций */
.bento .sec-h h2,.bento .ph h1{font-weight:600;letter-spacing:-.01em}
.bento .sec-h>a{color:var(--ac);font-weight:500}
.bento .st b{color:var(--ac)}

/* карточки */
.bento .card{background:var(--pn);border-radius:24px;padding:10px 10px 12px;transition:background .25s,transform .25s}
.bento .card:hover{background:var(--pn2);color:inherit;transform:translateY(-3px)}
.bento .poster{border:0;border-radius:18px}
.bento .card:hover .poster{transform:none;box-shadow:none}
.bento .card .poster::after{content:"";position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:14px;background:var(--ac) 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='%23141414'/%3E%3C/svg%3E") center/20px no-repeat;opacity:0;transform:scale(.8);transition:.25s}
.bento .card:hover .poster::after{opacity:1;transform:none}
@media(hover:none){.bento .card .poster::after{opacity:1;transform:none;width:34px;height:34px}}
.bento .ct{font-size:.9rem;margin-top:10px}
.bento .bd{border-radius:10px;background:rgba(24,24,24,.75)}
.bento .grid.list .card{padding:12px;border-radius:24px}

/* слайдер и страница фильма */
.bento .slider{border:0;border-radius:34px;height:440px}
.bento .slide::after{background:linear-gradient(90deg,rgba(23,23,23,.92),rgba(23,23,23,.4) 60%,rgba(23,23,23,.05))}
.bento .sbg{filter:brightness(.75)}
.bento .slide .tag{background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bento .slide .btn.gh{background:#fff;color:#141414}
.bento .sp{transform:none;border-radius:26px}
.bento .dots .on{background:var(--ac)}
.bento .hero{border:0;border-radius:34px}
.bento .hp{border-radius:26px}
.bento .frame{border-radius:24px}
.bento .ring{background:rgba(255,255,255,.07);border:0;border-radius:20px;box-shadow:none}
.bento .ring.st span{background:none;-webkit-text-fill-color:var(--ac);color:var(--ac)}
.bento .facts a,.bento .ppl a{color:var(--ac)}
.bento .agebadge{border-radius:14px;border-color:rgba(255,255,255,.2)}
.bento .cav{background:var(--ac)}
.bento .cm2.sub{background:var(--pn2);border:0;border-radius:18px}
.bento .cpb{background:var(--pn2);border:0;border-radius:14px}.bento .cpb.on{background:var(--ac);color:var(--on-ac)}
.bento .nt.un{background:var(--pn2);box-shadow:inset 3px 0 0 var(--ac)}

/* фильтры, модалки, подвал, прочее */
.bento .fa{background:var(--pn)}
.bento .mbox{background:var(--pn);border:0;border-radius:28px}
.bento .toast{background:var(--pn2);border:0;border-radius:16px}
.bento .foot{background:var(--pn);border:0;border-radius:26px;margin-top:20px}
.bento .ap-hero{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.07),transparent 55%),var(--pn);border:0}
.bento .ap-steps .n{background:var(--ac);color:var(--on-ac)}
.bento .ap-f .fi{background:var(--pn2)}
.bento .stbar i,.bento .bar i,.bento .s2-bar i{background:var(--ac)}

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