:root {
  --page-bg:#020711;
  --panel:#071020;
  --panel-2:#09152a;
  --row:#0a1629;
  --row-alt:#0b182d;
  --separator:rgba(105,145,212,.15);
  --text:#f7f9ff;
  --muted:#a9b7cf;
  --accent:#2f68ff;
  --accent-2:#5a8cff;
  --logo-dark:#030b19;
  --logo-border:rgba(75,126,220,.48);
}

* {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}

html,body {
  margin:0;
  min-height:100%;
}

body {
  min-height:100vh;
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -8%, rgba(42,91,255,.17), transparent 34%),
    var(--page-bg);
}

.page {
  width:100%;
  min-height:100vh;
  padding:12px 10px 48px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

.aff-card {
  width:100%;
  max-width:840px;
  margin:0 auto;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%),
    var(--panel);
  border:1px solid rgba(255,255,255,.055);
  border-radius:22px;
  box-shadow:
    0 20px 54px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.top {
  position:relative;
  min-height:54px;
  padding:13px 20px 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 70%),
    var(--panel-2);
  border-bottom:1px solid var(--separator);
}

.top::before,
.top::after {
  content:"";
  width:min(18vw,170px);
  height:1px;
  flex:0 1 170px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22));
}

.top::after {
  background:linear-gradient(90deg,rgba(255,255,255,.22),transparent);
}

.top h1 {
  margin:0 20px;
  min-width:max-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  font-size:21px;
  font-weight:850;
  letter-spacing:-.35px;
  line-height:1.05;
}

.top h1::before,
.top h1::after {
  content:"★  ★";
  color:var(--accent);
  font-size:14px;
  letter-spacing:8px;
  line-height:1;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}

.table {
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0 12px 12px;
  background:transparent;
}

.row {
  position:relative;
  display:grid;
  grid-template-columns:31% minmax(0,1fr) 24%;
  align-items:center;
  gap:10px;
  min-height:66px;
  padding:5px 2px;
  color:inherit;
  text-decoration:none;
  background:var(--row);
  border:0;
  border-bottom:1px solid var(--separator);
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  transition:background .14s ease;
}

.row:nth-child(even) {
  background:var(--row-alt);
}

.row:hover {
  background:color-mix(in srgb,var(--row) 90%,var(--accent) 10%);
}

.row:first-child {
  border-top:0;
}

.row:last-child {
  border-bottom:0;
}

.logoBox {
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:var(--logo-dark);
  border:1px solid var(--logo-border);
  border-radius:9px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 5px 14px rgba(0,0,0,.12);
}

.logoBox.logo-bg-dark {
  background:var(--logo-dark);
  border-color:var(--logo-border);
}

.logoBox.logo-bg-light {
  background:#fff;
  border-color:rgba(255,255,255,.28);
}

.logoBox img {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
}

.logoError::after {
  content:"LOGO";
  color:var(--muted);
  font-size:9px;
  font-weight:850;
  letter-spacing:.8px;
}

.desc {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.05;
}

