/* ==========================================================================
   ANA SAYFA v2 — "Altın Sahne" dilinin ana sayfaya taşınması
   --------------------------------------------------------------------------
   Kapsam: yalnızca .hv2 altı. ESKİ nexus-hub.css / nexus-premium.css
   DOSYALARINA DOKUNULMAZ — ikisi de header.php'den HER sayfada yükleniyor,
   oradaki .hub-* kuralları başka ekranlarda da kullanılıyor.

   Sayı animasyonu motoru korunur: .nx-figure + data-nx-count sözleşmesine
   dokunulmaz, yalnızca kapsayıcısı biçimlendirilir.
   ========================================================================== */

.hv2{
  --g:#f5c451; --g2:#ffdf8a; --g3:#b8860b;
  --vio:#8b5cf6; --vio2:#c084fc; --cyan:#38bdf8; --em:#34d399;
  --rose:#fb7185; --amber:#fb923c;
  --pane:rgba(15,21,38,.92); --pane2:rgba(9,14,27,.96);
  --line:rgba(148,169,214,.13); --line2:rgba(148,169,214,.26);
  --tx:#f1f5f9; --tx2:#b6c3da; --tx3:#7d8ca6; --tx4:#5b6980;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --rl:26px; --rm:16px; --rs:12px;
  --ac:var(--g); --ink:#22160a;
  display:flex; flex-direction:column; gap:34px;
  container-type:inline-size;
}
.hv2 svg{display:block}
.hv2 a{text-decoration:none}

/* ---------- animasyon sözlüğü ---------- */
@keyframes hv2rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hv2sheen{0%{left:-55%;opacity:0}3%{opacity:1}12%{left:135%;opacity:1}13%,100%{left:135%;opacity:0}}
@keyframes hv2radar{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes hv2breathe{0%,100%{opacity:.45}50%{opacity:.9}}
@keyframes hv2shineTx{0%{background-position:130% 0}55%,100%{background-position:-80% 0}}
@keyframes hv2float{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.4}84%{opacity:.24}100%{transform:translateY(-460px) rotate(300deg);opacity:0}}
@keyframes hv2marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hv2coin{0%,74%,100%{transform:rotateY(0)}80%{transform:rotateY(180deg)}86%{transform:rotateY(360deg)}}
@keyframes hv2bar{from{width:0}}
@keyframes hv2spin{to{transform:rotate(1turn)}}

/* =========================================================
   1) SON KAZANÇLAR ŞERİDİ
   Renk satırın KAYNAĞINDAN gelir (--k, PHP'den): çark altın, blackjack
   yeşil, telegram camgöbeği. Kayma süresi de içerikten hesaplanır (--dur):
   sabit süre, kayıt sayısı değiştiğinde şeridi okunmaz hızda bırakıyordu.
   ========================================================= */
.hv2-tick{
  position:relative; display:flex; align-items:stretch; overflow:hidden;
  border-radius:var(--rm); border:1px solid var(--line);
  background:
    radial-gradient(60% 200% at 0% 50%, rgba(245,196,81,.09), transparent 70%),
    linear-gradient(100deg,rgba(15,21,38,.95),rgba(9,14,27,.98));
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards;
}
.hv2-tick-lb{
  position:relative; z-index:2; flex:none; display:inline-flex; align-items:center; gap:9px;
  padding:11px 18px 11px 16px; font-family:var(--mono); font-size:9px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:#2a1c00;
  background:linear-gradient(135deg,var(--g2),var(--g));
  box-shadow:0 0 30px -10px rgba(245,196,81,.95);
}
.hv2-tick-lb i{font-size:12px}
/* canlı nabzı: şeridin gerçek zamanlı olduğunu söyler */
.hv2-tick-lb b{
  width:6px; height:6px; border-radius:50%; background:#2a1c00;
  animation:hv2pulse 1.6s ease-in-out infinite;
}
@keyframes hv2pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
/* Etiketten şeride geçiş. 26px'lik altın perde ilk kaydın üstüne düşüp
   onu okunmaz yapıyordu; ince bir kenar ışığına indirildi. */
.hv2-tick-lb::after{
  content:''; position:absolute; left:100%; top:0; bottom:0; width:10px;
  background:linear-gradient(90deg,rgba(245,196,81,.32),transparent);
  pointer-events:none;
}
.hv2-tick-view{
  flex:1; min-width:0; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 4%,#000 93%,transparent);
}
.hv2-tick-track{display:flex; width:max-content; animation:hv2marq var(--dur,48s) linear infinite}
.hv2-tick:hover .hv2-tick-track{animation-play-state:paused}
.hv2-tick-grp{display:flex; align-items:center}
.hv2-win{
  --k:var(--g);
  position:relative; display:inline-flex; align-items:center; gap:10px;
  padding:9px 16px; white-space:nowrap;
  border-right:1px solid rgba(148,169,214,.08);
  transition:background .2s;
}
.hv2-tick:hover .hv2-win:hover{background:color-mix(in srgb,var(--k) 9%,transparent)}
.hv2-win-av{
  position:relative; width:28px; height:28px; flex:none; border-radius:50%;
  display:grid; place-items:center; background:#0b1120;
  border:1.5px solid color-mix(in srgb,var(--k) 55%,transparent);
  box-shadow:0 0 14px -5px var(--k);
  font-size:11px; font-weight:900; color:var(--k); overflow:visible;
}
.hv2-win-av img{width:100%; height:100%; object-fit:cover; border-radius:50%}
/* kaynak rozeti — avatarın köşesine iliştirilir, mobilde metin gizlense de kalır */
.hv2-win-av i{
  position:absolute; right:-4px; bottom:-4px; width:15px; height:15px; border-radius:50%;
  display:grid; place-items:center; font-size:7px; color:#0b1120;
  background:linear-gradient(150deg,color-mix(in srgb,var(--k) 62%,#fff),var(--k));
  border:1.5px solid #0b1120;
}
.hv2-win-c{display:flex; flex-direction:column; gap:2px; min-width:0}
.hv2-win-user{font-size:11.5px; font-weight:800; color:var(--tx2); line-height:1.1}
.hv2-win-ctx{
  font-family:var(--mono); font-size:8px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--tx4); line-height:1.1;
}
.hv2-win-amt{
  display:inline-flex; align-items:baseline; gap:3px; padding:4px 9px; border-radius:8px;
  font-family:var(--mono); font-size:11px; font-weight:700; color:var(--k);
  font-variant-numeric:tabular-nums;
  background:color-mix(in srgb,var(--k) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--k) 24%,transparent);
}
.hv2-win-amt small{font-size:8px; opacity:.75}
/* Şeritteki en yüksek kazanç: uydurma eşik değil, listenin kendi zirvesi */
.hv2-win.is-top{
  background:linear-gradient(90deg,rgba(245,196,81,.14),transparent 78%);
}
.hv2-win.is-top .hv2-win-amt{
  color:#22160a; border-color:transparent;
  background:linear-gradient(135deg,var(--g2),var(--g));
  box-shadow:0 0 20px -6px rgba(245,196,81,.95);
}
.hv2-win.is-top .hv2-win-amt small{opacity:.65}
.hv2-win-top{
  display:inline-flex; align-items:center; gap:5px; padding:3px 8px; border-radius:99px;
  font-family:var(--mono); font-size:7px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:#c8963f;
  background:rgba(245,196,81,.1); border:1px solid rgba(245,196,81,.32);
}
.hv2-win-top::before{content:''; width:4px; height:4px; border-radius:50%; background:var(--g)}

