:root{
  --bg: #0e0f13;
  --bg-elevated: #16181f;
  --bg-card: #1b1e27;
  --accent: #ff3b5c;
  --accent-2: #3bd0ff;
  --text: #eceef2;
  --text-muted: #9298a6;
  --border: #262a35;
  --kino: #a970ff;
  --igry: #3bd0ff;
  --radius: 12px;
  --font: 'Segoe UI', Roboto, -apple-system, sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;}
a{color:inherit;text-decoration:none;}
.container{max-width:1280px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,15,19,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.header-inner{display:flex;align-items:center;gap:24px;height:64px;}
.logo{font-weight:800;font-size:1.2rem;letter-spacing:.5px;}
.main-nav{display:flex;gap:18px;flex:1;}
.main-nav a{color:var(--text-muted);font-weight:600;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent;transition:.2s;}
.main-nav a:hover{color:var(--accent-2);border-color:var(--accent-2);}
.search-form input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:8px 16px;color:var(--text);width:200px;}

/* Hero slider */
.hero-slider{position:relative;height:420px;border-radius:var(--radius);overflow:hidden;margin:24px 20px;max-width:1280px;margin-inline:auto;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease;display:flex;align-items:flex-end;}
.hero-slide.is-active{opacity:1;}
.hero-slide__overlay{background:linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0));padding:40px;width:100%;}
.hero-slide__overlay h2{margin:.4rem 0;font-size:2rem;max-width:70%;}
.hero-slider__dots{position:absolute;bottom:16px;right:24px;display:flex;gap:8px;}
.hero-slider__dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.4);cursor:pointer;}
.hero-slider__dots button.is-active{background:var(--accent);}

.badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:20px;}
.badge-category{background:var(--igry);color:#04121a;}
.cat-kino .badge-category{background:var(--kino);color:#160a2b;}
.badge-pinned{background:var(--accent);color:#fff;margin-right:6px;}

/* Layout */
.page-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;margin:32px 20px;max-width:1280px;margin-inline:auto;}
.section-title{font-size:1.4rem;margin:24px 0 16px;border-left:4px solid var(--accent);padding-left:12px;}
.sidebar-spacer{visibility:hidden;}

/* News grid & cards */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.news-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s, border-color .2s;}
.news-card:hover{transform:translateY(-4px);border-color:var(--accent-2);}
.news-card__image-link{position:relative;display:block;aspect-ratio:16/9;}
.news-card__image{width:100%;height:100%;object-fit:cover;display:block;}
.news-card__image-link .badge-category{position:absolute;top:10px;right:10px;}
.news-card__image-link .badge-pinned{position:absolute;top:10px;left:10px;}
.news-card__body{padding:14px 16px;}
.news-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.tag{background:var(--bg-elevated);border:1px solid var(--border);font-size:.7rem;padding:2px 8px;border-radius:20px;color:var(--text-muted);}
.news-card__title{font-size:1rem;margin:0 0 8px;}
.news-card__title a:hover{color:var(--accent-2);}
.news-card__excerpt{color:var(--text-muted);font-size:.85rem;margin:0 0 10px;}
.news-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);}
.story-link{color:var(--accent);font-weight:600;}

.feed-loader,.feed-end{text-align:center;padding:24px;color:var(--text-muted);}

/* Sidebar */
.sidebar-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px;}
.upcoming-list{list-style:none;margin:0;padding:0;}
.upcoming-list li a{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);}
.upcoming-list li img{width:48px;height:48px;object-fit:cover;border-radius:8px;}
.upcoming-list li span{display:block;color:var(--text-muted);font-size:.75rem;}
.btn-secondary{display:inline-block;margin-top:10px;color:var(--accent-2);font-weight:600;font-size:.85rem;}
.ad-slot{min-height:250px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;}

/* News full page */
.news-full{max-width:840px;margin:0 auto;}
.breadcrumbs{color:var(--text-muted);font-size:.85rem;margin-bottom:12px;}
.news-full h1{font-size:1.9rem;}
.news-full__meta{color:var(--text-muted);font-size:.85rem;display:flex;gap:16px;margin-bottom:12px;}
.news-full__image{width:100%;border-radius:var(--radius);margin:16px 0;}
.news-full__content{font-size:1.05rem;}
.source-link{color:var(--text-muted);font-size:.85rem;}

.share-buttons{display:flex;gap:10px;margin:20px 0;}
.share-btn{padding:8px 18px;border-radius:20px;font-weight:700;font-size:.85rem;}
.share-vk{background:#4a76a8;color:#fff;}
.share-tg{background:#2aabee;color:#fff;}
.share-max{background:#ffcc00;color:#1a1a1a;}

.story-cta{margin-top:16px;}
.timeline{border-left:2px solid var(--border);padding-left:20px;}
.timeline__item{margin-bottom:24px;}
.timeline__item time{color:var(--text-muted);font-size:.8rem;}

.entity-hero{display:flex;gap:24px;margin-bottom:24px;}
.entity-hero img{width:220px;border-radius:var(--radius);}
.release-info ul{list-style:none;padding:0;}
.release-info li{padding:6px 0;border-bottom:1px solid var(--border);}

.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.calendar-day{margin-bottom:20px;}
.calendar-day__date{font-weight:700;color:var(--accent);margin-bottom:8px;}
.calendar-day__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.calendar-item{display:flex;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px;}
.calendar-item img{width:44px;height:44px;object-fit:cover;border-radius:8px;}
.calendar-item span{color:var(--text-muted);font-size:.75rem;}

.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:24px 0;color:var(--text-muted);font-size:.85rem;}
.footer-nav{display:flex;gap:16px;margin-top:10px;}

@media(max-width:900px){
  .page-layout{grid-template-columns:1fr;}
  .main-nav{display:none;}
  .entity-hero{flex-direction:column;}
}