/* KOLScreener V2 - KOLs / liderlik. Onek: kl-. Tam genislik; podyum + satirlar.
   Kutu/cerceve/golge/gradyan yok; yuzeyler zeminin acigi, ayrac sac teli. */
.kl-wrap{width:100%;max-width:1760px;margin:0 auto;padding:22px clamp(16px,2vw,32px) 0}
.kl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--hair)}
.kl-brand{max-width:760px;min-width:0}
.kl-brand .hm-lab{margin-bottom:10px}
.kl-h1{font:400 clamp(24px,2.8vw,40px)/1.02 var(--disp);margin:0;letter-spacing:-.01em}
.kl-h1 em{font-style:normal;color:var(--mint)}
.kl-sub{margin:10px 0 0;max-width:66ch;color:var(--muted);font-size:13px;line-height:1.5}
.kl-figs{display:flex;flex-wrap:wrap;gap:12px clamp(18px,2.2vw,34px)}
.kl-fig{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--hair);padding-left:14px;min-width:0}
.kl-fig>span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.kl-fv{font:400 clamp(20px,1.8vw,26px)/1 var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kl-fv.m{color:var(--mint)}
.kl-fv.g{color:var(--gold)}
.kl-fig>i{font-style:normal;font-size:11px;color:var(--faint);white-space:nowrap}

/* podyum */
.kl-pod{padding-top:22px}
.kl-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
.kl-pc{position:relative;background:rgba(255,255,255,.03);padding:22px 22px 18px;display:flex;flex-direction:column;gap:6px;min-width:0;border-top:2px solid rgba(255,255,255,.12)}
.kl-pc.p1{border-top-color:var(--gold);background:rgba(255,205,110,.045)}
.kl-pc.p2{border-top-color:var(--mint)}
.kl-pc.p3{border-top-color:rgba(52,224,138,.5)}
.kl-prk{position:absolute;top:16px;right:20px;font:400 30px/1 var(--num);color:var(--faint);letter-spacing:-.02em}
.kl-prk.g{color:var(--gold)}
.kl-pph{display:block;width:72px;height:72px;margin-bottom:8px}
.kl-pav,img.kl-pav{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;font:600 22px/1 var(--body);color:var(--muted);object-fit:cover}
.kl-pc.p1 .kl-pav{outline:2px solid var(--gold);outline-offset:3px}
.kl-pc.p2 .kl-pav,.kl-pc.p3 .kl-pav{outline:2px solid rgba(52,224,138,.6);outline-offset:3px}
.kl-pn{font-size:17px;font-weight:700;display:flex;align-items:center;gap:7px;min-width:0;line-height:1.2}
.kl-pn a:hover{color:var(--mint)}
.kl-pn .tick{width:16px;height:16px;flex:none}
.kl-ph{font-size:12.5px;color:var(--faint)}
.kl-prate{font:400 clamp(40px,3.8vw,54px)/1 var(--num);color:var(--mint);letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}
.kl-pc.p1 .kl-prate{color:var(--mint)}
.kl-pcalls{font-size:12.5px;color:var(--muted)}
.kl-pbar{height:3px;background:rgba(255,255,255,.1);margin:8px 0 12px}
.kl-pbar i{display:block;height:100%;background:var(--mint)}
.kl-pm{display:flex;gap:24px;align-items:flex-end;min-width:0}
.kl-pm>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.kl-pm small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.kl-pm .mx{font-size:18px}
.kl-pr{flex:1}
.kl-pa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}
.kl-pa .hm-go{margin:0}
.kl-pa .hm-fol{display:inline-block}

/* liste */
.kl-sec{padding-top:34px}
.kl-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.kl-opts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:6px}
.kl-opts button{font:400 12.5px/1 var(--body);color:var(--faint);padding:6px 0;letter-spacing:.02em}
.kl-opts button:hover{color:var(--muted)}
.kl-opts button.on{color:var(--mint)}
.kl-list{display:flex;flex-direction:column;min-width:0}
.kl-r{display:grid;grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(170px,1.1fr) 70px 70px 76px 110px 118px 70px 84px;gap:14px;align-items:center;
  padding:9px 12px;margin:0 -12px;border-top:1px solid var(--hair);min-width:0;transition:background .15s}