/* =========================================================
   2) HERO — tabanda gömülü istatistik bandı
   ========================================================= */
.hv2-hero{
  position:relative; overflow:hidden; border-radius:var(--rl);
  border:1px solid rgba(245,196,81,.2);
  background:
    radial-gradient(105% 150% at 88% 42%, rgba(124,58,237,.34), transparent 58%),
    radial-gradient(60% 110% at 14% 108%, rgba(245,196,81,.10), transparent 60%),
    linear-gradient(104deg,#010409 0%,#050a1c 44%,#0a0630 76%,#120a3c 100%);
  box-shadow:0 34px 80px -50px #000, inset 0 1px 0 rgba(255,255,255,.05);
  animation:hv2rise .55s cubic-bezier(.22,.9,.36,1) .05s backwards;
}
.hv2-hero::before{
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,223,138,.05) 46%,transparent 60%);
}
.hv2-hero-art{
  position:absolute; right:0; top:0; height:calc(100% - 78px); width:auto; max-width:46%;
  object-fit:contain; object-position:right center; pointer-events:none; z-index:1;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.6));
}
.hv2-hero-top{
  position:relative; z-index:3; padding:clamp(24px,2.8cqi,44px) clamp(20px,2.7cqi,44px) clamp(20px,2.2cqi,34px);
  max-width:min(100%,660px);
}
.hv2-kicker{
  display:inline-flex; align-items:center; gap:9px; font-family:var(--mono);
  font-size:clamp(9px,.8cqi,11px); font-weight:700; letter-spacing:.24em;
  text-transform:uppercase; color:#c8963f; margin-bottom:clamp(10px,1cqi,16px);
}
.hv2-kicker i{width:7px; height:7px; border-radius:50%; background:var(--em); animation:hv2radar 1.7s ease-out infinite}
.hv2-kicker::after{content:''; width:36px; height:1px; background:linear-gradient(90deg,rgba(245,196,81,.6),transparent)}
.hv2-hero h1{
  margin:0; font-weight:900; letter-spacing:-.03em; line-height:1.03;
  font-size:clamp(28px,3.5cqi,52px); color:#fff;
}
.hv2-hero h1 span{
  display:block;
  background:linear-gradient(100deg,#fde68a 38%,#fff 50%,#f5c451 62%);
  background-size:230% 100%;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  animation:hv2shineTx 4.4s ease-in-out infinite;
}
.hv2-hero p{
  margin:clamp(10px,1cqi,16px) 0 0; color:#96a2ba; font-weight:600;
  font-size:clamp(12px,1.05cqi,15px); line-height:1.6; max-width:54ch;
}
.hv2-hero-act{display:flex; gap:12px; flex-wrap:wrap; margin-top:clamp(16px,1.6cqi,24px)}
.hv2-btn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:10px;
  padding:0 clamp(16px,1.5cqi,26px); height:clamp(44px,3.4cqi,54px); border-radius:14px;
  white-space:nowrap; cursor:pointer; border:1px solid transparent;
  font-size:clamp(10px,.88cqi,13px); font-weight:800; letter-spacing:.09em;
  text-transform:uppercase; color:#fff; font-family:inherit;
  transition:transform .18s cubic-bezier(.4,0,.2,1), filter .18s;
}
.hv2-btn:hover{transform:translateY(-2px); filter:brightness(1.1)}
.hv2-btn svg{width:15px; height:15px; flex:none}
.hv2-btn i{font-size:1.05em}
.hv2-btn-gold{
  color:var(--ink); background:linear-gradient(135deg,var(--g2),var(--g) 58%,#e8a93c);
  border-color:rgba(255,255,255,.4);
  box-shadow:0 16px 40px -18px rgba(245,196,81,.95), inset 0 1px 0 rgba(255,255,255,.55);
}
.hv2-btn-gold::after{
  content:''; position:absolute; top:-30%; bottom:-30%; left:-55%; width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-14deg); opacity:0; animation:hv2sheen 6.5s linear 2s infinite; pointer-events:none;
}
.hv2-btn-ghost{
  background:linear-gradient(150deg,rgba(10,16,32,.9),rgba(6,10,22,.95)); border-color:var(--line2);
  box-shadow:0 14px 34px -20px #000, inset 0 1px 0 rgba(255,255,255,.06);
}
.hv2-btn-ghost:hover{border-color:rgba(245,196,81,.5)}
.hv2-proof{display:flex; gap:16px; flex-wrap:wrap; margin-top:clamp(14px,1.4cqi,20px)}
.hv2-proof span{
  display:inline-flex; align-items:center; gap:7px; font-family:var(--mono);
  font-size:8.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--tx4);
}
.hv2-proof svg{width:11px; height:11px; color:var(--em); flex:none}
.hv2-proof i{color:var(--em); font-size:10px}

