/* NewsNow Tamil – ana sayfa */

/* ana ızgara: haberler + yan sütun */
.home-top{display:flex;flex-wrap:wrap;gap:var(--s-6);padding-top:var(--s-5);padding-bottom:var(--s-6)}
.home-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:var(--s-5)}
.home-side{flex:1 1 300px;min-width:0;max-width:340px;display:flex;flex-direction:column;gap:var(--s-5);position:relative}
@media (min-width:920px){.home-side::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--s-6) / -2);border-left:1px solid var(--c-line)}}

/* manşet */
.lead{display:flex;flex-direction:column;gap:14px}
.lead .img{aspect-ratio:16 / 9}
.lead-title{font-family:var(--f-head);font-weight:800;font-size:var(--fs-3xl);line-height:1.35}
.lead-dek{font-size:var(--fs-lg);line-height:1.7;color:var(--c-ink-2)}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:var(--fs-sm);color:var(--c-muted)}
.byline-name{font-weight:600;color:var(--c-ink)}

/* yan yana öne çıkan haber */
.feature{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.feature .img{flex:1 1 260px;width:auto;min-width:0;aspect-ratio:3 / 2}
.feature-body{flex:1 1 240px;display:flex;flex-direction:column;gap:var(--s-2)}
.feature-title{font-size:var(--fs-xl);line-height:1.45}
.feature-body p{font-size:var(--fs-md);line-height:1.6;color:var(--c-ink-2)}

/* küçük fotoğraflı liste, sütun arası ince çizgi */
.ruled{overflow:hidden;display:grid;column-gap:var(--cg,24px);list-style:none;margin:0;padding:0}
.ruled>*{position:relative}
.ruled>*::before{content:"";position:absolute;top:var(--rt,14px);bottom:var(--rt,14px);left:calc(var(--cg,24px) / -2 - .5px);border-left:1px solid var(--c-line)}
.list-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mini{display:flex;gap:var(--s-3);padding:14px 0;border-bottom:1px solid var(--c-line);align-items:flex-start}
.mini img{width:96px;height:64px;object-fit:cover;flex:none;background:var(--c-img)}
.mini>*{min-width:0}
.mini-body{display:flex;flex-direction:column;gap:var(--s-1)}
.mini-title{font-size:var(--fs-md);line-height:1.5}

/* önemli haberler */
.topnews{border-top:3px solid var(--c-ink);padding-top:var(--s-3)}
.topnews-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.topnews-head h2{font-family:var(--f-head);font-size:var(--fs-xl);font-weight:800}
.topnews-head .ago{margin-left:auto}
.tn-eyebrow{font:800 11px/1 var(--f-ui);letter-spacing:.14em;color:var(--c-brand)}
.tn-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));--cg:28px}
.tn-item{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--c-line)}
.tn-meta{display:flex;align-items:center;gap:var(--s-2)}
.tn-meta .ago::before{content:"•";margin-right:var(--s-2);color:#bbb}
.tn-title{font-size:var(--fs-base)}
.tn-item:nth-child(-n+2) .tn-title{font-size:var(--fs-lg)}
.tn-item p{font-size:14.5px;line-height:1.6;color:#444}
.tn-img{display:block;overflow:hidden;border-radius:2px}
.tn-img .img{width:100%;aspect-ratio:3 / 2;transition:transform var(--t-base)}
.tn-img:hover .img{transform:scale(1.03)}
.tn-item.has-thumb-lg .tn-img{margin-bottom:6px}
.tn-item.has-thumb-sm{display:grid;grid-template-columns:1fr 112px;column-gap:14px;row-gap:6px;align-items:start}
.tn-item.has-thumb-sm .tn-img{grid-column:2;grid-row:1 / span 3}
.tn-item.has-thumb-sm>:not(.tn-img){grid-column:1}

/* yan sütun */
.side-h{font-size:14px;font-weight:700;border-bottom:2px solid var(--c-ink);padding-bottom:var(--s-2);margin-bottom:var(--s-1)}
.rank{list-style:none;margin:0;padding:0;counter-reset:rank}
.rank a{display:flex;gap:14px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);align-items:baseline}
.rank a::before{counter-increment:rank;content:counter(rank);font-family:var(--f-head);font-size:28px;font-weight:800;color:var(--c-brand);width:28px;flex:none;line-height:1}
.rank-title{font-size:var(--fs-md);line-height:1.5}
.op-list{list-style:none;margin:0;padding:0}
.op-item{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);align-items:flex-start}
.op-title{font-family:var(--f-head);font-size:var(--fs-md);line-height:1.5;font-weight:700;font-style:italic}
.op-by{font-size:12.5px;font-weight:700;margin-top:3px}
.avatar{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font:700 15px/1 var(--f-head)}

