/* ===== Crimson Bento. Все правила под body.crim ===== */
body.crim{--bg:#2b2727;--pn:#4a4444;--pn2:#5a5252;--bd:rgba(255,255,255,.05);--tx:#f3eeee;--mu:#a89f9f;--ac:#c4363f;--ac2:#e0525a;--on-ac:#fff;--r:40px;--gap:16px;--sw:128px;
 color:var(--tx);font-family:"Syne","Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
 background:radial-gradient(70% 60% at 70% 30%,rgba(196,54,63,.22),transparent 70%),radial-gradient(60% 50% at 10% 90%,rgba(255,255,255,.04),transparent 70%),var(--bg)}
.crim a:hover{color:var(--ac2)}
.crim ::selection{background:var(--ac);color:#fff}

/* выемка с разделами сверху по центру, как «ANIME / MANGA / CHAT» */
.crim .top-pills{display:flex;gap:6px;margin:0 auto}
.crim .top-pills a{height:38px;padding:0 20px;display:grid;place-items:center;border-radius:999px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#d6cccc;white-space:nowrap}
.crim .top-pills a:hover{color:#fff}.crim .top-pills a.on{background:var(--ac);color:#fff}
@media(min-width:1200px){
 .crim .top-pills{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:80;padding:8px 22px 12px;background:var(--bg);border-radius:0 0 28px 28px;box-shadow:0 0 0 1px var(--bd)}
}
@media(max-width:1199px){.crim .top-pills{display:none}}

/* каркас: боковая колонка из «блоков» разной формы */
.crim .wrap{max-width:1500px;padding:0 0 40px}
.crim .side{background:var(--pn);border:0;border-radius:44px;padding:18px 10px}
.crim .lg{background:rgba(255,255,255,.1);color:#fff;border-radius:50%}
.crim .nv{border-radius:20px;color:#d6cccc}
.crim .nv:hover{background:var(--pn2);color:#fff}
.crim .nv.on{background:var(--ac);color:#fff}
.crim .nv .tag{background:#fff;color:var(--ac)}
.crim .me{background:var(--pn2);border:0;border-radius:24px}
@media(min-width:1024px){
 .crim .main{margin-left:var(--sw);padding:var(--gap)}
 .crim .side{inset:var(--gap) auto var(--gap) var(--gap);width:calc(var(--sw) - 32px)}
 .crim .side .logo b,.crim .nv>span,.crim .nv .tag,.crim .me>span{display:none}
 .crim .side .logo{justify-content:center}
 .crim .side nav{align-items:center;gap:8px}
 .crim .nv{width:52px;height:52px;padding:0;justify-content:center;border-radius:50%}
 .crim .side-b .btn{padding:10px 4px;font-size:.66rem}
 .crim .soc-side{flex-direction:column;align-items:center}
}
.crim .top{top:var(--gap);margin:0 0 var(--gap);padding:8px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:10px}
@media(min-width:1200px){.crim .top{margin-top:34px}}
.crim .sbox{max-width:360px;margin:0 auto 0 0}
.crim .sbox input{height:46px;background-color:var(--pn);border:0;border-radius:999px;padding-left:48px}
.crim .sbox input:focus{box-shadow:0 0 0 2px var(--ac)}
.crim .sug{background:var(--pn);border:0;border-radius:24px}
.crim .ib{background:var(--pn);border:0;border-radius:50%;width:46px;height:46px}
.crim .ib:hover{background:var(--pn2)}.crim .ib.on{background:var(--ac);color:#fff}
.crim .dot{background:var(--ac2);border:2px solid var(--bg)}

/* панели, кнопки */
.crim .pn{background:var(--pn);border:0;border-radius:var(--r);padding:24px}
.crim .btn{background:var(--pn2);border:0;border-radius:999px;font-weight:600}
.crim .btn:hover{background:#6a6060;color:#fff}
.crim .btn.acc,.crim .chip-b.on,.crim .tr span,.crim .bigplay,.crim .s2-b.watch,.crim .bd.q,.crim .nv .tag{background:var(--ac)!important;color:#fff!important;border-color:transparent;box-shadow:none}
.crim .btn.acc{box-shadow:0 14px 30px -14px var(--ac)}
.crim .btn.acc:hover{background:var(--ac2)!important}
.crim .btn.gh.on{background:var(--ac);color:#fff}
.crim .s2-b.watch svg{fill:#fff}
.crim .bigplay{box-shadow:0 0 0 12px rgba(196,54,63,.28),0 14px 40px rgba(0,0,0,.6)}
.crim .in{background-color:var(--pn2);border:0;border-radius:20px;height:50px}
.crim .in:focus{box-shadow:0 0 0 2px var(--ac)}
.crim .chip span{background:var(--pn2);border:0;border-radius:999px;padding:11px 20px}
.crim .chip.on span,.crim .chip input:checked+span{background:var(--ac);color:#fff}
.crim .tab{background:var(--pn);border:0;border-radius:999px}.crim .tab.on{background:var(--ac);color:#fff}
.crim .seg{background:var(--pn);border:0;border-radius:999px}.crim .seg button{border-radius:999px}.crim .seg .on{background:var(--ac);color:#fff}
.crim .chip-b{background:var(--pn2);border:0;border-radius:999px}
.crim .pager a,.crim .pager span{background:var(--pn);border:0;border-radius:50%}.crim .pager a.on{background:var(--ac);color:#fff}
.crim .vb.on{background:var(--ac);color:#fff}
.crim .tag{border-radius:999px;background:var(--pn2)}.crim .tag.acc{background:var(--ac);color:#fff}
.crim .flash{background:var(--pn);border:0;border-left:4px solid var(--ac);border-radius:22px}
.crim .sec-h h2,.crim .ph h1{font-weight:700;letter-spacing:-.01em}
.crim .sec-h>a{color:var(--ac2)}
.crim .st b{color:var(--ac2)}

/* карточки: «блоки» с разным скруглением углов */
.crim .card{background:var(--pn);padding:10px 10px 14px;border-radius:36px 36px 36px 14px}
.crim .card:nth-child(even){border-radius:36px 14px 36px 36px}
.crim .card:hover{background:var(--pn2);transform:translateY(-3px);color:inherit}
.crim .poster{border:0;border-radius:28px 28px 28px 8px}
.crim .card:nth-child(even) .poster{border-radius:28px 8px 28px 28px}
.crim .card:hover .poster{transform:none;box-shadow:none}
.crim .card .poster::after{content:"";position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;background:var(--ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v13m0 0-5-5m5 5 5-5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;opacity:0;transform:scale(.8);transition:.25s}
.crim .card:hover .poster::after{opacity:1;transform:none}
@media(hover:none){.crim .card .poster::after{opacity:1;transform:none;width:34px;height:34px;background-size:16px}}
.crim .ct{margin-top:12px;padding:0 6px;font-weight:600}
.crim .bd{border-radius:999px;background:rgba(43,39,39,.78)}

/* слайдер на весь блок, затемнённый, с красной подсветкой */
.crim .slider{border:0;border-radius:48px 48px 48px 20px;height:440px;box-shadow:0 30px 70px -30px rgba(196,54,63,.45)}
.crim .slide::after{background:linear-gradient(90deg,rgba(25,18,18,.88),rgba(40,20,22,.35) 60%,rgba(196,54,63,.12))}
.crim .slide h2,.crim .slide h1{font-weight:700;font-size:clamp(1.9rem,4vw,3.2rem)}
.crim .slide .tag{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.crim .slide .btn.acc{width:auto}
.crim .sp{transform:none;border-radius:30px}.crim .dots .on{background:var(--ac2)}
.crim .hero{border:0;border-radius:48px 48px 48px 20px;background:var(--pn)}
.crim .hp,.crim .frame{border-radius:32px}
.crim .ring{background:var(--pn2);border:0;border-radius:22px;box-shadow:none}
.crim .ring.st span{background:none;-webkit-text-fill-color:var(--ac2);color:var(--ac2)}
.crim .facts a,.crim .ppl a{color:#ff9aa0}
.crim .cav{background:var(--ac)}
.crim .cm2.sub{background:var(--pn2);border:0;border-radius:22px}
.crim .cpb{background:var(--pn2);border:0;border-radius:50%}.crim .cpb.on{background:var(--ac);color:#fff}
.crim .nt.un{background:var(--pn2);box-shadow:inset 3px 0 0 var(--ac)}
.crim .fa,.crim .mbox{background:var(--pn);border:0}.crim .mbox{border-radius:36px}
.crim .toast{background:var(--pn2);border:0;border-radius:20px}
.crim .foot{background:var(--pn);border:0;border-radius:36px;margin-top:20px}
.crim .ap-hero{background:var(--pn);border:0}.crim .ap-steps .n{background:var(--ac);color:#fff}.crim .ap-f .fi{background:var(--pn2)}
.crim .stbar i,.crim .bar i,.crim .s2-bar i{background:var(--ac)}

@media(max-width:1023px){
 .crim .main{padding:12px}
 .crim .side{width:290px;border-radius:0 36px 36px 0}
 .crim .top{top:0;background:var(--bg)}
 .crim .slider{height:360px;border-radius:34px 34px 34px 14px}
 .crim .filters{background:var(--pn);border-radius:34px 34px 0 0}
}
@media(max-width:767px){
 .crim .tabbar{background:var(--pn);border:0;border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
 .crim .tabbar a{border-radius:999px}.crim .tabbar a.on{background:var(--ac);color:#fff}
 .crim .slider{height:390px}.crim .hero{border-radius:34px 34px 34px 14px}
 .crim .card{border-radius:26px 26px 26px 10px}.crim .card:nth-child(even){border-radius:26px 10px 26px 26px}
 .crim .poster{border-radius:20px 20px 20px 6px}.crim .card:nth-child(even) .poster{border-radius:20px 6px 20px 20px}
 .crim .pn{padding:16px;border-radius:28px}
}