/* =====================================================================
   BANKOCU — açık, ferah tema
   Beyaz kartlar · hafif yeşil-gri zemin · çim yeşili ana renk · altın vurgu
   ===================================================================== */
:root{
  --zemin:#F3F6F4;
  --zemin2:#F7FAF8;
  --kart:#FFFFFF;
  --kart2:#FAFCFB;
  --kart3:#F1F5F2;
  --cizgi:#E3E9E5;
  --cizgi2:#D2DBD5;
  --murekkep:#15221B;
  --soluk:#5F6F66;
  --soluk2:#8C9A92;
  --cim:#138A52;
  --cim-koyu:#0D6B3E;
  --cim-acik:#E6F5ED;
  --kum:#A9763C;
  --altin:#A87A12;          /* yazı için koyu altın */
  --altin-parlak:#E9BE58;   /* dolgu için */
  --altin-acik:#FBF3DC;
  --gumus:#7F8B92;
  --bronz:#A8622F;
  --tabela:#CC3D32;
  --mavi:#2F64D6;
  --mor:#7A4BD1;
  --r-kucuk:8px; --r:14px; --r-buyuk:20px;
  --golge:0 1px 2px rgba(16,40,28,.05), 0 10px 28px -18px rgba(16,40,28,.28);
  --golge-buyuk:0 2px 4px rgba(16,40,28,.04), 0 24px 48px -28px rgba(16,40,28,.35);
  --baslik:'Barlow Condensed','Arial Narrow',sans-serif;
  --govde:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--murekkep);font:15px/1.6 var(--govde);
  background:radial-gradient(1100px 420px at 80% -160px,rgba(19,138,82,.08),transparent 70%),
             radial-gradient(800px 360px at -10% -60px,rgba(233,190,88,.10),transparent 65%),var(--zemin);
  min-height:100vh}
a{color:var(--cim);text-decoration:none}
a:hover{color:var(--cim-koyu);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--cim);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:700;line-height:1.1;margin:0 0 .45em;letter-spacing:.2px;color:var(--murekkep)}
h1{font-size:2.4rem} h2{font-size:1.6rem} h3{font-size:1.25rem}
p{margin:0 0 .8em;max-width:74ch}
.kap{max-width:1200px;margin:0 auto;padding:0 20px}
main.kap{padding-top:26px;padding-bottom:64px;min-height:70vh}
.soluk{color:var(--soluk)}
.kucuk{font-size:.85rem}
.sag{text-align:right}
.ince{font-weight:500;opacity:.85}
code{background:var(--kart3);padding:1px 6px;border-radius:5px;font-size:.88em}