/* hero tabanı: istatistik bandı */
.hv2-stats{
  position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(245,196,81,.16);
  background:linear-gradient(180deg,rgba(5,8,18,.74),rgba(4,6,14,.92));
}
.hv2-stat{
  display:flex; align-items:center; gap:12px; padding:14px clamp(13px,1.7cqi,26px); position:relative;
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(.25s + var(--i,0)*80ms);
}
.hv2-stat + .hv2-stat::before{
  content:''; position:absolute; left:0; top:18%; bottom:18%; width:1px;
  background:linear-gradient(180deg,transparent,rgba(245,196,81,.32),transparent);
}
.hv2-stat-i{
  width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:11px;
  color:var(--k,var(--g)); background:color-mix(in srgb,var(--k,var(--g)) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--k,var(--g)) 28%,transparent);
}
.hv2-stat-i svg{width:17px; height:17px}
.hv2-stat-i i{font-size:15px}
.hv2-stat-c{min-width:0}
.hv2-stat-c span{
  display:block; font-family:var(--mono); font-size:8px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--tx4);
}
.hv2-stat-c b{
  display:block; margin-top:4px; font-size:clamp(16px,.9cqi + 11px,22px); font-weight:900; color:#fff;
  line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.hv2-stat-c small{display:block; margin-top:4px; font-size:9px; font-weight:700; color:var(--tx4)}
.hv2-stat.is-star::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(62% 90% at 50% 50%, rgba(245,196,81,.11), transparent 70%);
}
.hv2-stat.is-star b{
  background:linear-gradient(180deg,#ffe9ad,#f5c451 55%,#d99b23);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

/* =========================================================
   3) HIZLI İŞLEMLER
   ========================================================= */
.hv2-quick{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.hv2-q{
  --k:var(--g); position:relative; overflow:hidden; cursor:pointer; text-align:left;
  display:flex; align-items:center; gap:13px; padding:15px 16px;
  border-radius:var(--rm); border:1px solid var(--line); font-family:inherit;
  background:linear-gradient(150deg,var(--pane),var(--pane2));
  box-shadow:0 20px 46px -36px #000;
  transition:transform .2s cubic-bezier(.4,0,.2,1), border-color .2s, box-shadow .2s;
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(.1s + var(--i,0)*60ms);
}
.hv2-q::before{
  content:''; position:absolute; inset:0 0 auto 0; height:2px;
  background:linear-gradient(90deg,transparent,var(--k),transparent); opacity:.8;
}
.hv2-q:hover{
  transform:translateY(-3px); border-color:color-mix(in srgb,var(--k) 45%,transparent);
  box-shadow:0 24px 50px -34px color-mix(in srgb,var(--k) 70%,transparent);
}
.hv2-q-i{
  width:44px; height:44px; flex:none; display:grid; place-items:center;
  filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--k) 55%,transparent));
}
.hv2-q-i img{width:100%; height:100%; object-fit:contain}
.hv2-q-c{flex:1; min-width:0}
.hv2-q-c strong{display:block; font-size:12px; font-weight:850; color:#fff; letter-spacing:.02em}
.hv2-q-c small{display:block; margin-top:3px; font-size:10px; font-weight:650; color:var(--tx3)}
.hv2-q-go{
  flex:none; width:28px; height:28px; display:grid; place-items:center; border-radius:9px;
  color:var(--k); background:color-mix(in srgb,var(--k) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--k) 26%,transparent);
  transition:background .18s, color .18s;
}
.hv2-q-go svg{width:12px; height:12px}
.hv2-q-go i{font-size:11px}
.hv2-q:hover .hv2-q-go{background:var(--k); color:var(--ink)}

/* =========================================================
   4) BÖLÜM BAŞLIĞI
   ========================================================= */
