/* --------------------------------------------------- V2 kartlar (v2c-) */
/* v2_pages/cards.py'nin stili. Her secici `.v2c` ya da `v2c-` on ekiyle;
   genel eleman kurali yok (BRIEF 2.3). Dil: MARKA_KILIDI - kutu, cerceve,
   golge, gradyan yok; ayrac sac teli ve bosluk; yuvarlak kose yalniz foto
   ve logoda. Basamak rengi esikle: x2-x9 nane, x10+ altin. */

.v2c{padding-bottom:clamp(40px,5vw,64px)}

/* ------------------------------------------------------------- baslik */
.v2c-head{padding-top:clamp(26px,3.4vw,44px);max-width:760px}
.v2c-head>.lab{margin-bottom:14px}
.v2c h1.v2c-h1{margin:0;font:400 clamp(26px,3.4vw,44px)/.96 var(--disp);letter-spacing:-.012em}
.v2c-h1 em{display:block;font-style:normal;color:var(--mint)}
.v2c-sub{margin:13px 0 0;max-width:62ch;color:var(--muted);font-size:13.5px;line-height:1.55}

.v2c-figs{display:flex;flex-wrap:wrap;gap:14px clamp(18px,2.6vw,40px);margin-top:clamp(22px,3vw,32px);
  padding-top:clamp(18px,2.4vw,24px);border-top:1px solid var(--hair)}
.v2c-fig{border-left:1px solid var(--hair);padding-left:clamp(11px,1.2vw,16px);min-width:0}
.v2c-fig span{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
  margin-bottom:6px;white-space:nowrap}
.v2c-fig b.num{display:block;font:400 clamp(20px,1.9vw,28px)/1 var(--num);font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;color:var(--text)}
.v2c-fig.m b.num{color:var(--mint)}
.v2c-fig.g b.num{color:var(--gold)}
.v2c-fig b.num.dash{font-size:18px;color:var(--faint)}
.v2c-fig i{display:block;margin-top:7px;font-style:normal;font-size:11px;color:var(--faint);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24ch}