/* ---------- Üst bar ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:16px;min-height:66px;flex-wrap:wrap}
.logo{font-family:var(--baslik);font-size:1.75rem;font-weight:700;color:var(--murekkep);display:flex;align-items:center;gap:10px;letter-spacing:.5px}
.logo:hover{color:var(--murekkep);text-decoration:none}
.logo-isaret{width:30px;height:30px;border-radius:9px;background:conic-gradient(from 210deg,var(--cim),#3CC487,var(--cim-koyu),var(--cim));position:relative;box-shadow:0 6px 14px -6px rgba(19,138,82,.6)}
.logo-isaret::after{content:'';position:absolute;inset:7px 9px 7px 7px;border:3px solid #fff;border-left-color:transparent;border-radius:50%}
.ana-menu{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.ana-menu a,.hesap a{color:#3E4D45;padding:8px 10px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap}
.ana-menu a:hover,.hesap a:hover{background:var(--kart3);color:var(--murekkep);text-decoration:none}
.ana-menu a.aktif{color:var(--cim-koyu);background:var(--cim-acik)}
.hesap{display:flex;gap:4px;align-items:center}
.menu-ac{display:none;margin-left:auto;background:#fff;border:1px solid var(--cizgi2);color:var(--murekkep);border-radius:10px;padding:8px 14px;font:600 .95rem var(--govde)}
@media (max-width:1180px){
  .menu-ac{display:block}
  .ana-menu,.hesap{display:none;width:100%;flex-direction:column;padding-bottom:12px}
  .ust.acik .ana-menu,.ust.acik .hesap{display:flex}
  .hesap{align-items:stretch}
}

/* ---------- Düğmeler, formlar ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--cim);color:#fff;border:0;border-radius:12px;padding:11px 18px;font:700 .95rem var(--govde);cursor:pointer;transition:background .12s,transform .12s;box-shadow:0 6px 16px -10px rgba(19,138,82,.8)}
.btn:hover{background:var(--cim-koyu);color:#fff;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:default}
.btn-ipek{background:linear-gradient(180deg,#F6D684,var(--altin-parlak) 55%,#D8A93A);color:#2A1E06;box-shadow:0 8px 20px -12px rgba(184,134,11,.9)}
.btn-ipek:hover{background:linear-gradient(180deg,#F2CD70,#E1B244 55%,#CC9C2E);color:#2A1E06}
.btn-hayalet{background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--cizgi2)}
.btn-hayalet:hover{background:var(--kart3);color:var(--murekkep)}
.btn-kucuk{padding:7px 13px;font-size:.88rem;border-radius:10px}
label{display:block;font-weight:600;margin:14px 0 6px;color:#2D3B33}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],select,textarea{
  width:100%;padding:11px 13px;border:1px solid var(--cizgi2);border-radius:10px;font:inherit;background:#fff;color:var(--murekkep)}
input:focus,select:focus,textarea:focus{border-color:var(--cim);outline:none;box-shadow:0 0 0 3px rgba(19,138,82,.14)}
textarea{min-height:110px;resize:vertical}
.form-kutu{max-width:460px;margin:28px auto;background:#fff;padding:32px;border-radius:var(--r-buyuk);border:1px solid var(--cizgi);box-shadow:var(--golge-buyuk)}
.form-kutu .btn{width:100%;justify-content:center;margin-top:20px}
.bildirim{padding:13px 16px;border-radius:12px;margin-bottom:16px;border:1px solid}
.bildirim-basari{background:var(--cim-acik);border-color:#BFE3CF}
.bildirim-uyari{background:var(--altin-acik);border-color:#EED8A0}
.bildirim-hata{background:#FDECEA;border-color:#F3C2BD}

/* ---------- Panel ---------- */
.panel{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);box-shadow:var(--golge);padding:24px;margin-bottom:22px}
.panel-sifir{padding:0;overflow:hidden}
.panel-ic{padding:22px 24px 8px}
.panel-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.panel-baslik h1,.panel-baslik h2,.panel-baslik h3{margin:0}
.izgara{display:grid;gap:22px}
@media (min-width:920px){.izgara-2{grid-template-columns:1.6fr 1fr}.izgara-3{grid-template-columns:repeat(3,1fr)}}
.kod-blok{white-space:pre-wrap;background:var(--zemin2);border:1px solid var(--cizgi);padding:12px 14px;border-radius:10px;font-size:.8rem;color:#2D3B33}
.ayrac-satir{padding:12px 0;border-bottom:1px solid var(--cizgi)}

/* ---------- Eyer örtüsü numaraları ---------- */
.no{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 5px;
  font:700 1.1rem/1 var(--baslik);border-radius:6px 6px 9px 9px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 5px -2px rgba(0,0,0,.25);flex:none}
.no-1{background:#D52B1E;color:#fff}.no-2{background:#fff;color:#111;box-shadow:inset 0 0 0 1.5px #CBD3CE,inset 0 -3px 0 rgba(0,0,0,.08)}
.no-3{background:#1F4FB8;color:#fff}.no-4{background:#F7D117;color:#111}.no-5{background:#1C8A3E;color:#fff}
.no-6{background:#111;color:#F7D117}.no-7{background:#F07A1A;color:#111}.no-8{background:#F4A3C4;color:#111}
.no-9{background:#3FC1C9;color:#111}.no-10{background:#6B2FA0;color:#fff}.no-11{background:#8E9396;color:#C8102E}
.no-12{background:#A7D93B;color:#111}.no-13{background:#6B4226;color:#fff}.no-14{background:#7A1F2B;color:#F7D117}
.no-15{background:#C3B091;color:#111}.no-16{background:#8EC5FF;color:#C8102E}
.no.buyuk{min-width:66px;height:74px;font-size:2.7rem;border-radius:8px 8px 16px 16px}

/* ---------- Jokey forması ---------- */
.forma{width:34px;height:34px;flex:none;border-radius:10px;background:var(--kart3);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cizgi)}
.forma img{width:100%;height:100%;object-fit:contain}
.forma-svg svg{width:26px;height:26px}
.forma.buyuk{width:74px;height:74px;border-radius:16px}
.forma.buyuk svg{width:56px;height:56px}
.forma-yok::after{content:'';width:18px;height:18px;border-radius:4px;background:var(--soluk2)}

/* ---------- Sıra yuvarlakları (sonuç sayfası) ---------- */
.fav-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:700 1.2rem var(--baslik);color:var(--soluk);background:var(--kart3)}
.fav-no.fav-1{background:linear-gradient(135deg,#FBE7A6,#E9BE58 45%,#C2952F);color:#2A1D05}
.fav-no.fav-2{background:linear-gradient(135deg,#F4F7F9,#CDD5DA 50%,#9AA4AB);color:#1B2126}
.fav-no.fav-3{background:linear-gradient(135deg,#F4C49B,#D9935C 50%,#A8622F);color:#2B1406}

/* ---------- Etiketler ---------- */
.etiket{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.2px}
.et-banko{background:var(--altin-acik);color:#7A5508;box-shadow:inset 0 0 0 1px #EBD08A}
.et-favori{background:var(--cim-acik);color:var(--cim-koyu)}
.et-surpriz{background:#FDECEA;color:#B4332A;box-shadow:inset 0 0 0 1px #F3C2BD}
.et-plase{background:#EAF0FD;color:var(--mavi)}
.et-zayif{background:var(--kart3);color:var(--soluk)}
.bilgi-cip{display:inline-block;font-size:.82rem;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(4px)}
.durum-cip{display:inline-block;font-weight:700;font-size:.85rem;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.92);color:var(--murekkep)}
.durum-bitti{color:var(--altin)}

/* ---------- Puan çubukları ---------- */
.pist-bar{display:inline-block;width:110px;height:8px;background:var(--kart3);border-radius:5px;overflow:hidden;vertical-align:middle}
.pist-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:5px}
.puan{font:700 1.3rem var(--baslik);min-width:36px;display:inline-block;text-align:right}
.olasilik-bar{display:block;height:6px;background:var(--kart3);border-radius:4px;overflow:hidden;margin-top:6px}
.olasilik-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4CC08A,var(--cim))}

/* ---------- Gün / hipodrom seçici ---------- */
.gun-secici{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.tarih-gez{display:flex;align-items:center;gap:4px}
.tarih-gez a{display:inline-flex;width:40px;height:42px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--cizgi);border-radius:10px;font-size:1.4rem;color:var(--murekkep);box-shadow:var(--golge)}
.tarih-gez a:hover{text-decoration:none;border-color:var(--cizgi2)}
.tarih-gez input{width:auto;height:42px}
.hip-sekme{display:flex;gap:6px;flex-wrap:wrap}
.hip-sekme a{padding:9px 16px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;color:#3E4D45;font-weight:700;font-size:.92rem;box-shadow:var(--golge)}
.hip-sekme a:hover{text-decoration:none;border-color:var(--cizgi2);color:var(--murekkep)}
.hip-sekme a.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}

/* ---------- Koşu sekmeleri ---------- */
.kosu-sekme{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:16px;scrollbar-width:thin}
.kosu-sekme a{flex:none;padding:8px 15px 10px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);font:700 1.08rem/1.1 var(--baslik);text-align:center;position:relative;overflow:hidden;box-shadow:var(--golge)}
.kosu-sekme a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--soluk2)}
.kosu-sekme a.pist-cim::after{background:var(--cim)} .kosu-sekme a.pist-kum::after{background:var(--kum)}
.kosu-sekme a:hover{text-decoration:none;border-color:var(--cizgi2)}
.kosu-sekme a small{display:block;font:500 .74rem var(--govde);color:var(--soluk);margin-top:2px}
.kosu-sekme a.aktif{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.kosu-sekme a.aktif small{color:#C9D6CE}
.kosu-sekme a.bitti{opacity:.6}

/* ---------- Koşu başlığı: pist dokusu ---------- */
.kosu-kafa{position:relative;border-radius:var(--r-buyuk);padding:28px 28px 22px;margin-bottom:22px;overflow:hidden;box-shadow:var(--golge-buyuk);isolation:isolate;color:#fff}
.kosu-kafa::before{content:'';position:absolute;inset:0;z-index:-2}
.kosu-kafa::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,9,0) 0%,rgba(6,12,9,.18) 45%,rgba(6,12,9,.55) 100%)}
.zemin-cim::before{background:
  linear-gradient(180deg,rgba(255,255,255,.85) 0 3px,transparent 3px 9px,rgba(255,255,255,.4) 9px 10px,transparent 10px),
  radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.4px) 0 0/5px 5px,
  radial-gradient(rgba(170,240,150,.16) 1px,transparent 1.6px) 2px 3px/7px 7px,
  repeating-linear-gradient(100deg,#2C8A4C 0 70px,#35995A 70px 140px),
  #2D8B4D}
.zemin-kum::before{background:
  linear-gradient(180deg,rgba(255,255,255,.8) 0 3px,transparent 3px 9px,rgba(255,255,255,.35) 9px 10px,transparent 10px),
  radial-gradient(rgba(255,245,225,.28) 1px,transparent 1.5px) 0 0/6px 6px,
  radial-gradient(rgba(90,55,20,.24) 1px,transparent 1.6px) 3px 2px/9px 9px,
  radial-gradient(rgba(90,55,20,.16) 1.5px,transparent 2px) 5px 6px/13px 13px,
  repeating-linear-gradient(176deg,transparent 0 22px,rgba(110,70,30,.10) 22px 24px),
  linear-gradient(160deg,#D9A867,#B88550)}
.zemin-sentetik::before{background:
  linear-gradient(180deg,rgba(255,255,255,.7) 0 3px,transparent 3px),
  radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.5px) 0 0/5px 5px,
  linear-gradient(160deg,#6D7886,#4A535E)}
.kosu-ust{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap}
.kosu-saat{font:700 3.4rem/0.9 var(--baslik);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.kosu-bilgi{flex:1;min-width:240px}
.kosu-bilgi h1{margin:0 0 10px;font-size:2.2rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.kosu-eylem{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.kosu-eylem .kucuk{color:rgba(255,255,255,.9)}
.pist-isaret{display:inline-block;padding:4px 11px;border-radius:8px;font-weight:800;font-size:.82rem;color:#fff;letter-spacing:.2px}
.pist-cim{background:var(--cim-koyu)} .pist-kum{background:#9A6831} .pist-sentetik{background:#5A6470}
.yz-yorum{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--murekkep);box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.yz-isaret{flex:none;font:700 .8rem var(--baslik);letter-spacing:1px;padding:4px 7px;border-radius:7px;background:var(--cim);color:#fff}
.yz-yorum .llm{margin:8px 0 0;color:#3E4D45}
.netice{margin:12px 0 0;color:rgba(255,255,255,.92)}
@media (max-width:640px){.kosu-kafa{padding:20px 18px 18px}.kosu-saat{font-size:2.6rem}.kosu-bilgi h1{font-size:1.7rem}.kosu-eylem{align-items:flex-start}}

/* ---------- Yarış kartı ---------- */
.tablo-sar{overflow-x:auto}
table.yaris-kart{width:100%;border-collapse:collapse}
.yaris-kart thead th{font-size:.76rem;font-weight:700;color:var(--soluk);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cizgi);white-space:nowrap;background:var(--kart2)}
.yaris-kart td{padding:12px;vertical-align:middle;border-bottom:1px solid var(--cizgi)}
.at-satir{cursor:pointer;transition:background .15s}
.at-satir:hover{background:#F6FAF7}
.at-blok.acik .at-satir{background:#F2F8F4}
.at-blok.kosmaz{opacity:.45}
.at-blok.kazanan .at-satir{background:var(--altin-acik)}
.sonuc-hucre{font:700 1.3rem var(--baslik);color:var(--altin);width:56px}
.at-bas{display:flex;align-items:center;gap:10px}
.at-ad{font-weight:800;font-size:1.02rem;color:var(--murekkep)}
.at-ad:hover{color:var(--cim);text-decoration:none}
.rozetler{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px;align-items:center}
.alt-satir{display:block;font-size:.8rem;color:var(--soluk);margin-top:2px}
.yz-hucre{width:150px}
.yz-ust{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.yz-ust b{font:700 1.25rem var(--baslik)}
.form-dizi{font:700 1.05rem var(--baslik);letter-spacing:1.5px;white-space:nowrap}
.form-dizi .k{color:var(--kum)} .form-dizi .c{color:var(--cim)} .form-dizi .s{color:#6B7684}
.form-dizi b{color:#C7901A}
.neden-satir td{padding:0 12px 16px;background:#F2F8F4}
.neden-ic{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);font-size:.92rem}
.neden-ic ul{margin:4px 0 10px;padding-left:18px}
.neden-ic li{margin:3px 0}
.neden-metin p{margin:0 0 6px}
.arti{color:var(--cim-koyu)} .eksi{color:var(--tabela)}
.faktor-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;margin:14px 0 10px}
.faktor{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;color:#3E4D45}
.faktor-deger{display:flex;align-items:center;gap:8px;width:92px;flex:none}
.f-iz{display:block;width:58px;height:5px;border-radius:3px;background:var(--kart3);overflow:hidden}
.f-iz i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#4CC08A,var(--cim))}
.faktor-deger b{font:700 .95rem var(--baslik);margin-left:auto}
.faktor-deger em{font-style:normal;color:var(--soluk2);font-size:.75rem;margin-left:auto}
@media (max-width:720px){
  .gizle-m{display:none}
  .yaris-kart td{padding:10px 8px}
  .yz-hucre{width:96px}
  .forma{width:28px;height:28px}
}

/* Genel tablolar (at sayfası, kurallar vb.) */
table.kart-tablo{width:100%;border-collapse:collapse;font-size:.92rem}
.kart-tablo th{font-weight:700;color:var(--soluk);text-align:left;padding:9px 10px;border-bottom:1px solid var(--cizgi);font-size:.78rem;white-space:nowrap}
.kart-tablo td{padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.kart-tablo tr.kazanan td{background:var(--altin-acik)}
.kart-tablo tr.kosmaz td{opacity:.45;text-decoration:line-through}
.siralama-no{font:700 1.35rem var(--baslik);color:var(--soluk)}
.son6-kutular{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.son6-kutu{width:58px;padding:8px 0;border-radius:12px;text-align:center;background:var(--kart2);border:1px solid var(--cizgi)}
.son6-kutu b{display:block;font:700 1.6rem/1 var(--baslik)}
.son6-kutu small{color:var(--soluk);font-size:.72rem}
.son6-kutu.pist-cim{border-bottom:3px solid var(--cim);background:var(--kart2)} .son6-kutu.pist-kum{border-bottom:3px solid var(--kum);background:var(--kart2)}
.son6-kutu.birinci b{color:#C7901A}

/* ---------- Ana sayfa vitrini ---------- */
.vitrin{display:grid;gap:22px;margin-bottom:26px}
@media (min-width:920px){.vitrin{grid-template-columns:1.3fr 1fr}}
.banko-kart{position:relative;overflow:hidden;border-radius:var(--r-buyuk);padding:30px;border:1px solid #EAD9A6;
  background:radial-gradient(520px 240px at 100% 0,rgba(233,190,88,.22),transparent 70%),radial-gradient(420px 220px at 0 100%,rgba(19,138,82,.08),transparent 70%),#fff;box-shadow:var(--golge-buyuk)}
.banko-kart::after{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(233,190,88,.35);box-shadow:0 0 0 30px rgba(233,190,88,.06),0 0 0 60px rgba(233,190,88,.035)}
.banko-kart h1{font-size:2.9rem;margin:6px 0 2px}
.banko-kart .ust-not{color:var(--altin);font-weight:700;font-size:.9rem}
.banko-kart .gerekce{color:#2D3B33;max-width:58ch;margin-top:14px}
.banko-kart .gerekce .arti{color:var(--cim-koyu)}
.banko-kart .gerekce ul{margin:4px 0 10px;padding-left:20px}
.banko-kart .gerekce p{margin:0 0 6px}
.banko-satir{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.olasilik-kutu{margin-left:auto;text-align:right;flex:none}
.olasilik-buyuk{font:700 3.6rem/1 var(--baslik);background:linear-gradient(180deg,#D9A93A,#9A6E0E);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:600px){.olasilik-kutu{margin-left:0;text-align:left}.banko-kart h1{font-size:2.1rem}}

.liste{list-style:none;margin:0;padding:0}
.liste li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.liste li:last-child{border-bottom:0}
.liste .esnek{flex:1;min-width:0}

/* ---------- Kupon ve bilet ---------- */
.kupon{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-buyuk);box-shadow:var(--golge);overflow:hidden;margin-bottom:24px}
.kupon-ust{padding:18px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;border-bottom:1px dashed var(--cizgi2);position:relative}
.kupon-ust::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px}
.kupon-ust h3{margin:0;font-size:1.45rem}
.kupon-kucuk .kupon-ust::before{background:var(--altin-parlak)}
.kupon-orta .kupon-ust::before{background:var(--cim)}
.kupon-buyuk .kupon-ust::before{background:var(--mavi)}
.kupon-mega .kupon-ust::before{background:linear-gradient(180deg,var(--mor),var(--tabela))}
.kupon-yazar .kupon-ust::before{background:var(--mor)}
.kupon-butce{font:700 .95rem var(--baslik);padding:2px 9px;border-radius:7px;background:var(--altin-acik);color:#7A5508;vertical-align:middle;margin-left:6px}
.kupon-rakam{display:flex;gap:26px;flex-wrap:wrap}
.kupon-rakam div{text-align:right}
.kupon-rakam b{display:block;font:700 1.55rem var(--baslik)}
.kupon-rakam span{font-size:.76rem;color:var(--soluk)}
.bilet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px dashed var(--cizgi2);background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(19,138,82,.03) 31px 32px)}
.bilet-ayak{display:flex;flex-direction:column;border-right:1px dashed var(--cizgi2);min-width:0}
.bilet-ayak:last-child{border-right:0}
.bilet-bas{padding:10px 8px;text-align:center;border-bottom:1px solid var(--cizgi);background:var(--kart2);color:var(--murekkep)}
.bilet-bas:hover{text-decoration:none;background:var(--cim-acik);color:var(--murekkep)}
.bilet-bas b{display:block;font:700 1.05rem var(--baslik)}
.bilet-bas small{color:var(--soluk);font-size:.74rem}
.bilet-atlar{display:flex;flex-direction:column;gap:6px;padding:10px 8px;flex:1}
.bilet-at{display:flex;align-items:center;gap:7px;min-width:0}
.bilet-at .no{height:28px;min-width:28px;font-size:1rem}
.bilet-ad{font-size:.78rem;color:#3E4D45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bilet-at.kazandi .no{outline:2px solid var(--altin-parlak);outline-offset:2px}
.bilet-alt{padding:7px 8px;text-align:center;font-size:.74rem;color:var(--soluk);border-top:1px solid var(--cizgi)}
.bilet-ayak.tuttu .bilet-bas{background:var(--cim-acik)} .bilet-ayak.tutmadi .bilet-bas{background:#FDECEA}
.kupon-detay{padding:0 24px}
.kupon-detay summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--cim);list-style:none}
.kupon-detay summary::-webkit-details-marker{display:none}
.kupon-detay summary::before{content:'+ '} .kupon-detay[open] summary::before{content:'– '}
.kupon-genel{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;font-size:.9rem}
.detay-ayak{padding:12px 0;border-top:1px solid var(--cizgi)}
.detay-ayak h4{margin:0 0 6px;font-size:1.1rem}
.detay-ayak p{margin:0 0 8px;font-size:.9rem;color:#3E4D45}
.detay-atlar{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
.detay-atlar li{display:block;padding:9px 12px;border-radius:10px;background:var(--zemin2);border:1px solid var(--cizgi)}
.detay-atlar .no{height:24px;min-width:24px;font-size:.9rem;vertical-align:middle}
/* Telefonda kupon da gerçek bilet gibi 6 sütun yan yana: her ayakta atlar tahmin sırasıyla alt alta */
@media (max-width:760px){
  .bilet-ad{display:none}
  .bilet-bas{padding:7px 2px}
  .bilet-bas b{font-size:.95rem}
  .bilet-bas b .ayak-yazi{display:none}
  .bilet-bas small{font-size:.66rem}
  .bilet-atlar{align-items:center;padding:8px 2px;gap:5px}
  .bilet-at{justify-content:center}
  .bilet-at .no{height:30px;min-width:30px;font-size:1rem}
  .bilet-alt{padding:5px 2px;font-size:.66rem}
  .bilet-alt .kapsam{display:none}
}
/* yazar kuponlarının eski ayak görünümü */
.ayak-atlar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5px}

/* ---------- Sanal oyun ---------- */
.secim-izgara{display:flex;flex-wrap:wrap;gap:6px}
.secim-izgara label{margin:0;cursor:pointer;color:inherit;font-weight:600}
.secim-izgara input{position:absolute;opacity:0;pointer-events:none}
.secim-izgara input+span{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:999px;background:#fff;border:1px solid var(--cizgi2);font-size:.88rem;transition:border-color .12s,background .12s}
.secim-izgara input+span .no{height:26px;min-width:26px;font-size:.95rem}
.secim-izgara input:checked+span{border-color:var(--cim);background:var(--cim-acik);color:var(--cim-koyu);box-shadow:0 0 0 1px var(--cim)}
.secim-izgara input:disabled+span{opacity:.55}
.secim-izgara input:focus-visible+span{outline:2px solid var(--cim)}
.kural{background:var(--altin-acik);border:1px solid #EED8A0;padding:14px 18px;border-radius:14px;margin-bottom:20px;color:#3E3420}
.skor-tablo{width:100%;border-collapse:collapse}
.skor-tablo td,.skor-tablo th{padding:11px 10px;border-bottom:1px solid var(--cizgi);text-align:left}
.skor-tablo th{color:var(--soluk);font-size:.78rem;font-weight:700}
.skor-tablo tr.ben td{background:var(--altin-acik)}
.skor-tablo tr.yz-satir td{background:var(--cim-acik)}
.skor-tablo .sira{font:700 1.35rem var(--baslik);width:46px;color:var(--soluk)}
.skor-tablo tr:nth-child(1) .sira{color:#C7901A} .skor-tablo tr:nth-child(2) .sira{color:var(--gumus)} .skor-tablo tr:nth-child(3) .sira{color:var(--bronz)}
.skor-tablo .pt{font:700 1.35rem var(--baslik);text-align:right}
.bot-rozet{font-size:.68rem;font-weight:800;background:var(--cim);color:#fff;border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:middle}
.sekme-dugmeler{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.sekme-dugmeler a{padding:8px 15px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);color:#3E4D45;font-weight:700;font-size:.9rem;box-shadow:var(--golge)}
.sekme-dugmeler a:hover{text-decoration:none;color:var(--murekkep)}
.sekme-dugmeler a.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}

/* ---------- Yazar ---------- */
.yazar-kart{display:flex;gap:14px;align-items:center}
.avatar{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font:700 1.35rem var(--baslik);color:#fff;flex:none}
.istatistik{display:flex;gap:28px;flex-wrap:wrap}
.istatistik div b{display:block;font:700 1.75rem var(--baslik)}
.istatistik div span{font-size:.78rem;color:var(--soluk)}
.yorum{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:11px 14px;margin-top:8px;font-size:.93rem;color:#2D3B33}

/* ---------- Yönetim ---------- */
.ilerleme{height:10px;background:var(--kart3);border-radius:6px;overflow:hidden;margin-top:16px}
.ilerleme-dolu{height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));transition:width .4s}
.aktarim-log{max-height:240px;overflow:auto;padding-left:18px;margin:8px 0 0}
.aktarim-log li{margin:3px 0}
.kopru-panel{border-color:#EAD9A6;background:linear-gradient(180deg,#FFFCF3,#fff)}
.kopru-adim{padding-left:20px;margin:8px 0 14px}
.kopru-adim li{margin:6px 0}
.kopru-yerimi{cursor:grab}
.esik-giris{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:720px){.esik-giris{grid-template-columns:1fr 1fr}}

/* ---------- Koşuyu izle ---------- */
.sim-anlatim{font:700 1.15rem var(--baslik);letter-spacing:.3px;color:var(--cim-koyu);min-height:1.6em;margin-bottom:10px}
.sim-pist{position:relative;border-radius:16px;overflow:hidden;padding:10px 26px 10px 10px;border:1px solid var(--cizgi2)}
.sim-pist.sim-cim{background:repeating-linear-gradient(90deg,#2C8A4C 0 60px,#349656 60px 120px)}
.sim-pist.sim-kum{background:radial-gradient(rgba(90,55,20,.26) 1px,transparent 1.6px) 0 0/7px 7px,radial-gradient(rgba(255,245,225,.25) 1px,transparent 1.5px) 3px 3px/9px 9px,linear-gradient(160deg,#D5A262,#B38049)}
.sim-pist.sim-sentetik{background:linear-gradient(160deg,#6D7886,#4A535E)}
.sim-kulvar{height:50px;display:flex;align-items:center;border-bottom:1px dashed rgba(255,255,255,.35)}
.sim-kulvar:last-of-type{border-bottom:0}
.sim-at{display:inline-flex;align-items:center;gap:6px;will-change:transform}
.sim-ad{font-size:.74rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;line-height:1.1;display:flex;flex-direction:column}
.sim-ad small{font-size:.64rem;font-weight:600;opacity:.85}
.sim-bitis{position:absolute;right:10px;top:0;bottom:0;width:10px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/10px 10px;opacity:.9}
.at-figur{display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));overflow:visible}
.at-figur .bacak-b{opacity:0}
.sim-pist.kosuyor .at-figur{animation:at-sicra .32s ease-in-out infinite;animation-delay:var(--faz,0s)}
.sim-pist.kosuyor .at-figur .bacak-a{animation:bacak-a .32s steps(1) infinite;animation-delay:var(--faz,0s)}
.sim-pist.kosuyor .at-figur .bacak-b{animation:bacak-b .32s steps(1) infinite;animation-delay:var(--faz,0s)}
@keyframes at-sicra{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}
@keyframes bacak-a{0%{opacity:1}50%{opacity:0}}
@keyframes bacak-b{0%{opacity:0}50%{opacity:1}}
@media (max-width:640px){.sim-ad{display:none}.at-figur{width:62px;height:38px}}
.sim-sonuc{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0}
.sim-sonuc li{padding:6px 12px;border-radius:10px;background:var(--kart3);font-size:.88rem}
.sim-sonuc li.podyum-1{background:linear-gradient(135deg,#FBE7A6,#E9BE58 45%,#C2952F);color:#2A1D05;font-weight:700}
.sim-sonuc li.podyum-2{background:linear-gradient(135deg,#F4F7F9,#CDD5DA 50%,#9AA4AB);color:#1B2126;font-weight:700}
.sim-sonuc li.podyum-3{background:linear-gradient(135deg,#F4C49B,#D9935C 50%,#A8622F);color:#2B1406;font-weight:700}
.sim-tablo{margin-top:14px}
.mc-bar{display:flex;width:160px;height:8px;border-radius:4px;background:var(--kart3);overflow:hidden}
.mc-bar i{display:block;height:100%}
.mc-kaz{background:var(--altin-parlak)} .mc-ilk3{background:#7FD3A8}

/* ---------- Seviye, rozetler, kutlama ---------- */
.seviye-cip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 6px 6px!important;border-radius:12px;background:var(--kart3);position:relative}
.seviye-simge{font-size:1.15rem;line-height:1}
.seviye-cip>span:nth-child(2){display:flex;flex-direction:column;line-height:1.1}
.kullanici-ad{color:var(--murekkep);font-weight:700}
.seviye-ad{font-size:.7rem;color:var(--soluk);font-weight:700}
.seviye-iz{position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--cizgi2);border-radius:2px;overflow:hidden}
.seviye-iz i{display:block;height:100%;background:var(--altin-parlak)}
.oyuncu{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.kucuk-simge{font-size:1rem}
.mini-rozetler{display:inline-flex;gap:2px;font-size:.85rem;margin-left:4px}
.kutlama{position:relative;display:flex;gap:20px;align-items:center;padding:20px 24px;margin-bottom:22px;border-radius:var(--r-buyuk);
  background:radial-gradient(500px 200px at 0 50%,rgba(233,190,88,.28),transparent 70%),#fff;border:1px solid #EAD9A6;box-shadow:var(--golge);overflow:hidden;animation:kutlama-gir .5s ease-out}
.kutlama-puan{font:700 3.4rem/1 var(--baslik);background:linear-gradient(180deg,#D9A93A,#9A6E0E);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none}
.kutlama h2{margin:0 0 4px}
.kutlama ul{margin:0 0 6px;padding-left:18px;font-size:.88rem;color:#3E4D45}
.kutlama-kapat{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--soluk);font-size:1.6rem;cursor:pointer}
.konfeti{position:absolute;left:50%;top:40%;pointer-events:none}
.konfeti i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:konfeti 1.6s cubic-bezier(.2,.7,.3,1) var(--d) forwards}
@keyframes konfeti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@keyframes kutlama-gir{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.rozet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rozet-kart{padding:14px;border-radius:14px;background:var(--kart2);border:1px solid var(--cizgi);text-align:center}
.rozet-kart .simge{font-size:2rem;display:block;margin-bottom:4px}
.rozet-kart b{display:block;font-size:.9rem}
.rozet-kart small{color:var(--soluk);font-size:.74rem;line-height:1.3;display:block;margin-top:3px}
.rozet-kart.kilitli{opacity:.45;filter:grayscale(1)}
.rozet-kart.acik{border-color:#EAD9A6;background:radial-gradient(120px 60px at 50% 0,rgba(233,190,88,.25),transparent),#fff}
.seviye-kart{display:flex;gap:18px;align-items:center}
.seviye-kart .buyuk-simge{font-size:3.2rem;line-height:1}
.seviye-yol{height:10px;border-radius:6px;background:var(--kart3);overflow:hidden;margin:8px 0 4px}
.seviye-yol i{display:block;height:100%;background:linear-gradient(90deg,#D9A93A,var(--altin-parlak))}
.seviye-basamak{display:flex;justify-content:space-between;font-size:.72rem;color:var(--soluk);margin-top:10px;gap:4px;flex-wrap:wrap}
.seviye-basamak span.gecti{color:var(--altin);font-weight:700}

/* ---------- İdman değerlendirmesi ---------- */
.idman-rozet{display:inline-block;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.2px}
.iy-super{background:linear-gradient(135deg,#5ED69A,var(--cim));color:#fff}
.iy-iyi{background:var(--cim-acik);color:var(--cim-koyu);box-shadow:inset 0 0 0 1px #BFE3CF}
.iy-orta{background:var(--kart3);color:#4A5A51}
.iy-kotu{background:#FDECEA;color:#B4332A;box-shadow:inset 0 0 0 1px #F3C2BD}
.iy-yukari{background:var(--altin-acik);color:#7A5508;box-shadow:inset 0 0 0 1px #EBD08A}
.iy-asagi{background:#FDECEA;color:#B4332A}
.iy-hucre{font-weight:800}
.iy-yazi-super{color:#0E8A4C} .iy-yazi-iyi{color:#2D9B63} .iy-yazi-orta{color:#4A5A51} .iy-yazi-kotu{color:#C2382D}
.idman-egilim{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--zemin2);border:1px solid var(--cizgi);margin-bottom:12px;font-size:.9rem}
.idman-egilim.eg-yukari{border-color:#EAD9A6;background:#FFFBEE}

/* ---------- Koşu sonucu ---------- */
tr.tiklanir{cursor:pointer}
tr.tiklanir:hover td{background:#F6FAF7}
.tarih-link{color:var(--murekkep);font-weight:700}
.sonuc-tablo tr.vurgu td{background:var(--altin-acik)}
.sonuc-tablo tr.vurgu td:first-child{box-shadow:inset 3px 0 0 var(--altin-parlak)}
.sonuc-tablo tr.kosmaz-satir{opacity:.45}
.yaris-video{width:100%;border-radius:12px;background:#000;margin-bottom:8px;aspect-ratio:16/9}
.fotofinis{width:100%;border-radius:12px;display:block;border:1px solid var(--cizgi)}

/* ---------- Diğer ---------- */
.bos{padding:42px 20px;text-align:center;color:var(--soluk)}
.bos .btn{margin-top:12px}
.etiket-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.alt{border-top:1px solid var(--cizgi);color:var(--soluk);padding:30px 0;font-size:.85rem;background:#fff}
.alt p{margin:4px 0}
.idman-tablo td,.idman-tablo th{white-space:nowrap}
details.neden summary{cursor:pointer;color:var(--cim);font-weight:700;font-size:.86rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Model sayfası ---------- */
.agirlik-satir{display:grid;grid-template-columns:180px 1fr 140px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--cizgi)}
.agirlik-ad{font-weight:600;font-size:.9rem}
.agirlik-iz{height:10px;background:var(--kart3);border-radius:6px;overflow:hidden}
.agirlik-iz i{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:6px}
.agirlik-iz i.negatif{background:linear-gradient(90deg,#F2A49C,var(--tabela))}
.agirlik-deger{text-align:right;font-size:.9rem}
@media (max-width:640px){.agirlik-satir{grid-template-columns:1fr;gap:4px}.agirlik-deger{text-align:left}}

/* Veri durumu */
.veri-satir{padding:12px 0;border-bottom:1px solid var(--cizgi,#e6ebe7)}
.veri-satir:last-of-type{border-bottom:0}
.veri-ust{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}
.veri-satir .ilerleme{margin:4px 0 6px}
.veri-satir p{margin:0}
.kopru-panel.vurgu{outline:3px solid #E9BE58;outline-offset:2px}
.kolon-hesap{margin:4px 16px 12px;padding:8px 12px;background:var(--zemin2,#f3f6f3);border-radius:10px;font:600 .9rem var(--govde,inherit);font-variant-numeric:tabular-nums}
.kolon-hesap b{color:var(--yesil,#1f8a55)}
.idman-rozet.iy-jokey{background:#e9f0ff;color:#2a4fa8;border-color:#c7d6fb}
.neden a,.neden-link{color:var(--yesil,#1f8a55);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.not-gizli{background:#fff6e0;border-left:3px solid #E9BE58;padding:6px 10px;border-radius:6px}
.not-jokey{background:#eef3ff;border-left:3px solid #4a72d8;padding:6px 10px;border-radius:6px}
.takilar{display:inline-flex;gap:3px;margin-left:4px;vertical-align:1px}
abbr.taki{display:inline-block;text-decoration:none;font:700 .66rem/1 var(--govde,inherit);letter-spacing:.02em;padding:2px 4px;border-radius:4px;background:#eef1ee;color:#3c4a42;border:1px solid #d8dfda;cursor:help}
.etiket.et-taki{background:#fff1e6;color:#b4550f;border:1px solid #f5c9a5}
.taki-not{margin:8px 0;padding:6px 10px;background:#f6f8f6;border-radius:6px}
.taki-degisim{color:#b4550f}

/* Altılı ne verir */
.altili-izgara{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
@media (max-width:980px){.altili-izgara{grid-template-columns:1fr}}
.altili-sonuc{position:sticky;top:76px}
.ayak-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px;margin-top:12px}
.ayak-kolon{border:1px solid var(--cizgi,#e3e8e4);border-radius:12px;padding:8px;background:#fbfcfb}
.ayak-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:2px 2px 8px}
.ayak-bas small{color:var(--soluk,#6b7a71);font-size:.72rem;flex-basis:100%}
.ayak-hepsi{margin-left:auto;background:none;border:0;color:var(--yesil,#1f8a55);font:600 .75rem inherit;cursor:pointer;padding:0}
.at-sec{display:grid;grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;column-gap:6px;width:100%;text-align:left;background:#fff;border:1px solid #e3e8e4;border-radius:8px;padding:5px 7px;margin-bottom:4px;cursor:pointer;font:inherit;color:inherit;transition:background .12s,border-color .12s}
.at-sec:hover{border-color:#b9c9be}
.at-sec .as-no{grid-row:1/3;align-self:center;font:700 .95rem var(--baslik,inherit);text-align:center;background:#eef2ef;border-radius:6px;padding:3px 0}
.at-sec .as-ad{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-sec .as-agf{font:700 .8rem var(--govde,inherit);font-variant-numeric:tabular-nums}
.at-sec .as-yz{grid-column:2/4;font-size:.68rem;color:var(--soluk,#6b7a71)}
.at-sec .as-et{font-style:normal;font-size:.6rem;font-weight:800;color:#b4550f;margin-left:3px}
.at-sec.secili{background:#e7f5ec;border-color:#2f9e63;box-shadow:inset 0 0 0 1px #2f9e63}
.at-sec.secili .as-no{background:#2f9e63;color:#fff}
.at-sec.kazandi{border-color:#2f9e63;background:#d9f2e3}
.at-sec.kazandi .as-ad::after{content:" ✓";color:#1f8a55}
.at-sec.kaybetti{opacity:.45}
.at-sec.kosmaz{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.kupon-yapistir{display:flex;gap:8px;margin:8px 0 0}
.kupon-yapistir input{flex:1;min-width:0}
.sonuc-rakam{display:flex;gap:22px;margin:6px 0 10px}
.sonuc-rakam b{display:block;font:700 1.6rem var(--baslik,inherit)}
.sonuc-rakam span{font-size:.75rem;color:var(--soluk,#6b7a71)}
.nv-ozet{width:100%;border-collapse:collapse;margin:8px 0;font-size:.85rem}
.nv-ozet td,.nv-ozet th{padding:7px 4px;border-bottom:1px solid #edf1ee;vertical-align:top}
.nv-ozet th{font-size:.72rem;color:var(--soluk,#6b7a71);text-align:left;font-weight:600}
.ayak-serit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:6px 0 12px}
@media (max-width:760px){.ayak-serit{grid-template-columns:repeat(3,minmax(0,1fr))}}
.serit-ayak{border:1px solid #e3e8e4;border-radius:10px;padding:8px;font-size:.8rem;background:#fbfcfb}
.serit-ayak small{display:block;color:var(--soluk,#6b7a71);font-size:.7rem;margin-bottom:4px}
.serit-ayak.bitti{background:#eaf6ef;border-color:#bfe3cd}
.serit-kazanan{display:block;font-weight:700}
.serit-kazanan em{font-style:normal;font-weight:500;color:var(--soluk,#6b7a71);font-size:.72rem}
.yasayan{font-size:.95rem;margin:4px 0 12px}
.nv-tablo td,.nv-tablo th{font-variant-numeric:tabular-nums}
.filtre-satir{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ikr-tablo .kombi{font-family:ui-monospace,Menlo,monospace;font-size:.8rem}
.filtre-satir select{width:auto;min-width:180px}
.at-sec .as-ad{white-space:normal;overflow:visible;line-height:1.2}
.ayak-izgara{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.altili-sonuc code{word-break:break-all;font-size:.75rem}
@media (max-width:600px){.nv-tablo .nv-pay{display:none}}


/* ================= TELEFON ================= */
.alt-menu{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .alt-menu{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--cizgi);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -14px rgba(0,0,0,.35)}
  .alt-menu a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:#5B6B62;font-size:.68rem;font-weight:700;border-radius:10px}
  .alt-menu a:hover{text-decoration:none}
  .alt-menu svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .alt-menu a.aktif{color:var(--cim-koyu);background:var(--cim-acik)}
  .panel{padding:16px;border-radius:16px;margin-bottom:14px}
  h1{font-size:1.7rem}
  .kap{padding-left:12px;padding-right:12px}
  /* tarih + hipodrom tek satırda, hipodromlar yana kayar */
  .gun-secici{flex-wrap:nowrap;gap:8px;margin-bottom:12px;overflow:hidden}
  .tarih-gez{flex:none}
  .tarih-gez a{width:32px;height:38px}
  .tarih-gez input{height:38px;width:126px;padding:0 6px;font-size:.85rem}
  .hip-sekme{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .hip-sekme::-webkit-scrollbar{display:none}
  .hip-sekme a{white-space:nowrap;padding:9px 12px;font-size:.84rem;flex:none}
  /* kupon başlığı sıkı */
  .kupon-ust{padding:12px 14px}
  .kupon-ust h3{font-size:1.15rem}
  .kupon-rakam{gap:14px;width:100%;justify-content:space-between}
  .kupon-rakam div{text-align:left}
  .kupon-rakam b{font-size:1.15rem}
  .kolon-hesap{margin:8px 10px;font-size:.8rem}
  .kural{font-size:.85rem;padding:12px 14px}
  /* program tablosu: sağ sütunlar taşmasın */
  .yz-hucre{width:62px}
  .yz-ust{display:block}
  .yz-ust span{display:none}
  .yz-ust b{font-size:1.05rem}
  .agf-hucre{width:58px}
  .at-hucre .forma{display:none}
  .at-bas{gap:7px}
  .rozetler{gap:3px}
  .rozetler .idman-rozet,.rozetler .etiket{font-size:.62rem;padding:2px 6px}
  /* oyun: etiket üstte, atlar iki sütun */
  .oyun-satir{display:block!important}
  .oyun-etiket{padding:0 0 4px!important}
  .oyun-satir .secim-izgara,[data-ayak] .secim-izgara{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .secim-izgara label{min-width:0}
  .secim-izgara input+span{width:100%;min-height:40px;font-size:.82rem;overflow:hidden}
  /* altılı ne verir: ayak sekmeleri, tek ayak görünür, alt özet çubuğu */
  .ayak-sekme{display:grid!important}
  .ayak-izgara{display:block}
  .ayak-kolon{display:none}
  .ayak-kolon.aktif{display:block}
  .ayak-serit{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .serit-ayak{flex:0 0 112px}
  .altili-sonuc{position:static}
  .etiket-satir{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .etiket-satir .btn{flex:none}
  .altili-ozet{display:flex!important}
  .at-sec{min-height:46px}
}
.oyun-satir{display:flex;gap:10px;align-items:flex-start;margin-bottom:6px}
.oyun-etiket{width:90px;flex:none;padding-top:6px;font-weight:600}
.ayak-sekme{display:none;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 0 8px;position:sticky;top:64px;z-index:5;background:var(--kart);padding:4px 0}
.ayak-sekme button{border:1px solid var(--cizgi2);background:#fff;border-radius:10px;padding:6px 0;font:700 .9rem var(--govde);color:var(--murekkep);cursor:pointer;line-height:1.1}
.ayak-sekme button small{display:block;font-size:.62rem;font-weight:600;color:var(--soluk)}
.ayak-sekme button.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}
.ayak-sekme button.aktif small{color:#E5F5EC}
.ayak-sekme button.dolu:not(.aktif){border-color:var(--cim);background:var(--cim-acik)}
.altili-ozet{display:none;position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:55;background:#13261C;color:#fff;border-radius:14px;padding:10px 14px;align-items:center;gap:12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);font-size:.85rem}
.altili-ozet b{font:700 1.05rem var(--baslik)}
.altili-ozet .oz-nv{margin-left:auto;text-align:right}
.altili-ozet .oz-nv small{display:block;color:#A9C7B6;font-size:.68rem}
.altili-ozet[hidden]{display:none!important}
@media (max-width:760px){#altili{padding-bottom:70px}}
.altili-izgara>*{min-width:0}
@media (max-width:760px){.panel-baslik{flex-wrap:wrap}.panel-baslik .etiket-satir{max-width:100%;min-width:0}}
.kombi-liste{list-style:none;padding:0;margin:4px 0 12px;display:grid;gap:5px}
.kombi-liste li{display:grid;grid-template-columns:64px 1fr;column-gap:8px;padding:7px 10px;border-radius:10px;background:var(--zemin2,#f4f7f5);border:1px solid var(--cizgi,#e3e8e4);font-size:.86rem}
.kombi-liste li span{grid-row:1/3;color:var(--soluk,#6b7a71);font-size:.75rem;font-weight:700;align-self:center}
.kombi-liste li small{color:var(--soluk,#6b7a71);font-size:.72rem}
.kombi-liste li.bos em{color:var(--soluk2,#9aa8a0);font-size:.8rem;align-self:center}
.kombi-liste li.tuttu{background:#e3f5ea;border-color:#9fd6b5}
.kombi-liste li.yandi{background:#fdecea;border-color:#f3c3bd;opacity:.8}
.nv-ozet tr.nv-ana td{font-size:1rem}
.nv-ozet tr.nv-ana b{font-size:1.25rem;color:var(--cim-koyu,#106b40)}

/* İstatistik */
.ist-menu{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding-bottom:2px}
.ist-menu a{flex:none;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-weight:700;font-size:.84rem;color:#3E4D45;white-space:nowrap}
.ist-menu a:hover{text-decoration:none;border-color:var(--cim);color:var(--cim-koyu)}
.ist-bar{display:inline-block;vertical-align:middle;width:90px;height:8px;background:var(--kart3,#eef2ef);border-radius:5px;overflow:hidden;margin-right:6px}
.ist-bar i{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:5px}
.ist-bar.gri i{background:#B9C4BE}
.ist-bar.turuncu i{background:linear-gradient(90deg,#F2A65A,#E07B24)}
.kat{display:inline-block;min-width:52px;text-align:center;padding:2px 7px;border-radius:7px;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums}
.kat-arti{background:#DDF3E6;color:#106B40}.kat-eksi{background:#FCE4E1;color:#B3261E}.kat-notr{background:#F0F2F1;color:#56645C}
.ist-dag-satir{display:grid;grid-template-columns:170px 1fr 52px;align-items:center;gap:10px;padding:6px 0;font-size:.9rem}
.ist-dag-satir .ist-bar{width:100%}
.ist-dag-satir b{text-align:right}
.kucuk-tablo td{padding:8px 6px}
.tablo-ara{max-width:220px}
table.siralanir th{cursor:pointer;user-select:none}
table.siralanir th:hover{color:var(--cim-koyu)}
.start-tablo td{white-space:nowrap}
@media (max-width:760px){.ist-dag-satir{grid-template-columns:120px 1fr 44px;font-size:.82rem}.ist-bar{width:56px}.tablo-ara{max-width:100%;width:100%}}
.one-cikan ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.one-cikan li{position:relative;padding:9px 12px 9px 36px;border-radius:10px;background:var(--zemin2,#f4f7f5);font-size:.9rem;line-height:1.45}
.one-cikan li::before{position:absolute;left:11px;top:9px;width:18px;height:18px;border-radius:50%;font:800 .72rem/18px var(--govde);text-align:center;color:#fff}
.one-cikan li.oc-arti{background:#EAF6EF}.one-cikan li.oc-arti::before{content:"↑";background:var(--cim)}
.one-cikan li.oc-uyari{background:#FDF0EE}.one-cikan li.oc-uyari::before{content:"!";background:#D0443A}
.one-cikan li.oc-bilgi::before{content:"i";background:#5B7BC9}
.sinyal-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sinyal-kart{display:block;border:1px solid var(--cizgi);border-radius:14px;padding:12px;background:#fff;color:inherit;transition:border-color .12s,box-shadow .12s}
.sinyal-kart:hover{text-decoration:none;border-color:var(--cim);box-shadow:0 8px 20px -14px rgba(19,138,82,.6)}
.sk-ust{display:flex;align-items:center;gap:9px}
.sk-ust b{display:block;font-size:.95rem}
.sk-ust small{display:block;color:var(--soluk);font-size:.74rem}
.sk-yz{margin-left:auto;font:800 .9rem var(--govde);color:var(--cim-koyu);white-space:nowrap}
.sk-isaret{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.sk-isaret span{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#EAF6EF;color:#106B40;border:1px solid #CBE9D7}
.sihirbaz h2{margin-top:0}
.sb-satir{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;margin:12px 0}
.sb-etiket{font-weight:700;font-size:.9rem;padding-top:9px}
.sb-butce{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sb-butce input{width:120px}
.sb-hizli{border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:7px 12px;font:700 .82rem var(--govde);cursor:pointer}
.sb-hizli:hover{border-color:var(--cim);color:var(--cim-koyu)}
.sb-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sb-risk label{margin:0;cursor:pointer}
.sb-risk input{position:absolute;opacity:0}
.sb-risk span{display:block;height:100%;border:1px solid var(--cizgi2);border-radius:12px;padding:10px 12px;background:#fff}
.sb-risk span b{display:block}
.sb-risk span small{display:block;color:var(--soluk);font-size:.74rem;line-height:1.35;margin-top:3px}
.sb-risk input:checked+span{border-color:var(--cim);background:var(--cim-acik);box-shadow:inset 0 0 0 1px var(--cim)}
.sb-risk input:focus-visible+span{outline:2px solid var(--cim)}
.kupon-ozel .kupon-ust::before{background:linear-gradient(180deg,#E9BE58,var(--cim))}
@media (max-width:760px){.sb-satir{grid-template-columns:1fr;gap:4px}.sb-etiket{padding:0}.sb-risk{grid-template-columns:1fr}.sb-butce input{width:100%}}
.ara-ikon{display:inline-flex!important;align-items:center;gap:6px}
.ara-ikon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (min-width:1181px){.ara-ikon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.ara-form{display:flex;gap:8px;margin:6px 0 16px}
.ara-form input{flex:1}
.alt-baglanti a{margin:0 2px}

/* Altılı ne verir (sade) */
.nv-hip{margin-bottom:14px}
.nv-hip a{display:flex;flex-direction:column;line-height:1.2}
.nv-hip a small{font-size:.7rem;font-weight:600;opacity:.75;margin-top:2px}
.nv-hip a.bitti:not(.aktif){opacity:.55}
.nv-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nv-ust h1{margin:0;font-size:1.6rem}
.nv-hazir{display:flex;gap:6px}
.nv-hazir button{border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:7px 12px;font:700 .8rem var(--govde);cursor:pointer;color:var(--murekkep)}
.nv-hazir button:hover{border-color:var(--cim);color:var(--cim-koyu)}
.at-sec .as-no .no{height:26px;min-width:26px;font-size:.9rem}
.at-sec .as-no{background:none;padding:0}
.at-sec.secili .as-no{background:none}
.altili-sonuc .kupon{margin:0}
.kupon-nv .kupon-ust::before{background:linear-gradient(180deg,var(--altin-parlak),var(--cim))}
.kupon-nv .kupon-ust h3{font-size:1.15rem}
.kupon-nv .bilet-bas{border:0;border-bottom:1px solid var(--cizgi);width:100%;cursor:pointer;font:inherit}
.kupon-nv .bilet-atlar{align-items:center;justify-content:center;min-height:62px}
.kupon-nv .bilet-ad{display:none}
.kupon-nv .bilet-at .no{height:34px;min-width:34px;font-size:1.15rem}
.bilet-bos{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px dashed var(--cizgi2);border-radius:8px;color:var(--soluk2,#9aa8a0);font-weight:800}
.nv-sonuc{margin:14px 14px 10px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#106B40,#1C8A55);color:#fff;text-align:center}
.nv-sonuc span{display:block;font-size:.78rem;opacity:.85;font-weight:600}
.nv-sonuc b{display:block;font:700 2rem var(--baslik);margin-top:2px}
.nv-sonuc.nv-bekle{background:var(--zemin2,#f4f7f5);color:var(--murekkep)}
.nv-sonuc.nv-bekle b{font-size:1.2rem}
.nv-sonuc.nv-yandi{background:#FCE4E1;color:#B3261E}
.nv-sonuc.nv-yandi b{font-size:1.3rem}
.nv-diger{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 14px 10px}
.nv-diger div{background:var(--zemin2,#f4f7f5);border-radius:10px;padding:7px 4px;text-align:center}
.nv-diger span{display:block;font-size:.68rem;color:var(--soluk);font-weight:700}
.nv-diger b{font-size:.86rem;font-variant-numeric:tabular-nums}
.nv-not{margin:0 14px 14px;font-size:.72rem;color:var(--soluk)}
.ayak-sekme button.tuttu small{color:#106B40}.ayak-sekme button.yandi{border-color:#E5A39C;background:#FDF0EE}
@media (max-width:760px){.nv-ust h1{font-size:1.3rem}.nv-hazir{width:100%}.nv-hazir button{flex:1}.nv-diger b{font-size:.78rem}.altili-sonuc{margin-top:12px}}
.karne-izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.karne{border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px}
.karne h3{margin:0 0 8px;font-size:1rem}
.karne .istatistik{gap:16px}
.karne .istatistik b{font-size:1.4rem}
@media (max-width:760px){.karne-izgara{grid-template-columns:1fr}.karne .istatistik{display:grid;grid-template-columns:1fr 1fr}}
.kupon-nv .ayak-yazi{display:none}
.kupon-nv .bilet-bas{padding:8px 2px;height:52px}
.kupon-nv .bilet-bas small{white-space:nowrap;font-size:.68rem}
.kupon-nv .bilet-alt{white-space:nowrap;font-size:.68rem;padding:6px 1px}
.altili-ozet.gizli{opacity:0;pointer-events:none;transform:translateY(10px)}
.altili-ozet{transition:opacity .18s,transform .18s}

/* ================= ANA SAYFA: CANLI TASARIM ================= */
.vitrin-slider{position:relative;margin:-4px 0 18px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(13,60,35,.55)}
.vs-iz{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vs-iz::-webkit-scrollbar{display:none}
.vs-slayt{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:340px;padding:38px 56px;color:#fff;position:relative;overflow:hidden}
.vs-slayt::after{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
.vs-banko{background:radial-gradient(600px 300px at 85% 30%,rgba(255,214,107,.25),transparent 60%),linear-gradient(120deg,#0B5A34,#138A52 55%,#1FA866)}
.vs-neverir{background:radial-gradient(500px 280px at 80% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,#1C3F9E,#2F64D6 55%,#4C8BF0)}
.vs-sihirbaz{background:radial-gradient(500px 280px at 80% 30%,rgba(255,240,180,.3),transparent 60%),linear-gradient(120deg,#9A5B07,#D88A16 55%,#F2B33D)}
.vs-oyun{background:radial-gradient(500px 280px at 80% 30%,rgba(255,214,107,.25),transparent 60%),linear-gradient(120deg,#7E1F1A,#CC3D32 55%,#E8644F)}
.vs-istatistik{background:radial-gradient(500px 280px at 80% 30%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,#3F1F8C,#7A4BD1 55%,#9B74E6)}
.vs-metin{position:relative;z-index:2}
.vs-etiket{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.vs-etiket i{width:8px;height:8px;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 0 rgba(255,214,107,.8);animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(255,214,107,.7)}70%{box-shadow:0 0 0 9px rgba(255,214,107,0)}100%{box-shadow:0 0 0 0 rgba(255,214,107,0)}}
.vs-slayt h2{font:700 3rem/1.02 var(--baslik);margin:14px 0 10px;letter-spacing:-.01em}
.vs-slayt h2 span{color:#FFE29A}
.vs-slayt p{margin:0 0 16px;font-size:1.02rem;opacity:.92;max-width:420px}
.vs-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#15221B;font-weight:800;padding:12px 20px;border-radius:14px;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);transition:transform .15s}
.vs-btn:hover{text-decoration:none;transform:translateY(-2px);color:#15221B}
.vs-buyuk{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.vs-buyuk b{font:700 4.2rem/1 var(--baslik);color:#FFE29A}
.vs-buyuk small{font-size:.8rem;line-height:1.2;opacity:.9}
.vs-gorsel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:240px}
/* koşan at */
.vs-pist{border-radius:20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 40px,transparent 40px 80px);overflow:hidden;height:220px}
.vs-at{position:relative;z-index:2;transform:scale(3.2);animation:at-sicra .34s ease-in-out infinite}
.vs-at .at-figur .bacak-a{animation:bacak-a .34s steps(1) infinite}
.vs-at .at-figur .bacak-b{animation:bacak-b .34s steps(1) infinite}
.vs-cizgiler i{position:absolute;left:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.55);animation:hiz-cizgi 1.1s linear infinite}
.vs-cizgiler i:nth-child(1){top:28%;width:80px;animation-delay:0s}.vs-cizgiler i:nth-child(2){top:46%;width:120px;animation-delay:.35s}
.vs-cizgiler i:nth-child(3){top:64%;width:60px;animation-delay:.7s}.vs-cizgiler i:nth-child(4){top:80%;width:100px;animation-delay:.2s}
@keyframes hiz-cizgi{from{transform:translateX(0)}to{transform:translateX(-700px)}}
/* ne verir bileti */
.vs-bilet{background:#fff;border-radius:18px;padding:22px 18px 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;box-shadow:0 24px 40px -20px rgba(0,0,0,.5);transform:rotate(-4deg);width:min(340px,100%)}
.vs-no{height:42px!important;min-width:0!important;font-size:1.3rem!important;opacity:0;transform:translateY(12px) scale(.8)}
.vs-slayt.aktif .vs-no{animation:cip-gir .45s cubic-bezier(.2,.9,.3,1.4) forwards;animation-delay:var(--g)}
@keyframes cip-gir{to{opacity:1;transform:none}}
.vs-ikramiye{grid-column:1/-1;text-align:center;margin-top:8px;padding-top:10px;border-top:2px dashed #E3E9E5;color:#15221B;font-weight:700}
.vs-ikramiye b{font:700 2rem var(--baslik);color:#138A52}
/* sihirbaz */
.vs-cipler{display:flex;flex-direction:column;gap:10px;margin-right:20px}
.vs-cipler span{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.45);padding:8px 18px;border-radius:999px;font-weight:800;text-align:center}
.vs-cipler span.secik{background:#fff;color:#9A5B07;transform:scale(1.08)}
.vs-asa{width:150px;height:150px}
.vs-yildiz{animation:parilti 1.6s ease-in-out infinite;transform-origin:center}
@keyframes parilti{0%,100%{opacity:.4}50%{opacity:1}}
/* kupa */
.vs-kupa{width:190px;height:190px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35));animation:suzul 3s ease-in-out infinite}
@keyframes suzul{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* grafik */
.vs-grafik{display:flex;align-items:flex-end;gap:12px;height:180px;padding:16px 20px;background:rgba(255,255,255,.12);border-radius:18px;width:min(320px,100%)}
.vs-grafik i{flex:1;height:0;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#FFE29A,#fff)}
.vs-slayt.aktif .vs-grafik i{animation:bar-buyu .8s cubic-bezier(.2,.9,.3,1) forwards;animation-delay:var(--g)}
@keyframes bar-buyu{to{height:var(--h)}}
/* slider kontrolleri */
.vs-noktalar{position:absolute;left:56px;bottom:18px;display:flex;gap:7px;z-index:3}
.vs-noktalar button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s,background .25s}
.vs-noktalar button.aktif{width:26px;background:#fff}
.vs-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.vs-ok:hover{background:rgba(255,255,255,.35)}
.vs-geri{left:10px}.vs-ileri{right:10px}
/* hızlı erişim */
.hizli{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.hizli a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);box-shadow:var(--golge);transition:transform .15s,box-shadow .15s}
.hizli a:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--golge-buyuk)}
.hz-ikon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--r) 14%,#fff);color:var(--r)}
.hz-ikon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hizli b{font-size:.82rem;text-align:center;line-height:1.2}
/* günün özeti */
.gun-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.gun-ozet div{background:linear-gradient(135deg,#fff,#F4FAF6);border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px}
.gun-ozet b{display:block;font:700 2.1rem/1 var(--baslik);color:var(--cim-koyu)}
.gun-ozet span{font-size:.78rem;color:var(--soluk);font-weight:600}
/* bloklar ve kaydırmalı şeritler */
.blok{margin-bottom:24px}
.blok-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.blok-baslik h2{margin:0;font-size:1.5rem}
.serit{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin}
.serit>*{scroll-snap-align:start;flex:0 0 auto}
.serit .sinyal-kart{width:290px}
.sk-yz-cubuk{position:relative;height:22px;background:#EEF3F0;border-radius:8px;margin-top:10px;overflow:hidden}
.sk-yz-cubuk span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8FD9B0,#138A52);border-radius:8px}
.sk-yz-cubuk b{position:relative;font-size:.75rem;padding-left:8px;line-height:22px;color:#0D3B24}
.hip-kart{width:220px;border-radius:18px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:var(--golge);transition:transform .15s}
.hip-kart:hover{text-decoration:none;transform:translateY(-3px);color:#fff}
.hk-cim{background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 26px,transparent 26px 52px),linear-gradient(140deg,#1C7A46,#2FA060)}
.hk-kum{background:radial-gradient(rgba(90,55,20,.22) 1px,transparent 1.6px) 0 0/7px 7px,linear-gradient(140deg,#B07A3E,#D5A262)}
.hip-kart.bitti{filter:saturate(.35);opacity:.85}
.hip-kart b{font-size:1.05rem;line-height:1.2}
.hk-hava{display:flex;align-items:center;gap:4px;font-weight:800;font-size:.85rem}
.hk-hava svg{width:26px;height:26px}
.hk-pist{display:flex;flex-wrap:wrap;gap:4px}
.hk-pist i{font-style:normal;font-size:.7rem;font-weight:700;background:rgba(0,0,0,.2);border-radius:999px;padding:2px 7px;white-space:nowrap}
.hk-ilerleme{height:6px;background:rgba(255,255,255,.25);border-radius:4px;overflow:hidden}
.hk-ilerleme i{display:block;height:100%;background:#FFE29A;border-radius:4px}
.hk-alt{font-size:.75rem;opacity:.9}
.hk-sonraki{margin-top:auto;background:rgba(0,0,0,.18);border-radius:10px;padding:6px 10px;font-size:.8rem;font-weight:700}
.hk-sonraki b{font-size:inherit;color:#FFE29A}
.surpriz-kart{width:250px;border:1px solid var(--cizgi);border-radius:16px;padding:12px;background:#fff;color:inherit;box-shadow:var(--golge)}
.surpriz-kart:hover{text-decoration:none;border-color:#E39B23}
.sp-kiyas{margin-top:10px;display:grid;gap:6px}
.sp-kiyas div{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:6px;font-size:.75rem}
.sp-kiyas i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#F7C548,#E07B24)}
.sp-kiyas .piyasa i{background:#C9D3CD}
.sp-kiyas b{text-align:right}
.yazar-alinti{width:280px;border-radius:16px;padding:14px;background:linear-gradient(160deg,#fff,#F3F7FF);border:1px solid var(--cizgi);color:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.yazar-alinti:hover{text-decoration:none;border-color:var(--mavi)}
.yazar-alinti p{margin:0;font-size:.92rem;font-style:italic;color:#2C3A33}
.yazar-alinti small{display:block;font-size:.72rem;color:var(--soluk)}
/* podyum */
.podyum{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:6px 0 16px}
.pd{display:flex;flex-direction:column;align-items:center;gap:3px;width:31%;text-align:center}
.pd b{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd small{font-size:.72rem;color:var(--soluk)}
.pd-blok{width:100%;border-radius:10px 10px 0 0;color:#fff;font:700 1.6rem var(--baslik);display:grid;place-items:center}
.pd-1 .pd-blok{height:84px;background:linear-gradient(180deg,#F2C14E,#D89B1B)}
.pd-2 .pd-blok{height:62px;background:linear-gradient(180deg,#B8C2C8,#8E9AA1)}
.pd-3 .pd-blok{height:46px;background:linear-gradient(180deg,#D99363,#A8622F)}
.pd .avatar{width:40px;height:40px;font-size:1.1rem}
/* halkalar */
.halkalar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px}
.halka{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.halka svg{width:96px;height:96px;transform:rotate(-90deg)}
.halka circle{fill:none;stroke-width:3.4}
.halka .hz{stroke:#EDF1EE}
.halka .hd{stroke:var(--r);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.2s cubic-bezier(.2,.8,.2,1)}
.gorundu .halka .hd{stroke-dasharray:var(--v) 100}
.halka b{position:absolute;top:30px;font:700 1.5rem var(--baslik)}
.halka span{font-size:.74rem;color:var(--soluk);font-weight:600;margin-top:4px}
/* kaydırınca belirme */
.canlan{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.canlan.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.canlan{opacity:1;transform:none}.vs-at,.vs-kupa,.vs-cizgiler i{animation:none!important}.vs-no{opacity:1;transform:none}.vs-grafik i{height:var(--h)}}
@media (max-width:900px){.hizli{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .vitrin-slider{border-radius:20px;margin-top:-2px}
  .vs-slayt{grid-template-columns:1fr;padding:22px 20px 46px;min-height:0;gap:6px}
  .vs-gorsel{order:-1;min-height:150px}
  .vs-pist{height:150px}
  .vs-at{transform:scale(2.2)}
  .vs-slayt h2{font-size:2.1rem;margin:10px 0 6px}
  .vs-slayt p{font-size:.92rem;margin-bottom:12px}
  .vs-buyuk b{font-size:3rem}
  .vs-bilet{padding:16px 12px 12px;gap:6px}
  .vs-no{height:34px!important;font-size:1.05rem!important}
  .vs-kupa{width:130px;height:130px}
  .vs-asa{width:110px;height:110px}
  .vs-grafik{height:130px}
  .vs-noktalar{left:20px;bottom:16px}
  .vs-ok{display:none}
  .hizli{grid-template-columns:repeat(3,1fr);gap:8px}
  .hizli a{padding:12px 4px;border-radius:16px}
  .hz-ikon{width:42px;height:42px;border-radius:13px}
  .gun-ozet{grid-template-columns:repeat(2,1fr)}
  .gun-ozet b{font-size:1.8rem}
  .blok-baslik h2{font-size:1.25rem}
  .serit{margin:0 -12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scrollbar-width:none}
  .serit .sinyal-kart{width:78vw}
  .hip-kart{width:62vw}
  .surpriz-kart,.yazar-alinti{width:72vw}
  .halka svg{width:76px;height:76px}.halka b{top:23px;font-size:1.25rem}
}
.vs-slayt h2{color:#fff}
.vs-at{transform:none}
.vs-at .at-figur{width:280px;height:auto;display:block;filter:drop-shadow(0 14px 10px rgba(0,0,0,.25))}
@media (max-width:760px){.vs-at{transform:none}.vs-at .at-figur{width:190px}.blok-baslik span.soluk{display:none}}

/* ================= SAYFA BAŞLIĞI (tüm sayfalar) ================= */
.sayfa-kafa{position:relative;overflow:hidden;border-radius:22px;padding:22px 26px;margin:0 0 16px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;box-shadow:0 24px 48px -32px rgba(13,40,25,.6)}
.sayfa-kafa::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}
.sayfa-kafa::before{content:"";position:absolute;right:120px;bottom:-110px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.tema-yesil{background:linear-gradient(120deg,#0B5A34,#138A52 60%,#22A867)}
.tema-altin{background:linear-gradient(120deg,#8E5306,#D18614 60%,#EDB13A)}
.tema-mavi{background:linear-gradient(120deg,#1C3F9E,#2F64D6 60%,#4C8BF0)}
.tema-mor{background:linear-gradient(120deg,#3F1F8C,#7A4BD1 60%,#9B74E6)}
.tema-kirmizi{background:linear-gradient(120deg,#7E1F1A,#CC3D32 60%,#E8644F)}
.tema-turkuaz{background:linear-gradient(120deg,#0A5960,#0F7C83 60%,#1FA3AA)}
.sk-ikon{width:56px;height:56px;border-radius:17px;background:rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(4px);position:relative;z-index:1}
.sk-ikon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sk-metin{position:relative;z-index:1}
.sayfa-kafa h1{margin:0;color:#fff;font:700 2.1rem/1.05 var(--baslik)}
.sayfa-kafa p{margin:4px 0 0;opacity:.9;font-size:.95rem}
.sk-ek{grid-column:1/-1;position:relative;z-index:1;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.sk-ek .gun-secici{margin:0}
.sk-ek .tarih-gez a{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none}
.sk-ek .tarih-gez input{background:rgba(255,255,255,.95);border:0}
.sk-ek .hip-sekme a{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:none}
.sk-ek .hip-sekme a:hover{background:rgba(255,255,255,.26);color:#fff}
.sk-ek .hip-sekme a.aktif{background:#fff;color:var(--murekkep);border-color:#fff}
.bilgi{align-self:flex-start}
.bilgi summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.8rem;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);color:inherit}
.bilgi summary::-webkit-details-marker{display:none}
.bilgi summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bilgi[open] summary{background:rgba(255,255,255,.28)}
.bilgi-ic{margin-top:8px;background:rgba(255,255,255,.95);color:var(--murekkep);border-radius:14px;padding:12px 14px;font-size:.88rem;line-height:1.5}
.bilgi-ic p{margin:0 0 6px}
main>.bilgi summary,.panel .bilgi summary{background:var(--kart3);color:var(--soluk)}
@media (max-width:760px){
  .sayfa-kafa{padding:16px;border-radius:18px;grid-template-columns:auto 1fr;gap:2px 12px}
  .sk-ikon{width:44px;height:44px;border-radius:14px}.sk-ikon svg{width:24px;height:24px}
  .sayfa-kafa h1{font-size:1.55rem}
  .sayfa-kafa p{font-size:.85rem}
  .sk-ek{margin-top:10px}
  .sk-ek .gun-secici{overflow:visible}
}

/* ================= KUPONLAR ================= */
.kp-sekmeler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:2px}
.kp-sekme{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--cizgi);background:#fff;border-radius:14px;padding:9px 16px 9px 14px;cursor:pointer;font:inherit;color:var(--murekkep);box-shadow:var(--golge);position:relative;transition:transform .12s}
.kp-sekme::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--sv,#ccc)}
.kp-sekme b{font-size:.95rem}.kp-sekme small{font-size:.74rem;color:var(--soluk);font-weight:600}
.kp-sekme:hover{transform:translateY(-1px)}
.kp-sekme.aktif{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.kp-sekme.aktif small{color:#C9D6CE}
.sv-kucuk{--sv:var(--altin-parlak)}.sv-orta{--sv:var(--cim)}.sv-buyuk{--sv:var(--mavi)}.sv-mega{--sv:var(--mor)}.sv-ozel{--sv:#F2B33D}.sv-yazar{--sv:#0F7C83}
.kp-panel>.kupon{animation:kutlama-gir .25s ease}
.kupon{border-radius:22px;overflow:hidden}
.kupon-ust{background:linear-gradient(180deg,#FBFCFB,#fff)}
.kupon-rakam{gap:8px}
.kupon-rakam div{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:6px 12px;text-align:center}
.kupon-rakam b{font-size:1.25rem}
.kolon-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 16px 12px}
.kolon-satir .kolon-hesap{margin:0}
.kp-nv{flex:none;font-weight:800;font-size:.85rem;padding:8px 14px;border-radius:12px;background:#EAF0FD;color:#1C3F9E;border:1px solid #CBD8F8}
.kp-nv:hover{text-decoration:none;background:#DCE6FC}
.kupon-detay>summary{margin:0 16px 14px;padding:10px 14px;border-radius:12px;background:var(--zemin2);border:1px dashed var(--cizgi2);font-weight:700;font-size:.9rem;color:var(--cim-koyu);cursor:pointer}
.kupon-detay[open]>summary{margin-bottom:6px}
.kupon-detay>*:not(summary){margin-left:16px;margin-right:16px}
.bilet-at .no{box-shadow:0 2px 0 rgba(0,0,0,.15)}
/* sihirbaz */
.sihirbaz{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:var(--golge)}
.sb-ust{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sb-ust h2{margin:0;font-size:1.35rem}.sb-ust p{margin:0;color:var(--soluk);font-size:.88rem}
.sb-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,#FFF3D6,#FFE29A)}
.sihirbaz .sb-butce{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.sb-tl{font:700 1.4rem var(--baslik);color:var(--altin)}
.sihirbaz .sb-butce input{width:130px;font:700 1.2rem var(--govde);text-align:center}
.sihirbaz .sb-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.sihirbaz .sb-risk span{display:flex;flex-direction:column;gap:2px;padding:12px}
.sihirbaz .sb-risk i{font-style:normal;font-size:1.3rem}
.sb-gonder{width:100%;justify-content:center;font-size:1.02rem;padding:13px}
@media (max-width:760px){
  .kp-sekmeler{margin:0 -12px 12px;padding:2px 12px}
  .kp-sekme{padding:8px 12px 8px 12px}
  .kupon{border-radius:18px}
  .kupon-rakam{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .kupon-rakam b{font-size:1.05rem}
  .kolon-satir{flex-direction:column;align-items:stretch;margin:8px 10px}
  .kp-nv{text-align:center}
  .sihirbaz{padding:16px;border-radius:18px}
  .sihirbaz .sb-risk{grid-template-columns:1fr}
  .sihirbaz .sb-risk span{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 8px}
  .sihirbaz .sb-risk small{flex-basis:100%}
  .sihirbaz .sb-butce input{flex:1;min-width:110px}
}
.sk-skor{display:flex;gap:10px}
.sk-skor div{background:rgba(255,255,255,.16);border-radius:14px;padding:8px 14px}
.sk-skor b{display:block;font:700 1.6rem/1 var(--baslik)}
.sk-skor span{font-size:.74rem;opacity:.9}
.sk-btn{align-self:flex-start;background:#fff;color:var(--murekkep);font-weight:800;padding:10px 16px;border-radius:12px;box-shadow:0 10px 20px -12px rgba(0,0,0,.5)}
.sk-btn:hover{text-decoration:none;color:var(--murekkep);transform:translateY(-1px)}
.sk-ek .sekme-dugmeler{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.sk-ek .sekme-dugmeler a{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.28);white-space:nowrap}
.sk-ek .sekme-dugmeler a.aktif{background:#fff;color:var(--murekkep)}
.sk-ek .nv-hip{margin:0}
.sk-ek .nv-hip a.bitti:not(.aktif){opacity:.7}
.nv-ust h2{margin:0;font-size:1.3rem}
@media (max-width:760px){
  main table.skor-tablo,main article table,main .panel>table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.izgara>*{min-width:0}
.nv-diger.nv-3{grid-template-columns:repeat(3,1fr)}
/* Altılı: bilgisayarda da sekmeli tek ayak görünümü */
.nv-secim .ayak-sekme{display:grid!important;position:static}
.nv-secim .ayak-izgara{display:block}
.nv-secim .ayak-kolon{display:none}
.nv-secim .ayak-kolon.aktif{display:block;animation:kutlama-gir .2s ease}
.nv-secim .ayak-kolon .at-sec{width:100%}
@media (min-width:761px){
  .nv-secim .ayak-kolon.aktif{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
  .nv-secim .ayak-kolon.aktif .ayak-bas{grid-column:1/-1}
  .nv-secim .ayak-kolon .at-sec{margin:0}
  .nv-secim .ayak-sekme button{padding:9px 0;font-size:1rem}
}
/* Altılı: tek sütun, at satırında jokey · kilo · start · form · takı */
@media (min-width:761px){.nv-secim .ayak-kolon.aktif{display:block}}
.nv-secim .at-sec{grid-template-columns:34px 1fr auto;padding:8px 12px;margin-bottom:5px;min-height:50px}
.nv-secim .at-sec .as-ad{font-size:.92rem}
.nv-secim .at-sec .as-agf{grid-row:1/3;align-self:center;text-align:right;font-size:.95rem;line-height:1.1}
.nv-secim .at-sec .as-agf small{display:block;font-size:.62rem;color:var(--soluk2);font-weight:700}
.nv-secim .at-sec .as-bilgi{grid-column:2/3;font-size:.74rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-form{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#3E4D45;font-weight:700}
.as-taki{font-style:normal;font-weight:800;color:#B4550F}

/* ================= SANAL BAYİ ================= */
.bayi-bakiye{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px}
.bayi-bakiye div{background:rgba(255,255,255,.16);border-radius:14px;padding:8px 14px}
.bayi-bakiye span{display:block;font-size:.72rem;opacity:.9;font-weight:600}
.bayi-bakiye b{font:700 1.35rem/1.1 var(--baslik)}
.fis{position:sticky;top:76px}
.fis-kupon{margin:0}
.fis-kupon .bilet-atlar{flex-direction:column;align-items:center;gap:4px;min-height:70px;padding:8px 2px}
.fis-kupon .bilet-at .no{height:28px;min-width:28px;font-size:.95rem}
.fis-alt{padding:12px 16px 16px}
.fis-alt .kolon-hesap{margin:0 0 10px;width:100%}
.fis-satir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--cizgi);font-size:.9rem}
.fis-tutar b{font:700 1.4rem var(--baslik);color:var(--cim-koyu)}
.misli{display:flex;align-items:center;gap:4px}
.misli button{width:32px;height:32px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;font:700 1.1rem var(--govde);cursor:pointer}
.misli input{width:56px;text-align:center;height:32px;padding:0}
.fis-oyna{width:100%;justify-content:center;margin-top:12px;padding:13px;font-size:1rem}
.fis-oyna:disabled{filter:grayscale(.6)}
.ayak-sekme button.dolu small{color:var(--cim-koyu)}
.kuponlarim{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.benim-kupon{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;box-shadow:var(--golge);border-left:5px solid var(--cizgi2)}
.benim-kupon header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
.benim-kupon header b{font-size:.92rem}
.benim-kupon .durum-cip{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--kart3)}
.bk-ayaklar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;text-align:center}
.bk-ayaklar div{background:var(--zemin2);border-radius:8px;padding:4px 2px}
.bk-ayaklar small{display:block;font-size:.64rem;color:var(--soluk);font-weight:700}
.bk-ayaklar span{font-weight:800;font-size:.82rem;word-break:break-all}
.benim-kupon footer{display:flex;justify-content:space-between;margin-top:8px;font-size:.82rem;color:var(--soluk)}
.d-kazandi{border-left-color:var(--cim)}.d-kazandi .durum-cip{background:#DDF3E6;color:#106B40}
.d-yatti{border-left-color:#E5A39C;opacity:.85}.d-yatti .durum-cip{background:#FCE4E1;color:#B3261E}
.d-acik{border-left-color:var(--mavi)}.d-acik .durum-cip{background:#EAF0FD;color:#1C3F9E}
.d-bekle{border-left-color:var(--altin-parlak)}
@media (max-width:760px){.bayi-bakiye{grid-template-columns:repeat(3,1fr)}.bayi-bakiye b{font-size:1.05rem}.bayi-bakiye div{padding:7px 9px}.fis{position:static;margin-top:12px}#bayi{padding-bottom:70px}}
.nv-secim .at-sec .as-no{grid-column:1;grid-row:1/3}
.nv-secim .at-sec .as-ad{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-secim .at-sec .as-agf{grid-column:3;grid-row:1/3}
.nv-secim .at-sec .as-bilgi{grid-column:2;grid-row:2}
@media (max-width:1400px) and (min-width:1181px){.ana-menu a{padding:8px 7px;font-size:.86rem}.hesap a{padding:8px 7px;font-size:.86rem}}

/* Start sorunu (TJK G. Çık) */
.et-start{background:#FFF1E0;color:#B4530A;border:1px solid #F5C58A}
.not-start{background:#FFF6EA;border-left:4px solid #E58A1F;padding:8px 12px;border-radius:8px;margin:8px 0}
.not-start a{color:#9A4A06;text-decoration:underline}

/* ===== BANKOCU değerlendirme kartı (at.php) ===== */
.bk-panel{padding:0;overflow:hidden}
.bk-ust{display:flex;gap:22px;align-items:center;padding:22px;background:radial-gradient(circle at 12% 20%,rgba(255,226,154,.25),transparent 45%),linear-gradient(135deg,#0F5132,#1C7A46 55%,#2FA060);color:#fff}
.bk-gosterge{position:relative;width:132px;height:132px;flex:0 0 132px}
.bk-gosterge svg{width:100%;height:100%;transform:rotate(-90deg)}
.bk-iz{fill:none;stroke:rgba(255,255,255,.18);stroke-width:12}
.bk-dolu{fill:none;stroke:#FFD45E;stroke-width:12;stroke-linecap:round;animation:bkDol 1.2s ease-out}
@keyframes bkDol{from{stroke-dasharray:0 100}}
.bk-puan{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bk-puan b{font-size:2.4rem;line-height:1;font-weight:900}
.bk-puan span{font-size:.72rem;opacity:.85}
.bk-ozet{flex:1;min-width:0}
.bk-baslik{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bk-baslik h2{margin:0;color:#fff;font-size:1.25rem}
.bk-robot{font-size:1.6rem;background:rgba(255,255,255,.15);border-radius:12px;padding:2px 8px}
.bk-kutular{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 10px}
.bk-kutular div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 10px}
.bk-kutular span{display:block;font-size:.7rem;opacity:.85}
.bk-kutular b{font-size:1.25rem;font-weight:900}
.bk-kutular small{font-size:.75rem;opacity:.75}
.bk-cumle{margin:0;font-size:.92rem;line-height:1.5;opacity:.95}
.bk-uyari{display:flex;gap:12px;align-items:flex-start;margin:14px 22px 0;padding:12px 14px;border-radius:12px;font-size:.9rem;line-height:1.5}
.bk-uyari p{margin:0}
.bk-uikon{font-size:1.4rem;line-height:1}
.bk-start{background:#FFF4E5;border:1px solid #F5C58A;color:#6B3A06}
.bk-start a{color:#9A4A06;text-decoration:underline}
.bk-gizli{background:#EEF4FF;border:1px solid #BCD0F7;color:#1D3A72}
.bk-iki{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px 0}
.bk-sutun{border-radius:14px;padding:14px 16px}
.bk-sutun h3{margin:0 0 10px;font-size:1rem}
.bk-arti{background:#EEF8F1;border:1px solid #BFE3CB}
.bk-arti h3{color:#16683A}
.bk-eksi{background:#FFF5F2;border:1px solid #F4C9BD}
.bk-eksi h3{color:#A63A1F}
.bk-madde{display:flex;gap:10px;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08)}
.bk-madde:first-of-type{border-top:0}
.bk-mikon{flex:0 0 34px;height:34px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bk-madde b{font-size:.9rem}
.bk-madde p{margin:2px 0 0;font-size:.85rem;line-height:1.45;color:#3a4a40}
.bk-link{font-weight:700;white-space:nowrap}
.bk-alt-baslik{margin:20px 22px 10px;font-size:1rem}
.bk-faktorler{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 22px 22px}
.bk-faktor{border:1px solid var(--cizgi,#e3e8e4);border-radius:12px;background:#fff;transition:box-shadow .2s}
.bk-faktor[open]{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.bk-faktor summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:10px 12px}
.bk-faktor summary::-webkit-details-marker{display:none}
.bk-fikon{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#F2F5F3;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.bk-fad{font-weight:700;font-size:.88rem}
.bk-fad small{display:block;font-weight:500;font-size:.7rem;color:#7a867f}
.bk-fdeger b{font-size:1.2rem;font-weight:900}
.bk-fdeger em{font-size:.75rem;color:#999}
.bk-fbar{grid-column:2/4;height:6px;border-radius:4px;background:#EDF0EE;overflow:hidden}
.bk-fbar i{display:block;height:100%;border-radius:4px}
.bk-iyi .bk-fbar i{background:#2FA060}.bk-iyi .bk-fdeger b{color:#16683A}
.bk-orta .bk-fbar i{background:#E5B13A}.bk-orta .bk-fdeger b{color:#9A6B06}
.bk-zayif .bk-fbar i{background:#E06A4C}.bk-zayif .bk-fdeger b{color:#A63A1F}
.bk-yok{opacity:.65}
.bk-faktor p{margin:0;padding:0 12px 12px 56px;font-size:.84rem;line-height:1.5;color:#3a4a40}
@media(max-width:760px){
  .bk-ust{flex-direction:column;align-items:stretch;text-align:left;padding:16px}
  .bk-gosterge{margin:0 auto;width:116px;height:116px;flex-basis:116px}
  .bk-kutular{grid-template-columns:repeat(2,1fr)}
  .bk-iki{grid-template-columns:1fr;padding:14px 16px 0}
  .bk-uyari{margin:12px 16px 0}
  .bk-alt-baslik{margin:18px 16px 8px}
  .bk-faktorler{padding:0 16px 16px;grid-template-columns:1fr}
  .bk-faktor p{padding-left:12px}
}

/* Program: BANKOCU sıralaması (1. AT, 2. AT…) */
.yz-ust{align-items:center}
.yz-sira{display:inline-block;font-weight:900;font-size:.8rem;letter-spacing:.02em;padding:3px 8px;border-radius:8px;background:#EEF1EF;color:#44524a;white-space:nowrap}
.yz-s1{background:linear-gradient(135deg,#F7C948,#E5A100);color:#3d2a00;box-shadow:0 1px 4px rgba(229,161,0,.4)}
.yz-s2{background:linear-gradient(135deg,#E3E7EA,#B9C2C8);color:#2f3a40}
.yz-s3{background:linear-gradient(135deg,#F0C49A,#C98B52);color:#40230a}
@media(max-width:760px){.yz-ust .yz-sira{display:inline-block;font-size:.72rem;padding:2px 6px;margin-bottom:3px}.yz-ust{display:flex;flex-direction:column;align-items:flex-start;gap:2px}}

/* Düz numara rozeti */
.no.no-duz{background:#fff;color:#1d2a22;box-shadow:inset 0 0 0 1.5px #CBD3CE,inset 0 -3px 0 rgba(0,0,0,.06)}
.kosu-sekme-alt{scroll-margin-top:84px;margin-bottom:10px}

/* ===== AGF hareketleri ===== */
.goster-m{display:none}
@media(max-width:760px){.goster-m{display:block}}
.agf-acik{margin:-4px 0 10px}
.agf-sar{background:#fff;border-radius:16px;box-shadow:var(--golge);border:1px solid var(--cizgi)}
.agf-tablo{width:100%;border-collapse:collapse}
.agf-tablo th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cizgi)}
.agf-tablo th.sag,.agf-tablo td.sag{text-align:right}
.agf-tablo td{padding:10px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.agf-tablo tr:last-child td{border-bottom:0}
.agf-tablo .alt-satir{display:block;font-size:.72rem;color:var(--soluk)}
.agf-tablo tr.agf-guclu{background:linear-gradient(90deg,#FFF6E0,transparent 70%)}
.agf-tablo tr.agf-sinyal{background:linear-gradient(90deg,#EEF8F1,transparent 70%)}
.agf-fark b{font-size:1.02rem}
.agf-fark.artis b{color:#16803A}.agf-fark.azalis b{color:#C8402E}
.agf-et-guclu{background:#FFE7B3;color:#7A4B00;border:1px solid #F4C55A}
.agf-et-sinyal{background:#DFF3E6;color:#16683A;border:1px solid #A8DAB9}
.agf-et-dusus{background:#FCE4DE;color:#A63A1F;border:1px solid #F1B9AA}
.agf-spark{display:block}
.agf-bos{text-align:left}
.agf-filtre{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.agf-filtre a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-weight:700;font-size:.85rem;color:var(--murekkep)}
.agf-filtre a.aktif{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
@media(max-width:760px){.agf-tablo td,.agf-tablo th{padding:8px}.agf-tablo .at-bas .forma{display:none}}
.agf-ok{font-size:.72rem;font-weight:800;margin-left:3px}
.agf-ok.artis{color:#16803A}.agf-ok.azalis{color:#C8402E}
.agf-tablo .alt-satir.goster-m{display:none}
@media(max-width:760px){.agf-tablo .alt-satir.goster-m{display:block}}

/* ===== Bugün ne oynasam? ===== */
.ne-oyna{margin:4px 0 22px}
.no-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.no-bas h2{margin:0;font-size:1.35rem}
.no-bas span{font-size:.8rem;color:var(--soluk)}
.no-izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.no-kart{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px 14px 13px;border-radius:16px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s;min-width:0}
a.no-kart:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14);text-decoration:none}
.no-kart::after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1)}
.no-banko{background:linear-gradient(140deg,#0F5132,#1F8A4C)}
.no-agf{background:linear-gradient(140deg,#7A3E00,#D9881C)}
.no-surpriz{background:linear-gradient(140deg,#4B1F7A,#8B4BD1)}
.no-idman{background:linear-gradient(140deg,#0C4A6E,#1A8BC2)}
.no-altili{background:linear-gradient(140deg,#7A1D2B,#C23A4F)}
.no-tur{font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.9}
.no-at{display:flex;align-items:center;gap:7px;min-width:0}
.no-at b{font-size:1.08rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-at .no{min-width:26px;height:26px;font-size:.9rem;flex:none}
.no-yer{font-size:.76rem;opacity:.85}
.no-deger{font-size:.84rem}
.no-deger b{font-size:1.05rem;color:#FFE29A}
.no-neden{font-size:.74rem;opacity:.85;margin-top:auto}
.no-btnlar{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:1}
.no-btn{background:#fff;color:#7A1D2B;font-weight:800;font-size:.78rem;padding:6px 10px;border-radius:9px;text-decoration:none}
.no-btn-ince{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:1100px){.no-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .no-izgara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin:0 -12px;padding-left:12px;padding-right:12px}
  .no-kart{flex:0 0 74%;scroll-snap-align:start}
}

/* ===== Zil / bildirimler ===== */
.zil{position:relative;display:inline-flex!important;align-items:center;padding:6px!important}
.zil svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zil b{position:absolute;top:0;right:-2px;min-width:17px;height:17px;border-radius:9px;background:#E03A2F;color:#fff;font-size:.66rem;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.gizle-ekran{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bld-izgara{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}
.bld-liste{list-style:none;margin:0;padding:0}
.bld{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;margin-bottom:6px;background:#F6F8F7;font-size:.92rem;line-height:1.45}
.bld.yeni{background:#EAF6EF;box-shadow:inset 3px 0 0 #1C8A3E}
.bld a{color:inherit}
.bld time{flex:none;font-size:.72rem;color:var(--soluk)}
.bld-kazandi{background:#FFF6DD}.bld-agf{background:#FFF1E2}
.bld-tur{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);margin:12px 0 6px}
.takip-liste{list-style:none;margin:0;padding:0}
.takip-liste li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--cizgi)}
@media(max-width:860px){.bld-izgara{grid-template-columns:1fr}}

/* ===== Takip düğmesi ===== */
.takip-form{display:inline;margin:0}
.takip-btn{display:inline-flex;align-items:center;gap:4px;font:800 .82rem/1 var(--govde,inherit);padding:8px 13px;border-radius:999px;border:1.5px solid #E5B13A;background:#FFF8E6;color:#8A5A00;cursor:pointer;text-decoration:none;white-space:nowrap}
.takip-btn:hover{background:#FFEFC4;text-decoration:none}
.takip-btn.takipte{background:#E5B13A;color:#3d2a00;border-color:#E5B13A}
.takip-kucuk{padding:4px 9px;font-size:.72rem}
.sayfa-kafa .takip-btn{background:rgba(255,255,255,.95)}

/* ===== Kişi sayfası ===== */
.kisi-kutular{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kisi-kutular div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px;box-shadow:var(--golge)}
.kisi-kutular span{display:block;font-size:.72rem;color:var(--soluk);font-weight:700}
.kisi-kutular b{display:block;font-size:1.5rem;font-weight:900;line-height:1.2}
.kisi-kutular small{font-size:.72rem;color:var(--soluk)}
.kisi-kutular .kk-artis{background:#EEF8F1;border-color:#BFE3CB}.kisi-kutular .kk-artis b{color:#16683A}
.kisi-kutular .kk-dusus{background:#FFF5F2;border-color:#F4C9BD}.kisi-kutular .kk-dusus b{color:#A63A1F}
.kisi-cubuk{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--cizgi);font-size:.9rem}
.kisi-cubuk small{color:var(--soluk);font-size:.72rem}
.kisi-form{display:flex;gap:3px}
.kisi-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,0,0,.2);text-underline-offset:2px}
.kisi-link:hover{color:var(--yesil,#1C7A46)}
@media(max-width:1000px){.kisi-kutular{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.kisi-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}.kisi-kutular b{font-size:1.25rem}}

/* ===== İdman bülteni ===== */
.idb-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.idb-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:9px}
.idb-ust{display:flex;align-items:center;gap:8px}
.idb-ad{flex:1;min-width:0}
.idb-ad .alt-satir{display:block;font-size:.74rem;color:var(--soluk)}
.idb-rozet{display:flex;gap:5px;flex-wrap:wrap}
.idb-n{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#EEF4FF;color:#1D3A72}
.idb-super-idman{background:linear-gradient(135deg,#1C8A3E,#35B677);color:#fff}
.idb-yukseliste{background:#FFF1D6;color:#8A5A00}
.idb-idman-jokeyi-biniyor{background:#E6EEFF;color:#2448A8}
.idb-veri{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}
.idb-veri dt{font-size:.68rem;color:var(--soluk);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.idb-veri dd{margin:0;font-size:.86rem}
.idb-egilim{margin:0;font-size:.8rem;color:#5a6a60;background:#F6F8F7;border-radius:10px;padding:7px 10px}

/* ===== Sözlük + terim ipucu ===== */
abbr.terim{text-decoration:underline dotted;text-underline-offset:3px;cursor:help;position:relative;outline:none}
abbr.terim:hover::after,abbr.terim:focus::after{content:attr(data-ipucu);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:240px;background:#1d2a22;color:#fff;font:500 .76rem/1.4 var(--govde,inherit);text-transform:none;letter-spacing:0;padding:8px 10px;border-radius:10px;z-index:50;box-shadow:0 8px 20px rgba(0,0,0,.2);white-space:normal;text-align:left}
th abbr.terim:hover::after,th abbr.terim:focus::after{left:auto;right:0;transform:none}
.sozluk-ara{width:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--cizgi);font-size:1rem;margin:0 0 14px;background:#fff}
.sozluk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;align-items:start}
.sozluk-madde{padding:9px 0;border-bottom:1px dashed var(--cizgi)}
.sozluk-madde h3{margin:0 0 3px;font-size:1rem;color:#16683A}
.sozluk-madde p{margin:0;font-size:.88rem;line-height:1.5}
.rehber-adim{margin:0;padding-left:20px;line-height:1.6}
.rehber-adim li{margin-bottom:6px}

/* ===== PWA: ana ekrana ekle ===== */
.pwa-ekle{position:fixed;left:12px;right:12px;bottom:76px;z-index:60;display:none;align-items:center;gap:12px;background:#0F5132;color:#fff;padding:12px 14px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pwa-ekle.goster{display:flex}
.pwa-ekle img{width:40px;height:40px;border-radius:10px}
.pwa-ekle p{margin:0;flex:1;font-size:.85rem;line-height:1.35}
.pwa-ekle button{border:0;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}
.pwa-ekle .pwa-evet{background:#FFD45E;color:#3d2a00}
.pwa-ekle .pwa-hayir{background:transparent;color:#fff;opacity:.8}
@media(min-width:761px){.pwa-ekle{left:auto;right:20px;bottom:20px;max-width:380px}}

/* ===== Koşu tipi profili ===== */
.tip-profil{background:linear-gradient(135deg,#F4F0FF,#EEF6FF);border:1px solid #D9D2F5;border-radius:18px;padding:14px 16px;margin:0 0 16px}
.tp-bas{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.tp-ikon{font-size:1.5rem;background:#fff;border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.tp-bas h2{margin:0;font-size:1.05rem}
.tp-bas span{font-size:.75rem;color:var(--soluk)}
.tp-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.tp-kutu{background:#fff;border-radius:12px;padding:9px 11px;border:1px solid rgba(0,0,0,.05)}
.tp-kutu span{display:block;font-size:.7rem;font-weight:700;color:#5a6670}
.tp-kutu b{display:block;font-size:1.35rem;font-weight:900;line-height:1.2}
.tp-kutu small{font-size:.7rem;color:var(--soluk)}
.tp-iyi{background:#EEF8F1;border-color:#BFE3CB}.tp-iyi b{color:#16683A}
.tp-kotu{background:#FFF4EC;border-color:#F5CBA7}.tp-kotu b{color:#B4530A}
@media(max-width:760px){.tp-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Accurace: stil, notlar, tempo ===== */
.stil-rozet,.acc-not{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap}
.stil-kacak{background:#FFE9E3;color:#A63A1F}
.stil-on{background:#E8F0FF;color:#2448A8}
.stil-bekleme{background:#EFEAFB;color:#5B3BA8}
.acc-not{background:#FFF4D6;color:#7A4B00;border:1px solid #F4D27A}
.acc-yol{background:#F2F2F2;color:#444;border-color:#D6D6D6}
.acc-erken_atak{background:#FCE8E8;color:#9A2A2A;border-color:#F1C0C0}
.acc-guclu_bitis{background:#E3F6EA;color:#16683A;border-color:#B5E2C5}
.acc-yorulan{background:#F5EDE6;color:#7A4A2A;border-color:#E3CDB9}
.acc-fazla_yol{background:#EAF3FB;color:#1D5A8A;border-color:#BBD7EE}
.not-acc{background:#F2F6FF;border-left:4px solid #3F6FD8;padding:8px 12px;border-radius:8px;margin:8px 0}
.not-acc a{color:#2448A8;text-decoration:underline}
.tempo-kart{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:14px 16px;margin:0 0 14px;border:1px solid}
.tempo-kart h2{margin:0 0 3px;font-size:1.02rem}
.tempo-kart p{margin:0;font-size:.9rem;line-height:1.45}
.tempo-kart small{font-size:.72rem;color:var(--soluk)}
.tempo-ikon{font-size:1.6rem;background:#fff;border-radius:12px;width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.tempo-hizli{background:#FFF1EA;border-color:#F6C9B3}
.tempo-tek{background:#EEF8F1;border-color:#BFE3CB}
.tempo-yavas{background:#F1F4FA;border-color:#CDD7EA}
.tempo-orta{background:#FFF8E6;border-color:#F1D894}
/* koşu sayfası: Accurace tablosu ve pozisyon grafiği */
.acc-tablo td,.acc-tablo th{white-space:nowrap}
.acc-hiz{font-weight:800;border-radius:6px;padding:1px 5px}
.acc-hiz.r1{background:#1C8A3E;color:#fff}.acc-hiz.r2{background:#BFE3CB;color:#0F5132}.acc-hiz.r3{background:#E3F2E8;color:#16683A}
.acc-grafik{width:100%;height:auto;display:block;background:#FBFCFB;border-radius:12px}
.acc-grafik text{font:600 10px var(--govde,system-ui)}
.acc-ozet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.acc-ozet span{background:#F4F7F5;border-radius:10px;padding:6px 10px;font-size:.8rem}
.acc-ozet b{font-size:.95rem}

/* ===== Program: bayi tarzı yarış çubuğu ve mobil at kartı ===== */
.bayi-bar{display:flex;flex-direction:column;gap:2px;padding:10px 16px;color:#fff;background:#3FA34D}
.bayi-bar b{font-size:1.08rem;font-weight:700;letter-spacing:.01em}
.bayi-bar span{font-size:.85rem;opacity:.95}
.bayi-bar.bayi-kum{background:#A8702F}
.bayi-bar.bayi-sentetik{background:#4F6D8F}
.mb-kart{display:none}
@media(max-width:760px){
  .yaris-kart thead{display:none}
  .yaris-kart,.yaris-kart tbody{display:block;width:100%}
  .yaris-kart tr.at-satir{display:flex;align-items:stretch;border-bottom:1px solid #D9DEDB}
  .yaris-kart tbody.at-blok:nth-child(odd) tr.at-satir{background:#F7F8F7}
  .yaris-kart tr.at-satir>td{display:none;padding:0;border:0}
  .yaris-kart tr.at-satir>td.at-hucre{display:block;flex:1;min-width:0;padding:8px 10px 10px}
  .yaris-kart tr.at-satir>td.sonuc-hucre{display:flex;align-items:center;justify-content:center;flex:0 0 34px;background:#EEF1EF;font-size:1.05rem}
  .yaris-kart tr.kazanan>td.sonuc-hucre{background:#FFE7A3}
  .yaris-kart .at-bas{display:none}
  .mb-kart{display:flex;flex-direction:column;gap:4px}
  .mb-r1,.mb-r2,.mb-r3{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
  .mb-ust{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
  .mb-ust .forma{width:30px!important;height:30px!important;flex:none;display:inline-flex!important}
  .mb-ad{font-size:.98rem;font-weight:800;color:#1d2a22;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mb-jokey{font-size:.88rem;font-weight:800;color:#1d2a22;white-space:nowrap;flex:none}
  .mb-jokey sup{color:#D7262B;font-weight:600;font-size:.62rem;margin-right:3px}
  .mb-alt{font-size:.82rem;color:#333;padding-left:37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
  .mb-alt>span{margin-left:5px}
  .mb-taki{color:#D7262B;font-weight:600}
  .mb-bilgi{font-size:.76rem;color:#333;white-space:nowrap;flex:none}
  .mb-bilgi b{font-weight:800}
  .mb-bilgi .form-dizi{margin-left:2px;font-size:.8rem;letter-spacing:0}
  .mb-r3{justify-content:flex-start}
  .mb-agf{border:1.5px solid #C9D0CC;border-radius:4px;padding:2px 8px;font-size:.82rem;font-weight:600;color:#333;background:#fff;white-space:nowrap}
  .mb-agf.mb-fav{color:#138A3E;border-color:#8FCB9F}
  .mb-gny{font-size:.74rem;color:var(--soluk);white-space:nowrap}
  .mb-bnk{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:.88rem;white-space:nowrap}
  .mb-bnk .yz-sira{font-size:.7rem;padding:2px 6px}
  .mb-rozet{display:flex;flex-wrap:wrap;gap:4px;padding-left:37px}
  .mb-rozet .etiket,.mb-rozet .idman-rozet,.mb-rozet .stil-rozet,.mb-rozet .acc-not{font-size:.64rem;padding:2px 6px}
  .atlar-panel{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .atlar-panel>.panel-baslik{display:none}
  .yaris-kart tr.neden-satir,.yaris-kart tr.neden-satir>td{display:block}
  .yaris-kart tr.neden-satir[hidden]{display:none}
  .yaris-kart tbody.kosmaz .mb-kart{opacity:.5}
}

/* ===== Paylaş ===== */
.no-paylas{display:flex;gap:8px;justify-content:flex-end;margin:-4px 0 8px}
.paylas-btn{border:1px solid var(--cizgi);background:#fff;border-radius:999px;padding:5px 12px;font-weight:700;font-size:.8rem;cursor:pointer;color:var(--murekkep)}
.paylas-btn:hover{border-color:#1C8A3E;color:#1C8A3E}
button.kp-nv{border:0;cursor:pointer;font:inherit}
.paylas-menu{position:fixed;inset:0;background:rgba(10,20,14,.6);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}
.paylas-menu.acik{display:flex}
.pm-ic{background:#fff;border-radius:18px;padding:16px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:12px}
.pm-ic img{width:100%;border-radius:12px;aspect-ratio:1;background:#eee}
.pm-btn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pm-btn a{text-align:center;padding:10px;border-radius:10px;background:#F2F5F3;font-weight:800;color:#1d2a22;text-decoration:none}
.pm-btn a[data-wa]{background:#25D366;color:#fff}.pm-btn a[data-tg]{background:#2AABEE;color:#fff}.pm-btn a[data-x]{background:#111;color:#fff}
.pm-ic>button{border:0;background:none;color:var(--soluk);cursor:pointer;font-weight:700}

/* ===== Yönetim paneli ===== */
.adm{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.adm-menu-sar{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}
.adm-menu-ac{display:none}
.adm-menu{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:10px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:2px}
.adm-menu-bas{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);padding:6px 10px}
.adm-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--murekkep);font-weight:700;font-size:.9rem;text-decoration:none}
.adm-menu a span{width:22px;text-align:center}
.adm-menu a:hover{background:#F2F5F3}
.adm-menu a.aktif{background:#E3F4EA;color:#0F5132}
.adm-menu-alt{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:6px}
.adm-menu-alt a{font-weight:600;color:#55625b}
.adm-baslik{margin:0 0 14px;font-size:1.5rem}
.adm-aciklama{margin:-4px 0 14px;color:#4a5850}
.adm-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.adm-kartlar-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.adm-kartlar div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;box-shadow:var(--golge)}
.adm-kartlar span{display:block;font-size:.72rem;font-weight:700;color:var(--soluk)}
.adm-kartlar b{display:block;font-size:1.45rem;font-weight:900}
.adm-kartlar small{font-size:.74rem;color:var(--soluk)}
.adm-gorevler{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.adm-gorevler div{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#F6F8F7}
.adm-gorevler i,.adm-nokta{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;margin-right:6px;background:#bbb}
.adm-gorevler b{font-size:.86rem}.adm-gorevler span{margin-left:auto;font-size:.76rem;color:var(--soluk);white-space:nowrap}
.sg-yesil i,.adm-nokta.sg-yesil{background:#22A55A}.sg-sari i,.adm-nokta.sg-sari{background:#E5B13A}.sg-kirmizi i,.adm-nokta.sg-kirmizi{background:#E0533A}
.adm-hizli{display:flex;flex-wrap:wrap;gap:8px}
.adm-log{list-style:none;margin:0;padding:0;font-size:.82rem}
.adm-log li{display:grid;grid-template-columns:96px 80px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dashed var(--cizgi)}
.adm-log time{color:var(--soluk)}.adm-log span{word-break:break-word}
.adm-log-hata b{color:#B4401E}
.adm-baglanti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.adm-baglanti a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--murekkep)}
.adm-baglanti span{font-size:.82rem;color:var(--soluk)}
.adm-cron code{font-size:.78rem}
.adm-kod{display:block;font-size:.72rem;color:var(--soluk);margin-top:2px;word-break:break-all}
.adm-onay{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:600}
.adm-onay input{width:auto}
.adm-form{max-width:560px}
.adm-ara{display:flex;gap:8px;margin-bottom:12px;max-width:420px}
.izgara-2-esit{display:grid;gap:16px}
@media(min-width:920px){.izgara-2-esit{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .adm{grid-template-columns:1fr;gap:12px}
  .adm-menu-sar{position:static;max-height:none;overflow:visible}
  .adm-menu-ac{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:12px 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-weight:700;box-shadow:var(--golge)}
  .adm-menu-ac::-webkit-details-marker{display:none}
  .adm-menu-sar[open] .adm-menu-ac{border-radius:12px 12px 0 0;border-bottom-color:transparent}
  .adm-menu-sar[open] .adm-menu{border-radius:0 0 12px 12px;border-top:0;box-shadow:var(--golge)}
  .adm-menu-bas{display:none}
  .adm-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adm-baglanti{grid-template-columns:1fr}
  .adm-log li{grid-template-columns:1fr;gap:2px}
}

/* ===== At bulucu ===== */
.bul-hazir{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}
.bul-hazir span{font-weight:800;font-size:.85rem;margin-right:4px}
.bul-hazir a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:.82rem;font-weight:700;color:var(--murekkep);text-decoration:none}
.bul-hazir a.aktif,.bul-hazir a:hover{background:#0F7C83;color:#fff;border-color:transparent}
.bul-izgara{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.bul-form fieldset{border:0;padding:0;margin:0 0 12px}
.bul-form legend{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);margin-bottom:4px}
.bul-sec{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-size:.88rem;cursor:pointer}
.bul-sec input{width:auto;margin-top:3px}
.bul-sec small{color:var(--soluk)}
.bul-form select{margin-bottom:6px}
.bul-kutular{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}
.bul-kutular div{background:#F6F8F7;border-radius:12px;padding:10px}
.bul-kutular span{display:block;font-size:.7rem;font-weight:700;color:var(--soluk)}
.bul-kutular b{display:block;font-size:1.3rem;font-weight:900}
.bul-kutular small{font-size:.7rem;color:var(--soluk)}
.bul-kutular .bk-artis{background:#E3F4EA}.bul-kutular .bk-artis b{color:#16683A}
.bul-kutular .bk-dusus{background:#FCEBE6}.bul-kutular .bk-dusus b{color:#A63A1F}
.bul-yorum{font-size:.9rem;line-height:1.5}
.bul-aylik{display:flex;align-items:flex-end;gap:4px;height:120px;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.bul-aylik div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.bul-aylik i{display:block;width:100%;max-width:36px;background:linear-gradient(180deg,#2FA060,#1C7A46);border-radius:6px 6px 0 0}
.bul-aylik span{font-size:.66rem;color:var(--soluk);margin-top:3px;white-space:nowrap}
@media(max-width:900px){.bul-izgara{grid-template-columns:1fr}.bul-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Kuponumu analiz et ===== */
.ka-altililar{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px}
.ka-altililar a{flex:none;display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);font-weight:800;color:var(--murekkep);text-decoration:none;font-size:.9rem}
.ka-altililar a small{font-weight:600;color:var(--soluk);font-size:.72rem}
.ka-altililar a.aktif{background:#7A1D2B;color:#fff;border-color:transparent}.ka-altililar a.aktif small{color:#f5d0d6}
.ka-altililar a.kapandi{opacity:.65}
.ka-izgara{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.ka-hizli{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ka-hizli button{border:1px solid var(--cizgi);background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.8rem;cursor:pointer}
.ka-ayak{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:10px 12px;margin-bottom:10px}
.ka-ayak-bas{font-size:.86rem;margin-bottom:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ka-ayak-p{margin-left:auto;font-weight:800;color:#1C7A46}
.ka-bitti{background:#EEE;border-radius:6px;padding:1px 6px;font-size:.72rem}
.ka-atlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.ka-at{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;text-align:left;border:1.5px solid #DCE2DE;background:#FAFBFA;border-radius:10px;padding:6px 8px;cursor:pointer;font:inherit;min-width:0}
.ka-at b{grid-row:1/3;font-size:1.15rem;align-self:center}
.ka-at span{font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-at small{font-size:.7rem;color:var(--soluk)}
.ka-at.secili{background:#1C7A46;border-color:#1C7A46;color:#fff}.ka-at.secili small{color:#d4f0de}
.ka-at.kazandi{box-shadow:inset 0 0 0 2px #E5B13A}
.ka-at.kosmaz{opacity:.35;cursor:not-allowed}
.ka-sonuc{position:sticky;top:86px}
.ka-fis{background:#FFFDF6;border:1px solid #EADFB9;border-radius:16px;padding:14px 16px;box-shadow:var(--golge)}
.ka-fis-bas{font-weight:900;font-size:1rem}
.ka-kombi{font:800 1.05rem/1.4 var(--baslik,inherit);margin:6px 0 10px;word-break:break-word;color:#7A1D2B}
.ka-sayi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.ka-sayi div{background:#fff;border-radius:10px;padding:8px 10px;border:1px solid #F0E7C8}
.ka-sayi dt{font-size:.7rem;color:var(--soluk);font-weight:700}
.ka-sayi dd{margin:0;font-weight:900;font-size:1.05rem}
.ka-sayi .ka-buyuk{grid-column:1/3}.ka-sayi .ka-buyuk dd{font-size:1.4rem;color:#1C7A46}
.ka-sayi dd.arti{color:#16683A}.ka-sayi dd.eksi{color:#A63A1F}
.ka-uyari{font-size:.85rem;margin-bottom:6px}
.ka-fis h3{font-size:.95rem;margin:10px 0 6px}
.ka-oneri{margin:0;padding-left:18px;font-size:.84rem;line-height:1.45}
.ka-oneri li{margin-bottom:6px}
.ka-oneri button{border:0;background:#1C7A46;color:#fff;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800;cursor:pointer;margin-left:4px}
.ka-eylem{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ka-mini{display:none}
@media(max-width:900px){.ka-izgara{grid-template-columns:1fr}.ka-sonuc{position:static}
  .ka-mini{display:flex;flex-direction:column;position:sticky;bottom:74px;z-index:20;background:#7A1D2B;color:#fff;border-radius:14px;padding:10px 14px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.25);order:2}
  .ka-mini b{font-size:.95rem}.ka-mini span{font-size:.78rem;opacity:.9}
  .ka-ayaklar{order:1}.ka-sonuc{order:3}}

/* ===== Karşılaştırma ===== */
.kar-sec{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px;font-size:.85rem}
.kar-sec>span{font-weight:800;margin-right:4px}
.kar-sec label{display:flex;gap:5px;align-items:center;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);cursor:pointer}
.kar-sec label.secili{background:#EFEAFB;border-color:#C9B8F0}
.kar-sec input{width:auto}
.kar-izgara{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}
.kar-svg{width:100%;height:auto}
.kar-svg text{font:700 10px var(--govde,system-ui);fill:#55625b}
.kar-lejant{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;font-weight:700}
.kar-lejant i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.kar-tablo{width:100%;border-collapse:collapse;font-size:.86rem}
.kar-tablo th,.kar-tablo td{padding:8px 10px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:middle}
.kar-tablo thead th{background:#FAFBFA}
.kar-tablo thead th a{color:var(--murekkep);font-weight:800}
.kar-tablo thead .forma{width:28px;height:28px;vertical-align:middle;margin-right:4px}
.kar-tablo tbody th{font-size:.76rem;color:#55625b;white-space:nowrap}
.kar-tablo .kar-iyi{background:#E3F4EA;font-weight:800}
.kar-tablo .f-iz{display:inline-block;width:60px;height:6px;background:#EDF0EE;border-radius:4px;overflow:hidden;vertical-align:middle}
.kar-tablo .f-iz i{display:block;height:100%}
@media(max-width:900px){.kar-izgara{grid-template-columns:1fr}}
.bayi-bar{position:relative}
.bayi-kar{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.95);color:#1d2a22;font-weight:800;font-size:.78rem;padding:5px 10px;border-radius:999px;text-decoration:none}

/* ===== Pist eğilimi ===== */
.egilim-kart{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:14px 16px;margin:0 0 14px;background:#EEF6FF;border:1px solid #C7DAF5}
.egilim-kart h2{margin:0 0 4px;font-size:1rem}
.egilim-kart ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.5}

/* ===== Karne ===== */
.kal-satir{display:grid;grid-template-columns:110px minmax(0,1fr) 54px;gap:10px;align-items:center;padding:6px 0}
.kal-satir small{display:block;font-size:.7rem;color:var(--soluk)}
.kal-cubuk{position:relative;height:22px;background:#F2F5F3;border-radius:6px;overflow:hidden}
.kal-cubuk i{position:absolute;left:0;height:9px;border-radius:4px}
.kal-cubuk .kal-bek{top:2px;background:#B8C6BE}.kal-cubuk .kal-ger{bottom:2px;background:#1C8A3E}
.kal-lej{display:flex;gap:14px;font-size:.78rem;color:var(--soluk)}
.kal-lej i{display:inline-block;width:14px;height:8px;border-radius:3px;margin-right:4px}
.kal-lej .kal-bek{background:#B8C6BE}.kal-lej .kal-ger{background:#1C8A3E}
.karne-hafta{height:140px}
.vitrin-liste{margin:0;padding-left:18px;line-height:1.7;font-size:.9rem}

/* ===== Araçlar ===== */
.arac-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.arac{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:16px;box-shadow:var(--golge);text-decoration:none;color:var(--murekkep);transition:transform .15s}
.arac:hover{transform:translateY(-2px);text-decoration:none}
.arac i{font-style:normal;font-size:1.6rem;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}
.arac b{display:block;font-size:1rem;margin-bottom:2px}
.arac span{font-size:.84rem;color:#55625b;line-height:1.4}
.push-kart{margin-top:14px;background:#F2F6FF;border:1px solid #C9D8F5;border-radius:14px;padding:12px 14px}
.push-kart h3{margin:0 0 4px;font-size:.98rem}
.push-kart .btn{margin:4px 4px 0 0}

.hesap-ikon{display:inline-flex!important;align-items:center;gap:5px}
@media (min-width:1181px) and (max-width:1500px){.hesap-ikon span{display:none}.ana-menu{flex-wrap:nowrap}.ana-menu a{white-space:nowrap}}

/* ===== İdman videosu ===== */
.idman-video{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#C23A4F;color:#fff!important;font-weight:800;font-size:.74rem;text-decoration:none!important;white-space:nowrap}
.idman-video:hover{background:#9A2A3D}
.not-video{margin:6px 0}
.video-kutu{position:fixed;inset:0;background:rgba(5,10,8,.8);z-index:210;display:none;align-items:center;justify-content:center;padding:14px}
.video-kutu.acik{display:flex}
.vk-ic{width:100%;max-width:860px}
.vk-ic video{width:100%;border-radius:12px;background:#000;max-height:75vh}
.vk-alt{display:flex;justify-content:space-between;margin-top:8px}
.vk-alt a,.vk-alt button{color:#fff;background:none;border:0;font-weight:700;cursor:pointer;text-decoration:underline}

.agf-pencere{align-items:center}
.agf-pencere>span{font-weight:800;font-size:.85rem;margin-right:2px}
.agf-pencere a.aktif{background:#D9881C}
.agf-mini{margin:-2px 0 10px}
.agf-mini a{font-size:.78rem;padding:4px 10px}

/* Bugün ne oynasam: kart içi paylaş */
.no-sar{position:relative;display:flex;min-width:0}
.no-sar>.no-kart{flex:1;padding-bottom:44px}
.no-paylas-btn{position:absolute;right:10px;bottom:10px;z-index:2;border:0;border-radius:999px;padding:5px 11px;background:rgba(255,255,255,.92);color:#1d2a22;font-weight:800;font-size:.74rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.no-paylas-btn:hover{background:#fff}
@media(max-width:760px){.no-izgara>.no-sar{flex:0 0 74%;scroll-snap-align:start}.no-izgara>.no-sar>.no-kart{flex:1 1 auto}}

/* ===== Dikkat çekenler ===== */
.dc-serit{align-items:stretch}
.serit .dc-kart{width:300px}
.dc-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;color:var(--murekkep);text-decoration:none;box-shadow:var(--golge);transition:transform .15s,box-shadow .15s}
.dc-kart:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 26px -14px rgba(0,0,0,.35)}
.dc-bant{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#fff}
.dc-bant b{display:block;font-size:.92rem}
.dc-bant small{font-size:.72rem;opacity:.9}
.dc-ikon{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex:none}
.dc-guc{margin-left:auto;display:flex;gap:3px}
.dc-guc i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.dc-guc i.dolu{background:#fff}
.dc-yesil .dc-bant{background:linear-gradient(135deg,#0F5132,#2FA060)}
.dc-altin .dc-bant{background:linear-gradient(135deg,#8A5A00,#E0A82A)}
.dc-mor .dc-bant{background:linear-gradient(135deg,#4B1F7A,#8B4BD1)}
.dc-turkuaz .dc-bant{background:linear-gradient(135deg,#0B5F66,#1AA3AE)}
.dc-mavi .dc-bant{background:linear-gradient(135deg,#1D3A8A,#3F6FD8)}
.dc-koyu .dc-bant{background:linear-gradient(135deg,#1d2a22,#3d5247)}
.dc-turuncu .dc-bant{background:linear-gradient(135deg,#9A3E0A,#E07A2A)}
.dc-at{display:flex;align-items:center;gap:8px;padding:12px 12px 6px}
.dc-at .forma{width:32px;height:32px}
.dc-at b{display:block;font-size:1.02rem}
.dc-at small{font-size:.74rem;color:var(--soluk)}
.dc-isaret{list-style:none;margin:0;padding:4px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.dc-isaret li{display:flex;gap:8px;align-items:flex-start;background:#F6F8F7;border-radius:10px;padding:7px 9px}
.dc-isaret i{font-style:normal;font-size:1rem;line-height:1.2}
.dc-isaret b{display:block;font-size:.8rem}
.dc-isaret small{display:block;font-size:.72rem;color:#5a6a60;line-height:1.35}
.dc-alt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px 12px;font-size:.8rem;color:#44524a;border-top:1px dashed var(--cizgi);margin-top:8px}
.dc-alt .yz-sira{font-size:.7rem;padding:2px 7px}
@media(max-width:760px){.serit .dc-kart{width:82vw}}
.stil-sprinter{background:#FFF1C9;color:#8A5A00;border:1px solid #F0D27A}
.acc-yok{margin:0;padding:8px 16px;font-size:.78rem;color:#5a6a60;background:#F6F8F7;border-bottom:1px solid var(--cizgi)}

/* ===== Ana sayfa: Bugün ne oynasam kutusu + yatay hipodrom kartları ===== */
.ne-oyna{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:18px 18px 16px;box-shadow:var(--golge);margin:0 0 22px}
a.no-kart:hover,a.no-kart:focus{color:#fff;text-decoration:none}
a.no-kart:hover .no-at b,a.no-kart:hover .no-yer,a.no-kart:hover .no-tur,a.no-kart:hover .no-neden{color:#fff}
a.no-kart .no{color:#1d2a22}
.no-kart .no-deger b{color:#FFE29A}
.hip-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:12px}
.hip-izgara .hip-kart{width:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px}
.hip-kart:hover,.hip-kart:focus{color:#fff}
.hk-sol{display:flex;flex-direction:column;gap:6px;min-width:0}
.hk-sol>b{font-size:1.15rem}
.hk-hava small{font-weight:600;opacity:.9;font-size:.78rem}
.hk-orta{display:flex;flex-direction:column;gap:5px}
.hk-orta .hk-alt b{font-size:1rem;color:#FFE29A}
.hk-sag{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;background:rgba(0,0,0,.2);border-radius:14px;padding:8px 12px;text-align:center}
.hk-sag small{font-size:.68rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em}
.hk-sag b{font-size:.95rem}
.hk-sag span{font:800 1.25rem/1.1 var(--baslik,inherit);color:#FFE29A}
@media(max-width:760px){
  .ne-oyna{padding:14px 12px;border-radius:18px}
  .hip-izgara{grid-template-columns:1fr}
  .hip-izgara .hip-kart{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px}
  .hk-orta{grid-column:1/3;grid-row:2}
  .hk-sag{grid-column:2;grid-row:1}
}

@media(min-width:761px){.no-izgara{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.stil-puan{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:8px 0;max-width:520px}
.stil-puan>div{position:relative;background:var(--zemin2,#F1F3F6);border-radius:8px;padding:6px 10px;overflow:hidden;display:flex;justify-content:space-between;font-size:.88rem}
.stil-puan>div i{position:absolute;left:0;bottom:0;height:3px;background:#1C8A3E}
.stil-puan>div:last-of-type i{background:#D19A00}
.stil-puan p{grid-column:1/-1;margin:2px 0 0}
.pm-gorsel{min-height:120px;display:flex;align-items:center;justify-content:center;background:#F1F3F6;border-radius:12px;overflow:hidden}
.pm-gorsel img{width:100%;display:block}
.pm-yukleniyor{font-size:.9rem;color:#5b6472;padding:20px;text-align:center}
.paylas-menu .pm-ana{width:100%;margin:10px 0 0;padding:12px;border:0;border-radius:10px;background:#1C8A3E;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}
.paylas-menu .pm-kopya{background:none;border:1px dashed #c9cfd8;border-radius:10px;padding:9px;margin-top:8px;width:100%;cursor:pointer;font-weight:600}
/* ===== Üye ol daveti ===== */
.uye-davet{position:fixed;inset:0;z-index:300;background:rgba(15,23,32,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.uye-davet[hidden]{display:none}
.ud-ic{position:relative;background:#fff;border-radius:20px;max-width:440px;width:100%;padding:28px 24px 20px;box-shadow:0 24px 60px rgba(0,0,0,.25);text-align:center}
.ud-kapat{position:absolute;top:10px;right:12px;border:0;background:#F1F3F6;border-radius:50%;width:34px;height:34px;font-size:1rem;cursor:pointer}
.ud-ikon{width:58px;height:58px;margin:0 auto 8px;border-radius:16px;background:linear-gradient(135deg,#FFE7A3,#F6C445);display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.ud-ic h2{margin:4px 0 6px;font-size:1.35rem}
.ud-alt{color:#4b5563;margin:0 0 14px;font-size:.95rem}
.ud-liste{list-style:none;padding:0;margin:0 0 16px;text-align:left;display:grid;gap:8px}
.ud-liste li{background:#F6F8FA;border-radius:10px;padding:9px 12px;font-size:.88rem;color:#374151}
.ud-liste b{color:#111827}
.ud-ana{width:100%;justify-content:center;font-size:1.05rem;padding:13px}
.ud-giris{margin:10px 0 0}
body.ud-acik{overflow:hidden}
.uye-serit{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:18px 0;padding:16px 20px;border-radius:16px;background:linear-gradient(120deg,#FFF6D8,#FFFDF3);border:1px solid #F3DE96}
.us-metin{display:flex;flex-direction:column;gap:4px}
.us-metin b{font-size:1.02rem}
.us-metin span{font-size:.88rem;color:#5b5240}
.us-btn{white-space:nowrap;flex-shrink:0}
@media (max-width:640px){.uye-serit{flex-direction:column;align-items:stretch;text-align:left}.us-btn{justify-content:center}}
.neden-takip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.kayit-izgara{display:grid;grid-template-columns:1fr minmax(0,460px);gap:28px;max-width:960px;margin:20px auto;align-items:start}
.kayit-izgara .form-kutu{margin:0}
.kayit-avantaj{background:linear-gradient(160deg,#0F5132,#1C8A3E);color:#fff;border-radius:var(--r-buyuk,18px);padding:28px}
.kayit-avantaj h2{margin:0 0 16px;color:#fff}
.kayit-avantaj ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:14px}
.kayit-avantaj li{display:flex;gap:12px;align-items:flex-start}
.kayit-avantaj li>span{font-size:1.4rem;line-height:1}
.kayit-avantaj li b{display:block;margin-bottom:2px}
.kayit-avantaj li div{font-size:.9rem;color:#dcefe3}
.kayit-avantaj .kucuk{color:#bfe3cc}
@media (max-width:820px){.kayit-izgara{grid-template-columns:1fr}.kayit-avantaj{order:2}}
.agf-hip-filtre button{border:1px solid var(--cizgi,#e3e7ec);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;color:inherit}
.agf-hip-filtre button small{opacity:.6;font-weight:600;margin-left:2px}
.agf-hip-filtre button.aktif{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
.adm-alt-baslik{font-size:1rem;margin:18px 0 4px}
.adm-hip-sec{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0}
.adm-hip-sec label{display:flex;gap:6px;align-items:center;font-weight:500;margin:0}
.adm-hip-sec input{width:auto}
/* ===== Yönetim → Algoritma ===== */
.algo-durum{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 16px}
.algo-durum>div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.algo-durum>div.kotu{border-color:#F2B8AE;background:#FFF6F4}
.algo-durum span{font-size:.8rem;color:var(--soluk,#6b7280);font-weight:600}
.algo-durum b{font-size:1.15rem}
.algo-durum small{font-size:.8rem;color:#4b5563}
.algo-hazir{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.algo-hazir button{text-align:left;border:1px solid var(--cizgi);background:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:4px}
.algo-hazir button:hover{border-color:#1C7A46}
.algo-hazir button.aktif{border-color:#1C7A46;background:#EEF8F1;box-shadow:0 0 0 2px #1C7A4633}
.algo-hazir small{color:#4b5563;font-size:.8rem;line-height:1.35}
.algo-secim{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-weight:400}
.algo-secim input{width:auto;margin-top:4px}
.algo-secim.pasif{opacity:.55}
.algo-satir{margin-top:10px}
.algo-kaydir{display:flex;align-items:center;gap:12px;max-width:460px}
.algo-kaydir input{flex:1}
.algo-kaydir output{font-weight:800;min-width:48px}
.algo-agirlik{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 22px}
.algo-w{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#F7F9FA}
.algo-w.algo-piyasa{background:#FFF7E6;border:1px solid #F3D9A0}
.aw-bas{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.aw-bas span{font-weight:800;color:#1C7A46;font-size:1.05rem}
.algo-w input[type=range]{width:100%;accent-color:#1C7A46;padding:0}
.algo-w small{color:#6b7280;font-size:.78rem}
.algo-kapali{opacity:.45;pointer-events:none}
.algo-tempo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 22px}
.at-kural{display:grid;grid-template-columns:1fr 84px auto;align-items:center;gap:8px;margin:0;font-weight:400;padding:8px 0;border-bottom:1px dashed var(--cizgi)}
.at-kural span{display:flex;flex-direction:column}
.at-kural small,.algo-ikili i,.at-kural i{color:#6b7280;font-size:.78rem;font-style:normal}
.at-kural input{text-align:right;padding:8px}
.algo-ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 22px}
.algo-ikili label{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;font-weight:500;margin:0}
.algo-ikili input{text-align:right;padding:8px}
.algo-dugmeler{position:sticky;bottom:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding:12px;background:#ffffffee;border:1px solid var(--cizgi);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08);margin-top:6px;z-index:5}
.algo-test tr.vurgu td{background:#EEF8F1}
@media (max-width:640px){.at-kural{grid-template-columns:1fr 70px}.at-kural i{display:none}.algo-ikili label{grid-template-columns:1fr 80px}.algo-ikili i{display:none}.algo-dugmeler{bottom:70px}.algo-dugmeler .btn{flex:1;justify-content:center}}
/* ===== Koşunun idmanları ===== */
.ki-bas{margin:6px 0 16px}
.ki-bas h1{margin:6px 0 4px;font-size:1.6rem}
.ki-bas p{margin:0 0 10px}
.ki-geri{font-size:.9rem;font-weight:600}
.ki-ozet{display:flex;flex-wrap:wrap;gap:6px}
.ki-tablo-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px 8px}
.ki-tablo-bas h2{margin:0}
.ki-sirala{margin:0}
.ki-hiz{padding:1px 6px;border-radius:6px}
.ki-hiz1{background:#1C7A46;color:#fff}
.ki-hiz2{background:#D8F0E1;color:#0E5C33}
.ki-hiz3{background:#EEF7F1;color:#0E5C33}
.ki-jokey{color:#2a4fa8}
.ki-alt-baslik{margin:24px 0 12px}
.ki-kartlar{display:grid;gap:14px}
.ki-kart{padding:14px 16px;scroll-margin-top:80px}
.ki-kart-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ki-rozetler{display:flex;gap:6px;flex-wrap:wrap}
.ki-idman td,.ki-idman th{padding:8px 10px}
.ki-egilim{margin:8px 0 0;color:#4b5563}
@media (max-width:640px){.ki-tablo-bas h2{font-size:1.15rem}.ki-bas h1{font-size:1.3rem}.ki-karsi td,.ki-karsi th{padding:8px 6px}.ki-kart{padding:12px}}
/* ===== Koşu analiz araçları ===== */
.an-arac{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;margin:10px 0 0;scrollbar-width:thin}
.an-arac a{flex-shrink:0;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:.84rem;font-weight:700;color:var(--murekkep);white-space:nowrap}
.an-arac a:hover{border-color:#1C7A46;color:#1C7A46}
.an-sekme{display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;padding-bottom:4px}
.an-sekme a{flex-shrink:0;padding:9px 14px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);font-weight:700;font-size:.9rem;color:var(--murekkep);white-space:nowrap}
.an-sekme a.aktif{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
.senaryo-sar{overflow-x:auto;margin:8px 0}
.senaryo-svg{width:100%;min-width:520px;height:auto;display:block}
.senaryo-mini{margin-top:10px;background:#fff;border-radius:12px;padding:6px}
.senaryo-mini .senaryo-svg{min-width:460px}
.senaryo-lejant{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#4b5563;margin:4px 0 10px}
.senaryo-lejant i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.sl-kacak{background:#D9541E}.sl-on{background:#1C7A46}.sl-bekleme{background:#5B3BA8}.sl-sprinter{background:#B7791F}.sl-yok{background:#fff;border:2px dashed #9AA5B1}
.senaryo-tempo{background:#F6F8FA;border-radius:10px;padding:10px 12px}
.senaryo-yorum{margin:10px 0;padding-left:18px}
.senaryo-yorum li{margin:4px 0}
.dg-liste{display:grid;gap:10px}
.dg-at{border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px}
.dg-at ul{margin:8px 0 0;padding-left:18px}
.dg-at li{margin:4px 0}
.ist-iyi{color:#0E8A4C}.ist-kotu{color:#C2382D}
.not-degisim{background:#F3F6FF;border-radius:8px;padding:8px 10px;font-size:.88rem}
.kh-sec{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kh-sec select{max-width:260px}
.kh-sonuc{background:#EEF8F1;border-radius:10px;padding:12px;font-weight:600;margin-top:12px}
.ys-ozet{font-size:1.02rem;font-weight:600}
.ys-izgara{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:10px 0}
.ys-izgara>div,.ys-sans{border-radius:12px;padding:10px 14px}
.ys-ust{background:#EEF8F1}.ys-alt{background:#FFF4F2}.ys-sans{background:#FFF8E6;margin-top:10px}
.ys-kart h3{font-size:.95rem;margin:0 0 6px}
.ys-kart ul{margin:0;padding-left:18px}
.ys-kart li{margin:5px 0}
.ys-sans li{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ss-izgara{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.ss-kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:14px}
.ss-kart.ss-yazili{border-color:#1C7A46;box-shadow:0 0 0 2px #1C7A4622}
.ss-ust{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ss-neden{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}
.ss-neden li{background:#FFF8E6;border-radius:8px;padding:6px 10px;font-size:.88rem}
.ss-sonraki{margin:0;font-size:.88rem;font-weight:600}
.deger-test{background:#F6F8FA;border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.deger-test.iyi{background:#EEF8F1;border-color:#BFE3CF}
.deger-ev{display:inline-block;padding:3px 9px;border-radius:8px;background:#EEF8F1;color:#0E5C33;font-weight:800}
.deger-ev.ev-yuksek{background:#1C7A46;color:#fff}
.km-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 16px}
.km-kartlar>div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.km-kartlar span{font-size:.8rem;color:#6b7280;font-weight:600}
.km-kartlar b{font-size:1.35rem}
.km-kartlar small{font-size:.78rem;color:#6b7280}
.km-kartlar .iyi b{color:#0E8A4C}.km-kartlar .kotu b{color:#C2382D}
.km-bar{display:inline-block;width:60px;height:6px;background:#EEF1F4;border-radius:4px;vertical-align:middle;margin-left:6px;overflow:hidden}
.km-bar i{display:block;height:100%;background:#1C7A46}
.km-grafik{display:flex;align-items:flex-end;gap:4px;height:90px;overflow-x:auto;padding-top:6px}
.km-grafik>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:16px;height:100%}
.km-grafik i{display:block;width:12px;border-radius:3px 3px 0 0}
.km-grafik i.arti{background:#1C7A46}.km-grafik i.eksi{background:#E8644F}
.km-grafik span{font-size:.65rem;color:#6b7280}
.kariyer-tablo{width:100%;border-collapse:separate;border-spacing:5px;min-width:440px}
.kariyer-tablo th{font-size:.8rem;color:#6b7280;font-weight:700;text-align:center}
.kariyer-tablo tbody th{text-align:left;color:#33413A;font-size:.9rem}
.kariyer-tablo td{position:relative;text-align:center;border-radius:10px;padding:10px 6px;vertical-align:middle}
.kariyer-tablo td b{display:block;font-size:1.05rem}
.kariyer-tablo td small{font-size:.72rem;color:inherit;opacity:.8}
.kariyer-tablo td i{position:absolute;top:-8px;right:6px;font-style:normal;font-size:.65rem;background:#12301F;color:#fff;border-radius:6px;padding:1px 6px}
.kh-bos{background:#F6F8FA;color:#9AA5B1}.kh-s1{background:#FDECEA;color:#9F2B23}.kh-s2{background:#FFF4DE;color:#7A5508}.kh-s3{background:#D8F0E1;color:#0E5C33}.kh-s4{background:#1C7A46;color:#fff}
.kh-bugun{box-shadow:0 0 0 3px #12301F}
.kariyer-hip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kariyer-hip span{background:#F6F8FA;border-radius:999px;padding:5px 11px;font-size:.82rem}
.sb-ayak{margin:12px 0;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px}
.sb-ayak summary{cursor:pointer;font-weight:700}
.sb-ayak summary small{font-weight:400;color:#6b7280}
.sb-ayak-satir{display:grid;grid-template-columns:62px 54px 1fr;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed var(--cizgi)}
.sb-atlar{display:flex;flex-wrap:wrap;gap:5px}
.sb-atlar label{margin:0;cursor:pointer}
.sb-atlar input{position:absolute;opacity:0;width:1px;height:1px}
.sb-atlar span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:8px;border:1px solid var(--cizgi);background:#fff;font-weight:800}
.sb-atlar span.sb-bir{border:2px solid #1C7A46}
.sb-atlar input:checked+span{background:#12301F;color:#fff;border-color:#12301F}
.sb-atlar input:focus-visible+span{outline:2px solid #1C7A46;outline-offset:2px}
@media (max-width:640px){.sb-ayak-satir{grid-template-columns:1fr}.sb-ayak-satir .soluk{display:none}}
/* ===== İdman dereceleri tablosu ===== */
.ia-sehir{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:12px 0}
.ia-sehir a{flex-shrink:0;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);font-weight:700;color:var(--murekkep)}
.ia-sehir a.dolu{border-color:#BFE3CF}
.ia-sehir a.aktif{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
.ia-ust{display:flex;flex-wrap:wrap;gap:4px 18px}
.ia-giris{max-width:110px;text-align:right;font-weight:700}
.ia-giris::placeholder{font-weight:400;color:#B4BCC6}
.ia-uyari td{background:#FFF4F2}
.ia-ozet{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.ia-ozet-kart{border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px}
.ia-ozet-kart ul{margin:6px 0 0;padding-left:16px;font-size:.86rem}
.ia-sil{border:0;background:none;color:#C2382D;cursor:pointer;font-size:.8rem;padding:0 4px}
.idb-hip{grid-column:1/-1;margin:14px 0 0;font-size:1.1rem;padding-bottom:6px;border-bottom:2px solid var(--cizgi)}
/* ===== Takip notu ve uyarısı ===== */
.takip-uyari{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#FFF6D8,#FFFDF3);border:1px solid #F3DE96;position:relative}
.takip-uyari[hidden]{display:none}
.tu-ikon{font-size:1.5rem;line-height:1}
.takip-uyari ul{margin:4px 0 0;padding-left:0;list-style:none;display:grid;gap:4px}
.takip-uyari li{font-size:.9rem}
.tu-not{display:block;font-size:.85rem;color:#5b5240;background:#fff;border-radius:8px;padding:4px 8px;margin-top:3px}
.tu-kapat{position:absolute;top:8px;right:10px;border:0;background:none;font-size:1rem;cursor:pointer;color:#7A5508}
.takip-not{margin:10px 0;background:#FFFBEF;border:1px solid #F3DE96;border-radius:12px;padding:10px 12px}
.takip-not label{font-weight:700;font-size:.9rem;margin:0 0 6px;display:block}
.tn-satir{display:flex;gap:8px;align-items:flex-end}
.tn-satir textarea{flex:1;min-height:44px;resize:vertical;font-size:.9rem}
.tn-satir .btn{flex-shrink:0}
@media (max-width:640px){.tn-satir{flex-direction:column;align-items:stretch}}
.et-takip{background:#FFF1C9;color:#7A5508;border:1px solid #F0D27A}
.takip-at{display:block!important}
.ta-ust{display:flex;justify-content:space-between;align-items:center;gap:8px}
.prof{margin:16px;padding:10px 14px;background:#111;color:#e5e5e5;border-radius:10px;font-size:.78rem}
.prof table{width:100%;border-collapse:collapse}.prof td{padding:3px 6px;border-top:1px solid #333;vertical-align:top}.prof code{color:#9fe0b8;white-space:normal}
.ss-puan{display:inline-block;margin-top:6px;font-size:.78rem;font-weight:800;color:#0E5C33;background:#EEF8F1;border-radius:6px;padding:2px 8px}
/* Üst menü tek satır: geniş olmayan masaüstlerinde hesap bağlantıları yalnızca simge */
@media (min-width:1001px) and (max-width:1500px){
  .hesap a.hesap-ikon span,.hesap .ara-ikon span{display:none!important}
  .ana-menu{flex-wrap:nowrap!important}.ana-menu a{white-space:nowrap;padding-left:9px;padding-right:9px}
  .hesap{gap:8px}
}
.nv-paylas{display:block;width:100%;margin-top:12px;padding:13px;border:0;border-radius:12px;background:linear-gradient(120deg,#1C3F9E,#2F64D6);color:#fff;font-weight:800;font-size:1rem;cursor:pointer}
.nv-paylas:hover{filter:brightness(1.08)}
/* ===== En iyi ayarı bul ===== */
.opt-secim{display:grid;gap:10px;margin:8px 0 12px}
.opt-et{display:block;font-size:.82rem;font-weight:700;color:#4b5563;margin-bottom:4px}
.opt-cip{display:flex;flex-wrap:wrap;gap:6px}
.opt-cip label{margin:0;cursor:pointer}
.opt-cip input{position:absolute;opacity:0;width:1px;height:1px}
.opt-cip span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-weight:700;font-size:.86rem}
.opt-cip input:checked+span{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
.opt-ilerleme{position:relative;height:28px;border-radius:8px;background:#EEF1F4;overflow:hidden;margin:12px 0}
.opt-ilerleme i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#BFE3CF,#1C7A46);transition:width .4s}
.opt-ilerleme span{position:relative;display:block;text-align:center;line-height:28px;font-size:.84rem;font-weight:700}
.opt-cubuk{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:6px 0 4px;min-width:200px;background:#EEF1F4}
.opt-cubuk i{display:block;height:100%}
.opt-pay{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:.72rem;color:#4b5563}
.opt-pay b{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:3px;vertical-align:0}
.opt-tablo td{vertical-align:top}
.seg-aktif{background:#F0F8F3;border:1px solid #CFE8DA;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.seg-aktif .sk-btn{margin:2px 0}
.opt-tablo tr.seg-iyi td{background:#F4FBF6}
.opt-tablo .artis{color:#1C7A46}.opt-tablo .azalis{color:#B42318}
.uyari-kutu{background:#FFF8E6;border:1px solid #F1D48A}
.uyari-kutu h2{margin-top:0}
.sehir-liste{display:grid;gap:8px}
.sehir-kutu{border:1px solid var(--cizgi);border-radius:10px;background:#fff}
.sehir-kutu.sehir-ozel{border-color:#9FD3B5;background:#F7FCF9}
.sehir-kutu summary{cursor:pointer;padding:10px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;list-style:none}
.sehir-kutu summary::-webkit-details-marker{display:none}
.sehir-kutu summary::before{content:'▸';color:#6b7280}
.sehir-kutu[open] summary::before{content:'▾'}
.sehir-kutu summary small{flex-basis:100%;padding-left:16px}
.sehir-rozet{background:#1C7A46!important;color:#fff!important}
.sehir-arama{font-size:.8rem;font-weight:700;color:#6b7280}
.sehir-arama.iyi{color:#1C7A46}
.sehir-form{padding:0 12px 12px}
.sehir-kullan{display:block;margin:4px 0 10px}
.sehir-dugme{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* paylaş menüsü v2 */
.pm-ic{max-height:calc(100vh - 32px);overflow:auto}
.pm-btn{grid-template-columns:repeat(3,1fr)}
.pm-btn a[data-fb]{background:#1877F2;color:#fff}
.pm-btn a[data-indir]{grid-column:span 2}
.pm-metin{white-space:pre-wrap;font-size:.82rem;line-height:1.45;background:#F6F8F7;border:1px solid #E3E8E5;border-radius:10px;padding:10px;max-height:150px;overflow:auto;color:#26332b}
.pm-kopya-satir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pm-kopya-satir .pm-kopya{margin-top:0!important;font-size:.82rem}
.pm-ipucu{margin:0;font-size:.74rem;color:#6b7280;text-align:center}
.pm-yonetici{border:1px solid #F1D48A;background:#FFF8E6;border-radius:12px;padding:10px;display:grid;gap:8px;font-size:.86rem}
.pm-kanal{display:flex;flex-wrap:wrap;gap:6px 12px}
.pm-kanal label{margin:0;font-weight:600}.pm-kanal label.pasif{opacity:.55}
.pm-sonuc{font-size:.82rem;display:grid;gap:3px}
.paylas-btn.paylas,.paylas-kucuk{border:1px solid var(--cizgi,#dfe4e1);background:#fff;border-radius:999px;padding:5px 11px;font-weight:700;font-size:.8rem;cursor:pointer;color:#1d2a22;white-space:nowrap}
.paylas-kucuk{padding:3px 9px;font-size:.74rem}
.paylas-btn.paylas:hover,.paylas-kucuk:hover{background:#F2F7F4}
/* yönetim → paylaşım merkezi */
.pk-nav{margin-bottom:12px}
.pk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pk-kart{border:1px solid var(--cizgi);border-radius:12px;padding:10px;display:grid;gap:8px;background:#fff}
.pk-ust{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start}
.pk-ust img,.pk-gorselsiz{width:84px;height:84px;border-radius:8px;object-fit:cover;background:#EEF1F4;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#6b7280}
.pk-gitti{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.pk-gitti span{font-size:.68rem;padding:2px 7px;border-radius:999px;background:#F1F3F6;color:#6b7280}
.pk-gitti span.ok{background:#E3F4EA;color:#1C7A46;font-weight:700}
.pk-kart textarea{font-size:.8rem;line-height:1.4;min-height:110px}
.pk-kanal{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.84rem}
.pk-kanal label{margin:0}.pk-kanal label.pasif{opacity:.5}
.pk-eylem{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pk-kosu{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--cizgi)}
.pk-kosu select{width:auto;max-width:100%}
.pk-matris td,.pk-matris th{vertical-align:middle}
.pk-matris .orta{text-align:center}
.pk-matris input{width:20px;height:20px}
.pk-matris small.ok{color:#1C7A46;font-weight:700}
.pk-sutun{border:0;background:none;color:#2F64D6;font-size:.72rem;cursor:pointer;padding:0}
.pk-ayar{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:12px 0}
.pk-mecra-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pk-mecra-izgara fieldset{border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;display:grid;gap:4px;min-width:0}
.pk-mecra-izgara legend{font-weight:800;padding:0 6px}
.pk-durum{font-size:.74rem;font-weight:700;color:#6b7280;margin-left:4px}.pk-durum.ok{color:#1C7A46}
.neden-paylas{display:inline-flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.idb-hip .paylas-btn{vertical-align:middle;margin-left:8px}
.ki-bas h1 .paylas-btn{vertical-align:middle;font-size:.8rem}
.pm-yonetici[hidden],.pm-metin[hidden],.paylas-menu [hidden]{display:none!important}
.pm-ic>*{flex-shrink:0}
/* 🎬 koşuyu canlandır */
.canlandir .panel-baslik{margin-bottom:6px}
.cl-sec{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;margin:0 0 8px}
.cl-sec select{flex:1;min-width:0;padding:6px 8px}
.cl-sahne{position:relative;border-radius:12px;overflow:hidden;background:#16301E}
.cl-sahne canvas{display:block;width:100%}
.cl-buyuk{position:absolute;left:0;right:0;top:0;bottom:52px;margin:auto;width:64px;height:64px;border-radius:50%;border:0;background:rgba(255,225,77,.95);color:#1d1d1d;font-size:26px;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.canlandir.oynuyor .cl-buyuk{display:none}
.cl-altyazi{background:#151a17;color:#fff;font-size:.82rem;line-height:1.4;padding:8px 10px;min-height:52px;border-left:4px solid #FFE14D;color:rgba(255,255,255,.55)}
.cl-altyazi:empty::before{content:'▶ Oynat: anlatım burada akacak';color:rgba(255,255,255,.5)}
.cl-altyazi.goster{color:#fff}
.cl-altyazi.cl-olay,.cl-altyazi.cl-kotu{border-left-color:#E5484D}.cl-altyazi.cl-iyi{border-left-color:#3CCB6B}
.cl-kontrol{display:flex;align-items:center;gap:8px;margin:8px 0}
.cl-kontrol input[type=range]{flex:1;min-width:0;accent-color:#1C8A3E}
.cl-hiz{display:inline-flex;border:1px solid var(--cizgi);border-radius:999px;overflow:hidden}
.cl-hiz button{border:0;background:#fff;padding:4px 8px;font-weight:700;font-size:.78rem;cursor:pointer}
.cl-hiz button.aktif{background:#1C8A3E;color:#fff}
.cl-baslik{font-size:.92rem;margin:12px 0 6px}
.cl-anlatim{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:260px;overflow:auto}
.cl-anlatim li{display:grid;grid-template-columns:52px 22px 1fr;gap:4px;align-items:start;font-size:.82rem;line-height:1.35;padding:6px 8px;border-radius:8px;background:#F6F8F7;opacity:.55;cursor:pointer;transition:.2s}
.cl-anlatim li.gecti{opacity:1}
.cl-anlatim li.simdi{background:#FFF6CC;box-shadow:inset 3px 0 0 #E0B400}
.cl-anlatim li.cl-olay.gecti,.cl-anlatim li.cl-kotu.gecti{background:#FDECEC}
.cl-anlatim li.cl-iyi.gecti{background:#E9F7EE}
.cl-anlatim li.simdi.cl-olay,.cl-anlatim li.simdi.cl-kotu{box-shadow:inset 3px 0 0 #E5484D}
.cl-m{font-weight:800;color:#6b7280;font-size:.74rem;padding-top:1px}
.tempo-ozet{list-style:none;margin:8px 0 6px;padding:0;display:grid;gap:3px;font-size:.84rem}
.tempo-ozet b{font-weight:800}
.cl-ac{margin-top:10px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.cl-ac>summary{cursor:pointer;list-style:none;padding:10px 14px;font-weight:800;display:flex;align-items:center;gap:8px;border-radius:12px;background:linear-gradient(90deg,#14301f,#1f5a36);color:#fff}
.cl-ac>summary::-webkit-details-marker{display:none}
.cl-ac>summary small{font-weight:600;opacity:.75;margin-left:auto}
.cl-ac>summary::after{content:'▸';transition:.2s}
.cl-ac[open]>summary::after{transform:rotate(90deg)}
.cl-ac>.canlandir,.cl-ac>[data-cl-durum]{padding:10px 12px}
.cl-ac>.canlandir{max-width:720px}
/* 👑 premium */
.pr-hero{text-align:center;background:radial-gradient(120% 120% at 50% 0%,#3a2a05 0%,#15110a 60%);color:#fff;border-radius:22px;padding:34px 18px 26px;margin-bottom:16px;box-shadow:0 10px 40px rgba(0,0,0,.18)}
.pr-tac{font-size:52px;filter:drop-shadow(0 4px 14px rgba(255,200,60,.55))}
.pr-hero h1{margin:4px 0;font-size:2rem;background:linear-gradient(90deg,#FFE7A3,#F2B53B,#FFE7A3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-alt{opacity:.85;margin:0 auto 16px;max-width:520px}
.pr-firsat{display:inline-flex;flex-direction:column;gap:2px;background:rgba(255,214,74,.12);border:1px solid rgba(255,214,74,.5);border-radius:14px;padding:10px 18px;margin-bottom:12px}
.pr-firsat b{color:#FFD64A;font-size:1.05rem}
.pr-bar{max-width:420px;height:12px;margin:0 auto;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.pr-bar i{display:block;height:100%;background:linear-gradient(90deg,#F2B53B,#FFE58A)}
.pr-bar-alt{display:block;opacity:.7;margin:6px 0 14px}
.pr-btn{background:linear-gradient(90deg,#F2B53B,#FFD64A)!important;color:#1d1608!important;font-weight:800;font-size:1.05rem;padding:12px 24px;border:0;box-shadow:0 6px 20px rgba(242,181,59,.45)}
.pr-durum{display:inline-block;background:rgba(60,203,107,.15);border:1px solid rgba(60,203,107,.5);border-radius:12px;padding:10px 16px}
.pr-hero .kucuk a{color:#FFD64A}
.pr-avantaj{margin:0 0 16px}
.pr-avantaj ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pr-avantaj li{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:14px;font-weight:600}
.pr-sss details{border-top:1px solid var(--cizgi);padding:10px 0}.pr-sss summary{cursor:pointer;font-weight:700}
.premium-kilit{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#FFF8E1,#FFF1C4);border:1px solid #F1D48A;border-radius:14px;padding:14px;margin:8px 0}
.premium-kilit .pk-tac{font-size:30px}.premium-kilit p{margin:4px 0 8px;font-size:.88rem}
.premium-rozet{display:inline-block;margin-left:4px;font-size:.85em}
.ust-premium{background:linear-gradient(90deg,#F2B53B,#FFD64A);color:#1d1608!important;border-radius:999px;padding:5px 11px;font-weight:800;font-size:.82rem;white-space:nowrap}
.logo-resim{height:40px;width:auto;display:block}
.mk-onizleme{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:10px}
.mk-ust{border:1px solid var(--cizgi);border-radius:10px;padding:10px 14px;background:#fff;margin-top:4px}
.mk-ikon img{width:64px;height:64px;border-radius:14px;margin-top:4px;border:1px solid var(--cizgi)}
.cl-forma{width:22px;height:22px;object-fit:contain;vertical-align:middle;border-radius:4px}.cl-genis{padding-top:4px;padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
/* 🔎 sürpriz adayları v2 */
.sz-kart{width:272px;flex:0 0 auto;display:flex;flex-direction:column;gap:10px;border-radius:18px;padding:14px;color:inherit;text-decoration:none;
  background:linear-gradient(160deg,#2a1440 0%,#4b1f6e 55%,#6d2d8f 100%);color:#fff;box-shadow:0 8px 24px rgba(75,31,110,.25);position:relative;overflow:hidden}
.sz-kart::after{content:'';position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.07)}
.sz-kart:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 30px rgba(75,31,110,.35)}
.sz-ust{display:flex;align-items:center;gap:8px;position:relative;z-index:1}
.sz-ust .forma{width:30px;height:30px}
.sz-ad{flex:1;min-width:0}.sz-ad b{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-ad small{display:block;font-size:.72rem;opacity:.75}
.sz-kat{background:#FFD64A;color:#2a1440;font-weight:900;border-radius:999px;padding:4px 9px;font-size:.85rem;box-shadow:0 2px 8px rgba(255,214,74,.4)}
.sz-oran{display:grid;gap:7px;position:relative;z-index:1}
.sz-oran>div{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto 8px;column-gap:8px;align-items:center}
.sz-oran span{font-size:.7rem;font-weight:800;letter-spacing:.04em;opacity:.85}
.sz-oran b{justify-self:end;font-size:1.05rem}
.sz-oran i{grid-column:1/3;display:block;height:8px;border-radius:5px}
.sz-b i{background:linear-gradient(90deg,#FFD64A,#FF9F2E)}.sz-b b{color:#FFD64A}
.sz-a i{background:rgba(255,255,255,.35)}
.sz-alt{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.74rem;opacity:.92;position:relative;z-index:1}
.sz-gny b{color:#FFD64A}
/* 🏆 liderler */
.ld-podyum{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;margin:8px 0 14px}
.ld-pd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;position:relative}
.ld-pd b{font-size:.86rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-madalya{font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.ld-av{width:52px!important;height:52px!important;font-size:1.3rem!important;box-shadow:0 0 0 3px #fff,0 4px 14px rgba(0,0,0,.15)}
.ld-1 .ld-av{width:62px!important;height:62px!important;box-shadow:0 0 0 3px #F2C14E,0 6px 18px rgba(242,193,78,.45)}
.avatar-bot{background:linear-gradient(135deg,#14301f,#1f6b3f)!important;color:#fff;display:inline-grid;place-items:center}
.ld-ekip{font-size:.62rem;font-weight:800;color:#1C7A46;background:#E3F4EA;border-radius:999px;padding:1px 7px}
.ld-net{font-weight:900;font-size:.9rem}.ld-net.arti{color:#14834A}.ld-net.eksi{color:#C2382D}
.ld-blok{width:100%;border-radius:14px 14px 4px 4px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08)}
.ld-blok span{font:800 1.8rem var(--baslik)}.ld-blok small{font-size:.64rem;opacity:.9}
.ld-1 .ld-blok{height:96px;background:linear-gradient(180deg,#F7D46B,#D89B1B)}
.ld-2 .ld-blok{height:74px;background:linear-gradient(180deg,#C9D2D8,#8E9AA1)}
.ld-3 .ld-blok{height:58px;background:linear-gradient(180deg,#E6A576,#A8622F)}
.ld-liste{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.ld-liste li{display:grid;grid-template-columns:24px 36px 1fr auto;align-items:center;gap:8px;background:#F7F9F8;border-radius:12px;padding:8px 10px}
.ld-sira{font-weight:900;color:#8A968F;text-align:center}
.ld-av-k{width:34px!important;height:34px!important;font-size:.95rem!important}
.ld-ad{min-width:0}.ld-ad b{display:block;font-size:.86rem}.ld-ad small{display:block;font-size:.7rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-cubuk{display:block;height:5px;border-radius:3px;margin-top:4px}.ld-cubuk.arti{background:linear-gradient(90deg,#3CCB6B,#14834A)}.ld-cubuk.eksi{background:linear-gradient(90deg,#F29A92,#C2382D)}
.ld-hucre{display:flex;align-items:center;gap:8px}
.ld-panel{padding-bottom:4px}
.ld-tablo td.sira{font-size:1.05rem}
/* ===== Başlık v2 ===== */
.ust-ic{flex-wrap:nowrap!important;gap:14px!important;min-height:64px}
.logo{flex:0 0 auto;font-size:1.6rem}
.ana-menu{display:flex!important;flex:1;gap:2px;align-items:center;flex-wrap:nowrap!important;min-width:0;width:auto!important;flex-direction:row!important;padding:0!important}
.ana-menu>a,.ust-acilir>summary{color:#3E4D45;padding:8px 11px;border-radius:10px;font-weight:700;font-size:.9rem;white-space:nowrap;cursor:pointer}
.ana-menu>a:hover,.ust-acilir>summary:hover{background:var(--kart3);color:var(--murekkep);text-decoration:none}
.ana-menu>a.aktif,.ust-acilir.aktif>summary{color:var(--cim-koyu);background:var(--cim-acik)}
.ust-acilir{position:relative}
.ust-acilir>summary{list-style:none;display:flex;align-items:center;gap:5px}
.ust-acilir>summary::-webkit-details-marker{display:none}
.ust-acilir .ok{font-size:.7rem;opacity:.6;transition:.2s}
.ust-acilir[open] .ok{transform:rotate(180deg)}
.acilir-kutu{position:absolute;top:calc(100% + 8px);left:0;z-index:80;background:#fff;border:1px solid var(--cizgi);border-radius:16px;box-shadow:0 18px 50px -12px rgba(16,40,28,.28);padding:8px;min-width:240px;display:grid;gap:2px;animation:acilir .15s ease-out}
@keyframes acilir{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.acilir-izgara{grid-template-columns:1fr 1fr;min-width:420px}
.acilir-sag{left:auto;right:0;min-width:270px}
.acilir-kutu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#26332b;font-weight:600;font-size:.88rem;white-space:nowrap}
.acilir-kutu a:hover{background:var(--kart3);text-decoration:none}
.acilir-kutu a>span:first-child{width:22px;text-align:center;font-size:1rem}
.hesap{display:flex!important;flex-direction:row!important;gap:6px!important;align-items:center;margin-left:auto;width:auto!important;padding:0!important}
.ust-ikon{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#3E4D45}
.ust-ikon:hover{background:var(--kart3)}
.ust-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ust-ikon.zil b{position:absolute;top:4px;right:3px;min-width:17px;height:17px;border-radius:9px;background:#E5484D;color:#fff;font-size:.62rem;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.ust-premium{padding:7px 12px!important;border-radius:999px!important;font-size:.82rem!important;box-shadow:0 4px 12px -4px rgba(242,181,59,.6)}
.ust-premium:hover{filter:brightness(1.05);text-decoration:none}
.ust-profil>summary{padding:4px 8px 4px 4px!important;border:1px solid var(--cizgi);background:#fff}
.ust-av{width:32px!important;height:32px!important;font-size:.9rem!important;border-radius:10px!important}
.up-ad{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.up-bas{flex-direction:row;align-items:center!important;background:var(--kart3);margin-bottom:4px;white-space:normal!important}
.up-bas>span:last-child{display:flex;flex-direction:column;gap:2px;flex:1}
.up-bas small{color:var(--soluk);font-weight:600;font-size:.72rem}
.up-bas .seviye-iz{display:block;height:5px;border-radius:3px;background:#E3E9E5;overflow:hidden;margin-top:3px}
.up-bas .seviye-iz i{display:block;height:100%;background:linear-gradient(90deg,#3CCB6B,#14834A)}
.up-prem{display:block;font-size:.78rem;font-weight:800;color:#8a6500;background:#FFF6D6;border-radius:8px;padding:6px 10px;margin:2px 0}
.up-cikis{color:#B42318!important;border-top:1px solid var(--cizgi);border-radius:0 0 10px 10px!important;margin-top:4px}
.ust-giris{color:#3E4D45;font-weight:700;padding:8px 10px;border-radius:10px}
.ust-kayit{white-space:nowrap}
.btn.ust-kayit,.btn.ust-kayit:hover{color:#fff!important}
.menu-ac{display:none!important;width:42px;height:40px;border-radius:12px;border:1px solid var(--cizgi);background:#fff;padding:0!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-left:0!important}
.menu-ac span{display:block;width:18px;height:2px;border-radius:2px;background:#26332b;transition:.2s}
.ust.acik .menu-ac span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ust.acik .menu-ac span:nth-child(2){opacity:0}
.ust.acik .menu-ac span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobil-menu{display:none;border-top:1px solid var(--cizgi);background:#fff;max-height:calc(100vh - 64px);overflow:auto}
.mm-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}
.mm-izgara a{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:12px 6px;border-radius:14px;background:var(--kart3);color:#26332b;font-weight:700;font-size:.8rem;line-height:1.2}
.mm-izgara a span{font-size:1.35rem}
.mm-izgara a.aktif{background:var(--cim-acik);color:var(--cim-koyu)}
.mm-izgara a:hover{text-decoration:none}
.mm-hesap{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 14px}
@media (max-width:1180px) and (min-width:1001px){.ana-menu>a,.ust-acilir>summary{padding:8px 8px;font-size:.86rem}.up-ad{display:none}}
@media (max-width:1000px){
  .ana-menu{display:none!important}
  .menu-ac{display:inline-flex!important}
  .ust.acik .mobil-menu{display:block}
  .up-ad,.ust-premium span,.ust-giris{display:none}
  .ust-premium{padding:7px 10px!important}
}
@media (max-width:420px){.logo{font-size:1.35rem}.ust-ikon{width:36px}.hesap{gap:3px!important}.ust-kayit{padding:7px 10px!important}}
.up-bas .seviye-iz{position:static!important;inset:auto!important;width:100%!important;display:block!important;height:5px!important;border-radius:3px;background:#E3E9E5!important;overflow:hidden;margin-top:4px}
.up-bas .seviye-iz i{position:static!important;display:block;height:100%;background:linear-gradient(90deg,#3CCB6B,#14834A)!important}
.mm-hesap .btn{justify-content:center;text-align:center;display:flex;align-items:center}
/* 🎬 canlandır düğmesi: dikkat çekici */
.cl-ac{border:0!important;background:transparent!important;margin-top:14px}
.cl-ac>summary{position:relative;overflow:hidden;padding:14px 16px!important;border-radius:16px!important;gap:14px!important;
  background:linear-gradient(110deg,#0f2a1b 0%,#16613a 45%,#1f8a4e 100%)!important;box-shadow:0 10px 26px -8px rgba(19,120,70,.55),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .15s,box-shadow .15s}
.cl-ac>summary:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(19,120,70,.7)}
.cl-ac>summary::after{content:''!important;position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);animation:clParla 3.2s ease-in-out infinite;transform:none!important}
@keyframes clParla{0%{left:-60%}55%,100%{left:130%}}
.cl-ac[open]>summary::after{display:none}
.cl-ac-ikon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#FFD64A;color:#14301f;font-size:1.15rem;padding-left:3px;box-shadow:0 0 0 0 rgba(255,214,74,.7);animation:clNabiz 1.8s infinite}
@keyframes clNabiz{0%{box-shadow:0 0 0 0 rgba(255,214,74,.65)}70%{box-shadow:0 0 0 14px rgba(255,214,74,0)}100%{box-shadow:0 0 0 0 rgba(255,214,74,0)}}
.cl-ac[open] .cl-ac-ikon{animation:none}
.cl-ac-yazi{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.cl-ac-yazi b{font-size:1.05rem}.cl-ac-yazi small{font-weight:600;opacity:.8;font-size:.78rem;margin:0!important}
.cl-ac-cip{flex:0 0 auto;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.cl-ac[open] .cl-ac-cip{display:none}
.cl-ac>.canlandir,.cl-ac>[data-cl-durum]{background:#fff;border:1px solid rgba(0,0,0,.08);border-top:0;border-radius:0 0 14px 14px;margin-top:-6px;padding-top:16px}
@media (prefers-reduced-motion:reduce){.cl-ac>summary::after,.cl-ac-ikon{animation:none}}
.cl-ac>summary,.cl-ac-yazi b{color:#fff!important}
.cl-ac-yazi small{color:#d9f5e3!important;opacity:1!important}
@media (max-width:520px){.cl-ac>summary{padding:12px!important;gap:10px!important}.cl-ac-ikon{width:40px;height:40px}.cl-ac-yazi b{font-size:.98rem}.cl-ac-cip{padding:4px 9px}}
/* 🏆 Yönetim: liderler ve bakiye */
.ldz-tablo td{vertical-align:top}.ldz-tablo input[type=text],.ldz-tablo input[type=number]{width:96px;text-align:right;padding:6px 8px;margin:0}
.ldz-tablo td small{display:block;font-size:.68rem;margin-top:3px}.ldz-tablo .ld-av-k{vertical-align:middle}
.ldz-duz{background:#FFF8E1}.ldz-gizli{opacity:.5}.ldz-diger .adm-onay{margin:0 0 4px;font-size:.78rem;white-space:nowrap}
.ld-blok .ld-oran{font-weight:800;opacity:1}
.adm-form.ldz-form{max-width:none}
.ldz-tablo td:first-child{white-space:nowrap}.ldz-tablo td:first-child b{font-size:.86rem}
.ldz-tablo input::placeholder{color:#b3bcb6;opacity:1}
.ldz-tablo input[type=text],.ldz-tablo input[type=number]{width:88px}
.ld-3 .ld-blok{height:68px}.ld-2 .ld-blok{height:80px}.ld-blok small{line-height:1.25}
.ldz-diger{min-width:120px}
/* 👥 Yönetim: kullanıcılar */
.ku-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}@media (max-width:640px){.ku-izgara{grid-template-columns:1fr}}
.ku-pr{display:inline-block;background:#FFF4CC;color:#7a5600;border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:700;white-space:nowrap}
.ku-pr-rol{background:#E8F3EC;color:#1d6b40}.ku-pr-bitti{background:#f1f1f1;color:#888}
.ku-pr-sec{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-bottom:8px}.ku-pr-sec .adm-onay{margin:0}
.ku-rozet{display:inline-block;min-width:18px;padding:0 6px;border-radius:999px;background:#E0452B;color:#fff!important;font-size:.7rem;font-weight:800;text-align:center;line-height:18px}
.ku-engel td{opacity:.55}.ku-bekle{background:#FFF8E1}.ku-engel-et{font-size:.8rem;background:#FDE8E4;color:#B3261E;border-radius:999px;padding:2px 9px}
.ku-talep-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ku-talep-form select{width:auto;margin:0}
.ku-sekme a small{margin-left:3px}
.pr-talep{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto}.pr-talep textarea{width:100%}
/* 🎯 BANKOCU bildi vitrini */
.bs-rozet{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.bs-bomba{background:linear-gradient(90deg,#E0452B,#FF8A00);color:#fff;box-shadow:0 0 0 0 rgba(255,106,0,.6);animation:bsNabiz 2s infinite}
.bs-surpriz{background:linear-gradient(90deg,#6D28D9,#A855F7);color:#fff}
.bs-bildi{background:linear-gradient(90deg,#0F7A43,#22C55E);color:#fff}
@keyframes bsNabiz{0%{box-shadow:0 0 0 0 rgba(255,106,0,.55)}70%{box-shadow:0 0 0 9px rgba(255,106,0,0)}100%{box-shadow:0 0 0 0 rgba(255,106,0,0)}}
.bs-kart{position:relative;display:flex;flex-direction:column;gap:10px;min-width:250px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.07);color:inherit;text-decoration:none;box-shadow:0 8px 22px -14px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s;overflow:hidden}
.bs-kart:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.bs-kart::before{content:'';position:absolute;inset:0 0 auto 0;height:4px}
.bs-k-bomba{background:linear-gradient(160deg,#FFF4EC 0%,#fff 55%);border-color:#FFC9A8}.bs-k-bomba::before{background:linear-gradient(90deg,#E0452B,#FF8A00)}
.bs-k-surpriz{background:linear-gradient(160deg,#F5F0FF 0%,#fff 55%);border-color:#DCCBFF}.bs-k-surpriz::before{background:linear-gradient(90deg,#6D28D9,#A855F7)}
.bs-k-bildi{background:linear-gradient(160deg,#EEFBF3 0%,#fff 55%);border-color:#BFE8CF}.bs-k-bildi::before{background:linear-gradient(90deg,#0F7A43,#22C55E)}
.bs-ust{display:flex;justify-content:space-between;align-items:center;gap:8px}.bs-ust small{color:var(--soluk);font-size:.72rem}
.bs-at{display:flex;align-items:center;gap:8px;min-width:0}.bs-at>div{min-width:0}.bs-at b{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-at small{display:block;color:var(--soluk);font-size:.72rem}
.bs-sayi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bs-sayi>div{background:rgba(0,0,0,.035);border-radius:10px;padding:6px 8px;text-align:center}
.bs-sayi span{display:block;font-size:.62rem;font-weight:800;color:var(--soluk);letter-spacing:.05em;text-transform:uppercase}.bs-sayi b{font-size:1.02rem}
.bs-k-bomba .bs-gny{background:linear-gradient(135deg,#FFE3C2,#FFD08A)}.bs-k-bomba .bs-gny b{color:#B4410B}
.bs-alt{font-size:.74rem;color:var(--soluk)}
.bs-serit .bs-kart{flex:0 0 260px}
.bs-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.bs-hero{border-radius:24px;padding:28px 22px;margin-bottom:14px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#FF8A00 0%,#E0452B 30%,#5B1A9E 75%,#1B0B3A 100%);box-shadow:0 18px 40px -20px rgba(91,26,158,.7);position:relative;overflow:hidden}
.bs-hero::after{content:'🎯';position:absolute;right:-10px;top:-20px;font-size:9rem;opacity:.12;transform:rotate(-12deg)}
.bs-hero-et{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.bs-hero h1{margin:10px 0 6px;font-size:clamp(1.5rem,4vw,2.3rem);color:#fff}.bs-hero p{margin:0;max-width:640px;opacity:.92}
.bs-hero-sayi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px}
.bs-hero-sayi>div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px;backdrop-filter:blur(4px)}
.bs-hero-sayi b{display:block;font:800 1.8rem var(--baslik)}.bs-hero-sayi span{font-size:.76rem;opacity:.9}
.bs-hero-alt{display:block;margin-top:12px;opacity:.75;font-size:.72rem}
.bs-filtre{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.bs-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:16px;padding:12px 14px;margin:10px 0 14px;border:1px solid}
.bs-banner>div{flex:1;min-width:200px}.bs-banner>div b{display:block}.bs-banner>div span{font-size:.82rem;color:var(--soluk)}
.bs-banner.bs-k-bomba{background:#FFF4EC;border-color:#FFC9A8}.bs-banner.bs-k-surpriz{background:#F5F0FF;border-color:#DCCBFF}.bs-banner.bs-k-bildi{background:#EEFBF3;border-color:#BFE8CF}
@media (prefers-reduced-motion:reduce){.bs-bomba{animation:none}}
/* BANKOCU sırası 1-2-3: canlı ve ışıltılı */
.yz-sira.yz-s1,.yz-sira.yz-s2,.yz-sira.yz-s3{position:relative;overflow:hidden;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);border:0}
.yz-sira.yz-s1{background:linear-gradient(135deg,#FFD84D 0%,#FFB300 45%,#FF7A00 100%);color:#3a1d00;text-shadow:none;box-shadow:0 0 0 2px rgba(255,190,0,.35),0 0 14px rgba(255,170,0,.75);animation:yzIsil 2.2s ease-in-out infinite}
.yz-sira.yz-s2{background:linear-gradient(135deg,#5BD2FF 0%,#2F7BFF 100%);box-shadow:0 0 0 2px rgba(47,123,255,.25),0 0 10px rgba(47,123,255,.55)}
.yz-sira.yz-s3{background:linear-gradient(135deg,#FFA25B 0%,#E8590C 100%);box-shadow:0 0 0 2px rgba(232,89,12,.22),0 0 10px rgba(232,89,12,.5)}
.yz-sira.yz-s1::after,.yz-sira.yz-s2::after,.yz-sira.yz-s3::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);animation:yzParla 2.8s ease-in-out infinite}
.yz-sira.yz-s2::after{animation-delay:.4s}.yz-sira.yz-s3::after{animation-delay:.8s}
@keyframes yzParla{0%{left:-70%}60%,100%{left:130%}}
@keyframes yzIsil{0%,100%{box-shadow:0 0 0 2px rgba(255,190,0,.35),0 0 10px rgba(255,170,0,.55)}50%{box-shadow:0 0 0 3px rgba(255,190,0,.5),0 0 20px rgba(255,150,0,.95)}}
/* BANKO verilen atın satırı */
.at-blok.banko-at .at-satir{background:linear-gradient(90deg,#FFF3C4 0%,#FFF9E6 55%,#fff 100%)!important;box-shadow:inset 5px 0 0 #FFB300}
.at-blok.banko-at{outline:2px solid rgba(255,179,0,.55);outline-offset:-2px;animation:bankoIsil 2.4s ease-in-out infinite}
@keyframes bankoIsil{0%,100%{outline-color:rgba(255,179,0,.35)}50%{outline-color:rgba(255,140,0,.95)}}
@media (prefers-reduced-motion:reduce){.yz-sira::after,.yz-sira.yz-s1,.at-blok.banko-at{animation:none!important}}
.bs-sayi small{display:block;font-size:.64rem;color:var(--soluk);font-weight:700;margin-top:1px}
/* programda koşu başlığındaki idman düğmesi */
.btn-idman{background:linear-gradient(135deg,#FFE7A3,#F5C04A)!important;color:#3B2A06!important;border:0!important;font-weight:800;box-shadow:0 4px 14px -4px rgba(245,192,74,.8)}
.btn-idman:hover{filter:brightness(1.05)}
/* son 3 idman tablosunda seviye rozeti */
.ki-idman td .idman-rozet{white-space:nowrap}
.btn.btn-idman{display:inline-flex!important;align-items:center;gap:10px;padding:10px 16px!important;border-radius:14px!important;background:#10233F!important;color:#fff!important;border:2px solid #F5C04A!important;box-shadow:0 6px 18px -6px rgba(0,0,0,.55),0 0 0 3px rgba(245,192,74,.25);text-align:left;line-height:1.15;animation:idmIsil 2.6s ease-in-out infinite}
.btn.btn-idman>span:first-child{font-size:1.4rem}
.btn.btn-idman b{display:block;font-size:.98rem;color:#fff}.btn.btn-idman small{display:block;font-size:.68rem;font-weight:600;color:#F5D58A}
.btn.btn-idman:hover{background:#17325A!important;filter:none}
@keyframes idmIsil{0%,100%{box-shadow:0 6px 18px -6px rgba(0,0,0,.55),0 0 0 3px rgba(245,192,74,.2)}50%{box-shadow:0 6px 18px -6px rgba(0,0,0,.55),0 0 0 6px rgba(245,192,74,.45)}}
@media (prefers-reduced-motion:reduce){.btn.btn-idman{animation:none}}
/* programda koşu bilgi bandı: düğmeler, alttaki açılır bloklar */
.bayi-bar{padding-right:16px}
.bayi-dugmeler{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bayi-dugmeler .bayi-kar{position:static;transform:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.bayi-dugmeler .bayi-kar:hover{background:#fff}
.bayi-dugmeler .bayi-idman{background:#10233F;color:#fff;box-shadow:0 0 0 2px #F5C04A}
.bayi-dugmeler .bayi-idman:hover{background:#17325A}
.ek-blok{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;margin:12px 0;box-shadow:0 6px 18px -14px rgba(0,0,0,.35);scroll-margin-top:80px}
.ek-blok>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800}
.ek-blok>summary::-webkit-details-marker{display:none}
.ek-blok>summary::after{content:'▾';margin-left:auto;transition:transform .2s;color:var(--soluk)}
.ek-blok[open]>summary::after{transform:rotate(180deg)}
.ek-blok>summary small{color:var(--soluk);font-weight:600;font-size:.72rem}
.ek-ikon{font-size:1.25rem}.ek-ad{flex:0 1 auto}
.ek-ic{padding:0 12px 12px}.ek-ic>section{margin:0!important}
/* ===== Pist renkleri ve desenleri: çim yeşil, kum kahverengi, sentetik sarı ===== */
:root{--sentetik:#D9A520;--sentetik-koyu:#A87A0C}
.zemin-kum::before{background:
  linear-gradient(180deg,rgba(255,255,255,.75) 0 3px,transparent 3px 9px,rgba(255,255,255,.3) 9px 10px,transparent 10px),
  radial-gradient(rgba(255,235,205,.30) 1px,transparent 1.5px) 0 0/6px 6px,
  radial-gradient(rgba(60,32,10,.30) 1px,transparent 1.6px) 3px 2px/9px 9px,
  radial-gradient(rgba(60,32,10,.20) 1.6px,transparent 2.1px) 5px 6px/13px 13px,
  repeating-linear-gradient(176deg,transparent 0 20px,rgba(70,40,15,.14) 20px 22px),
  linear-gradient(160deg,#B07A3F,#7E5326)!important}
.zemin-sentetik::before{background:
  linear-gradient(180deg,rgba(255,255,255,.75) 0 3px,transparent 3px 9px,rgba(255,255,255,.3) 9px 10px,transparent 10px),
  radial-gradient(rgba(60,40,0,.30) 1px,transparent 1.4px) 0 0/4px 4px,
  radial-gradient(rgba(255,250,220,.35) 1px,transparent 1.5px) 2px 1px/6px 6px,
  repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 7px),
  repeating-linear-gradient(-45deg,rgba(90,60,0,.08) 0 2px,transparent 2px 7px),
  linear-gradient(160deg,#E2B53A,#B8860B)!important}
.pist-kum{background:#7E5326} .pist-sentetik{background:var(--sentetik-koyu)}
.kosu-sekme a.pist-sentetik::after{background:var(--sentetik)}
/* koşu bilgi bandı */
.bayi-bar{background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 34px,transparent 34px 68px),
  radial-gradient(rgba(0,60,20,.22) 1px,transparent 1.5px) 0 0/5px 5px,
  linear-gradient(135deg,#2E9447,#1E7436)!important}
.bayi-bar.bayi-kum{background:
  radial-gradient(rgba(255,235,205,.25) 1px,transparent 1.5px) 0 0/6px 6px,
  radial-gradient(rgba(50,25,5,.30) 1px,transparent 1.6px) 3px 2px/9px 9px,
  repeating-linear-gradient(176deg,transparent 0 16px,rgba(60,30,10,.16) 16px 18px),
  linear-gradient(135deg,#A56F35,#734A20)!important}
.bayi-bar.bayi-sentetik{background:
  radial-gradient(rgba(60,40,0,.30) 1px,transparent 1.4px) 0 0/4px 4px,
  repeating-linear-gradient(45deg,rgba(255,255,255,.10) 0 2px,transparent 2px 7px),
  repeating-linear-gradient(-45deg,rgba(90,60,0,.10) 0 2px,transparent 2px 7px),
  linear-gradient(135deg,#D9A520,#A87A0C)!important}
.bayi-bar b,.bayi-bar span{text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* 🔍 İçgörüler */
.et-gizli{background:#EDE7FF;color:#5B2BB5;box-shadow:inset 0 0 0 1px #CDBEFF}
.icgoru-serit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--murekkep);box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.guven-rozet{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-weight:800;font-size:.8rem;white-space:nowrap;cursor:help}
.guven-rozet i{font-style:normal;letter-spacing:-1px;font-size:.7rem}
.guven-yuksek{background:#E3F6EA;color:#0F6B3B}.guven-orta{background:#FFF4D6;color:#8A5A00}.guven-dusuk{background:#FDE8E4;color:#B3261E}.guven-kilit{background:#F1F1F1;color:#666}
.ic-not{font-size:.82rem;color:var(--soluk)}
.risk-not{flex-basis:100%;font-size:.84rem;color:#7A3B00}.risk-not b{color:#9A4A00}
.not-gizli{background:#F4F0FF;border-left:3px solid #8B5CF6;padding:8px 10px;border-radius:8px;font-size:.88rem}
.not-risk{background:#FFF6EC;border-left:3px solid #F59E0B;padding:8px 10px;border-radius:8px;font-size:.88rem}
.gz-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.gz-kart{background:#fff;border:1px solid #E4DAFF;border-radius:18px;padding:14px;box-shadow:0 8px 22px -16px rgba(91,43,181,.45);display:flex;flex-direction:column;gap:8px}
.gz-kart p{margin:0;font-size:.86rem}.gz-bitti{opacity:.55}
.gz-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.gz-fark{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#F6F2FF,#fff);border-radius:12px;padding:8px 10px}
.gz-fark>div{text-align:center}.gz-fark span{display:block;font-size:.62rem;font-weight:800;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
.gz-fark b{font:800 1.3rem var(--baslik)}.gz-fark i{font-style:normal;color:#8B5CF6;font-weight:900}
.gz-gercek b{color:#5B2BB5}.gz-agf{margin-left:auto}.gz-agf b{font-size:1rem}.gz-agf small{display:block;font-size:.64rem;color:var(--soluk)}
/* 📋 Günün raporu */
.rp-hero{border-radius:24px;padding:26px 22px;margin-bottom:16px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#1E7A4B 0%,#10233F 70%);box-shadow:0 18px 40px -22px rgba(16,35,63,.8)}
.rp-et{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.rp-hero h1{color:#fff;margin:10px 0 4px;font-size:clamp(1.4rem,3.6vw,2.1rem)}.rp-hero p{margin:0;opacity:.9;max-width:760px}
.rp-gun{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.rp-gun a{color:#F5D58A;font-weight:700;font-size:.82rem}
.rp-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.rp-nav a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;text-decoration:none}
.rp-nav a b{background:#F5C04A;color:#10233F;border-radius:999px;padding:0 7px;margin-left:4px;font-size:.72rem}
.rp-bolum{margin:18px 0;scroll-margin-top:80px}.rp-bolum h2{margin:0 0 2px}.rp-ac{margin:0 0 10px;color:var(--soluk);font-size:.86rem}
.rp-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.rp-kart{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;color:inherit;text-decoration:none;box-shadow:0 6px 18px -14px rgba(0,0,0,.35);border-top:4px solid var(--cim)}
.rp-kart:hover{text-decoration:none;transform:translateY(-1px)}
.rp-kart p{margin:0;font-size:.82rem;color:#34433b}.rp-risk{color:#8A4B00!important}
.rp-banko{border-top-color:#F5B000}.rp-surpriz{border-top-color:#E0452B}.rp-gizli{border-top-color:#8B5CF6}.rp-kupon{border-top-color:#2F7BFF}
.rp-ust{display:flex;justify-content:space-between;align-items:center;gap:6px}.rp-yer{font-size:.74rem;color:var(--soluk);font-weight:700}
.rp-kat{font-weight:900;font-size:.8rem;color:#5B2BB5;background:#F1ECFF;border-radius:999px;padding:2px 8px;white-space:nowrap}
.rp-at{display:flex;align-items:center;gap:8px}.rp-at b{flex:1;font-size:1rem;min-width:0}.rp-p{text-align:right;font:800 1.1rem var(--baslik)}.rp-p small{display:block;font:600 .68rem var(--govde);color:var(--soluk)}
.rp-liste{display:flex;flex-direction:column;gap:6px}
.rp-satir{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:8px 12px;color:inherit;text-decoration:none}
.rp-satir:hover{text-decoration:none;border-color:var(--cizgi2)}.rp-satir small{color:var(--soluk);font-size:.74rem}
.rp-cipler{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.rp-cipler i{font-style:normal;background:#F1F4F2;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}
.rp-cipler i.rp-yesil{background:#E3F6EA;color:#0F6B3B}
.rp-kuponlar{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rp-kuponlar>div{background:#F4F7FF;border-radius:10px;padding:6px 8px}
.rp-kuponlar span{display:block;font-size:.66rem;font-weight:800;color:var(--soluk)}.rp-kuponlar b{font-size:.95rem}.rp-kuponlar small{display:block;font-size:.64rem;color:var(--soluk)}
.rp-serit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:16px;padding:12px 16px;margin:0 0 16px;background:linear-gradient(90deg,#10233F,#1E7A4B);color:#fff;text-decoration:none}
.rp-serit:hover{text-decoration:none;color:#fff}.rp-serit b{font-size:1rem}.rp-serit span{opacity:.85;font-size:.84rem;flex:1}.rp-serit i{font-style:normal;background:#F5C04A;color:#10233F;border-radius:999px;padding:5px 12px;font-weight:900;font-size:.8rem}
/* 📖 Koşu hikâyesi, 💰 akıllı para */
.et-akilli{background:#E6F7EC;color:#0B6B37;box-shadow:inset 0 0 0 1px #A9E2BF}
.hikaye-kart{background:linear-gradient(180deg,#FBFAF6,#fff);border-radius:14px;padding:6px 4px}
.hikaye{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.hikaye li{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:10px}
.hikaye li:nth-child(odd){background:rgba(16,35,63,.03)}
.hikaye li span{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);font-size:1rem}
.hikaye li p{margin:3px 0 0;font-size:.92rem;line-height:1.5}
.et-ahir{background:#FFF1DE;color:#8A4B00;box-shadow:inset 0 0 0 1px #F5CF98}.et-kan{background:#E6F2FF;color:#1D4F91;box-shadow:inset 0 0 0 1px #B6D4FA}
.not-ahir{padding:8px 10px;border-radius:8px;font-size:.88rem;border-left:3px solid}.not-ahir.not-arti{background:#F0FAF3;border-color:#22A55A}.not-ahir.not-eksi{background:#FFF4F2;border-color:#E0452B}
/* 🏟️ Hipodrom profili */
.hp-hero{border-radius:22px;padding:22px;margin:12px 0 14px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2E9447 0%,#10233F 75%)}
.hp-hero h1{color:#fff;margin:8px 0 6px}.hp-hero p{margin:0;opacity:.9;max-width:720px}
.hp-hero .sekme-dugmeler a{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25)}.hp-hero .sekme-dugmeler a.aktif{background:#F5C04A;color:#10233F}
.hp-sec{overflow-x:auto;flex-wrap:nowrap}
.hp-kutular{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.hp-kutular>div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px}
.hp-kutular span{display:block;font-size:.7rem;font-weight:800;color:var(--soluk);text-transform:uppercase;letter-spacing:.04em}.hp-kutular b{font:800 1.5rem var(--baslik)}.hp-kutular small{display:block;font-size:.72rem;color:var(--soluk)}
.hp-kutular .hp-vurgu{background:#FFF8E1;border-color:#F5C04A}
.hp-bar{display:grid;grid-template-columns:130px 1fr 52px;align-items:center;gap:8px;margin:6px 0;font-size:.88rem}
.hp-bar i{height:10px;background:#EEF1EF;border-radius:999px;overflow:hidden}.hp-bar i b{display:block;height:100%;background:linear-gradient(90deg,#2E9447,#7BD389)}
.hp-bar em{font-style:normal;font-weight:800;text-align:right}
.hp-liste{margin:0;padding-left:20px}.hp-liste li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--cizgi)}.hp-liste li span{font-size:.82rem;color:var(--soluk)}
.hp-link{color:inherit;text-decoration:none;border-bottom:2px dotted rgba(255,255,255,.5)}.hp-link:hover{color:#fff;text-decoration:none;border-bottom-style:solid}
/* 🎫 Kupona ekle (program) */
.kupona-ekle{display:block;margin:6px 0 0 auto;font:800 .72rem var(--govde);padding:4px 9px;border-radius:8px;border:1px solid var(--cizgi2);background:#fff;color:var(--murekkep);cursor:pointer;white-space:nowrap}
.kupona-ekle:hover{border-color:var(--cim);color:var(--cim)}
.kupona-ekle.ekli{background:var(--cim);border-color:var(--cim);color:#fff}
.bayi-kupon b{display:inline-block;min-width:18px;padding:0 5px;margin-left:2px;border-radius:999px;background:rgba(0,0,0,.18);text-align:center}
.bayi-kupon small{font-weight:700;opacity:.85}
.bayi-kupon.dolu{background:var(--altin-parlak);color:#2A1E06}
.bayi-kupon.titre{animation:kuponTitre .45s}
@keyframes kuponTitre{30%{transform:scale(1.12)}60%{transform:scale(.96)}}
.bayi-kupon-sec{width:auto;padding:5px 8px;font-size:.78rem;border-radius:8px}
/* Kupon taslağı (sanal bayi) */
.fis-taslak{display:flex;gap:6px;margin-top:10px}
.fis-taslak input{flex:1;min-width:0;padding:9px 11px;font-size:.88rem}
.fis-taslak .btn{white-space:nowrap;padding:9px 12px;font-size:.86rem}
.fis-not{margin:6px 0 0;text-align:center}
.taslak-kupon{border-left-color:var(--altin-parlak)}
.taslak-kupon.taslak-acik{box-shadow:0 0 0 2px var(--altin-parlak)}
.taslak-kupon footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.84rem}
.taslak-eylem{display:flex;gap:6px;align-items:center}
.taslak-eylem form{margin:0}
.bk-ayaklar .ayak-tuttu{background:var(--cim-acik);box-shadow:inset 0 0 0 1px #9ED3B5}
.bk-ayaklar .ayak-yatti{background:#FDECEA;box-shadow:inset 0 0 0 1px #F3C2BD}
.kupona-m{display:inline-block;margin:0 0 0 8px;padding:3px 7px;font-size:.74rem;flex:none}
.mb-r1 .kupona-m~*,.mb-r1 .mb-jokey{margin-left:auto}
.nv-gun{margin-bottom:8px}
.fis-ileri{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--altin-acik);border:1px solid #EED8A0;font-size:.86rem;text-align:center}
/* 🎫 Kupona ekle v2: belirgin düğme + kupon fişi görünümlü "Kuponum" */
.kupona-ekle{background:linear-gradient(180deg,#FFE9A8,#F3C24F);color:#3A2A00;border:1px solid #D9A62E;box-shadow:0 2px 0 #C38F22;font-size:.78rem;padding:5px 11px;border-radius:9px;transition:transform .12s,filter .12s}
.kupona-ekle:hover{filter:brightness(1.06);color:#3A2A00;border-color:#C38F22;transform:translateY(-1px)}
.kupona-ekle:active{transform:translateY(1px);box-shadow:0 1px 0 #C38F22}
.kupona-ekle.ekli{background:linear-gradient(180deg,#1FA866,var(--cim));border-color:#0E7A47;box-shadow:0 2px 0 #0B6239;color:#fff}
.kupona-m{font-size:.8rem;padding:4px 9px}
.kb-sar{display:inline-flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));margin-left:auto}
.kupon-bilet{display:inline-flex;align-items:stretch;text-decoration:none!important;color:#2A1E06;background:linear-gradient(180deg,#FFF7DD,#F6DB8E);border-radius:9px;font-family:var(--govde);
  -webkit-mask:radial-gradient(circle 7px at 0 50%,transparent 6.5px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 6.5px,#000 7.5px) right/51% 100% no-repeat;
          mask:radial-gradient(circle 7px at 0 50%,transparent 6.5px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 6.5px,#000 7.5px) right/51% 100% no-repeat}
.kupon-bilet:hover{color:#2A1E06;filter:brightness(1.04)}
.kb-sol{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 15px;border-right:2px dashed rgba(130,90,0,.35)}
.kb-ikon{font-size:1.25rem;line-height:1}
.kb-sol b{display:block;font-size:.76rem;letter-spacing:.07em;font-weight:900;line-height:1.1}
.kb-sol small{display:block;font-size:.6rem;opacity:.7;font-weight:600}
.kb-ayaklar{display:flex;gap:3px;padding:5px 8px;align-items:center}
.kb-ayaklar i{font-style:normal;display:flex;flex-direction:column;align-items:center;min-width:21px;padding:2px 3px;border-radius:5px;background:rgba(255,255,255,.65);line-height:1.05;transition:background .2s}
.kb-ayaklar i small{font-size:.54rem;opacity:.6;font-weight:800}
.kb-ayaklar i b{font-size:.8rem;font-weight:900}
.kb-ayaklar i.dolu{background:var(--cim);color:#fff}
.kb-ayaklar i.bu{box-shadow:0 0 0 2px #2A1E06}
.kb-ayaklar i.pop{animation:kbPop .5s}
@keyframes kbPop{40%{transform:scale(1.4)}}
.kb-say{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 15px 4px 10px;border-left:2px dashed rgba(130,90,0,.35)}
.kb-say b{font-size:1.15rem;font-weight:900;line-height:1}
.kb-say small{font-size:.58rem;font-weight:800;opacity:.7}
.kupon-bilet.titre{animation:kuponTitre .5s}
/* 🎫 Yüzen kupon: masaüstünde dikey bilet, mobilde alt menünün üstünde tek satır (dokununca açılır) */
.kupon-yuzen{position:fixed;right:18px;bottom:22px;z-index:70;width:250px;opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;transition:opacity .25s,transform .25s;font-family:var(--govde)}
.kupon-yuzen.goster{opacity:1;transform:none;pointer-events:auto}
.ky-ozet{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:0;border-radius:14px;background:linear-gradient(90deg,#163b35,#1E5A47);color:#fff;font:600 .88rem var(--govde);cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.55);text-align:left}
.ky-ozet .ky-ozet-ayak{color:#BFE3CF;font-size:.78rem}
.ky-ozet .ky-ozet-tutar{margin-left:auto;color:#F3D57E;font-size:1rem}
.ky-ok{transition:transform .2s}
.kupon-yuzen.acik .ky-ozet{display:none}
.ky-govde{display:none;position:relative;background:#FFFBEF;color:#2A2410;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -16px rgba(0,0,0,.55),0 0 0 1px rgba(150,110,20,.18)}
.kupon-yuzen.acik .ky-govde{display:block;animation:kyAc .22s ease-out}
@keyframes kyAc{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ky-bas{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#E9BE58,#D9A520);color:#2A1E06;border-bottom:2px dashed rgba(90,60,0,.35)}
.ky-bas b{display:block;font-weight:900;letter-spacing:.06em;font-size:.9rem}
.ky-bas small{display:block;font-size:.72rem;font-weight:600;opacity:.8}
.ky-ikon{font-size:1.25rem;line-height:1}
.ky-kapat{margin-left:auto;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.12);color:#2A1E06;font-size:1.1rem;line-height:1;cursor:pointer}
.ky-kapat:hover{background:rgba(0,0,0,.22)}
.ky-ayaklar{list-style:none;margin:0;padding:6px 12px}
.ky-ayaklar li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 2px;border-bottom:1px dashed rgba(120,90,20,.22)}
.ky-ayaklar li:last-child{border-bottom:0}
.ky-ayak-no{font-weight:800;font-size:.8rem;white-space:nowrap}
.ky-ayak-no small{font-weight:500;opacity:.7;font-size:.7rem}
.ky-ayaklar li.bu{background:rgba(233,190,88,.25);margin:0 -12px;padding:7px 14px;border-radius:0}
.ky-atlar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}
.ky-atlar .no{width:22px;height:22px;font-size:.72rem;line-height:22px;border-radius:6px}
.ky-atlar em{font-style:normal;color:#9A8A5A}
.ky-alt{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 14px;background:#163b35;color:#fff}
.ky-alt small{display:block;font-size:.66rem;color:#BFE3CF;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.ky-alt b{font-size:1rem}
.ky-alt-tutar{text-align:right}.ky-alt-tutar b{color:#F3D57E;font-size:1.25rem}
.ky-eksik{margin:0;padding:6px 14px;font-size:.72rem;background:#163b35;color:#D5E8DD;border-top:1px solid rgba(255,255,255,.08)}
.ky-git{display:block;padding:10px 14px;text-align:center;font-weight:800;font-size:.85rem;background:#0F2E28;color:#F3D57E!important;text-decoration:none!important}
.ky-git:hover{background:#0B241F}
.kupon-ucan{position:fixed;z-index:200;pointer-events:none;box-shadow:0 8px 16px rgba(0,0,0,.35);border-radius:8px}
@media (max-width:760px){
  .kupon-yuzen{left:8px;right:8px;width:auto;bottom:calc(66px + env(safe-area-inset-bottom))}
  .kupon-yuzen .ky-govde{max-height:calc(100vh - 160px);overflow:auto}
  body.kupon-yuzen-var{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  .kupon-yuzen .kb-sol small,.kb-sar .kb-sol small{display:none}
  .kb-sar{margin-left:0}
}
.sr-baslik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sss{display:grid;gap:8px;margin-top:10px}
.sss-madde{background:var(--zemin2,#F4F6F5);border:1px solid var(--cizgi);border-radius:12px;padding:10px 14px}
.sss-madde summary{font-weight:800;cursor:pointer}
.sss-madde p{margin:8px 0 2px}

/* 📢 Üst duyuru barı: tek duyuru ortalanır, birden fazlası kayan yazı (yönetim → Duyurular) */
.duyuru-bar{position:relative;display:flex;align-items:center;min-height:40px;font-family:var(--govde);font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.005em;color:#fff;background:#193448}
.db-zemin-acil{background:#B42318}.db-zemin-uyari{background:#A6480A}.db-zemin-bilgi{background:#1F4FB8}.db-zemin-basari{background:var(--cim-koyu)}
.db-ortala{flex:1;display:flex;justify-content:center;padding:9px 48px;text-align:center}
.db-oge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.db-tek .db-oge{white-space:normal}
.db-ikon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:rgba(255,255,255,.16);font-size:.85rem;line-height:1}
.db-metin a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.db-metin a:hover,.db-metin a:focus-visible{border-bottom-color:#fff}
.db-pencere{flex:1;overflow:hidden;padding-right:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 64px),transparent calc(100% - 40px));mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 64px),transparent calc(100% - 40px))}
.db-serit{display:flex;width:max-content;animation:db-kay var(--db-sure,40s) linear infinite}
.db-grup{display:flex;align-items:center;gap:40px;padding:9px 20px 9px 20px}
.db-kayan .db-oge .db-ikon{background:rgba(255,255,255,.12)}
.db-kayan .db-acil .db-ikon{background:#E5484D}.db-kayan .db-uyari .db-ikon{background:#D97706}.db-kayan .db-bilgi .db-ikon{background:#3B6FE0}.db-kayan .db-basari .db-ikon{background:#1C9A5B}
.db-kayan .db-acil .db-metin{font-weight:700}
.db-kayan:hover .db-serit,.db-kayan:focus-within .db-serit{animation-play-state:paused}
@keyframes db-kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.db-kapat{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:1.2rem;line-height:1;cursor:pointer;opacity:.8}
.db-kapat:hover,.db-kapat:focus-visible{opacity:1;background:rgba(255,255,255,.14)}
@media(prefers-reduced-motion:reduce){.db-serit{animation:none}.db-pencere{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.db-grup[aria-hidden]{display:none}}
@media(max-width:600px){.duyuru-bar{font-size:.82rem}.db-ortala{padding:8px 40px 8px 14px;justify-content:flex-start;text-align:left}}

/* 🏟️ Yönetim → Algoritma: sekmeler ve hipodrom ayarları */
.algo-sekmeler a.aktif{background:#193448;border-color:#193448;color:#fff}
.hip-ara{width:100%;max-width:320px;margin:0 0 10px}
.hip-liste{display:grid;gap:8px}
.hip-kutu{border:1px solid var(--cizgi);border-radius:12px;background:#fff}
.hip-kutu>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px}
.hip-kutu>summary::-webkit-details-marker{display:none}
.hip-kutu>summary::before{content:'▸';color:var(--soluk2)}
.hip-kutu[open]>summary::before{content:'▾'}
.hip-kutu>summary b{font-size:1rem}
.hip-cipler{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;padding-left:18px}
.hip-cip{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--cim-acik);color:var(--cim-koyu);white-space:nowrap}
.hip-cip.bos{background:var(--kart3);color:var(--soluk2)}
.hip-cip.eksik{background:#FDECEA;color:#B42318}
.hip-ic{padding:0 14px 14px}
.hip-sekme{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.hip-sekme button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border:1px solid var(--cizgi2);border-radius:10px;background:var(--kart2);color:var(--murekkep);font:600 .85rem inherit;cursor:pointer}
.hip-sekme button small{font-weight:400;color:var(--soluk);font-size:.7rem}
.hip-sekme button.bos{opacity:.6}
.hip-sekme button.aktif{background:#193448;border-color:#193448;color:#fff;opacity:1}
.hip-sekme button.aktif small{color:#d5dfe8}
.hip-arama{margin:0 0 8px;padding:8px 10px;border-radius:8px;background:var(--kart3)}
.hip-arama.iyi{background:var(--cim-acik)}
.hip-kopya{border:1px dashed var(--cizgi2);border-radius:10px;padding:8px 12px;margin:12px 0;display:flex;flex-wrap:wrap;gap:4px 14px}
.hip-kopya legend{padding:0 4px;color:var(--soluk)}
@media(max-width:600px){.hip-sekme button{flex:1 1 calc(50% - 6px)}}

/* ⚙️ Yönetici için üst bardaki Yönetim düğmesi */
.ust-yonetim{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;background:#193448;color:#fff!important;font-weight:700;font-size:.82rem;white-space:nowrap;text-decoration:none}
.ust-yonetim svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ust-yonetim:hover{filter:brightness(1.2);text-decoration:none}
.ust-yonetim.aktif{box-shadow:0 0 0 2px #b69a54}
@media(max-width:760px){.ust-yonetim span{display:none}.ust-yonetim{padding:7px}}

/* Yönetim → Duyurular: ikon seçici */
.dy-ikonlar{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:12px 0 0}
.dy-ikonlar legend{font-weight:600;margin-bottom:6px;padding:0}
.dy-ikonlar label{cursor:pointer}
.dy-ikonlar input{position:absolute;opacity:0;pointer-events:none}
.dy-ikonlar span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--cizgi2);border-radius:10px;background:#fff;font-size:1.2rem}
.dy-ikonlar .dy-oto{font-size:.8rem;font-weight:600;color:var(--soluk)}
.dy-ikonlar input:checked+span{border-color:#193448;box-shadow:0 0 0 2px #193448;background:#F3F6FA}
.dy-ikonlar input:focus-visible+span{outline:3px solid #b69a54;outline-offset:2px}

/* 🔎 Yönetim → Geçmiş analizi */
.an-alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.an-alanlar label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.85rem}
.an-ozet{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.an-yorum ul{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.5}
.an-cubuk{display:inline-block;width:90px;height:8px;border-radius:4px;background:var(--kart3);vertical-align:middle;overflow:hidden}
.an-cubuk i{display:block;height:100%;background:var(--cim)}
.an-cubuk.an-turuncu i{background:#D97706}
.an-tablo td{white-space:nowrap}
.an-guclu td:first-child b{color:var(--cim-koyu)}
.an-zayif td:first-child b{color:var(--soluk)}
.an-uyari{color:#B42318;font-weight:600}
.an-iyi{color:var(--cim-koyu);font-weight:600}

/* 🌧️ Yönetim → Algoritma → Ağır pist */
.agir-zemin{display:flex;flex-wrap:wrap;gap:6px 16px;border:0;padding:0;margin:10px 0}
.agir-zemin legend{font-weight:600;margin-bottom:6px;padding:0}
.agir-ekler{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}
.agir-ekler label{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--cizgi);border-radius:12px;background:var(--kart2)}
.agir-sayi{display:flex;align-items:center;gap:6px;font-weight:600}
.agir-sayi input{width:80px}

/* ⏱ Program: EİD (en iyi derece) */
.eid{white-space:nowrap}
.eid b{font-variant-numeric:tabular-nums}
.eid-en b{color:var(--cim-koyu);background:var(--cim-acik);padding:0 5px;border-radius:5px}
.eid-yok{color:var(--soluk2)}
.mb-eid{display:none}
.eid-satir,.kgs-satir{display:block;white-space:nowrap}
.eid-satir+.kgs-satir{margin-top:1px}
@media(max-width:760px){.mb-eid{display:block;padding-left:37px;font-size:.76rem;color:#536d80;margin:-2px 0 2px}.mb-eid .eid-yok{display:none}}

/* Yönetim menüsü: açılır gruplar */
.adm-grup>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-weight:800;font-size:.82rem;color:#2f3d36}
.adm-grup>summary::-webkit-details-marker{display:none}
.adm-grup>summary::after{content:'▸';margin-left:auto;color:var(--soluk2);transition:transform .15s}
.adm-grup[open]>summary::after{transform:rotate(90deg)}
.adm-grup>summary:hover{background:#F2F5F3}
.adm-grup+.adm-grup{border-top:1px solid var(--cizgi)}
.adm-grup-ic{display:flex;flex-direction:column;gap:2px;padding:0 0 6px 8px}
.adm-grup-ic a{font-size:.86rem;padding:7px 10px}
.adm-grup-ic a.adm-dis{font-weight:600;color:#55625b}
@media(prefers-reduced-motion:reduce){.adm-grup>summary::after{transition:none}}

/* Yönetim → Rozet renkleri */
.rz-liste{display:grid;gap:6px}
.rz-satir{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cizgi);border-radius:10px;background:#fff}
.rz-ornek{display:inline-flex;align-items:center;gap:5px;justify-self:start;border:1px solid;border-radius:6px;padding:5px 8px;font:700 11px/1.3 var(--govde)}
.rz-ornek .ui-ikon{width:13px;height:13px;opacity:.85}
.rz-ad{font-size:.88rem}
.rz-renk{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--soluk);font-weight:600}
.rz-renk input{width:40px;height:30px;padding:0;border:1px solid var(--cizgi2);border-radius:6px;cursor:pointer;background:none}
@media(max-width:700px){.rz-satir{grid-template-columns:1fr 1fr;grid-template-areas:"o o" "a a" "b y" "v v"}.rz-ornek{grid-area:o}.rz-ad{grid-area:a}.rz-vars{grid-area:v}}

/* Koşu sonucu tablosu (kosu.php) mobilde de tablo kalır: programın mobil kart düzeni yalnız program sayfası içindir */
@media(max-width:760px){
  .yaris-kart.sonuc-tablo{display:table;width:100%}
  .yaris-kart.sonuc-tablo thead{display:table-header-group}
  .yaris-kart.sonuc-tablo tbody{display:table-row-group}
  .yaris-kart.sonuc-tablo .at-bas{display:flex}
  .yaris-kart.sonuc-tablo td{padding:8px 6px;vertical-align:top}
  .yaris-kart.sonuc-tablo td:nth-child(2){width:100%}
  .yaris-kart.sonuc-tablo .at-bas{align-items:flex-start;gap:6px}
  .yaris-kart.sonuc-tablo .at-bas .forma{display:none!important}
  .yaris-kart.sonuc-tablo .at-ad{white-space:normal}
  .sonuc-mobil{line-height:1.45}
  .sonuc-mobil a{font-weight:700}
}

/* 🔎 Program: atın satırına tıklayınca açılan ayrıntı paneli (renkli kartlar, ikonlar, açılış animasyonu) */
.neden-satir>td{padding:0 0 10px!important;background:transparent}
.neden-ic{position:relative;padding:16px 18px 14px;border-radius:14px;background:linear-gradient(180deg,#FBFCFB,#fff 120px);border:1px solid var(--cizgi);border-top:3px solid var(--cim);box-shadow:0 10px 28px -20px rgba(16,40,28,.45)}
.neden-satir:not([hidden]) .neden-ic{animation:neden-ac .28s ease-out}
@keyframes neden-ac{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.neden-ozet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.neden-ic p{max-width:none}
.neden-ic .faktor-izgara{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.neden-ic .faktor>span:first-child{line-height:1.3}
.nz{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#F1F5F2;color:#2F4A3B;font-size:.82rem;font-weight:600;line-height:1.2}
.nz .ui-ikon{width:15px;height:15px;flex:none}
.nz b{font-weight:800;font-size:.95rem}
.nz-sira{background:#E9F6EF;color:#0D6B3E}
.nz-sans{background:#EAF0FD;color:#1C3F9E}
.nz-puan{background:#FBF3DC;color:#7A5A0E}
.nz-agf{background:#F2F4F6;color:#40525F}
.nz-etiket{font-weight:800;letter-spacing:.02em}
.nz-banko{background:#163b35;color:#fff}.nz-sürpriz{background:#FFF1D6;color:#8A5A00}.nz-plase{background:#EAF0FD;color:#1C3F9E}.nz-favori{background:#E9F6EF;color:#0D6B3E}
.neden-metin>p:first-child{font-size:.98rem;line-height:1.55;color:#1F2E26;margin:0 0 12px;padding:10px 12px;background:#F7FAF8;border-radius:10px}
.neden-metin p.arti,.neden-metin p.eksi{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 12px;border-radius:10px 10px 0 0;font-size:.9rem}
.neden-metin p.arti{background:#E6F5ED;color:#0D6B3E}
.neden-metin p.eksi{background:#FFF2E2;color:#9A4A0B}
.neden-metin p.arti::before,.neden-metin p.eksi::before{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.75rem;font-weight:900;color:#fff;flex:none}
.neden-metin p.arti::before{content:'✓';background:#1C9A5B}
.neden-metin p.eksi::before{content:'!';background:#E07B12}
.neden-metin p.arti+ul,.neden-metin p.eksi+ul{list-style:none;margin:0 0 4px;padding:6px 12px 10px;border-radius:0 0 10px 10px;border:1px solid}
.neden-metin p.arti+ul{background:#F6FCF8;border-color:#CDEBDA;border-top:0}
.neden-metin p.eksi+ul{background:#FFFAF3;border-color:#F6DCC0;border-top:0}
.neden-metin p.arti+ul li,.neden-metin p.eksi+ul li{position:relative;padding:5px 0 5px 24px;margin:0;line-height:1.5}
.neden-metin p.arti+ul li+li,.neden-metin p.eksi+ul li+li{border-top:1px dashed rgba(0,0,0,.07)}
.neden-metin p.arti+ul li::before{content:'▲';position:absolute;left:2px;top:6px;font-size:.7rem;color:#1C9A5B}
.neden-metin p.eksi+ul li::before{content:'▼';position:absolute;left:2px;top:6px;font-size:.7rem;color:#E07B12}
.neden-metin li strong{color:#1F2E26}
.neden-ic .not-gizli,.neden-ic .not-ahir,.neden-ic .not-risk,.neden-ic .not-degisim,.neden-ic .not-jokey,.neden-ic .not-video,.neden-ic .taki-not,.neden-metin .not-gizli{margin:10px 0 0;padding:10px 12px 10px 14px;border-radius:10px;border:1px solid transparent;border-left-width:4px;font-size:.88rem;line-height:1.5}
.neden-ic .not-gizli,.neden-metin .not-gizli{background:#F4F0FF;border-color:#E2D8FF;border-left-color:#8B5CF6}
.neden-ic .not-ahir.not-arti{background:#F0FAF3;border-color:#CFEBD9;border-left-color:#22A55A}
.neden-ic .not-ahir.not-eksi{background:#FFF4F2;border-color:#F6D3CC;border-left-color:#E0452B}
.neden-ic .not-risk{background:#FFF6EC;border-color:#F6DFC2;border-left-color:#F59E0B}
.neden-ic .not-degisim{background:#F3F6FF;border-color:#DAE3FB;border-left-color:#4A72D8}
.neden-ic .not-jokey{background:#EEF3FF;border-color:#D6E1FB;border-left-color:#2F64D6}
.neden-ic .not-video{background:#FFF1F1;border-color:#F6D4D4;border-left-color:#D93636}
.neden-ic .taki-not{background:#F6F8F6;border-color:#E3E9E5;border-left-color:#7F8B92}
.neden-bas{display:flex;align-items:center;gap:7px;margin:16px 0 8px;font-size:.95rem;color:#1F2E26}
.neden-bas .ui-ikon{width:17px;height:17px;color:var(--cim)}
.neden-bas small{font-weight:500;color:var(--soluk);font-size:.75rem}
.neden-ic .faktor-izgara{margin:0 0 12px;gap:6px 10px}
.neden-ic .faktor{padding:7px 10px;border-radius:9px;background:#F7F9F8;border:1px solid #EDF1EE;transition:background .15s,border-color .15s}
.neden-ic .faktor:hover{background:#fff;border-color:#CFE3D6}
.neden-ic .f-iz{width:62px;height:7px;border-radius:4px;background:#E6EBE8}
.neden-ic .f-iz i{transform-origin:left;animation:f-dol .6s ease-out both}
.neden-ic .f-yuksek .f-iz i{background:linear-gradient(90deg,#4CC08A,#138A52)}
.neden-ic .f-orta .f-iz i{background:linear-gradient(90deg,#F5CF6B,#D9A520)}
.neden-ic .f-dusuk .f-iz i{background:linear-gradient(90deg,#F2A195,#D9533F)}
.neden-ic .f-yuksek .faktor-deger b{color:#0D6B3E}.neden-ic .f-dusuk .faktor-deger b{color:#B23A28}
.neden-ic .f-yok{opacity:.65}
@keyframes f-dol{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.neden-takip{padding:10px 12px;border-radius:10px;background:#F7FAF8;border:1px solid var(--cizgi)}
.neden-at-link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;border-radius:9px;background:var(--cim-acik);color:var(--cim-koyu)!important;font-weight:700;font-size:.85rem;text-decoration:none!important}
.neden-at-link .ui-ikon{width:16px;height:16px}
.neden-at-link:hover{background:#D6EFE1}
.at-satir[aria-expanded]{cursor:pointer}
.at-satir[aria-expanded="true"]>td{background:#F3F9F5}
@media(max-width:760px){.neden-ic{padding:12px;border-radius:12px}.nz{font-size:.76rem;padding:5px 9px}.neden-metin>p:first-child{font-size:.9rem}.neden-ic .faktor-izgara{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.neden-satir:not([hidden]) .neden-ic,.neden-ic .f-iz i{animation:none}}

/* Ayrıntı paneli: uzun açıklama bölümleri ve kapalı gelen faktör karnesi */
.neden-metin .aciklama-yer,.neden-metin .aciklama-kosul,.neden-metin .aciklama-deger{margin:10px 0 0;padding:10px 12px;border-radius:10px;font-size:.9rem;line-height:1.55}
.neden-metin .aciklama-yer{background:#F3F6FF;border:1px solid #DAE3FB}
.neden-metin .aciklama-kosul{background:#F7F5EE;border:1px solid #EAE3CF}
.neden-metin .aciklama-deger{background:#163b35;color:#EAF4EF;border:0;margin-top:12px}
.neden-metin .aciklama-deger strong{color:#E9BE58}
.neden-metin .aciklama-yer strong{color:#1C3F9E}.neden-metin .aciklama-kosul strong{color:#7A5A0E}
.faktor-kutu{margin:14px 0 10px;border:1px solid var(--cizgi);border-radius:12px;background:#fff}
.faktor-kutu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 14px;font-size:.92rem;color:#1F2E26}
.faktor-kutu>summary::-webkit-details-marker{display:none}
.faktor-kutu>summary .ui-ikon{width:17px;height:17px;color:var(--cim)}
.faktor-kutu>summary small{color:var(--soluk);font-size:.75rem}
.faktor-kutu>summary::after{content:'Aç ▾';margin-left:auto;font-size:.78rem;font-weight:700;color:var(--cim-koyu);background:var(--cim-acik);padding:3px 9px;border-radius:999px}
.faktor-kutu[open]>summary::after{content:'Kapat ▴'}
.faktor-kutu[open]>summary{border-bottom:1px solid var(--cizgi)}
.faktor-acik{margin:10px 14px 4px}
.faktor-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;padding:8px 14px 14px}
.faktor-kutu[open] .faktor-liste{animation:neden-ac .25s ease-out}
.neden-ic .faktor-liste .faktor{display:block;padding:9px 11px}
.faktor-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.faktor-ad{font-weight:700;color:#1F2E26;font-size:.84rem;display:flex;align-items:center;gap:6px}
.f-yon{font-style:normal;font-size:.7rem}.f-arti{color:#1C9A5B}.f-eksi{color:#D9533F}
.faktor-detay{margin:5px 0 0;font-size:.78rem;line-height:1.45;color:#53625A}
@media(max-width:760px){.faktor-liste{grid-template-columns:1fr;padding:8px 10px 12px}.faktor-kutu>summary small{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.faktor-kutu[open] .faktor-liste{animation:none}}

/* 📅 Program: koşu sekmeleri (yapışkan şerit) — koyu cam zemin, pistine göre renkli sekmeler, seçili koşu belirgin */
.page-program nav.kosu-sekme-alt{background:rgba(16,30,44,.82);border-color:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 10px 24px -14px rgba(8,20,32,.6);padding:7px;gap:6px}
.page-program nav.kosu-sekme-alt a{--pist:#5F6F7A;--pist-acik:#8FA0AB;background:var(--pist);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s}
.page-program nav.kosu-sekme-alt a.pist-cim{--pist:#1E7A4C;--pist-acik:#6FD39F}
.page-program nav.kosu-sekme-alt a.pist-kum{--pist:#8A5A2B;--pist-acik:#E0AE78}
.page-program nav.kosu-sekme-alt a.pist-sentetik{--pist:#C2830F;--pist-acik:#FFD27A}
.page-program nav.kosu-sekme-alt a::after{left:0;right:0;bottom:0;height:3px;opacity:1;background:var(--pist-acik)}
.page-program nav.kosu-sekme-alt a small{color:rgba(255,255,255,.78);font-weight:600}
.page-program nav.kosu-sekme-alt a:hover{filter:brightness(1.12);text-decoration:none}
.page-program nav.kosu-sekme-alt a.bitti{opacity:.55}
.page-program nav.kosu-sekme-alt a.bitti:hover{opacity:.85}
.page-program nav.kosu-sekme-alt a.aktif{background:#fff;color:var(--pist);border:2px solid #E9BE58;box-shadow:0 0 0 3px rgba(233,190,88,.35),0 6px 16px -6px rgba(0,0,0,.5);transform:translateY(-1px) scale(1.04);opacity:1;z-index:1}
.page-program nav.kosu-sekme-alt a.aktif small{color:var(--pist);opacity:.85}
.page-program nav.kosu-sekme-alt a.aktif::after{height:4px;background:var(--pist)}
.page-program nav.kosu-sekme-alt{scrollbar-color:rgba(255,255,255,.3) transparent}
@media(prefers-reduced-motion:reduce){.page-program nav.kosu-sekme-alt a{transition:none}.page-program nav.kosu-sekme-alt a.aktif{transform:none}}
.page-program nav.kosu-sekme-alt a small{white-space:nowrap}
@media(max-width:640px){.page-program nav.kosu-sekme-alt a{min-width:96px;flex:none}.page-program nav.kosu-sekme-alt a small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kupon-yuzen.acik .ky-govde{animation:none}.kupon-yuzen{transition:none}}
.kb-say b{font-size:.95rem;white-space:nowrap}.kb-say small{white-space:nowrap}

/* Masaüstünde açık kupon için sağda yer: program içeriği sola kayar (geniş ekranda boş kenar kullanılır) */
@media(min-width:761px){body.ky-yer-ac main.kap{max-width:min(1200px,calc(100vw - 310px));margin-left:max(0px,calc((100vw - 290px - min(1200px,100vw - 310px)) / 2));margin-right:290px;transition:margin .25s,max-width .25s}}
@media(prefers-reduced-motion:reduce){body.ky-yer-ac main.kap{transition:none}}

/* Masaüstünde koşu başlığındaki küçük kupon bileti gizli (sağdaki yüzen kupon yeterli); mobilde kalır */
@media(min-width:761px){.bayi-bar .kb-sar{display:none}}
.kupona-m{font-weight:800;letter-spacing:.03em}

/* Yüzen kupon: yatır / kaydet */
.ky-islem{padding:10px 14px 12px;background:#163b35;border-top:1px solid rgba(255,255,255,.08)}
.ky-dugmeler{display:flex;gap:8px}
.ky-yatir,.ky-kaydet{flex:1;padding:10px 8px;white-space:nowrap;border-radius:10px;border:0;font:800 .82rem var(--govde);cursor:pointer;text-align:center;text-decoration:none!important}
.ky-yatir{flex:2;background:linear-gradient(180deg,#FFE08A,#E9BE58);color:#2A1E06!important;box-shadow:0 2px 0 #B98E2A}
.ky-yatir:disabled{background:#3A5A50;color:#A9C4B7!important;box-shadow:none;cursor:not-allowed;font-weight:700}
.ky-yatir:not(:disabled):hover{filter:brightness(1.05)}
.ky-kaydet{background:#fff;color:#163b35}
.ky-kaydet:hover{background:#EAF5EF}
.ky-giris{display:block}
.ky-ad{margin-bottom:8px}
.ky-ad label{display:block;font-size:.72rem;color:#BFE3CF;font-weight:700;margin-bottom:4px}
.ky-ad label small{font-weight:500;opacity:.8}
.ky-ad input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #4E7A6B;background:#0F2E28;color:#fff;font:600 .85rem var(--govde)}
.ky-ad input:focus{outline:2px solid #E9BE58;outline-offset:1px}
.ky-not{margin:8px 0 0;font-size:.72rem;color:#D5E8DD}

/* ===== Üyeyi tutan özellikler: seri, lig, vitrin, davet, hızlı doldur, Google, hata izleme ===== */
.bayi-motor{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bayi-motor a{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:7px 14px 7px 10px;color:#fff!important;text-decoration:none!important;transition:background .2s,transform .2s}
.bayi-motor a:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
.bayi-motor span{grid-row:span 2;font-size:1.35rem;line-height:1}
.bayi-motor b{font:700 1.02rem/1.1 var(--baslik);letter-spacing:.2px}
.bayi-motor small{font-size:.7rem;opacity:.9}
.bm-seri span{filter:grayscale(.85);opacity:.75}
.bm-seri.yandi span{filter:none;opacity:1;animation:alev 1.6s ease-in-out infinite}
@keyframes alev{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.12) rotate(3deg)}}
.bk-ayaklar .ayak-bekle{background:var(--zemin2)}
.bk-ayaklar em{display:block;font-style:normal;font-size:.6rem;color:#B3261E;font-weight:700}
.bk-ozet{margin:8px 0 0;font-size:.8rem;font-weight:700;color:var(--soluk)}
.bk-ozet.canli{color:var(--cim-koyu)}
.lig-bant{display:grid;grid-template-columns:1.4fr auto;gap:12px 18px;align-items:center;background:linear-gradient(135deg,#123B2C,#0D6B3E);color:#fff;border-radius:var(--r-buyuk);padding:16px 20px;margin-bottom:16px;box-shadow:var(--golge-buyuk)}
.lig-bant .ust-etiket{color:var(--altin-parlak)}
.lig-bant h2{margin:2px 0 4px;font:700 1.5rem/1.1 var(--baslik);color:#fff}
.lig-bant h2 b{color:var(--altin-parlak)}
.lig-bant p{margin:0;font-size:.84rem;opacity:.9}
.lig-odul{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.lig-odul li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 12px;text-align:center;min-width:82px}
.lig-odul span{display:block;font-size:1.4rem}
.lig-odul b{display:block;font:700 1rem var(--baslik)}
.lig-odul small{font-size:.68rem;opacity:.85}
.lig-podyum{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding-top:10px;font-size:.86rem}
.lig-podyum small{opacity:.75;font-size:.72rem;width:100%}
.lig-kisa{margin:-4px 0 10px;font-size:.8rem;color:var(--soluk)}
.lig-kisa b{color:var(--cim-koyu)}
.lig-gecmis{display:flex;flex-wrap:wrap;gap:8px}
.lig-gecmis div{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:8px 12px;min-width:110px}
.lig-gecmis div.odullu{background:var(--altin-acik);border-color:#EBD38F}
.lig-gecmis small{display:block;color:var(--soluk);font-size:.7rem}
.lig-gecmis b{display:block;font:700 1.2rem var(--baslik)}
.tv-serit{gap:12px}
.tv-kart{flex:0 0 220px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px;box-shadow:var(--golge);position:relative;overflow:hidden}
.tv-kart.tam{background:linear-gradient(160deg,#FFFBEA,#fff 60%);border-color:#EBD38F}
.tv-kart.tam::after{content:'🎉';position:absolute;right:10px;top:8px;font-size:1.2rem}
.tv-kart header{display:flex;gap:8px;align-items:center}
.tv-kart header b{display:block;font-size:.9rem}
.tv-kart header small{color:var(--soluk);font-size:.72rem}
.tv-avatar{width:34px;height:34px;flex:0 0 34px}
.tv-sonuc{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px}
.tv-sonuc b{font:800 1.9rem/1 var(--baslik);color:var(--cim-koyu)}
.tv-kart.kil .tv-sonuc b{color:var(--kum)}
.tv-sonuc span{font-weight:800;font-size:.92rem}
.tv-alt{color:var(--soluk2);font-size:.7rem}
.davet-kart{background:linear-gradient(135deg,#FFF8E6,#fff 55%);border-color:#EBD38F}
.davet-ust{display:flex;gap:12px;align-items:flex-start}
.davet-ust h2{margin:0 0 4px}
.davet-ust p{margin:0 0 10px}
.davet-ikon{font-size:2rem;line-height:1}
.davet-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.davet-link input{flex:1 1 220px;margin:0;font-size:.85rem}
.ky-hizli{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:8px 12px 2px;border-top:1px dashed rgba(0,0,0,.12)}
.ky-hizli span{width:100%;font-size:.68rem;font-weight:800;letter-spacing:.3px;color:var(--soluk);text-transform:uppercase}
.ky-hizli button{flex:1 1 auto;border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:5px 9px;font:700 .72rem var(--govde);color:var(--murekkep);cursor:pointer}
.ky-hizli button:hover{border-color:var(--cim);color:var(--cim-koyu)}
.ky-hizli .ky-hizli-sil{flex:0 0 auto;color:var(--soluk)}
.kupon-yuzen.bos .ky-ozet{opacity:.92}
.kupon-yuzen.bos .ky-ozet-tutar{display:none}
.ya-da{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--soluk2);font-size:.78rem}
.ya-da::before,.ya-da::after{content:'';flex:1;height:1px;background:var(--cizgi)}
.btn-google{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff!important;color:#1F1F1F!important;border:1px solid #D6DCD8!important;box-shadow:var(--golge)}
.btn-google.btn-kucuk{display:inline-flex!important;width:auto}
.btn-google:hover{background:#F7F9F8!important}
.adm-kartlar div.adm-kart-uyari{border-color:#F3C2BD;background:#FFF5F4}
.adm-kart-uyari b{color:#B3261E}
.adm-hata td{vertical-align:top;font-size:.82rem}
.adm-hata tr.soluk{opacity:.55}
@media(max-width:760px){
  .lig-bant{grid-template-columns:1fr;padding:14px}
  .lig-odul li{flex:1;min-width:0}
  .bayi-motor a{flex:1 1 140px}
  .tv-kart{flex-basis:200px}
}

/* Algoritma ağırlıkları 0–10 + canlı etki */
.aw-ozet{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;background:var(--cim-acik);border:1px solid #BFE3CF;border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:.84rem}
.aw-ozet b{color:var(--cim-koyu)}
.aw-ozet>b{font:700 1.15rem var(--baslik)}
.aw-deger{font-size:.78rem;color:var(--soluk);white-space:nowrap}
.aw-deger b{font:800 1.05rem var(--baslik);color:var(--murekkep)}
.aw-etki{display:block;margin-top:2px;font-size:.72rem;color:var(--soluk)}
.aw-etki [data-we]{font-weight:800;color:var(--cim-koyu)}
.algo-w.aw-kapali{opacity:.55}
.algo-w.aw-kapali .aw-etki [data-we]{color:var(--soluk2)}
.algo-w.algo-zemin{background:linear-gradient(135deg,#EEF4FB,#fff)}
.an-ters{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#FCE4E1;color:#B3261E;font-size:.68rem;font-weight:800;white-space:nowrap}
.an-yok{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--kart3);color:var(--soluk);font-size:.68rem;font-weight:700;white-space:nowrap}
.toplu-agirlik{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;background:#FFF8E6;border:1px solid #F3D9A0;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:.84rem}
.toplu-agirlik select,.toplu-agirlik input{width:auto;margin:0;padding:6px 8px}
.toplu-agirlik input[type=number]{width:64px}
.toplu-agirlik small{width:100%}
.rapor-oneri{background:var(--cim-acik);border-color:#BFE3CF}
.aw-onizle{margin:0 0 12px;font-size:.84rem;border-radius:12px;padding:0}
.aw-onizle:not(:empty){padding:10px 14px;background:#F2F5F8;border:1px solid #D8E0E8}
.aw-onizle.degisim{background:#FFF8E6;border-color:#F3D9A0}
.aw-onizle.yukleniyor{opacity:.7}
.aw-onizle ul{margin:6px 0 0;padding-left:18px}
.aw-onizle s{color:var(--soluk)}