.hv2-sec{display:flex; flex-direction:column; gap:16px}
.hv2-sec-h{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap}
.hv2-sec-h h2{
  margin:5px 0 0; font-size:clamp(19px,1.5cqi + 10px,26px); font-weight:900;
  color:#fff; letter-spacing:-.025em; line-height:1.15;
}
.hv2-sec-h p{margin:6px 0 0; font-size:12.5px; font-weight:600; color:var(--tx3); line-height:1.5}
.hv2-sec-link{
  flex:none; display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:11px;
  font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  color:var(--tx2); background:rgba(148,169,214,.06); border:1px solid var(--line2);
  transition:color .16s, border-color .16s, transform .16s;
}
.hv2-sec-link svg{width:12px; height:12px}
.hv2-sec-link i{font-size:10px}
.hv2-sec-link:hover{color:#fff; border-color:rgba(245,196,81,.5); transform:translateY(-1px)}

/* =========================================================
   5) KAMPANYA VİTRİNİ
   Metin banner'ın ÜSTÜNE binmez: görsel solda, okunur metin sağda ayrı
   katmanda. Eski düzende yazı banner'ın kendi yazısıyla karışıyordu.
   ========================================================= */
.hv2-ad{
  position:relative; border-radius:var(--rl); overflow:hidden;
  border:1px solid rgba(245,196,81,.28);
  background:linear-gradient(165deg,#111a30,#080d1c 58%);
  box-shadow:0 40px 90px -60px #000, 0 0 60px -34px rgba(245,196,81,.22);
}
.hv2-ad-stage{position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
.hv2-ad-slide{display:none}
.hv2-ad-slide.is-active{display:contents}
.hv2-ad-media{
  position:relative; overflow:hidden; min-height:250px; background:#070b14;
  display:grid; place-items:center;
}
.hv2-ad-media .bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:blur(26px) saturate(1.4) brightness(.5); transform:scale(1.5); opacity:.8;
}
.hv2-ad-media .fg{
  position:relative; z-index:2; width:100%; height:100%; object-fit:cover;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.hv2-ad:hover .hv2-ad-media .fg{transform:scale(1.03)}
.hv2-ad-media::after{
  content:''; position:absolute; z-index:3; inset:0; pointer-events:none;
  background:linear-gradient(90deg,transparent 55%,rgba(11,17,32,.9));
}
.hv2-ad-copy{
  position:relative; z-index:4; display:flex; flex-direction:column; justify-content:center;
  gap:13px; padding:clamp(20px,2.4cqi,34px) clamp(20px,2.4cqi,32px);
}
.hv2-ad-lb{
  display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  padding:6px 12px; border-radius:99px; font-family:var(--mono);
  font-size:8.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#2a1c00; background:linear-gradient(135deg,var(--g2),var(--g));
}
.hv2-ad-lb svg{width:11px; height:11px}
.hv2-ad-lb i{font-size:10px}
.hv2-ad-copy h3{
  margin:0; font-size:clamp(19px,1.5cqi + 10px,26px); font-weight:900; color:#fff;
  letter-spacing:-.02em; line-height:1.2; overflow-wrap:anywhere;
}
.hv2-ad-copy p{margin:0; font-size:12.5px; font-weight:600; color:var(--tx3); line-height:1.6}
.hv2-ad-cta{
  align-self:flex-start; display:inline-flex; align-items:center; gap:9px;
  padding:12px 20px; border-radius:13px; margin-top:4px;
  font-size:11px; font-weight:900; letter-spacing:.11em; text-transform:uppercase;
  color:var(--ink); background:linear-gradient(135deg,var(--g2),var(--g));
  box-shadow:0 14px 34px -16px rgba(245,196,81,.9);
  transition:transform .18s, filter .18s;
}
.hv2-ad-cta svg{width:12px; height:12px}
.hv2-ad-cta i{font-size:11px}
.hv2-ad:hover .hv2-ad-cta{transform:translateY(-2px); filter:brightness(1.06)}
.hv2-ad-dots{
  position:absolute; z-index:6; left:50%; bottom:14px; transform:translateX(-50%);
  display:flex; align-items:center; gap:4px;
}
.hv2-ad-dots button{
  width:26px; height:26px; display:grid; place-items:center; padding:0;
  background:none; border:0; cursor:pointer;
}
.hv2-ad-dots button::before{
  content:''; display:block; width:7px; height:7px; border-radius:99px;
  background:rgba(148,169,214,.35); transition:width .2s, background .2s;
}
.hv2-ad-dots button.on::before{
  width:20px; background:linear-gradient(90deg,var(--g),var(--g2));
  box-shadow:0 0 12px -2px rgba(245,196,81,.9);
}

/* =========================================================
   6) SPONSOR KARTLARI
   Her kartta tekrarlanan "Güncel kampanya ayrıntıları..." cümlesi kalktı:
   bilgi taşımıyordu ve altı kartta altı kez aynıydı. Yerine gerçek veri:
   bonus metni, sponsor kademesi ve varsa promosyon kodu.
   ========================================================= */
.hv2-sp-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.hv2-sp{
  --k:var(--g); position:relative; overflow:hidden; display:flex; flex-direction:column; gap:13px;
  padding:17px 18px 16px; border-radius:var(--rm);
  border:1px solid color-mix(in srgb,var(--k) 20%,var(--line));
  background:
    radial-gradient(130% 70% at 50% -12%, color-mix(in srgb,var(--k) 12%,transparent), transparent 58%),
    linear-gradient(158deg,var(--pane),var(--pane2));
  box-shadow:0 20px 46px -36px #000;
  transition:transform .2s cubic-bezier(.4,0,.2,1), border-color .2s, box-shadow .2s;
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(var(--i,0)*55ms);
}
.hv2-sp::before{
  content:''; position:absolute; top:0; left:14%; right:14%; height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--k) 80%,#fff),transparent); opacity:.55;
}
.hv2-sp:hover{
  transform:translateY(-4px); border-color:color-mix(in srgb,var(--k) 55%,transparent);
  box-shadow:0 26px 54px -30px color-mix(in srgb,var(--k) 60%,transparent);
}
.hv2-sp-top{display:flex; align-items:center; gap:12px; min-width:0}
.hv2-sp-logo{
  width:52px; height:52px; flex:none; border-radius:13px; overflow:hidden;
  display:grid; place-items:center; background:#070c17;
  border:1px solid color-mix(in srgb,var(--k) 26%,transparent);
}
.hv2-sp-logo img{width:100%; height:100%; object-fit:contain; padding:6px}
.hv2-sp-id{min-width:0; flex:1}
.hv2-sp-name{
  display:block; font-size:13.5px; font-weight:900; color:#fff; letter-spacing:-.01em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.hv2-sp-tier{
  display:inline-flex; align-items:center; gap:6px; margin-top:5px; padding:3px 9px;
  border-radius:99px; font-family:var(--mono); font-size:7.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--k); background:color-mix(in srgb,var(--k) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--k) 28%,transparent);
}
.hv2-sp-tier::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--k)}
/* Ana sponsor kademesi dolu rozet alır — sıralamadaki ayrıcalığı görünür olsun */
.hv2-sp.is-main .hv2-sp-tier{color:var(--ink); background:linear-gradient(135deg,var(--g2),var(--g)); border-color:transparent}
.hv2-sp.is-main .hv2-sp-tier::before{background:var(--ink)}
.hv2-sp-offer{
  flex:1; display:flex; align-items:flex-start; padding:13px 14px; border-radius:13px;
  font-size:13px; font-weight:800; color:#fff; line-height:1.45; overflow-wrap:anywhere;
  background:linear-gradient(150deg,rgba(8,13,24,.85),rgba(11,17,32,.5));
  border:1px solid var(--line);
}
.hv2-sp-bottom{display:flex; align-items:center; justify-content:space-between; gap:10px}
.hv2-code{
  display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:9px;
  font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.1em;
  color:var(--g2); background:rgba(245,196,81,.1); border:1px dashed rgba(245,196,81,.4);
}
.hv2-code svg{width:11px; height:11px; opacity:.8}
.hv2-sp-go{
  display:inline-flex; align-items:center; gap:7px; margin-left:auto;
  font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--k);
}
.hv2-sp-go svg{width:12px; height:12px; transition:transform .18s}
.hv2-sp-go i{font-size:10px; transition:transform .18s}
.hv2-sp:hover .hv2-sp-go svg,.hv2-sp:hover .hv2-sp-go i{transform:translateX(3px)}