/* ------------------------------------------------------------ suzgecler */
.v2c-sec{margin-top:clamp(26px,3.4vw,40px)}
.v2c-bar{display:flex;gap:6px 30px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.v2c-fg{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
.v2c-fg>span{font:500 9.6px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-right:10px}
.v2c-fg button{font:600 12px/1 var(--body);letter-spacing:.06em;padding:10px 9px;color:var(--muted);
  border-bottom:2px solid transparent}
.v2c-fg button:hover{color:var(--text)}
.v2c-fg button.on{color:var(--text);border-bottom-color:var(--mint)}

/* --------------------------------------------------------------- tablo */
.v2c-t{width:100%;border-collapse:collapse}
.v2c-t th{padding:0 16px 11px 0;white-space:nowrap}
.v2c-t th button{text-transform:inherit}   /* UA button{text-transform:none} basliklari karistirmasin */
.v2c-t th.v2c-x{text-align:left}
.v2c-t td{padding:9px 16px 9px 0;font-size:13.5px;vertical-align:middle;height:58px;white-space:nowrap}
.v2c-t td.v2c-k{width:100%;max-width:0;min-width:180px}
.v2c-t td.v2c-c{min-width:170px}

/* basamak: sutunun kahramani, Archivo Black */
.v2c-t td.v2c-x{padding-right:22px}
.v2c-xn{font:400 24px/1 var(--num);color:var(--mint);letter-spacing:-.025em;font-variant-numeric:tabular-nums;display:block}
.v2c-xn.g{color:var(--gold)}
a.v2c-xn:hover{opacity:.8}

/* coin hucresi */
.v2c-cc{display:flex;align-items:center;gap:10px;min-width:0}
/* daire site.css'teki .tl / .av'dan gelir; burada yalniz boy ve punto */
.v2c-tl,img.v2c-tl{width:30px;height:30px;flex:none;font:600 12px/1 var(--body);color:var(--muted)}
.v2c-cw{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:220px}
.v2c-c1{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;min-width:0}
.v2c-tok{font-weight:600;font-size:14px;flex:none;max-width:130px;overflow:hidden;text-overflow:ellipsis}
a.v2c-tok:hover{color:var(--mint)}
.v2c-c1 em{font-style:normal;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0}
.v2c-dx{font-size:11px;color:var(--faint);opacity:0;flex:none;transition:opacity .15s}
.v2c-t tr:hover .v2c-dx,.v2c-dx:focus-visible{opacity:1}
.v2c-dx:hover{color:var(--mint)}
.v2c-ch{display:inline-flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.v2c-ch .cm{width:12px;height:12px;margin:0;vertical-align:0}

/* KOL hucresi */
.v2c-kc{display:flex;align-items:center;gap:10px;min-width:0}
.v2c-av,img.v2c-av{width:30px;height:30px;font:600 10px/1 var(--body);color:var(--muted)}
.v2c-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.v2c-who b{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;line-height:1.25;white-space:nowrap;min-width:0}
.v2c-who b>:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.v2c-who b a:hover{color:var(--mint)}
.v2c-who b .tick{flex:none}
/* blok, flex degil: dar sutunda "..." ile kisalsin, kesilmesin (768 px'te olculdu) */
.v2c-who>span{display:block;font-size:11.5px;color:var(--faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2c-who>span s{text-decoration:none;margin:0 5px}
.v2c-cl{color:var(--faint);display:inline-flex;align-items:center;gap:3px}
.v2c-cl i{font-style:normal;opacity:.7}
.v2c-cl:hover{color:var(--mint)}

/* giris -> kartin bastigi rakam */
.v2c-t td.v2c-e{font-variant-numeric:tabular-nums}
.v2c-ent{color:var(--muted);font-size:12.5px}
.v2c-t td.v2c-e i{font-style:normal;color:var(--faint);margin:0 7px;font-size:12px}
.v2c-t td.v2c-e b{font-weight:600}
.v2c-t td.v2c-e.dim b{font-weight:400;color:var(--faint)}

/* ne zaman: "3m ago ->" + damga */
.v2c-t td.v2c-t{color:var(--muted);font-size:13px}
.v2c-t td.v2c-t a{color:inherit;display:inline-block}
.v2c-t td.v2c-t a:hover{color:var(--mint)}
.v2c-t td.v2c-t small{display:block;font-size:10.5px;color:var(--faint);margin-top:3px;letter-spacing:.02em}

.v2c-foot{padding-top:18px;gap:10px 26px;align-items:center}
.v2c-fnote{flex-basis:100%;max-width:90ch;line-height:1.55}

/* ----------------------------------------------------------- kademeler */
/* tablet: KOL sutunu "@handle · call" bagini tasiyacak kadar genis kalsin
   (768 px'te olculdu: 180 px'te bag "..." arkasinda kaliyordu), coin daralir */
@media(max-width:900px){
  .v2c-t td.v2c-k{min-width:214px}
  .v2c-t td.v2c-c{min-width:150px}
  .v2c-cw{max-width:150px}
}
@media(max-width:640px){
  .v2c-figs{gap:14px 18px}
  .v2c-fig{flex:1 1 40%}
  .v2c-fig i{white-space:normal;max-width:none}
  .v2c-bar{gap:4px 18px}
  .v2c-fg button{padding:10px 8px}
  /* tablo: her kart iki satirlik bir kart. Satir 1 basamak + coin +
     giris -> rakam, satir 2 KOL + ne zaman. */
  .v2c-t,.v2c-t tbody{display:block}
  .v2c-t thead{display:none}
  .v2c-t tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--hair)}
  .v2c-t tr::after{content:"";flex:0 0 100%;order:4;height:0}
  .v2c-t td,.v2c-t td.v2c-k,.v2c-t td.v2c-c{display:block;padding:0;border:0;width:auto;max-width:none;min-width:0;height:auto}
  .v2c-t tbody tr:hover td{background:none}
  .v2c-t td.v2c-x{order:1;flex:0 0 54px}
  .v2c-xn{font-size:22px}
  .v2c-t td.v2c-c{order:2;flex:1 1 0}
  .v2c-cw{max-width:none}
  .v2c-t td.v2c-e{order:3;flex:0 0 auto;text-align:right;font-size:12.5px}
  .v2c-t td.v2c-k{order:5;flex:1 1 0;margin-left:66px}
  .v2c-t td.v2c-t{order:6;flex:0 0 auto;text-align:right;font-size:12px}
  .v2c-t td.v2c-t small{display:none}
  .v2c-dx{opacity:1}
}