/* Modern responsive overrides — non-breaking and layered over legacy styles */
:root{
  --bg:#0d0f14;
  --panel:#12151d;
  --accent:#4da3ff;
  --accent-2:#7bd389;
  --text:#e6e8ee;
  --muted:#9aa3b2;
  --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.35);
}

/* Base */
html,body{background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%; height:auto; display:block}

/* Container */
.container{width:100%; max-width:1200px; margin-inline:auto; padding-inline:16px}
@media (min-width:1400px){ .container{max-width:1320px} }

/* Header + Topbar */
.fixed-header .b-tophead{position:sticky; top:0; z-index:50; backdrop-filter:saturate(1.2) blur(8px); background:rgba(13,15,20,.72)}

/* Navigation */
.nav-toggle{display:none; border:0; background:transparent; width:42px; height:42px; border-radius:var(--radius); box-shadow:var(--shadow)}
.nav-toggle:focus{outline:2px solid var(--accent)}
.nav-toggle .bar{display:block; width:22px; height:2px; margin:5px auto; background:var(--text); transition:.2s}

@media (max-width:1024px){
  #topnav-menu{display:none}
  body.nav-open #topnav-menu{display:block; position:fixed; inset:64px 0 0 0; background:rgba(10,12,16,.98); padding:24px; overflow:auto}
  body.nav-open{overflow:hidden}
  .nav-toggle{display:inline-flex; align-items:center; justify-content:center; margin-left:8px}
  .b-topnav__inner>li{display:block; margin:8px 0}
}

/* Search simplification on small screens */
@media (max-width:640px){
  .b-search__form{display:flex; gap:8px; align-items:center; padding:8px; background:var(--panel); border-radius:var(--radius)}
  .b-search__field{flex:1; min-width:0}
}

/* Cards grid (index/category) */
.grid{display:grid; gap:16px}
.grid.auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media (min-width:768px){ .grid.auto{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))} }
@media (min-width:1024px){ .grid.auto{gap:18px} }

/* Poster cards */
.b-content__inline_item{background:var(--panel); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.b-content__inline_item .title{color:var(--text)}
.b-content__inline_item .info{color:var(--muted)}

/* Buttons modern */
.btn, .b-btn{border-radius:12px; padding:10px 14px; line-height:1.1}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#0a0c10; font-weight:600}

/* Footer */
.b-footer{background:transparent; border-top:1px solid rgba(255,255,255,.06)}
.b-foot__social a{filter:grayscale(.2); opacity:.85}

/* Pictures/Carousel */
.b-newest_slider__inner, #newest-slider-holder{border-radius:var(--radius); overflow:hidden}

/* Better spacing */
.section{padding-block:24px}
.section-lg{padding-block:40px}

/* Hide legacy "fixed width" wrappers if present */
.wrap, .l-content, .b-content{max-width:none}