.kl-r:last-child{border-bottom:1px solid var(--hair)}
.kl-r:not(.kl-h):hover{background:rgba(255,255,255,.022)}
.kl-r.kl-h{border-top:0;padding-top:0;padding-bottom:9px;border-bottom:1px solid var(--hair-2)}
.kl-r.kl-h span{font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.kl-r.kl-h .kl-n{text-align:right}
.kl-rk{font:400 12px/1 var(--num);color:var(--faint)}
.kl-rk.g{color:var(--gold)}
.kl-av,img.kl-av{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;font:600 12px/1 var(--body);color:var(--muted);object-fit:cover}
.kl-kw{display:flex;flex-direction:column;gap:4px;min-width:0}
.kl-kw b{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kl-kw b a:hover{color:var(--mint)}
.kl-kw b .tick{width:14px;height:14px;flex:none}
.kl-kw>span{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-kw>span s{text-decoration:none;margin:0 5px}
.kl-hit{display:grid;grid-template-columns:minmax(60px,1fr) auto;gap:2px 12px;align-items:center;min-width:0}
.kl-hb{display:block;height:3px;background:rgba(255,255,255,.1);grid-row:1}
.kl-hb i{display:block;height:100%;background:var(--mint)}
.kl-hit b{font:400 17px/1 var(--num);color:var(--mint);font-variant-numeric:tabular-nums;grid-row:1/3}
.kl-hit small{font-size:11px;color:var(--faint);grid-row:2}
.kl-n{text-align:right;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}
.kl-best .mx{font-size:14px}
.kl-all{color:var(--muted);font-weight:400}
.kl-lad{min-width:0;display:flex}
.kl-lad .mb{width:100%}
.kl-rh{display:block;min-width:0}
.kl-rh.dim{color:var(--faint);text-align:center}
.kl-sp{display:block;width:110px;height:26px}
.kl-sp polyline{fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;stroke:var(--mint)}
.kl-sp.dn polyline{stroke:rgba(232,239,235,.42)}
.kl-fol{justify-self:end}
.kl-r .hm-fol{display:inline-block}
.kl-u{opacity:.72}
.kl-u:hover{opacity:1}
.kl-why{margin-top:36px;max-width:72ch}
.kl-why p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}
.kl-cta{margin-top:30px;max-width:640px}

@media(max-width:1300px){
  .kl-r{grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(150px,1fr) 64px 64px 72px 96px 70px 84px}
  .kl-rh,.kl-r.kl-h .kl-rh{display:none}
}
@media(max-width:1000px){
  .kl-pgrid{grid-template-columns:1fr}
  .kl-r{grid-template-columns:30px 36px minmax(0,1.4fr) minmax(120px,1fr) 60px 60px 72px 84px}
  .kl-lad,.kl-all,.kl-r.kl-h .kl-lad,.kl-r.kl-h .kl-all{display:none}
}
@media(max-width:640px){
  .kl-head{gap:16px}
  .kl-figs{gap:12px 16px}
  .kl-fig{flex:1 1 40%}
  .kl-fig>span{white-space:normal}
  .kl-pc{min-width:0;overflow:hidden}
  .kl-pn a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kl-r.kl-h{display:none}
  .kl-r{grid-template-columns:26px 36px minmax(0,1fr) auto;grid-template-areas:"rk av kw fol" "rk av hit hit" "rk av best best";gap:6px 10px;padding:12px 10px;margin:0 -10px}
  .kl-rk{grid-area:rk}.kl-av{grid-area:av}.kl-kw{grid-area:kw}.kl-hit{grid-area:hit}.kl-fol{grid-area:fol}
  .kl-n{display:none}
  .kl-best{display:block;grid-area:best;text-align:left;font-size:12.5px}
  .kl-best::before{content:attr(data-l) " ";font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:400}
  .kl-lad,.kl-rh,.kl-all{display:none}
  .kl-since{display:none}
  .kl-kw{min-width:0}
  .kl-kw b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kl-fol{align-self:start}
}
.kl-since{font-style:normal}

/* uzun kanal adi: baglanti da kirpilir (390 px olcumu, 11 Eyl) */
.kl-kw b>a,.kl-kw b>span,.kl-pn>a,.kl-pn>span,.hm-kw b>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}