/* =========================================================
   7) ETKİNLİK MERKEZİ
   ========================================================= */
.hv2-ev-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.hv2-ev{
  --k:var(--g); position:relative; overflow:hidden; display:flex; flex-direction:column; gap:14px;
  padding:19px 20px 18px; border-radius:var(--rl);
  border:1px solid color-mix(in srgb,var(--k) 30%,transparent);
  background:
    radial-gradient(120% 60% at 50% -10%, color-mix(in srgb,var(--k) 11%,transparent), transparent 60%),
    linear-gradient(165deg,#111a30,#080d1c 58%);
  box-shadow:0 30px 70px -52px #000, 0 0 50px -34px color-mix(in srgb,var(--k) 55%,transparent);
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(var(--i,0)*70ms);
}
.hv2-ev::before{
  content:''; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,transparent,var(--k),transparent);
}
.hv2-ev-head{display:flex; align-items:center; gap:13px}
.hv2-ev-i{
  width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:13px;
  color:var(--k); background:color-mix(in srgb,var(--k) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--k) 30%,transparent);
}
.hv2-ev-i svg{width:19px; height:19px}
.hv2-ev-i i{font-size:17px}
.hv2-ev-head-c{flex:1; min-width:0}
.hv2-ev-head-c strong{display:block; font-size:13px; font-weight:900; color:#fff; letter-spacing:-.01em}
.hv2-ev-head-c small{display:block; margin-top:3px; font-size:10px; font-weight:650; color:var(--tx3)}
.hv2-ev-count{
  flex:none; display:grid; place-items:center; min-width:44px; height:44px; padding:0 12px;
  border-radius:13px; font-size:19px; font-weight:900; color:var(--k);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
  background:color-mix(in srgb,var(--k) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--k) 26%,transparent);
}
.hv2-ev-body{
  flex:1; display:flex; flex-direction:column; gap:9px; padding:15px 16px; border-radius:var(--rm);
  background:linear-gradient(150deg,rgba(8,13,24,.85),rgba(11,17,32,.5)); border:1px solid var(--line);
}
.hv2-ev-body h3{
  margin:0; font-size:15px; font-weight:900; color:#fff; line-height:1.3; overflow-wrap:anywhere;
}
.hv2-ev-body p{
  margin:0; font-size:11.5px; font-weight:600; color:var(--tx3); line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.hv2-ev-meta{display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:4px}
.hv2-ev-meta span{
  display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:9px;
  font-size:10px; font-weight:750; color:var(--tx3);
  background:rgba(8,13,24,.7); border:1px solid var(--line);
}
.hv2-ev-meta svg{width:11px; height:11px}
.hv2-ev-meta i{font-size:10px}
.hv2-ev-meta .prize{color:var(--k); border-color:color-mix(in srgb,var(--k) 26%,transparent);
  background:color-mix(in srgb,var(--k) 9%,transparent); font-weight:900}
.hv2-ev-meta .hub-cd{font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:.05em}
.hv2-ev-meta .hub-cd.is-ended{color:var(--rose)}
.hv2-ev-empty{
  flex:1; display:flex; flex-direction:column; justify-content:center; gap:6px;
  padding:22px 16px; border-radius:var(--rm); text-align:center;
  background:rgba(8,13,24,.55); border:1px dashed var(--line2);
}
.hv2-ev-empty strong{font-size:12.5px; font-weight:900; color:var(--tx2)}
.hv2-ev-empty p{margin:0; font-size:11px; font-weight:600; color:var(--tx4); line-height:1.5}
.hv2-ev-link{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 18px; border-radius:13px;
  font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink); background:linear-gradient(135deg,
    color-mix(in srgb,var(--k) 62%,#fff), var(--k) 58%, color-mix(in srgb,var(--k) 66%,#000));
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 16px 38px -18px color-mix(in srgb,var(--k) 95%,transparent);
  transition:transform .18s, filter .18s;
}
.hv2-ev-link svg{width:12px; height:12px}
.hv2-ev-link i{font-size:11px}
.hv2-ev-link:hover{transform:translateY(-2px); filter:brightness(1.06)}

/* =========================================================
   8) HİKAYELER
   ========================================================= */
.hv2-story-row{
  display:flex; align-items:flex-start; gap:16px; overflow-x:auto; padding:4px 2px 10px;
  scrollbar-width:thin; scrollbar-color:rgba(148,169,214,.28) transparent;
}
.hv2-story-row::-webkit-scrollbar{height:5px}
.hv2-story-row::-webkit-scrollbar-thumb{background:rgba(148,169,214,.28); border-radius:99px}
.hv2-story{
  flex:none; width:84px; display:flex; flex-direction:column; align-items:center; gap:8px;
  cursor:pointer; background:none; border:0; padding:0; font-family:inherit;
}
.hv2-story-ring{
  position:relative; width:72px; height:72px; border-radius:50%; padding:2.5px;
  background:conic-gradient(from 0deg,var(--g),var(--vio2),var(--cyan),var(--g));
  transition:transform .2s cubic-bezier(.4,0,.2,1);
}
.hv2-story:hover .hv2-story-ring{transform:scale(1.06); animation:hv2spin 4s linear infinite}
.hv2-story-ring span{
  display:block; width:100%; height:100%; border-radius:50%; overflow:hidden;
  background:#080e1b; border:3px solid #0b1120;
}
.hv2-story-ring img{width:100%; height:100%; object-fit:cover; display:block}
.hv2-story b{
  font-size:9.5px; font-weight:800; color:var(--tx3); text-align:center; line-height:1.3;
  width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .16s;
}
.hv2-story:hover b{color:#fff}

/* =========================================================
   9) ÖDÜL MARKETİ
   ========================================================= */
.hv2-mk{display:grid; grid-template-columns:minmax(240px,.9fr) repeat(3,1fr); gap:16px}
.hv2-mk-intro{
  position:relative; overflow:hidden; display:flex; flex-direction:column; gap:11px;
  padding:20px 21px; border-radius:var(--rm);
  border:1px solid rgba(245,196,81,.3);
  background:
    radial-gradient(120% 70% at 20% -10%, rgba(245,196,81,.14), transparent 60%),
    linear-gradient(158deg,#141c33,#0a1020);
  box-shadow:0 24px 56px -40px rgba(245,196,81,.5);
}
.hv2-mk-intro h3{
  margin:0; font-size:clamp(17px,1.2cqi + 9px,21px); font-weight:900; color:#fff;
  letter-spacing:-.02em; line-height:1.22;
}
.hv2-mk-intro p{margin:0; font-size:11.5px; font-weight:600; color:var(--tx3); line-height:1.55}
.hv2-mk-intro a{
  margin-top:auto; display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.13em;
  text-transform:uppercase; color:var(--g2);
}
.hv2-mk-intro a svg{width:12px; height:12px; transition:transform .18s}
.hv2-mk-intro a i{font-size:10px; transition:transform .18s}
.hv2-mk-intro a:hover svg,.hv2-mk-intro a:hover i{transform:translateX(3px)}
.hv2-pr{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border-radius:var(--rm); border:1px solid var(--line);
  background:linear-gradient(158deg,var(--pane),var(--pane2));
  box-shadow:0 20px 46px -36px #000;
  transition:transform .2s cubic-bezier(.4,0,.2,1), border-color .2s;
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(.1s + var(--i,0)*60ms);
}
.hv2-pr:hover{transform:translateY(-4px); border-color:rgba(245,196,81,.4)}
.hv2-pr-art{position:relative; aspect-ratio:4/3; overflow:hidden; background:#070c18; display:grid; place-items:center}
.hv2-pr-art .bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:blur(20px) brightness(.5) saturate(1.2); transform:scale(1.4); opacity:.85;
}
.hv2-pr-art .fg{position:relative; z-index:2; width:100%; height:100%; object-fit:contain; padding:12%}
.hv2-pr-art::after{
  content:''; position:absolute; z-index:3; inset:auto 0 0 0; height:44%;
  background:linear-gradient(0deg,#0d1424 6%,transparent); pointer-events:none;
}
/* fiyat mührü — görselin altına asılı, dönen ₺/puan amblemiyle */
.hv2-pr-seal{
  position:relative; z-index:4; margin:-16px auto 0; display:flex; align-items:center; gap:7px;
  width:max-content; max-width:calc(100% - 20px); padding:5px 13px 5px 6px; border-radius:999px;
  background:linear-gradient(150deg,#1c2438,#0e1626);
  border:1px solid rgba(245,196,81,.45);
  box-shadow:0 8px 18px -8px rgba(245,196,81,.8);
}
.hv2-pr-seal .coin{flex:none; perspective:220px}
.hv2-pr-seal .coin svg{width:24px; height:24px; animation:hv2coin 6s ease-in-out infinite}
.hv2-pr-seal b{
  font-size:13px; font-weight:900; color:var(--g); font-variant-numeric:tabular-nums; white-space:nowrap;
}
.hv2-pr-seal i{
  font-style:normal; font-family:var(--mono); font-size:7.5px; font-weight:700;
  letter-spacing:.12em; color:var(--tx4);
}
.hv2-pr-b{padding:9px 12px 13px; text-align:center; flex:1; display:flex; align-items:center; justify-content:center}
.hv2-pr-b strong{
  font-size:12px; font-weight:850; color:#fff; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* =========================================================
   10) OYUNLAR
   ========================================================= */
.hv2-gm-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.hv2-gm{
  --k:var(--g); position:relative; overflow:hidden; display:flex; flex-direction:column;
  border-radius:var(--rm); border:1px solid color-mix(in srgb,var(--k) 22%,var(--line));
  background:
    radial-gradient(130% 70% at 50% -10%, color-mix(in srgb,var(--k) 13%,transparent), transparent 58%),
    linear-gradient(158deg,var(--pane),var(--pane2));
  box-shadow:0 20px 46px -36px #000;
  transition:transform .2s cubic-bezier(.4,0,.2,1), border-color .2s, box-shadow .2s;
  animation:hv2rise .5s cubic-bezier(.22,.9,.36,1) backwards; animation-delay:calc(.1s + var(--i,0)*60ms);
}
.hv2-gm:hover{
  transform:translateY(-4px); border-color:color-mix(in srgb,var(--k) 55%,transparent);
  box-shadow:0 26px 54px -30px color-mix(in srgb,var(--k) 60%,transparent);
}
.hv2-gm-art{position:relative; aspect-ratio:16/10; overflow:hidden; display:grid; place-items:center; background:#070c18}
.hv2-gm-art img{
  position:relative; z-index:2; width:100%; height:100%; object-fit:contain; padding:9%;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.6));
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.hv2-gm:hover .hv2-gm-art img{transform:scale(1.07)}
.hv2-gm-art::before{
  content:''; position:absolute; inset:0; z-index:1;
  background:radial-gradient(52% 46% at 50% 48%, color-mix(in srgb,var(--k) 26%,transparent), transparent 72%);
  filter:blur(10px); animation:hv2breathe 6s ease-in-out infinite;
}
.hv2-gm-b{display:flex; align-items:center; gap:10px; padding:12px 14px 13px}
.hv2-gm-c{flex:1; min-width:0}
.hv2-gm-c strong{display:block; font-size:12.5px; font-weight:900; color:#fff}
.hv2-gm-c small{display:block; margin-top:2px; font-size:9.5px; font-weight:650; color:var(--tx3)}
.hv2-gm-play{
  flex:none; width:32px; height:32px; display:grid; place-items:center; border-radius:50%;
  color:var(--ink); background:linear-gradient(150deg,color-mix(in srgb,var(--k) 62%,#fff),var(--k));
  box-shadow:0 8px 20px -8px color-mix(in srgb,var(--k) 90%,transparent);
  transition:transform .18s;
}
.hv2-gm-play svg{width:13px; height:13px; margin-left:2px}
.hv2-gm:hover .hv2-gm-play{transform:scale(1.1)}

/* =========================================================
   11) TOPLULUK
   ========================================================= */
.hv2-com{display:grid; grid-template-columns:1.35fr 1fr; gap:16px}
.hv2-com-p{
  position:relative; overflow:hidden; display:flex; flex-direction:column; gap:11px;
  padding:22px 24px; border-radius:var(--rl); border:1px solid var(--line);
  background:
    radial-gradient(110% 70% at 12% -10%, rgba(56,189,248,.13), transparent 58%),
    linear-gradient(158deg,var(--pane),var(--pane2));
  box-shadow:0 24px 56px -44px #000;
}
.hv2-com-p.games{background:
    radial-gradient(110% 70% at 12% -10%, rgba(251,146,60,.13), transparent 58%),
    linear-gradient(158deg,var(--pane),var(--pane2));}
.hv2-com-p h3{margin:0; font-size:clamp(16px,1.1cqi + 9px,20px); font-weight:900; color:#fff; letter-spacing:-.02em; line-height:1.25}
.hv2-com-p p{margin:0; font-size:12px; font-weight:600; color:var(--tx3); line-height:1.55}
.hv2-members{display:flex; align-items:center; gap:9px; margin-top:2px}
.hv2-members img{
  width:34px; height:34px; border-radius:50%; object-fit:cover; background:#0b1120;
  border:2px solid #0b1120; margin-right:-14px;
}
.hv2-members img:last-of-type{margin-right:0}
.hv2-members span{
  margin-left:20px; font-family:var(--mono); font-size:9px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--tx4);
}
.hv2-links{display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:6px}
.hv2-links a{
  display:inline-flex; align-items:center; gap:9px; padding:11px 16px; border-radius:12px;
  font-size:11px; font-weight:800; letter-spacing:.05em; color:var(--tx2);
  background:rgba(8,13,24,.7); border:1px solid var(--line2);
  transition:color .16s, border-color .16s, transform .16s;
}
.hv2-links a svg{width:14px; height:14px}
.hv2-links a i{font-size:13px}
.hv2-links a:hover{color:#fff; border-color:rgba(245,196,81,.45); transform:translateY(-2px)}

/* boş durum */
.hv2-empty{
  border-radius:var(--rl); border:1px dashed rgba(245,196,81,.26);
  background:radial-gradient(90% 120% at 50% 0%, rgba(245,196,81,.08), transparent 62%),
             linear-gradient(160deg,var(--pane),var(--pane2));
  padding:52px 24px; text-align:center;
}
.hv2-empty svg{width:38px; height:38px; margin:0 auto; color:rgba(245,196,81,.45)}
.hv2-empty i{font-size:34px; color:rgba(245,196,81,.45)}
.hv2-empty b{display:block; margin-top:14px; font-size:13px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:var(--tx)}
.hv2-empty span{display:block; margin-top:7px; font-size:11px; font-weight:650; color:var(--tx4)}

/* =========================================================
   12) DUYARLI DAVRANIŞ
   ========================================================= */
@container (max-width:1180px){
  .hv2-mk{grid-template-columns:repeat(3,1fr)}
  .hv2-mk-intro{grid-column:1/-1}
}
@container (max-width:1040px){
  .hv2-sp-grid{grid-template-columns:repeat(2,1fr)}
  .hv2-quick{grid-template-columns:repeat(2,1fr)}
  .hv2-ad-stage{grid-template-columns:1fr}
  .hv2-ad-media{min-height:210px}
  .hv2-ad-media::after{background:linear-gradient(0deg,rgba(11,17,32,.95),transparent 62%)}
  .hv2-hero-art{max-width:40%; opacity:.5}
}
@container (max-width:860px){
  .hv2-stats{grid-template-columns:repeat(2,1fr)}
  .hv2-stat:nth-child(3)::before{display:none}
  .hv2-ev-grid{grid-template-columns:1fr}
  .hv2-com{grid-template-columns:1fr}
  .hv2-gm-grid{grid-template-columns:repeat(2,1fr)}
}
@container (max-width:640px){
  .hv2{gap:26px}
  .hv2-hero-art{display:none}
  .hv2-hero-top{padding:20px 16px 18px}
  .hv2-hero h1{font-size:27px}
  .hv2-hero p{
    font-size:12.5px; line-height:1.5;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .hv2-hero-act{width:100%; gap:9px}
  .hv2-hero-act .hv2-btn{flex:1; justify-content:center; padding:0 12px; height:46px}
  .hv2-proof{gap:10px 14px}
  .hv2-stat{padding:11px 13px; gap:10px}
  .hv2-stat-i{width:32px; height:32px}
  .hv2-stat-i svg{width:14px; height:14px}
  .hv2-stat-c span{font-size:7.5px; letter-spacing:.1em}
  .hv2-stat-c b{font-size:17px}
  .hv2-stat-c small{display:none}
  .hv2-tick-lb{padding:10px 11px; font-size:7.5px; letter-spacing:.1em; gap:7px}
  .hv2-tick-lb i{font-size:11px}
  .hv2-win{padding:8px 12px; gap:8px}
  .hv2-win-av{width:26px; height:26px}
  .hv2-win-user{font-size:11px}
  /* Kaynak adı dar ekranda yer yiyor; avatardaki ikon rozeti bilgiyi taşır. */
  .hv2-win-ctx{display:none}
  .hv2-win-amt{padding:3px 7px; font-size:10px}
  .hv2-win-top{display:none}
  /* Dikey yigin her karti ~45px uzatiyordu; yatay kompakt duzen korunur. */
  .hv2-quick{grid-template-columns:1fr 1fr; gap:9px}
  .hv2-q{gap:10px; padding:11px 12px}
  .hv2-q-i{width:34px; height:34px}
  .hv2-q-c strong{font-size:11px; line-height:1.25}
  .hv2-q-c small{display:none}
  .hv2-q-go{width:24px; height:24px}
  .hv2-q-go i{font-size:9px}
  .hv2-sec{gap:13px}
  /* Baslik blogu tam genislik alinca "Tumunu gor" baglantisi alt satira
     dusuyor ve her bolume ~50px ekliyordu; ayni satirda tutulur. */
  .hv2-sec-h{flex-wrap:nowrap; align-items:center; gap:10px}
  .hv2-sec-h > div{min-width:0}
  .hv2-sec-h h2{font-size:18px}
  .hv2-sec-h p{font-size:11px; margin-top:4px}
  .hv2-sec-link{flex:none; padding:8px 11px; font-size:8px; letter-spacing:.1em; border-radius:10px}
  /* Tek kolonda alti sponsor karti sayfaya ~600px ekliyordu; iki kolon
     ayni bilgiyi yarim yerde verir. Bonus metni ucuncu satirda kirpilir. */
  .hv2-sp-grid{grid-template-columns:1fr 1fr; gap:9px}
  .hv2-sp{padding:12px 12px 12px; gap:9px}
  .hv2-sp-top{gap:9px}
  .hv2-sp-logo{width:40px; height:40px; border-radius:11px}
  .hv2-sp-logo img{padding:4px}
  .hv2-sp-name{font-size:11.5px}
  .hv2-sp-tier{margin-top:4px; padding:2px 7px; font-size:6.5px; letter-spacing:.1em}
  .hv2-sp-offer{
    font-size:11px; padding:9px 10px; line-height:1.4; border-radius:10px;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .hv2-sp-bottom{flex-wrap:wrap; gap:7px}
  .hv2-code{padding:4px 8px; font-size:8.5px; letter-spacing:.06em}
  .hv2-sp-go{font-size:8px; letter-spacing:.08em}
  /* cover, reklam gorselinin yazisini kirpiyordu. */
  .hv2-ad-media{min-height:0; aspect-ratio:16/7}
  .hv2-ad-media .fg{object-fit:contain}
  .hv2-ad-copy{padding:14px 14px 16px; gap:10px}
  .hv2-ad-copy h3{font-size:17px}
  /* Aciklama cumlesi mobilde yer yiyor; baslik ve buton zaten yeterli. */
  .hv2-ad-copy p{display:none}
  .hv2-ad-cta{padding:10px 16px; font-size:10px}
  .hv2-ev{padding:15px 15px 16px; gap:12px}
  .hv2-ev-body{padding:13px 13px}
  .hv2-story{width:74px}
  .hv2-story-ring{width:64px; height:64px}
  .hv2-mk{grid-template-columns:1fr 1fr; gap:10px}
  .hv2-mk-intro{grid-column:1/-1; padding:14px 15px; gap:8px}
  .hv2-mk-intro h3{font-size:16px}
  .hv2-mk-intro p{display:none}
  .hv2-pr-b{padding:8px 10px 11px}
  .hv2-pr-b strong{font-size:11px}
  .hv2-gm-grid{grid-template-columns:1fr 1fr; gap:10px}
  .hv2-com-p{padding:16px 15px; gap:9px}
  .hv2-com-p h3{font-size:16px}
  .hv2-com-p p{font-size:11.5px}
  .hv2-members img{width:30px; height:30px}
  .hv2-gm-b{padding:10px 11px 11px}
  .hv2-gm-c strong{font-size:11.5px}
  .hv2-gm-c small{font-size:9px}
  .hv2-links{gap:8px}
  .hv2-links a{flex:1; justify-content:center; padding:11px 12px; font-size:10.5px}
}
/* Esik 400 iken 390px telefonlarda hizli islemler tek kolona dusuyor ve
   dort kart sayfaya ~215px ekliyordu; 340'a indirildi. */
@container (max-width:340px){
  .hv2-quick{grid-template-columns:1fr}
  .hv2-mk{grid-template-columns:1fr}
  .hv2-gm-grid{grid-template-columns:1fr}
  .hv2-sp-grid{grid-template-columns:1fr}
}

/* Konteyner sorgusu desteklemeyen tarayıcı yedeği (main dolgusuyla ~+32px) */
@media (max-width:1072px){
  .hv2-sp-grid{grid-template-columns:repeat(2,1fr)}
  .hv2-quick{grid-template-columns:repeat(2,1fr)}
  .hv2-ad-stage{grid-template-columns:1fr}
}
@media (max-width:892px){
  .hv2-stats{grid-template-columns:repeat(2,1fr)}
  .hv2-ev-grid{grid-template-columns:1fr}
  .hv2-com{grid-template-columns:1fr}
}
@media (max-width:672px){
  .hv2-hero-art{display:none}
  .hv2-sp-grid{grid-template-columns:1fr 1fr}
  .hv2-quick{grid-template-columns:1fr 1fr}
  .hv2-mk{grid-template-columns:1fr 1fr}
  .hv2-gm-grid{grid-template-columns:1fr 1fr}
  .hv2-stat-c small{display:none}
}
@media (max-width:372px){
  .hv2-quick{grid-template-columns:1fr}
  .hv2-mk{grid-template-columns:1fr}
  .hv2-gm-grid{grid-template-columns:1fr}
  .hv2-sp-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .hv2 *,.hv2 *::before,.hv2 *::after{
    animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .hv2-tick-track{animation:none!important}
}