/* Yoğun düzen: tam genişlik, sık kartlar, dolu yan sütun. Diğer stil dosyalarından sonra yüklenir. */
:root{--radius:8px;--bg:#e8ebf0}
main{padding:10px 14px 28px}
@media (min-width:641px){.wrap{max-width:1880px;padding:0 14px}}

/* manşet bölgesi: manşet + iki dönen kutu + son haberler listesi */
.hero{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr) 330px;gap:10px;margin-bottom:10px}
.sur{gap:10px}
.hero-last{contain:size;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--red);overflow-y:auto;scrollbar-width:thin}
.hl-head{position:sticky;top:0;background:var(--card);display:flex;align-items:center;gap:8px;padding:8px 12px;font-weight:900;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);z-index:1}
.hl-head .live-dot{background:var(--red)}
.hl{display:flex;gap:10px;padding:7px 12px 7px 9px;border-bottom:1px solid var(--line);border-left:3px solid transparent;font-size:13.5px;line-height:1.35;font-weight:600}
.hl:hover{border-left-color:var(--c);background:var(--soft)}
.hl time{flex:none;font-weight:800;font-size:12.5px;color:var(--red-text,var(--red));font-variant-numeric:tabular-nums}
.ov-xl h3{font-size:clamp(22px,2.3vw,38px)}
@media (max-width:1280px){
  .hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .hero-last{grid-column:1/-1;contain:none;display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .hl-head{grid-column:1/-1;position:static}.hl:nth-of-type(n+9){display:none}
}
@media (max-width:980px){.hero{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.hero-last{grid-template-columns:1fr}.hl:nth-of-type(n+7){display:none}}

/* kartlar ve bölümler */
.grid4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px}
.card-body{padding:10px 12px 12px;gap:6px}.card h3{font-size:15px;line-height:1.3}
.sec-title{margin:2px 0 8px}.sec-title h2{font-size:17px;padding-bottom:5px}
.two-col{grid-template-columns:minmax(0,1fr) 330px;gap:12px}
.cat-blocks{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.cat-block{background:var(--card);border-radius:var(--radius);padding:10px 12px 4px;box-shadow:var(--shadow)}
.cat-block .ov{margin-bottom:4px}.ov-lg h3{font-size:18px}.ov-text{padding:14px 16px}
.li{padding:7px 0;gap:10px}.li h4{font-size:13.5px}.li img{width:84px}
.pulse{margin-bottom:10px}.command{margin-bottom:12px;padding:18px;gap:16px}
.vband{margin-bottom:10px}.col-list{gap:10px;margin-bottom:12px}.col-card{padding:10px 12px}
.ad-mid{margin:0 0 12px}.ad-leaderboard{max-width:none}
@media (min-width:641px){.col-home{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media (max-width:980px){.two-col{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.grid4{grid-template-columns:1fr 1fr}.card h3{font-size:14px}.card-body .cat{font-size:10px}}

/* yan sütun: hep dolu */
.sidebar{gap:10px;position:static}.box{padding:10px 12px}
.side-ac{display:block;padding:0;overflow:hidden}.side-ac img{width:100%;aspect-ratio:16/8;object-fit:cover}
.side-ac b{display:block;padding:8px 12px 0;font-size:16px;font-weight:900}.side-ac span{display:block;padding:2px 12px 10px;font-size:13px;color:var(--muted)}
.side-ac:hover b{color:var(--red-text,var(--red))}
.side-list .li:last-child{border-bottom:0}
.li img.side-av{width:44px;height:44px;aspect-ratio:1;border-radius:50%}
.side-vid img{width:54px;aspect-ratio:9/14}

/* haber sayfası: geniş ekranda sol sütunda aynı kategoriden haberler */
.rail{display:none}
@media (min-width:1500px){.two-col.art3{grid-template-columns:300px minmax(0,1fr) 330px}.rail{display:block}.art3 .content{font-size:17.5px}}

/* geçiş kontrolleri: her dönen alanda geri / duraklat / ileri */
.slide.on,.sur-rot .slide.on{animation:fade .9s}
.sl-prev,.sl-next{opacity:.92;width:40px;height:40px;font-size:26px}
.rot-btn{position:absolute;z-index:4;display:grid;place-items:center;width:28px;height:26px;border:0;border-radius:6px;background:rgba(8,14,28,.72);color:#fff;font:700 17px/1 Inter,sans-serif;cursor:pointer;backdrop-filter:blur(4px)}
.rot-btn:hover,.rot-btn.on{background:var(--red)}
.rot-pause{font-size:10px}
.sur-rot .rot-prev{top:8px;left:8px}.sur-rot .rot-pause{top:8px;left:40px}.sur-rot .rot-next{top:8px;left:72px}
.slider .rot-pause{right:14px;bottom:14px;width:36px;height:28px}
.sr-dots i{position:relative;cursor:pointer;width:9px;height:9px}
.sr-dots i::after{content:"";position:absolute;inset:-7px -3px}
.bk-inner{animation-duration:130s}
.bk-ctl{display:flex;gap:4px;flex:none}
.bk-ctl button{width:28px;height:26px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--text);font:700 15px/1 Inter,sans-serif;cursor:pointer}
.bk-ctl button:nth-child(2){font-size:10px}
.bk-ctl button:hover,.bk-ctl button.on{background:var(--red);border-color:var(--red);color:#fff}

/* yan reklam kuleleri: yalnız çok geniş ekranda, içeriğin üstüne binmeden kenarlara oturur */
.rails{display:none}
@media (min-width:1700px){
  .rails{display:block}.rail-l{left:10px}.rail-r{right:10px}
  .wrap{max-width:none;margin:0 174px}
}
@media (max-width:640px){.bk-ctl button:first-child{display:none}}
/* menüde doğrudan yazılan ek kategoriler: tema.css geniş ekranda açar */
.nav-more{display:none}
/* kategori sayfası üst görseli tam genişlikte ekranı kaplamasın */
.cat-hero .ov-lg{aspect-ratio:auto;height:clamp(220px,26vw,380px)}
.cat-hero{margin-bottom:10px}