/* köşe yazarları – koyu şerit */
.voices{background:var(--c-dark);color:#fff;padding:26px 0 30px;margin-top:var(--s-2)}
.v-head{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-bottom:20px}
.v-head>svg{width:26px;height:26px;color:var(--c-brand)}
.v-head h2{font-family:var(--f-head);font-size:var(--fs-2xl);font-weight:800}
.v-nav{margin-left:auto;display:flex;align-items:center;gap:10px}
.v-join{color:#fff;font-size:var(--fs-sm);font-weight:700;margin-right:6px;border-bottom:1px solid #666;padding-bottom:1px}
.v-join:hover{color:#fff;border-color:#fff}
.round-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid #555;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}
.round-btn svg{width:16px;height:16px}
.round-btn:hover{background:#fff;color:var(--c-ink)}
.voices .pause-btn{width:var(--tap);height:var(--tap);color:#fff;border-color:#555}
.v-scroll{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 60px),transparent)}
.v-scroll::-webkit-scrollbar{display:none}
.v-track{display:flex;width:max-content;list-style:none;margin:0;padding:0}
.v-item{width:330px;flex:none;padding:0 26px;border-left:1px solid #3a3a3a}
.v-item:first-child{padding-left:0;border-left:0}
.v-item a{display:flex;flex-direction:column;gap:var(--s-3);color:#fff}
.v-who{display:flex;align-items:center;gap:10px}
.v-new{display:block;color:var(--c-brand-on-dark);font-weight:700;font-size:var(--fs-sm);line-height:1.2}
.v-name{font-size:14.5px;font-weight:600}
.v-time{white-space:nowrap;font-size:var(--fs-sm);color:#9a9a9a;margin-left:6px}
.v-title{font-family:var(--f-head);font-size:var(--fs-lg);line-height:1.55;font-weight:700}
.v-item a:hover .v-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* kategori blokları */
.section{padding-top:var(--s-6)}
.chips{display:flex;gap:var(--s-2);flex-wrap:wrap;font-size:var(--fs-sm);font-weight:600;list-style:none;margin:0;padding:0}
.chips a{display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--c-line-strong);padding:0 12px;border-radius:999px}
.chips a:hover{border-color:var(--c-brand)}
.cards-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));row-gap:var(--s-5);--rt:0px}
.card{display:flex;flex-direction:column;gap:10px}
.card .img{aspect-ratio:3 / 2}
.card-title{font-size:17px}

/* video bölümleri */
.vid-sec{border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-ink);padding:var(--s-3) 0 var(--s-5)}
.vid-sec.no-bottom{border-bottom:0}
.vid-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}
.vid-head h2{display:inline-flex;align-items:center;gap:var(--s-2);font-size:17px;font-weight:800}
.vid-head .more-link{margin-left:auto}
.arrows{margin-left:auto;display:flex;gap:var(--s-2)}
.arrows.bottom{justify-content:flex-end;margin-top:var(--s-4)}
.arrows button{width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--c-line-strong);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.arrows button svg{width:16px;height:16px}
.arrows button:hover{border-color:var(--c-ink)}
.hscroll{display:flex;margin:0 -16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;padding:0}
.hscroll::-webkit-scrollbar{display:none}
.hscroll>li{scroll-snap-align:start;flex:none;padding:0 16px;border-left:1px solid var(--c-line)}
.hscroll>li:first-child{border-left:0}
.vcard{width:20%;min-width:190px}
.vcard a{display:flex;flex-direction:column;gap:var(--s-2);color:var(--c-ink)}
.vcard .ph{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:var(--c-img);margin-bottom:6px}
.vcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vcard a:hover img{transform:scale(1.04)}
.dur{position:absolute;left:var(--s-2);bottom:var(--s-2);display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.75);color:#fff;font:600 11.5px/1 var(--f-ui);padding:5px 7px;border-radius:3px}
.dur svg{width:9px;height:9px}
.vcard .lb{font:700 11px/1 var(--f-body);color:#555}
.vcard .hl{font-size:17px;line-height:1.45}
.scard{width:33.333%;min-width:330px}
.scard a{display:flex;height:224px;border-radius:6px;overflow:hidden;color:#fff}
.scard .pane{flex:0 0 58%;padding:18px var(--s-4) 14px;display:flex;flex-direction:column;gap:var(--s-3)}
.scard .show{display:flex;align-items:center;gap:var(--s-2);font:800 11.5px/1.3 var(--f-body)}
.scard .show i{width:26px;height:26px;border-radius:var(--radius);background:#fff;flex:none;display:flex;align-items:center;justify-content:center;color:#FF0000}
.scard .show i svg{width:16px;height:16px}
.scard .hl{font-size:17px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.scard .play{margin-top:auto;width:32px;height:32px;border-radius:50%;background:var(--c-ink);display:flex;align-items:center;justify-content:center}
.scard .play svg{width:12px;height:12px}
.scard .img{flex:1;min-width:0;height:100%}
.scard a:hover .hl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.yt-mark{width:22px;height:16px;color:#FF0000}

/* dünya + spor iki sütun */
.split{display:flex;flex-wrap:wrap;gap:var(--s-7);padding-top:var(--s-6)}
.split-main{flex:2 1 520px;min-width:0}
.split-side{flex:1 1 300px;min-width:0;position:relative}
@media (min-width:920px){.split-side::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--s-7) / -2);border-left:1px solid var(--c-line)}}
.list-world{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sport-lead{display:flex;flex-direction:column;gap:10px;padding-bottom:var(--s-4);border-bottom:1px solid var(--c-line)}
.sport-lead .img{aspect-ratio:16 / 10}
.plain-list{list-style:none;margin:0;padding:0}
.plain-list a{display:block;padding:14px 0;border-bottom:1px solid var(--c-line);font-size:var(--fs-base)}
.plain-list li:last-child a{border-bottom:0}

/* tablet + telefon: yan sütun ana sütunun altına iner → tam genişlik, iki sütunlu */
@media (max-width:919px){
  .home-side{max-width:none;flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5) var(--s-6);align-items:start}
  .home-side .ad-sky{grid-column:1 / -1;position:static;height:250px}
  .split-side{flex-basis:100%}
}

@media (max-width:720px){
  .home-top{padding-top:var(--s-4);gap:var(--s-5)}
  .home-main{gap:var(--s-4)}
  .lead-title{font-size:23px;font-weight:700;line-height:1.45}
  .lead-dek{font-size:var(--fs-base);line-height:1.65}
  .feature{padding:var(--s-4) 0}
  .feature .img{flex-basis:100%}
  .feature-title{font-size:19px}
  .tn-item:nth-child(-n+2) .tn-title,.card-title{font-size:var(--fs-base)}
  .cards-4{row-gap:var(--s-4)}
  .sec-head h2{font-size:21px}
  .split{gap:var(--s-5)}
  .mini img{width:116px;height:78px}
  .v-item{width:270px;padding:0 18px}
  .v-join{display:none}
  .v-head h2{font-size:21px}
  .v-time{display:block;margin-left:0}
  .v-title{font-size:16.5px}
  .vcard{width:46%;min-width:150px}
  .vcard .hl{font-size:var(--fs-md)}
  .scard{width:86%;min-width:0}
  .scard a{height:200px}
}

/* video kartı başlıkları en fazla 4 satır (Instagram açıklamaları uzun olabiliyor) */
.vcard .hl{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Dünya bölümü: büyük resimli kart ızgarası */
.world-cards{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--s-5);--rt:0px;padding-top:var(--s-5);border-top:1px solid var(--c-line)}
.world-cards.is-narrow{grid-template-columns:repeat(2,minmax(0,1fr))}   /* yanında Spor sütunu varsa */
.world-cards .card-title{font-size:var(--fs-base);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.split-main .feature{border-bottom:0}
@media (max-width:900px){.world-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.world-cards{grid-template-columns:minmax(0,1fr)}}