.descTop {
  max-width:100%;
  overflow:hidden;
  color:var(--text);
  font-size:20px;
  font-weight:850;
  letter-spacing:.15px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.descBottom {
  max-width:100%;
  margin-top:4px;
  overflow:hidden;
  color:var(--muted);
  font-size:9px;
  font-weight:520;
  letter-spacing:.05px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.goBtn {
  width:100%;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  color:#fff;
  font-size:16px;
  font-weight:850;
  letter-spacing:-.1px;
  background:
    linear-gradient(112deg,var(--accent) 0%,var(--accent-2) 56%,var(--accent) 100%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 8px 18px rgba(0,0,0,.16);
}

.empty {
  padding:34px 12px;
  color:var(--muted);
  text-align:center;
  font-size:13px;
}

.loading {
  min-height:520px;
}

.skeleton {
  height:74px;
  border-bottom:1px solid var(--separator);
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent),
    var(--row);
  background-size:220% 100%;
  animation:pulse 1s infinite linear;
}

@keyframes pulse {
  to { background-position:-220% 0; }
}

@media (max-width:700px) {
  .page {
    padding:6px 5px 30px;
  }

  .aff-card {
    max-width:100%;
    border-radius:18px;
  }

  .top {
    min-height:43px;
    padding:9px 9px 8px;
  }

  .top::before,
  .top::after {
    flex-basis:74px;
    width:74px;
  }

  .top h1 {
    margin:0 9px;
    gap:6px;
    font-size:16px;
  }

  .top h1::before,
  .top h1::after {
    content:"★ ★";
    font-size:9px;
    letter-spacing:3px;
  }

  .table {
    padding:0 7px 9px;
  }

  .row {
    grid-template-columns:33% minmax(0,1fr) 24%;
    gap:5px;
    min-height:55px;
    padding:4px 0;
  }

  .logoBox {
    height:42px;
    border-radius:8px;
  }

  .descTop {
    font-size:14px;
  }

  .descBottom {
    margin-top:4px;
    font-size:9px;
  }

  .goBtn {
    height:37px;
    border-radius:9px;
    font-size:10px;
  }

.skeleton {
    height:60px;
  }
}

@media (max-width:390px) {
  .page {
    padding-left:3px;
    padding-right:3px;
  }

  .aff-card {
    border-radius:15px;
  }

  .top h1 {
    font-size:14px;
  }

  .top h1::before,
  .top h1::after {
    font-size:9px;
  }

  .table {
    padding-left:7px;
    padding-right:7px;
  }

  .row {
    grid-template-columns:34% minmax(0,1fr) 23%;
    gap:5px;
    min-height:55px;
  }

  .logoBox {
    height:41px;
    border-radius:9px;
  }

  .descTop {
    font-size:14px;
  }

  .descBottom {
    font-size:9px;
  }

  .goBtn {
    height:37px;
    font-size:10px;
    border-radius:8px;
  }
}

/* Native link davranışı: mobil uzun basma menüsü korunur, içerik seçilmez/sürüklenmez. */
a.row {
  -webkit-touch-callout: default !important;
  touch-action: pan-y;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}
a.row, a.row * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}
a.row > *, a.row img, a.row span, a.row p, a.row div, a.row strong, a.row small, a.row button {
  pointer-events: none !important;
}
a.row img { -webkit-touch-callout: none !important; }
@media (hover:none) and (pointer:coarse) {
  a.row, a.row:hover, a.row:focus, a.row:active { transform:none !important; }
}

/* ===== SADECE WEB / MOBİLE DOKUNMA =====
   Bu blok 900px altındaki hiçbir ekranda çalışmaz. */
@media (min-width:900px) {
  .page {
    padding:14px 12px 40px !important;
  }

  .aff-card {
    width:100% !important;
    max-width:860px !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }

  .top {
    min-height:50px !important;
    padding:10px 18px 9px !important;
  }

  .top::before,
  .top::after {
    width:90px !important;
    flex:0 1 90px !important;
  }

  .top h1 {
    margin:0 10px !important;
    gap:6px !important;
    font-size:18px !important;
  }

  .top h1::before,
  .top h1::after {
    font-size:11px !important;
    letter-spacing:3px !important;
  }

  .table {
    padding:0 10px 12px !important;
  }

  .row {
    grid-template-columns:175px minmax(0,1fr) 132px !important;
    gap:16px !important;
    min-height:64px !important;
    padding:5px 7px !important;
    align-items:center !important;
  }

  .logoBox {
    width:175px !important;
    height:48px !important;
    border-radius:9px !important;
    justify-self:start !important;
  }

  .desc {
    width:100% !important;
    max-width:260px !important;
    justify-self:center !important;
    align-items:center !important;
    text-align:center !important;
  }

  /* Açıklama metinleri mevcut iyi mobil sürümdeki masaüstü değerleriyle korunur. */
  .descTop {
    font-size:20px !important;
  }

  .descBottom {
    margin-top:4px !important;
    font-size:9px !important;
  }

  .goBtn {
    width:132px !important;
    height:42px !important;
    justify-self:end !important;
    border-radius:9px !important;
    font-size:16px !important;
  }

.skeleton {
    height:64px !important;
  }
}

@media (min-width:1200px) {
  .aff-card {
    max-width:900px !important;
  }

  .row {
    grid-template-columns:185px minmax(0,1fr) 138px !important;
    gap:18px !important;
  }

  .logoBox {
    width:185px !important;
    height:50px !important;
  }

  .goBtn {
    width:138px !important;
    height:43px !important;
  }
}

/* 2026-08-31 Tema iyileştirme — koyu nötr zemin + belirgin mavi CTA */
:root{
  --page-bg:#080d14;
  --panel:#0d151f;
  --panel-2:#111b27;
  --row:#15202d;
  --row-alt:#172331;
  --separator:rgba(163,184,214,.11);
  --text:#f3f7fc;
  --muted:#9daaba;
  --accent:#2b72e8;
  --accent-2:#5793f2;
  --logo-dark:#080d14;
  --logo-border:rgba(105,137,182,.30);
}
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(43,114,232,.065),transparent 34%),
    var(--page-bg);
}
.aff-card{
  border-color:rgba(196,210,230,.07);
  box-shadow:0 20px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.024);
}
.top{
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.025),transparent 70%),
    var(--panel-2);
}
.row:hover{
  background:color-mix(in srgb,var(--row) 94%,var(--accent) 6%);
}
.goBtn{
  background:linear-gradient(112deg,#286ddd 0%,#5793f2 55%,#2e75e8 100%);
  border-color:rgba(255,255,255,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 18px rgba(24,79,171,.20);
}

/* ===== AFF2 ile eşleşen tipografi / CTA / başlık etkileşimi ===== */

/* Başlıklar dokunulmaz alan: seçim, uzun basma menüsü ve tıklama yok */
.sectionTitle,
.sectionTitle *,
.sectionTitleText,
.sectionStars{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent !important;
  cursor:default !important;
}
.sectionTitle{
  pointer-events:none !important;
}

/* Eski pseudo ikon tamamen kapalı */
.goBtn::after{
  content:none !important;
  display:none !important;
}

/* AFF2'deki estetik cursor/tıklama ikonu */
.goBtnClickIcon{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:4px !important;
  width:16px !important;
  height:16px !important;
  line-height:1 !important;
  opacity:.94 !important;
}
.goBtnClickIcon svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
}

/* Mobil AFF2 ile aynı */
@media (max-width:700px){
  .descTop{
    font-size:14px !important;
  }
  .descBottom{
    font-size:10px !important;
  }
  .goBtn,
  .goBtnText{
    font-size:10px !important;
  }
  .goBtnClickIcon{
    width:14px !important;
    height:14px !important;
    margin-left:1px !important;
  }
  .goBtn{
    gap:1px !important;
  }
}

/* AFF1 gerçek sayfa başlığı: tüm cihazlarda seçim / uzun basma / callout kapalı */
#pageTitle,
.top h1,
.top h1 *,
#pageTitle::before,
#pageTitle::after,
.top h1::before,
.top h1::after{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent !important;
  cursor:default !important;
}

#pageTitle,
.top h1{
  pointer-events:none !important;
  touch-action:manipulation !important;
}


@media(max-width:700px){
.descTop{font-size:13px!important}
.descBottom{font-size:9px!important}
.goBtn,.goBtnText{font-size:9px!important}
}
@media(max-width:390px){
.descTop{font-size:13px!important}
.descBottom{font-size:9px!important}
.goBtn,.goBtnText{font-size:9px!important}
}

/* AFF1 çoklu tablo: mevcut AFF1 görsel dili aynen kullanılır */
.aff-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#affTable.table{padding:0!important;gap:5px!important}
.affSection{overflow:hidden;margin:0;background:var(--panel);border:1px solid rgba(255,255,255,.055);border-radius:22px;box-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.affSection+.affSection{margin-top:5px}
.affSection .sectionTop{display:flex!important}
.affSection .sectionHeading{margin:0 20px;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text);font-size:21px;font-weight:850;letter-spacing:-.35px;line-height:1.05}
.affSection .sectionHeading::before,.affSection .sectionHeading::after{content:"★ ★";color:var(--accent);font-size:14px;letter-spacing:8px;line-height:1}
.sectionRows{padding:0 12px 12px}
.sectionTop,.sectionTop *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.sectionTop{pointer-events:none!important}
@media(max-width:700px){
 #affTable.table{padding:0!important;gap:3px!important}.affSection{border-radius:18px}.affSection+.affSection{margin-top:3px}
 .affSection .sectionTop{min-height:43px;padding:9px 9px 8px}.affSection .sectionTop::before,.affSection .sectionTop::after{flex-basis:74px;width:74px}
 .affSection .sectionHeading{margin:0 9px;gap:6px;font-size:16px}.affSection .sectionHeading::before,.affSection .sectionHeading::after{font-size:9px;letter-spacing:3px}
 .sectionRows{padding:0 7px 9px}.descTop{font-size:13px!important}.descBottom{font-size:9px!important}.goBtn,.goBtnText{font-size:9px!important}
}
@media(max-width:390px){.affSection{border-radius:15px}.affSection .sectionHeading{font-size:14px}}
html[data-theme="navy"]{--page-bg:#08121f;--panel:#0e1a29;--panel-2:#122238;--row:#13253a;--row-alt:#172a42;--separator:rgba(86,132,188,.18);--text:#f7f9fc;--muted:#afbed0;--accent:#3a78c7;--accent-2:#5793dd;--logo-dark:#07101b;--logo-border:rgba(75,121,178,.45)}
html[data-theme="forest"]{--page-bg:#07140f;--panel:#0c1e16;--panel-2:#10271d;--row:#132d22;--row-alt:#173528;--separator:rgba(80,147,107,.18);--text:#f5faf7;--muted:#afc7b8;--accent:#3f8b60;--accent-2:#60aa7b;--logo-dark:#06110c;--logo-border:rgba(68,137,95,.45)}
html[data-theme="purple"]{--page-bg:#120b1b;--panel:#1d1229;--panel-2:#271838;--row:#2a1b3b;--row-alt:#302044;--separator:rgba(151,91,199,.20);--text:#fbf7ff;--muted:#c8b6d7;--accent:#7841a8;--accent-2:#a05bd0;--logo-dark:#100817;--logo-border:rgba(137,75,184,.46)}
html[data-theme="orange"]{--page-bg:#171008;--panel:#24170d;--panel-2:#2d1d10;--row:#322014;--row-alt:#392518;--separator:rgba(211,125,48,.20);--text:#fff9f2;--muted:#d6bca3;--accent:#c46722;--accent-2:#e88a35;--logo-dark:#140c06;--logo-border:rgba(201,105,34,.48)}


/* CTA her yenilemede aktif AFF1 temasıyla aynı renge geçer */
html[data-theme] .goBtn{
  background:linear-gradient(112deg,var(--accent) 0%,var(--accent-2) 56%,var(--accent) 100%) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.16) !important;
}