/* Ana sayfa gorunumu (v6). Kurallar #gorunum-ana altinda; ust bar (bildirim + hesap) kurallari global.
   Ortak tokenlar ve ust bar iskeleti: /tasarim.css */

/* ---- Gorunumler (js/gorunum.js): <body data-gorunum> hangisiyse o gorunur ---- */
.gorunum { display:none; }
body[data-gorunum="ana"] #gorunum-ana,
body[data-gorunum="kg"] #gorunum-kg,
body[data-gorunum="kuponlarim"] #gorunum-kuponlarim { display:block; }

/* ---- Ust bar: bildirim + hesap ---- */
.bildirim-sarmal { position:relative; }
.bildirim-panel { position:absolute; top:46px; right:0; width:290px; max-width:82vw; color:var(--fg);
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow-lg); padding:12px; z-index:60; }
.bildirim-panel.gizli { display:none; }
.bildirim-oge { padding:8px 2px; border-bottom:1px solid var(--line); font-size:.86rem; }
.bildirim-oge:last-child { border-bottom:0; }
.hesap-rozet { display:flex; align-items:center; gap:8px; padding:5px 14px 5px 5px; border-radius:999px;
  background:var(--navy-2); color:var(--navy-fg); cursor:not-allowed; font-size:.88rem; font-weight:600; white-space:nowrap; }
.hesap-rozet .av { width:28px; height:28px; border-radius:50%; background:var(--navy); display:flex;
  align-items:center; justify-content:center; font-size:.8rem; overflow:hidden; }
.hesap-rozet:hover { filter:brightness(1.15); }
.kilit-ikon { font-size:.68rem; opacity:.75; }
@media (max-width:560px){ .hesap-metin{ display:none; } .hesap-rozet{ padding:5px; } }
/* gorunumlerin disinda kalan parcalar (ust bar paneli, giris onay penceresi) eskiden ana
   sayfanin genel .kucuk / label kurallarini aliyordu -- ayni gorunum korunsun */
.bildirim-panel .kucuk { font-size:.84rem; color:var(--muted); }
#giris-onay-perde label { font-weight:600; margin:12px 0 5px; }

/* ---- Giris: baslik + canli serit ---- */
#gorunum-ana .giris-satir { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
#gorunum-ana .gorsel-gizli { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
#gorunum-ana .nasil-serit { grid-column:span 2; min-width:0; display:flex; align-items:center; gap:14px; padding:12px 16px; border-radius:14px;
  border:1px solid var(--line); background:var(--card); color:var(--fg); text-decoration:none; transition:border-color .15s, box-shadow .15s; }
#gorunum-ana .nasil-serit:hover { border-color:var(--pick); box-shadow:var(--shadow-lg); }
#gorunum-ana .ns-ikon { flex:none; width:40px; height:40px; border-radius:11px; display:grid; place-items:center; background:var(--pick-soft); color:var(--pick); }
#gorunum-ana .ns-ikon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#gorunum-ana .ns-metin { flex:1; min-width:0; }
#gorunum-ana .ns-metin b { display:block; font:700 17px/1.2 var(--f-head); }
#gorunum-ana .ns-metin small { display:block; margin-top:2px; font-size:13px; color:var(--muted); }
#gorunum-ana .ns-git { flex:none; padding:9px 14px; border-radius:9px; background:var(--navy); color:var(--navy-fg); font-weight:700; font-size:.9rem; white-space:nowrap; }
@media (max-width:640px){ #gorunum-ana .nasil-serit { padding:11px 12px; gap:11px; } #gorunum-ana .ns-metin small { display:none; } #gorunum-ana .ns-git { padding:8px 11px; font-size:.85rem; } }
#gorunum-ana .canli-nokta { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--win); margin-right:6px;
  vertical-align:1px; animation:canli-yanip-son 1.6s ease-in-out infinite; }
@keyframes canli-yanip-son { 0%,100%{opacity:1} 50%{opacity:.35} }
@media (prefers-reduced-motion:reduce){ #gorunum-ana .canli-nokta{ animation:none; } }

/* ---- Urun kutulari ---- */
#gorunum-ana .kutu { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; display:flex;
  flex-direction:column; gap:10px; min-width:0; text-align:left; cursor:pointer; color:var(--fg); font:inherit;
  transition:border-color .15s, box-shadow .15s; }
#gorunum-ana .kutu:hover { border-color:var(--line-2); box-shadow:var(--shadow-lg); }
#gorunum-ana .kutu-h { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--fg-2); }
#gorunum-ana .kutu-h .ikon { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--soft); font-size:14px; }
#gorunum-ana .kutu-h .pill { margin-left:auto; }
#gorunum-ana .kutu h3 { margin:0; font-size:22px; line-height:1.15; }
#gorunum-ana .kutu p { margin:0; font-size:13.5px; color:var(--muted); }
#gorunum-ana .kutu .git { margin-top:auto; font-size:13px; font-weight:700; color:var(--fg); }
#gorunum-ana .kutu .git::after { content:" →"; }
/* Spor Toto sayac karti: koyu temada lacivert, acik temada beyazdan acik maviye (--tt-* tokenlari, tasarim.css) */
#gorunum-ana .kutu.toto { background:var(--tt-zemin); border-color:var(--tt-cerceve); color:var(--tt-yazi); box-shadow:var(--tt-golge); cursor:default; }
#gorunum-ana .kutu.toto:hover { border-color:var(--tt-cerceve); box-shadow:var(--tt-golge); }
#gorunum-ana .kutu.toto .kutu-h { color:var(--tt-soluk); }
#gorunum-ana .kutu.toto .kutu-h .ikon { background:var(--tt-ikon); box-shadow:0 0 0 1px var(--tt-hucre-c); }
#gorunum-ana .kutu.toto .pill { background:var(--tt-pill); color:var(--tt-pill-yazi); }
#gorunum-ana .kutu.toto p { color:var(--tt-soluk); }
#gorunum-ana .geri-sayim { display:flex; gap:6px; }
#gorunum-ana .geri-sayim span { display:flex; flex-direction:column; align-items:center; background:var(--tt-hucre); border:1px solid var(--tt-hucre-c); border-radius:8px; padding:6px 0; width:54px; }
#gorunum-ana .geri-sayim b { font:700 24px/1 var(--f-head); font-variant-numeric:tabular-nums; color:var(--tt-rakam); }
#gorunum-ana .geri-sayim small { font-size:10px; color:var(--tt-alt); margin-top:2px; }
#gorunum-ana .geri-sayim.kapandi span { opacity:.45; }
#gorunum-ana .toto-btnlar { display:flex; gap:8px; flex-wrap:wrap; }
#gorunum-ana #hazir-kolon { scroll-margin-top:72px; }
/* ---- Akilli Hazir Kolon "altin bilet" karti (js/ana/hazir-kutu.js). Renkler --bl-* tokenlari (tasarim.css). ---- */
@property --hk3-aci { syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes hk3-don { to { --hk3-aci:360deg; } }
@keyframes hk3-hale { 0%,100% { box-shadow:0 14px 30px -16px rgba(240,163,0,.55),0 0 0 0 rgba(255,198,41,0); } 50% { box-shadow:0 18px 40px -14px rgba(240,163,0,.8),0 0 22px 2px rgba(255,198,41,.28); } }
@keyframes hk3-serit { 0%,60% { transform:translateX(-120%); } 100% { transform:translateX(120%); } }
@keyframes hk3-altin { to { background-position:200% 0; } }
#gorunum-ana .kutu.hk3 { position:relative; padding:0; border:0; border-radius:16px; background:none; display:block; color:var(--bl-yazi);
  animation:hk3-hale 3.4s ease-in-out infinite; transition:transform .3s cubic-bezier(.2,.8,.2,1); will-change:transform; }
#gorunum-ana .hk3 .bilet { height:100%; padding:1.5px; border-radius:16px; animation:hk3-don 7s linear infinite;
  background:conic-gradient(from var(--hk3-aci),rgba(255,198,41,.12),#FFC629 10%,#FFF7DC 15%,#F0A300 20%,rgba(255,198,41,.12) 38%,rgba(255,198,41,.12) 62%,#FFC629 78%,#FFF7DC 83%,#F0A300 88%,rgba(255,198,41,.12));
  -webkit-mask:radial-gradient(circle 9px at 0 var(--ty,60%),#0000 97%,#000 100%),radial-gradient(circle 9px at 100% var(--ty,60%),#0000 97%,#000 100%);
  -webkit-mask-composite:source-in; mask-composite:intersect; }
#gorunum-ana .hk3 .ic { position:relative; overflow:hidden; height:100%; border-radius:14.5px; padding:15px 17px 16px; display:flex; flex-direction:column; gap:10px; background:var(--bl-zemin); }
#gorunum-ana .hk3 canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
#gorunum-ana .hk3 .ic > :not(canvas):not(.folyo):not(.isik) { position:relative; z-index:1; }
#gorunum-ana .hk3 .folyo { position:absolute; inset:0; pointer-events:none; z-index:2; opacity:0; transition:opacity .3s; mix-blend-mode:var(--bl-folyo);
  background:linear-gradient(115deg,transparent 20%,rgba(255,236,170,.22) calc(var(--mx,50%) - 8%),rgba(140,200,255,.14) var(--mx,50%),rgba(255,180,90,.2) calc(var(--mx,50%) + 8%),transparent 80%); }
#gorunum-ana .hk3 .isik { position:absolute; inset:0; pointer-events:none; z-index:2; opacity:0; transition:opacity .25s; background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),var(--bl-isik),transparent 60%); }
@media (hover:hover){ #gorunum-ana .hk3:hover .folyo, #gorunum-ana .hk3:hover .isik { opacity:1; } }
#gorunum-ana .hk3 .kutu-h { color:var(--bl-soluk); }
#gorunum-ana .hk3 .kutu-h .ikon { background:linear-gradient(145deg,#26304F,#121A33); box-shadow:0 0 0 1px rgba(240,163,0,.55), 0 4px 12px -4px rgba(240,163,0,.85); }
#gorunum-ana .hk3 .kutu-h .ikon svg { display:block; filter:drop-shadow(0 0 3px rgba(255,200,60,.45)); }
#gorunum-ana .hk3 .pill { position:relative; overflow:hidden; background:linear-gradient(135deg,#FFE27A,#F0A300); color:#1A1405; }
#gorunum-ana .hk3 .pill::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%); transform:translateX(-120%); animation:hk3-serit 3s ease-in-out infinite 1s; }
#gorunum-ana .hk3 h3 { margin:0; font:800 26px/1.05 var(--f-head); color:var(--bl-yazi); }
#gorunum-ana .hk3 h3 em { font-style:normal; background:var(--bl-em); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:hk3-altin 5s linear infinite; }
#gorunum-ana .hk3 .butce { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:3px; border-radius:9px; background:var(--bl-butce); border:1px solid var(--bl-butce-c); }
#gorunum-ana .hk3 .butce button { border:0; border-radius:6px; padding:4px 0; background:none; color:var(--bl-soluk); font:700 12.5px var(--f-body); cursor:pointer; transition:background .2s,color .2s; }
#gorunum-ana .hk3 .butce button:hover { color:var(--bl-yazi); }
#gorunum-ana .hk3 .butce button.on { background:linear-gradient(135deg,#FFE27A,#F0A300); color:#1A1405; box-shadow:0 3px 10px -4px rgba(240,163,0,.9); }
#gorunum-ana .hk3 .hesap { display:grid; grid-template-columns:repeat(15,1fr); gap:2.5px; }
#gorunum-ana .hk3 .hesap i { height:21px; border-radius:4px; display:grid; place-items:center; font:700 10.5px var(--f-head); font-style:normal; color:transparent;
  background:var(--bl-hucre); border:1px solid var(--bl-hucre-c); transition:background .25s,color .25s,border-color .25s,transform .25s; }
#gorunum-ana .hk3 .hesap i.dolu { color:var(--bl-hucre-yazi); background:var(--bl-hucre-dolu); }
#gorunum-ana .hk3 .hesap i.dolu.cok { color:#1A1405; background:linear-gradient(135deg,#FFE27A,#F0A300); border-color:transparent; }
#gorunum-ana .hk3 .hesap i.tara { background:var(--bl-tara); border-color:var(--bl-tara-c); transform:translateY(-2px); }
#gorunum-ana .hk3 .hesap-not { display:flex; justify-content:space-between; gap:6px; font-size:11.5px; color:var(--bl-soluk); margin-top:-4px; }
#gorunum-ana .hk3 .hesap-not b { color:var(--bl-vurgu); font-weight:700; }
#gorunum-ana .hk3 .yirtik { height:21px; margin:-2px -17px; display:flex; align-items:center; }
#gorunum-ana .hk3 .yirtik::before, #gorunum-ana .hk3 .yirtik::after { content:""; width:21px; height:21px; border-radius:50%; flex:none; box-shadow:0 0 0 1.5px var(--bl-centik),0 0 10px rgba(255,198,41,.35); }
#gorunum-ana .hk3 .yirtik::before { margin-left:-12px; } #gorunum-ana .hk3 .yirtik::after { margin-right:-12px; }
#gorunum-ana .hk3 .yirtik span { flex:1; border-top:2px dashed var(--bl-cizgi); margin:0 6px; }
#gorunum-ana .hk3 .alt-blok { margin-top:auto; display:flex; flex-direction:column; gap:10px; }
#gorunum-ana .hk3 .kocan { display:flex; align-items:center; gap:12px; }
#gorunum-ana .hk3 .halka { position:relative; width:64px; height:64px; flex:none; }
#gorunum-ana .hk3 .halka svg { width:100%; height:100%; transform:rotate(-90deg); overflow:visible; }
#gorunum-ana .hk3 .halka circle { fill:none; stroke-width:6; }
#gorunum-ana .hk3 .halka .iz { stroke:var(--bl-iz); }
#gorunum-ana .hk3 .halka .dol { stroke:url(#hk3-altin); stroke-linecap:round; stroke-dasharray:169.6; stroke-dashoffset:169.6; transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1); filter:drop-shadow(0 0 4px rgba(255,198,41,.6)); }
#gorunum-ana .hk3 .halka b { position:absolute; inset:0; display:grid; place-items:center; font:800 19px var(--f-head); color:var(--bl-yazi); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk3 .kocan-yazi { min-width:0; font-size:12px; color:var(--bl-soluk); line-height:1.35; }
#gorunum-ana .hk3 .kocan-yazi strong { display:block; font:700 15px var(--f-head); color:var(--bl-yazi); }
#gorunum-ana .hk3 .kocan-yazi span b { color:var(--bl-vurgu); }
#gorunum-ana .hk3 .cta { position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center; gap:8px; border-radius:11px; padding:10px 14px;
  font:700 15px var(--f-body); color:var(--bl-cta-yazi); background:var(--bl-cta); box-shadow:var(--bl-cta-golge); }
#gorunum-ana .hk3 .cta::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%); transform:translateX(-120%); animation:hk3-serit 3.6s ease-in-out infinite; }
#gorunum-ana .hk3 .cta svg { transition:transform .2s; }
#gorunum-ana .hk3 .cta .kisa { display:none; }
#gorunum-ana .hk3:hover .cta svg { transform:translateX(4px); }
#gorunum-ana .hk3 .alt-not { font-size:10.5px; color:var(--bl-not); text-align:center; margin-top:-4px; }
@media (prefers-reduced-motion:reduce){
  #gorunum-ana .kutu.hk3, #gorunum-ana .hk3 .bilet, #gorunum-ana .hk3 .pill::after, #gorunum-ana .hk3 h3 em, #gorunum-ana .hk3 .cta::after { animation:none; }
  #gorunum-ana .hk3 .halka .dol { transition:none; }
}
/* telefonda bilet daha kisa: kucuk baslik/halka, dar bosluklar, dugme halkanin yaninda */
@media (max-width:640px){
  #gorunum-ana .hk3 .ic { padding:12px 14px 12px; gap:8px; }
  #gorunum-ana .hk3 h3 { font-size:21px; }
  #gorunum-ana .hk3 .butce button { padding:3px 0; font-size:12px; }
  #gorunum-ana .hk3 .hesap i { height:18px; font-size:10px; }
  #gorunum-ana .hk3 .yirtik { margin:-3px -14px; }
  #gorunum-ana .hk3 .alt-blok { flex-direction:row; align-items:center; gap:10px; }
  #gorunum-ana .hk3 .kocan { gap:9px; flex:1; min-width:0; }
  #gorunum-ana .hk3 .halka { width:48px; height:48px; }
  #gorunum-ana .hk3 .halka circle { stroke-width:7; }
  #gorunum-ana .hk3 .halka b { font-size:14.5px; }
  #gorunum-ana .hk3 .kocan-yazi { font-size:11px; flex:1; }
  #gorunum-ana .hk3 .kocan-yazi strong { font-size:13.5px; }
  #gorunum-ana .hk3 .kocan-yazi .sim { display:none; }
  #gorunum-ana .hk3 .cta { flex:none; padding:10px 14px; font-size:14px; }
  #gorunum-ana .hk3 .cta .uzun { display:none; } #gorunum-ana .hk3 .cta .kisa { display:inline; }
  #gorunum-ana .hk3 .alt-not { margin-top:-2px; }
}
#gorunum-ana [hidden] { display:none !important; }

/* ---- Yollar: "Ne yapmak istiyorsun?" (js/ana/yollar.js) -- ayni anda tek yol paneli acik ---- */
#gorunum-ana .yollar-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:6px 0 10px; }
#gorunum-ana .yollar-baslik { margin:0; font-size:18px; }
#gorunum-ana .ozellikler { scroll-margin-top:70px; }
#gorunum-ana .yol-metin b { text-wrap:balance; }
#gorunum-ana .yollar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; scroll-margin-top:70px; }
#gorunum-ana .yol { position:relative; display:flex; align-items:center; gap:14px; min-width:0; padding:14px 16px; border-radius:14px;
  border:1px solid var(--line); background:var(--card); color:var(--fg); font:inherit; text-align:left; cursor:pointer;
  transition:border-color .15s, box-shadow .15s, background .15s; }
#gorunum-ana .yol:hover { border-color:var(--line-2); box-shadow:var(--shadow-lg); }
#gorunum-ana .yol:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
#gorunum-ana .yol-ikon { flex:none; width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--soft); color:var(--pick); transition:background .15s, color .15s; }
#gorunum-ana .yol-ikon svg, #gorunum-ana .oz-ikon svg, #gorunum-ana .sekme-btn svg, #gorunum-ana .hafta-ok svg {
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#gorunum-ana .yol-ikon svg { width:22px; height:22px; }
#gorunum-ana .yol-metin { min-width:0; }
#gorunum-ana .yol-metin b { display:block; font:700 19px/1.15 var(--f-head); }
#gorunum-ana .yol-metin small { display:block; margin-top:2px; font-size:13px; color:var(--muted); }
#gorunum-ana .yol.aktif { background:var(--navy); border-color:var(--pick); color:var(--navy-fg); box-shadow:var(--shadow-lg); }
#gorunum-ana .yol.aktif .yol-ikon { background:var(--cta); color:var(--cta-fg); }
#gorunum-ana .yol.aktif small { color:var(--navy-mut); }
#gorunum-ana .yol.aktif::after { content:""; position:absolute; left:50%; bottom:-8px; width:14px; height:14px; border-radius:2px;
  background:var(--navy); border-right:1px solid var(--pick); border-bottom:1px solid var(--pick); transform:translateX(-50%) rotate(45deg); }
@media (max-width:760px){
  #gorunum-ana .yollar { gap:8px; }
  #gorunum-ana .yol { flex-direction:column; align-items:center; gap:7px; padding:12px 6px 11px; text-align:center; }
  #gorunum-ana .yol-ikon { width:38px; height:38px; }
  #gorunum-ana .yol-metin b { font-size:15px; }
  #gorunum-ana .yol-metin small { display:none; }
}

/* ---- Yol 1: altin bilet + hafta sayaci ---- */
#gorunum-ana .hazir-ust { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:16px; margin-bottom:16px; }
#gorunum-ana .kutu.toto { gap:12px; }
#gorunum-ana .kutu.toto p { margin:0; }
#gorunum-ana .nasil { list-style:none; margin:4px 0 2px; padding:14px 0 0; border-top:1px dashed var(--tt-cerceve); display:flex; flex-direction:column; gap:11px; counter-reset:adim; }
#gorunum-ana .nasil li { display:grid; grid-template-columns:26px minmax(0,1fr); column-gap:11px; align-items:center; counter-increment:adim; }
#gorunum-ana .nasil li::before { content:counter(adim); grid-row:span 2; width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
  background:var(--tt-pill); color:var(--tt-pill-yazi); font:700 13px var(--f-head); }
#gorunum-ana .nasil b { font-size:14.5px; color:var(--tt-yazi); }
#gorunum-ana .nasil span { font-size:12.5px; color:var(--tt-soluk); line-height:1.35; }
#gorunum-ana .kutu.toto .toto-btnlar { margin-top:auto; }
@media (max-width:900px){ #gorunum-ana .hazir-ust { grid-template-columns:minmax(0,1fr); } }

/* ---- Tum ozellikler ---- */
#gorunum-ana .ozellikler { margin-top:36px; padding-top:22px; border-top:1px solid var(--line); }
#gorunum-ana .ozellikler h2 { margin:0 0 12px; font-size:21px; }
#gorunum-ana .oz-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
@media (max-width:1100px){ #gorunum-ana .oz-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
#gorunum-ana .oz { display:flex; align-items:center; gap:12px; min-width:0; padding:12px 14px; border-radius:12px; border:1px solid var(--line);
  background:var(--card); color:var(--fg); font:inherit; text-align:left; text-decoration:none; cursor:pointer; transition:border-color .15s, box-shadow .15s; }
#gorunum-ana .oz:hover { border-color:var(--line-2); box-shadow:var(--shadow-lg); }
#gorunum-ana .oz:hover .oz-ikon { background:var(--pick); color:var(--pick-fg); }
#gorunum-ana .oz-ikon { flex:none; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:var(--pick-soft); color:var(--pick); transition:background .15s, color .15s; }
#gorunum-ana .oz-ikon svg { width:19px; height:19px; }
#gorunum-ana .oz b { display:block; font-size:14.5px; }
#gorunum-ana .oz small { display:block; font-size:12.5px; color:var(--muted); line-height:1.3; }
@media (max-width:760px){ #gorunum-ana .oz-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #gorunum-ana .oz { padding:10px; gap:10px; } #gorunum-ana .oz small { display:none; } }



/* ---- Genel (JS'in urettigi siniflar dahil) ---- */
#gorunum-ana .kart { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px; min-width:0; }
#gorunum-ana .kucuk { font-size:.84rem; color:var(--muted); }
#gorunum-ana .rozet { display:inline-block; padding:3px 10px; border-radius:999px; font-size:.74rem; font-weight:700; background:var(--soft); color:var(--fg-2); white-space:nowrap; }
#gorunum-ana .rozet.yesil { background:var(--pick-soft); color:var(--pick); }
#gorunum-ana .wizard-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:14px 18px; border-bottom:1px solid var(--line); }
#gorunum-ana .wizard-ust h2 { margin:0; font-size:21px; }
#gorunum-ana .wizard-ust h2 .kucuk { font-family:var(--f-body); font-weight:500; }
#gorunum-ana .panel > .wizard-ust { margin:-18px -18px 16px; }
#gorunum-ana button.kapat-btn { border:0; background:var(--soft); color:var(--fg-2); font-size:1.2rem; cursor:pointer; line-height:1;
  width:32px; height:32px; border-radius:8px; flex:none; }
#gorunum-ana button.kapat-btn:hover { background:var(--line); }
#gorunum-ana label { display:block; font-size:.85rem; color:var(--fg-2); margin:12px 0 5px; font-weight:600; }
#gorunum-ana input, #gorunum-ana select.form-alan, #gorunum-ana textarea { width:100%; padding:11px 12px; font:inherit; font-size:16px; border-radius:8px;
  border:1px solid var(--line-2); background:var(--card); color:var(--fg); }
#gorunum-ana input:focus, #gorunum-ana select.form-alan:focus, #gorunum-ana textarea:focus { outline:2px solid var(--blue); outline-offset:0; border-color:transparent; }
#gorunum-ana button.eylem-btn { width:100%; min-height:46px; padding:12px; font:inherit; font-size:1rem; font-weight:700; margin-top:14px;
  border:0; border-radius:8px; background:var(--cta); color:var(--cta-fg); cursor:pointer; transition:filter .15s, transform .1s; }
#gorunum-ana button.eylem-btn:hover:not(:disabled) { filter:brightness(1.05); }
#gorunum-ana button.eylem-btn:active { transform:translateY(1px); }
#gorunum-ana button.eylem-btn.ikincil { background:var(--card); color:var(--fg); border:1px solid var(--line-2); }
#gorunum-ana button.eylem-btn.ikincil:hover:not(:disabled) { border-color:var(--fg-2); filter:none; }
#gorunum-ana button.eylem-btn:disabled { opacity:.5; cursor:not-allowed; }
#gorunum-ana .satir { display:flex; gap:10px; }
#gorunum-ana .satir > * { flex:1; }
#gorunum-ana .ozet { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:8px 0; border-bottom:1px solid var(--line); font-size:.92rem; color:var(--fg-2); }
#gorunum-ana .ozet:last-child { border-bottom:0; }
#gorunum-ana .ozet b { color:var(--fg); font:700 1.1rem var(--f-head); font-variant-numeric:tabular-nums; text-align:right; }
/* .ok-kutu / .uyari-kutu / .hata-kutu / .bilgi-kutu: tasarim.css (ortak bildirim kutusu) */
#gorunum-ana .kucuk a { color:var(--blue); font-weight:600; }

/* ---- Kolon olustur (sihirbaz, v2) ---- */
#gorunum-ana #wizard-alan { display:none; padding:0; overflow:clip; border-radius:16px; }
#gorunum-ana #wizard-alan.gorunur { display:block; }
#wizard-alan .ko-ust { position:relative; padding:20px 22px 0; color:var(--navy-fg);
  background:radial-gradient(110% 160% at 100% 0%,rgba(255,198,41,.15) 0%,rgba(255,198,41,0) 42%),linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%); }
#wizard-alan .ko-ust-sat { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
#wizard-alan .ko-etiket { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cta); }
#wizard-alan .ko-ust h2 { margin:2px 0 0; font-size:26px; line-height:1.15; color:#fff; }
#wizard-alan .ko-ust p { margin:4px 0 0; font-size:14px; color:var(--navy-mut); }
#wizard-alan .ko-ust-sag { display:flex; align-items:center; gap:8px; }
#wizard-alan .ko-sayac { display:flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14); font-size:13px; font-weight:600; white-space:nowrap; }
#wizard-alan .ko-sayac i { width:8px; height:8px; border-radius:50%; background:var(--cta); box-shadow:0 0 0 4px rgba(255,198,41,.18); }
#wizard-alan .ko-sayac b { font-variant-numeric:tabular-nums; color:#fff; }
#wizard-alan .ko-kapat { width:34px; height:34px; border-radius:10px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06);
  color:#fff; cursor:pointer; font-size:18px; line-height:1; }
#wizard-alan .ko-kapat:hover { background:rgba(255,255,255,.14); }

#wizard-alan .ko-modlar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; max-width:1180px; }
#wizard-alan .ko-mod { display:flex; gap:12px; align-items:center; text-align:left; padding:12px 14px; border-radius:12px 12px 0 0; border:0;
  background:rgba(255,255,255,.05); color:var(--navy-mut); cursor:pointer; font:inherit; transition:background .15s; }
#wizard-alan .ko-mod:hover { background:rgba(255,255,255,.09); }
#wizard-alan .ko-mod svg { flex:none; width:34px; height:34px; padding:7px; border-radius:9px; background:rgba(255,255,255,.08);
  fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#wizard-alan .ko-mod b { display:block; font-size:15px; color:#fff; }
#wizard-alan .ko-mod span { font-size:12.5px; line-height:1.3; }
#wizard-alan .ko-mod.aktif { background:var(--card); color:var(--muted); }
#wizard-alan .ko-mod.aktif b { color:var(--fg); }
#wizard-alan .ko-mod.aktif svg { background:var(--pick); color:var(--pick-fg); }

#wizard-alan .ko-adimlar { display:flex; align-items:center; padding:14px 22px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
#wizard-alan .ko-adim { display:flex; align-items:center; gap:8px; flex:none; font-size:13.5px; font-weight:600; color:var(--muted); }
#wizard-alan .ko-adim i { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:12px; font-weight:700;
  border:1.5px solid var(--line-2); color:var(--muted); }
#wizard-alan .ko-adim.aktif { color:var(--fg); }
#wizard-alan .ko-adim.aktif i { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); }
#wizard-alan .ko-adim.bitti i { border-color:var(--pick); color:var(--pick); }
#wizard-alan .ko-cizgi { flex:1; min-width:24px; height:2px; margin:0 12px; background:var(--line); border-radius:1px; }

/* Sutun duzeni ekrana degil sihirbazin kendi genisligine bakar: yan ray acikken sihirbaz daralir.
   .ko-kap sadece .ko-govde'yi sarar; .ko-mobil (position:fixed) disarida kalmali, yoksa containment onu hapseder. */
#wizard-alan .ko-kap { container:ko-kap / inline-size; }
#wizard-alan .ko-govde { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; }
#wizard-alan .ko-sol { padding:18px 22px 22px; border-right:1px solid var(--line); min-width:0; }
#wizard-alan #garanti-hafta-bilgi { margin-bottom:12px; }
#wizard-alan .ko-arac { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
#wizard-alan .ko-ilerleme { display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--fg-2); font-weight:600; }
#wizard-alan .ko-ilerleme-cubuk { width:120px; height:6px; border-radius:3px; background:var(--soft); overflow:hidden; }
#wizard-alan .ko-ilerleme-cubuk i { display:block; width:0; height:100%; background:var(--pick); border-radius:3px; transition:width .2s; }
#wizard-alan .ko-hizli { display:flex; gap:6px; flex-wrap:wrap; }
#wizard-alan .ko-hizli button { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border-radius:9px;
  border:1px solid var(--line-2); background:var(--card); color:var(--fg); font:inherit; font-size:13px; font-weight:700; cursor:pointer;
  transition:border-color .15s, background .15s; }
#wizard-alan .ko-hizli button:hover { border-color:var(--pick); background:var(--pick-soft); }
#wizard-alan .ko-hizli svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

#wizard-alan .ko-baslik { display:grid; grid-template-columns:30px minmax(0,1fr) 162px; gap:12px; padding:0 10px 6px; font-size:11.5px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
#wizard-alan .ko-baslik .uc { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; text-align:center; }
#wizard-alan .ko-liste { display:flex; flex-direction:column; gap:6px; }
#wizard-alan .ko-mac { position:relative; display:grid; grid-template-columns:30px minmax(0,1fr) 162px; gap:12px; align-items:center; padding:9px 10px;
  border:1px solid var(--line); border-radius:12px; background:var(--card); transition:border-color .15s; }
#wizard-alan .ko-mac::before { content:""; position:absolute; left:-1px; top:10px; bottom:10px; width:3px; border-radius:0 3px 3px 0; background:transparent; }
#wizard-alan .ko-mac[data-tur="banko"]::before { background:var(--pick); }
#wizard-alan .ko-mac[data-tur="cifte"]::before { background:var(--blue); }
#wizard-alan .ko-mac[data-tur="kapali"]::before { background:var(--cta); }
#wizard-alan .ko-mac:hover { border-color:var(--line-2); }
#wizard-alan .ko-no { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--soft); font-weight:700; font-size:13px;
  color:var(--fg-2); font-variant-numeric:tabular-nums; }
#wizard-alan .ko-mac[data-tur] .ko-no { background:var(--pick-soft); color:var(--pick); }
#wizard-alan .ko-bilgi { min-width:0; }
#wizard-alan .ko-takimlar { display:flex; align-items:baseline; gap:6px; min-width:0; font-weight:700; font-size:14.5px; }
#wizard-alan .ko-takimlar span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
#wizard-alan .ko-takimlar span:first-child { flex:0 1 auto; }
#wizard-alan .ko-takimlar em { font-style:normal; color:var(--muted); font-weight:500; flex:none; }
#wizard-alan .ko-alt { display:flex; align-items:center; gap:8px; margin-top:4px; font-size:12px; color:var(--muted); min-width:0; }
#wizard-alan .ko-alt time { font-variant-numeric:tabular-nums; white-space:nowrap; }
#wizard-alan .ko-dagilim { display:flex; height:4px; flex:0 1 110px; min-width:28px; border-radius:2px; overflow:hidden; gap:2px; }
#wizard-alan .ko-tur-yer { flex:none; }
#wizard-alan .ko-dagilim i { display:block; height:100%; }
#wizard-alan .ko-dagilim i:nth-child(1) { background:var(--pick); }
#wizard-alan .ko-dagilim i:nth-child(2) { background:var(--muted); opacity:.55; }
#wizard-alan .ko-dagilim i:nth-child(3) { background:var(--blue); opacity:.7; }
#wizard-alan .ko-tur { font-size:10.5px; font-weight:700; letter-spacing:.05em; padding:1px 6px; border-radius:4px; white-space:nowrap; }
#wizard-alan .ko-tur.banko { background:var(--pick-soft); color:var(--pick); }
#wizard-alan .ko-tur.cifte { background:rgba(36,99,217,.12); color:var(--blue); }
#wizard-alan .ko-tur.kapali { background:rgba(255,198,41,.22); color:var(--gold); }
#wizard-alan .ko-secimler { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
#wizard-alan .ko-sec { position:relative; height:46px; border-radius:10px; border:1px solid var(--line-2); background:var(--card); color:var(--fg); cursor:pointer;
  display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.1; font:inherit;
  transition:background .12s, border-color .12s, transform .08s; }
#wizard-alan .ko-sec:hover { border-color:var(--pick); background:var(--pick-soft); }
#wizard-alan .ko-sec:active { transform:scale(.97); }
#wizard-alan .ko-sec b { font-size:15px; }
#wizard-alan .ko-sec small { font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums; }
#wizard-alan .ko-sec.fav small { color:var(--fg-2); font-weight:700; }
#wizard-alan .ko-sec.aktif { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); box-shadow:0 4px 10px -6px var(--pick); }
#wizard-alan .ko-sec.aktif small { color:rgba(255,255,255,.78); }
#wizard-alan .ko-ipucu { margin-top:12px; font-size:12.5px; color:var(--muted); display:flex; gap:14px; flex-wrap:wrap; }
#wizard-alan .ko-ipucu span { display:inline-flex; align-items:center; gap:6px; }
#wizard-alan .ko-ipucu i { width:10px; height:10px; border-radius:3px; }

#wizard-alan .ko-yuzdesel { padding:4px 0; }
#wizard-alan .ko-yuzdesel h3 { font-size:20px; margin:0 0 6px; }
#wizard-alan .ko-yuzdesel p { color:var(--fg-2); margin:0 0 14px; max-width:560px; }
#wizard-alan .ko-yuzdesel ol { margin:0; padding-left:20px; color:var(--fg-2); }
#wizard-alan .ko-yuzdesel li { margin:4px 0; }
/* Akilli Butce: haftanin gucu kutusu (renk = etiket) */
#gorunum-ana .ab-hafta { display:flex; flex-direction:column; gap:3px; margin:0 0 14px; padding:12px 14px; max-width:560px;
  border-radius:12px; border:1px solid var(--line-2); border-left:4px solid var(--pick); background:var(--soft); color:var(--fg-2); }
#gorunum-ana .ab-hafta > b { font-size:17px; color:var(--fg); }
#gorunum-ana .ab-hafta span b { color:var(--fg); }
#gorunum-ana .ab-hafta small { font-size:12.5px; }
#gorunum-ana .ab-hafta.ab-guclu { border-left-color:var(--gold); }
#gorunum-ana .ab-hafta.ab-zayif { border-left-color:var(--warn); }
#wizard-alan #akilli-alan input { margin-top:6px; }
#wizard-alan .ab-bu-hafta-etk { margin-top:12px; }

/* Sag: kupon ozeti */
#wizard-alan .ko-sag { position:sticky; top:72px; padding:18px 20px 20px; display:flex; flex-direction:column; gap:14px; }
#wizard-alan .ko-sag h3 { margin:0; font-size:19px; display:flex; justify-content:space-between; align-items:center; }
#wizard-alan .ko-sag h3 small { font:600 12px var(--f-body); color:var(--muted); }
#wizard-alan .ko-etk { font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
#wizard-alan .ko-garanti { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:4px; border-radius:12px; background:var(--soft); }
#wizard-alan .ko-garanti button { min-height:38px; border:0; border-radius:9px; background:transparent; font:700 16px var(--f-head); cursor:pointer; color:var(--fg-2); }
#wizard-alan .ko-garanti button:hover { background:var(--card); }
#wizard-alan .ko-garanti button.aktif { background:var(--card); color:var(--pick); box-shadow:0 1px 3px rgba(15,28,46,.12), inset 0 0 0 1.5px var(--pick); }
#wizard-alan .ko-garanti-acik { font-size:12.5px; color:var(--fg-2); margin-top:8px; line-height:1.45; }
#wizard-alan .ko-bck { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
#wizard-alan .ko-bck div { border-radius:10px; padding:8px 10px; background:var(--soft); border-top:3px solid; }
#wizard-alan .ko-bck div:nth-child(1) { border-color:var(--pick); }
#wizard-alan .ko-bck div:nth-child(2) { border-color:var(--blue); }
#wizard-alan .ko-bck div:nth-child(3) { border-color:var(--cta); }
#wizard-alan .ko-bck b { display:block; font:700 22px/1.1 var(--f-head); font-variant-numeric:tabular-nums; }
#wizard-alan .ko-bck span { font-size:12px; color:var(--muted); font-weight:600; }
#wizard-alan .ko-toplam { border:1px solid var(--line); border-radius:12px; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); overflow:hidden; }
#wizard-alan .ko-toplam > div { padding:12px 14px; display:flex; flex-direction:column; gap:2px; }
#wizard-alan .ko-toplam > div + div { border-left:1px solid var(--line); background:var(--pick-soft); }
#wizard-alan .ko-toplam span { font-size:12px; color:var(--muted); font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
#wizard-alan .ko-toplam b { font:700 30px/1.1 var(--f-head); font-variant-numeric:tabular-nums; }
#wizard-alan .ko-toplam > div + div b { color:var(--pick); }
#wizard-alan .ko-toplam .tasarruf { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 14px; border-left:0; border-top:1px solid var(--line); background:var(--card); animation:nt-gir .22s ease-out; }
#wizard-alan .ko-toplam .tasarruf .kn-deger { display:flex; align-items:center; gap:8px; min-width:0; flex-wrap:wrap; justify-content:flex-end; }
#wizard-alan .ko-toplam .tasarruf b { font:700 20px/1.1 var(--f-head); color:var(--fg); }
#wizard-alan .ko-toplam .tasarruf em { font-style:normal; font-size:12px; font-weight:700; white-space:nowrap; color:var(--pick);
  background:var(--pick-soft); border-radius:999px; padding:3px 9px; font-variant-numeric:tabular-nums; }
#wizard-alan .ko-toplam .tasarruf:empty { display:none; }
#wizard-alan #garanti-onizleme-hata:empty, #wizard-alan #uret-cikti:empty { display:none; }
#wizard-alan #garanti-onizleme-hata .hata-kutu, #wizard-alan #uret-cikti > :first-child { margin-top:0; }
#wizard-alan .ko-btn { width:100%; min-height:50px; border-radius:12px; border:0; font:inherit; font-weight:700; font-size:16px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:filter .15s, transform .08s; }
#wizard-alan .ko-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#wizard-alan .ko-btn.cta { background:var(--cta); color:var(--cta-fg); box-shadow:0 8px 20px -10px rgba(255,198,41,.8); }
#wizard-alan .ko-btn.cta:hover:not(:disabled) { filter:brightness(1.05); }
#wizard-alan .ko-btn:disabled { opacity:.5; cursor:not-allowed; box-shadow:none; }
#wizard-alan .ko-btn.ikincil { background:var(--card); color:var(--fg); border:1px solid var(--line-2); min-height:44px; font-size:14.5px; }
#wizard-alan .ko-btn.ikincil:hover:not(:disabled) { border-color:var(--fg-2); }
#wizard-alan .ko-btn:active { transform:translateY(1px); }
#wizard-alan .ko-guven { display:flex; gap:8px; align-items:flex-start; font-size:12px; color:var(--muted); line-height:1.4; }
#wizard-alan .ko-guven svg { width:16px; height:16px; flex:none; fill:none; stroke:var(--win); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-top:1px; }
#wizard-alan .ko-butce { display:flex; flex-wrap:wrap; gap:6px; }
#wizard-alan .ko-butce button { min-height:38px; padding:0 14px; border-radius:10px; border:1px solid var(--line-2); background:var(--card); color:var(--fg);
  font:inherit; font-weight:700; cursor:pointer; font-variant-numeric:tabular-nums; }
#wizard-alan .ko-butce button.aktif { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); }
#wizard-alan #butce { margin-top:8px; font-weight:700; }

/* Adim 2-4 (giris / sms / bayi / oyna) */
#gorunum-ana .adimlar { padding:4px 18px 18px; }
#gorunum-ana .adimlar .kart-form { max-width:520px; margin:16px auto 0; }
#gorunum-ana .kart-form h2 { font-size:20px; margin:0 0 8px; }
#gorunum-ana #btn-sifirla { max-width:520px; display:block; margin:14px auto 0; }
#wizard-alan:not([data-adim="uret"]) .adimlar { border-top:1px solid var(--line); }

/* Mobil alt cubuk: sadece uretim adiminda ve mac listesi/ozet ekrandayken (kupon.js .ko-ekranda verir) */
#wizard-alan .ko-mobil { display:none; }
@container ko-kap (max-width:760px){
  #wizard-alan .ko-govde { grid-template-columns:minmax(0,1fr); }
  #wizard-alan .ko-sol { border-right:0; }
  #wizard-alan .ko-sag { position:static; border-top:1px solid var(--line); }
  #wizard-alan .ko-baslik, #wizard-alan .ko-mac { grid-template-columns:30px minmax(0,1fr) 186px; }
}
/* container query desteklemeyen eski tarayicilar icin: dar ekranda sihirbaz zaten tam genislik */
@supports not (container-type:inline-size){ @media (max-width:800px){
  #wizard-alan .ko-govde { grid-template-columns:minmax(0,1fr); }
  #wizard-alan .ko-sol { border-right:0; }
  #wizard-alan .ko-sag { position:static; border-top:1px solid var(--line); }
}}
@media (max-width:640px){
  #wizard-alan .ko-ust { padding:16px 16px 0; }
  #wizard-alan .ko-ust h2 { font-size:22px; }
  #wizard-alan .ko-ust-sat { padding-right:42px; }
  #wizard-alan .ko-kapat { position:absolute; top:14px; right:14px; }
  #wizard-alan .ko-modlar { gap:6px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #wizard-alan .ko-mod { padding:10px; gap:8px; }
  #wizard-alan .ko-mod svg { width:28px; height:28px; padding:5px; }
  #wizard-alan .ko-mod span { display:none; }
  #wizard-alan .ko-adimlar { padding:12px 16px; }
  #wizard-alan .ko-adim span { display:none; }
  #wizard-alan .ko-adim.aktif span { display:inline; }
  #wizard-alan .ko-cizgi { min-width:10px; margin:0 6px; }
  #wizard-alan .ko-sol { padding:14px 12px 16px; }
  #wizard-alan .ko-baslik { display:none; }
  #wizard-alan .ko-mac { grid-template-columns:26px minmax(0,1fr); row-gap:8px; padding:10px; }
  #wizard-alan .ko-no { width:26px; height:26px; font-size:12px; }
  #wizard-alan .ko-secimler { grid-column:1/-1; }
  #wizard-alan .ko-sec { height:44px; }
  #wizard-alan .ko-dagilim { flex-basis:70px; }
  #wizard-alan .ko-sag { padding:16px 14px 16px; }
  #wizard-alan[data-adim="uret"] { padding-bottom:80px; }   /* alt sabit cubuk (.ko-mobil) son ogeyi ortmesin */
  #wizard-alan[data-adim="uret"].ko-ekranda .ko-mobil { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:20; gap:10px; align-items:center;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:var(--card); border-top:1px solid var(--line);
    box-shadow:0 -8px 24px -16px rgba(15,28,46,.4); }
  #wizard-alan .ko-mobil div { flex:1; min-width:0; line-height:1.2; }
  #wizard-alan .ko-mobil small { display:block; font-size:12px; color:var(--muted); }
  #wizard-alan .ko-mobil b { font:700 20px var(--f-head); font-variant-numeric:tabular-nums; }
  #wizard-alan .ko-mobil .ko-btn { width:auto; padding:0 18px; min-height:46px; font-size:15px; }
}

@media (max-width:380px){
  #wizard-alan .ko-adim { font-size:12.5px; }
  #wizard-alan .ko-cizgi { min-width:6px; margin:0 4px; }
}

/* ---- Mac satiri (Tahmin Ligi izgarasi kullanir) ---- */
#gorunum-ana .garanti-mac { display:grid; grid-template-columns:30px 76px minmax(0,1fr) 168px; gap:12px; align-items:center; padding:0 18px; }
#gorunum-ana .garanti-mac { min-height:56px; border-bottom:1px solid var(--line); }
#gorunum-ana .garanti-mac:last-child { border-bottom:0; }
#gorunum-ana .garanti-mac:hover { background:var(--soft); }
#gorunum-ana .mac-no-rozet { font:600 15px var(--f-head); color:var(--muted); }
#gorunum-ana .mac-adlar { display:flex; align-items:center; gap:8px; min-width:0; font:600 16px var(--f-head); }
#gorunum-ana .mac-adlar span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#gorunum-ana .mac-adlar i { font-style:normal; color:var(--muted); font-weight:500; font-size:13px; flex:none; }
#gorunum-ana .pick-satir { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
#gorunum-ana .pick-btn { height:44px; border-radius:7px; border:1px solid var(--line-2); background:var(--card); color:var(--fg); cursor:pointer;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; line-height:1; padding:0; transition:border-color .12s, background .12s; }
#gorunum-ana .pick-btn b { font:700 16px var(--f-head); }
#gorunum-ana .pick-btn:hover { border-color:var(--pick); }
#gorunum-ana .pick-btn.aktif { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); }
@media (max-width:640px){
  #gorunum-ana .garanti-mac { grid-template-columns:22px minmax(0,1fr) 138px; gap:8px; padding:0 12px; padding-top:8px; padding-bottom:8px; }
  #gorunum-ana .mac-adlar { flex-direction:column; align-items:flex-start; gap:0; font-size:15px; }
  #gorunum-ana .mac-adlar i { display:none; }
  #gorunum-ana .pick-btn { height:42px; }
}

/* ---- Tahmin Ligi izgarasi (ayni satir dili) ---- */
#gorunum-ana #tahmin-grid { border:1px solid var(--line); border-radius:10px; overflow:hidden; }
#gorunum-ana #tahmin-grid .garanti-mac { grid-template-columns:30px minmax(0,1fr) 168px; }
@media (max-width:640px){ #gorunum-ana #tahmin-grid .garanti-mac { grid-template-columns:22px minmax(0,1fr) 138px; } }

/* ---- Sag ray: kose yazarlari ---- */
#gorunum-ana .satir-oge { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
#gorunum-ana .satir-oge:last-child { border-bottom:0; }
#gorunum-ana .satir-oge .av { width:30px; height:30px; border-radius:50%; background:var(--soft); flex:none; display:flex;
  align-items:center; justify-content:center; font-size:.78rem; }
#gorunum-ana .satir-oge .icerik { min-width:0; }
#gorunum-ana .satir-oge .baslik-metin { font-size:.9rem; font-weight:700; overflow:hidden; text-overflow:ellipsis; }
#gorunum-ana .satir-oge .alt-metin { font-size:.84rem; color:var(--fg-2); }

/* ---- Hafta paneli: sekmeler + ikramiyeye kosanlar ---- */
#gorunum-ana .hafta-panel { margin-top:0; }
#gorunum-ana .hafta-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:14px 18px 0; }
#gorunum-ana .hafta-sol { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; min-width:0; }
#gorunum-ana .hafta-etiket { font:700 22px var(--f-head); white-space:nowrap; }
#gorunum-ana .hafta-alt { font-size:.88rem; color:var(--muted); }
#gorunum-ana .hafta-gezin { display:flex; align-items:center; gap:6px; }
#gorunum-ana .hafta-ok { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; border:1px solid var(--line-2); background:var(--card); color:var(--fg); cursor:pointer; }
#gorunum-ana .hafta-ok svg { width:18px; height:18px; }
#gorunum-ana .hafta-ok:hover:not(:disabled) { border-color:var(--pick); color:var(--pick); }
#gorunum-ana .hafta-ok:disabled { opacity:.35; cursor:default; }
#gorunum-ana select.hafta-secici { height:38px; padding:0 12px; border-radius:9px; border:1px solid var(--line-2); background:var(--card); color:var(--fg); font:inherit; font-weight:600; font-size:.9rem; cursor:pointer; }
#gorunum-ana .sekme-kartlar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:14px 18px; border-bottom:1px solid var(--line); }
#gorunum-ana .sekme-btn { display:flex; align-items:center; gap:10px; min-width:0; padding:11px 12px; border-radius:11px; border:1px solid var(--line);
  background:var(--soft); color:var(--fg); font:inherit; text-align:left; cursor:pointer; transition:border-color .15s, background .15s; }
#gorunum-ana .sekme-btn svg { flex:none; width:34px; height:34px; padding:7px; border-radius:9px; background:var(--card); color:var(--pick); }
#gorunum-ana .sekme-btn b { display:block; font-size:14.5px; }
#gorunum-ana .sekme-btn small { display:block; font-size:12px; color:var(--muted); line-height:1.3; }
#gorunum-ana .sekme-btn:hover { border-color:var(--line-2); }
#gorunum-ana .sekme-btn.aktif { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); }
#gorunum-ana .sekme-btn.aktif small { color:rgba(255,255,255,.75); }
#gorunum-ana .sekme-btn.aktif svg { background:rgba(255,255,255,.14); color:#fff; }
#gorunum-ana .hafta-bekleme { display:flex; align-items:center; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; margin:14px 18px 0; padding:14px 16px;
  border-radius:12px; background:var(--tt-zemin); border:1px solid var(--tt-cerceve); color:var(--tt-yazi); }
#gorunum-ana .hb-sol { display:flex; gap:12px; align-items:center; min-width:0; }
#gorunum-ana .hb-ikon { font-size:22px; }
#gorunum-ana .hb-sol b { display:block; }
#gorunum-ana .hb-sol span, #gorunum-ana .hb-sag span { font-size:.86rem; color:var(--tt-soluk); }
#gorunum-ana .hb-sag { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
#gorunum-ana .hb-sag b { color:var(--tt-yazi); }
#gorunum-ana .hb-btn { padding:8px 14px; border-radius:8px; border:0; background:var(--cta); color:var(--cta-fg); font:inherit; font-weight:700; font-size:.88rem; cursor:pointer; }
#gorunum-ana .hafta-geri { margin-left:auto; }
@media (max-width:900px){ #gorunum-ana .sekme-kartlar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){
  #gorunum-ana .hafta-gezin { width:100%; } #gorunum-ana select.hafta-secici { flex:1; min-width:0; }
  #gorunum-ana .sekme-kartlar { gap:8px; padding:12px; } #gorunum-ana .sekme-btn { padding:9px; gap:8px; }
  #gorunum-ana .sekme-btn svg { width:30px; height:30px; padding:6px; } #gorunum-ana .sekme-btn small { display:none; }
  #gorunum-ana .hafta-bekleme { margin:12px 12px 0; }
}
#gorunum-ana .hafta-govde { padding:16px 18px 18px; }
#gorunum-ana .hafta-govde > .kucuk { margin-bottom:12px; }
#gorunum-ana .ilerleme { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--muted); margin-bottom:14px; }
#gorunum-ana .ilerleme .cubuk { width:140px; height:6px; border-radius:3px; background:var(--soft); overflow:hidden; }
#gorunum-ana .ilerleme .cubuk i { display:block; height:100%; width:0; background:var(--pick); border-radius:3px; transition:width .4s; }
#gorunum-ana .ozet-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:10px; }
#gorunum-ana .ozet-kart { display:flex; align-items:center; gap:14px; padding:16px 18px; min-width:0; }
#gorunum-ana .ozet-kart + .ozet-kart { border-left:1px solid var(--line); }
#gorunum-ana .ozet-kart .ikon { width:42px; height:42px; border-radius:10px; background:var(--soft); display:grid; place-items:center; flex:none; color:var(--fg-2); }
#gorunum-ana .ozet-kart .ikon svg { width:20px; height:20px; }
#gorunum-ana .ozet-etiket { font-size:.84rem; color:var(--muted); }
#gorunum-ana .ozet-deger { font:700 28px/1.1 var(--f-head); font-variant-numeric:tabular-nums; }
@media (max-width:640px){ #gorunum-ana .ozet-grid{ grid-template-columns:1fr; } #gorunum-ana .ozet-kart + .ozet-kart{ border-left:0; border-top:1px solid var(--line); } }
#gorunum-ana .not-satir { margin:8px 0 16px; }
#gorunum-ana .kademe-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 4px; }
#gorunum-ana .kademe { border:1px solid var(--line); border-radius:10px; padding:14px; display:flex; flex-direction:column; gap:8px; min-width:0; background:var(--card); }
#gorunum-ana .kademe-h { display:flex; justify-content:space-between; align-items:center; font-size:13.5px; font-weight:600; color:var(--fg-2); }
#gorunum-ana .kademe-h .k { font:700 13px var(--f-head); width:30px; height:30px; border-radius:8px; display:grid; place-items:center; background:var(--soft); color:var(--fg-2); }
#gorunum-ana .kademe .deger { font:700 32px/1 var(--f-head); font-variant-numeric:tabular-nums; }
#gorunum-ana .kademe .cubuk { height:4px; border-radius:2px; background:var(--soft); overflow:hidden; }
#gorunum-ana .kademe .cubuk i { display:block; height:100%; width:0; background:var(--pick); transition:width .4s; }
#gorunum-ana .kademe .meta { font-size:12px; color:var(--muted); }
#gorunum-ana .kademe .ikr { font-size:13px; font-weight:700; color:var(--fg-2); font-variant-numeric:tabular-nums; }
#gorunum-ana .kademe.k15 .ikr { color:var(--gold); }
#gorunum-ana .ozet-grid.uc { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px){ #gorunum-ana .ozet-grid.uc{ grid-template-columns:1fr; } #gorunum-ana .ozet-grid.uc .ozet-kart + .ozet-kart{ border-left:0; border-top:1px solid var(--line); } }
#gorunum-ana .kademe.k15 { border-color:color-mix(in srgb,var(--gold) 45%,var(--line)); }
#gorunum-ana .kademe.k15 .k { background:color-mix(in srgb,var(--gold) 16%,transparent); color:var(--gold); }
#gorunum-ana .kademe.k15 .deger { color:var(--gold); }
#gorunum-ana .kademe.k15 .cubuk i { background:var(--gold); }
@media (max-width:900px){ #gorunum-ana .kademe-grid{ grid-template-columns:1fr 1fr; } }
#gorunum-ana .alt-kart { border:1px solid var(--line); border-radius:10px; padding:16px; margin-top:16px; }
#gorunum-ana .alt-kart h2 { font-size:18px; margin:0 0 6px; }

/* ---- Tablolar ---- */
#gorunum-ana .tablo-kaydir { overflow-x:auto; }
#gorunum-ana table.program-tablo { width:100%; border-collapse:collapse; font-size:.9rem; }
#gorunum-ana table.program-tablo th { text-align:left; color:var(--muted); font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; padding:8px 8px; border-bottom:1px solid var(--line-2); white-space:nowrap; }
#gorunum-ana table.program-tablo td { padding:11px 8px; border-bottom:1px solid var(--line); vertical-align:middle; font-variant-numeric:tabular-nums; }
#gorunum-ana table.program-tablo tr:last-child td { border-bottom:0; }
#gorunum-ana table.program-tablo tbody tr:hover td { background:var(--soft); }

/* ---- Hafta Top 20 ---- */
#gorunum-ana .program-baslik { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; flex-wrap:wrap; gap:8px; }
#gorunum-ana .program-baslik h2 { display:flex; align-items:center; gap:8px; font-size:20px; margin:0; }
#gorunum-ana .top20-satir { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); flex-wrap:wrap; }
#gorunum-ana .top20-satir:last-child { border-bottom:0; }
#gorunum-ana .top20-rank { width:26px; font:700 17px var(--f-head); color:var(--muted); flex:none; text-align:center; }
#gorunum-ana .top20-satir:first-child .top20-rank { color:var(--gold); }
#gorunum-ana .top20-kimlik { min-width:150px; }
#gorunum-ana .top20-kimlik .ad { font-weight:700; font-size:.9rem; }
#gorunum-ana .top20-kimlik .zaman { font-size:.74rem; color:var(--muted); }
#gorunum-ana .top20-grid { display:flex; gap:3px; flex-wrap:wrap; flex:1; min-width:220px; }
#gorunum-ana .top20-hucre { width:22px; height:22px; border-radius:5px; font:700 12px var(--f-head); display:flex; align-items:center; justify-content:center; }
#gorunum-ana .top20-hucre.dogru { background:var(--win-soft); color:var(--win); }
#gorunum-ana .top20-hucre.yanlis { background:var(--live-soft); color:var(--live); }
#gorunum-ana .top20-hucre.bekliyor { background:var(--soft); color:var(--muted); }
#gorunum-ana .top20-sayaclar { flex:none; display:flex; gap:6px; }
#gorunum-ana .top20-oyna-btn { flex:none; width:auto !important; min-height:34px !important; margin:0 !important; padding:6px 12px !important; font-size:.82rem !important; }

/* ---- Spor Toto Programi ---- */
/* Hazir kolon onerisi (js/ana/hazir-kolon.js) */
#gorunum-ana .hazir-panel { margin-top:24px; overflow:hidden; }
#gorunum-ana .hk-ust { position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:20px 22px;
  background:radial-gradient(120% 140% at 100% 0%, rgba(255,198,41,.16) 0%, rgba(255,198,41,0) 45%), linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  color:var(--navy-fg); }
#gorunum-ana .hk-ust::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size:14px 14px;
  -webkit-mask-image:linear-gradient(90deg, transparent 30%, #000); mask-image:linear-gradient(90deg, transparent 30%, #000); }
#gorunum-ana .hk-ust > * { position:relative; z-index:1; }
#gorunum-ana .hk-ust-etiket { display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cta); margin-bottom:4px; }
#gorunum-ana .hk-ust h2 { margin:0; font-size:1.55rem; line-height:1.15; color:#fff; }
#gorunum-ana .hk-ust p { margin:6px 0 0; font-size:.9rem; color:var(--navy-mut); }
#gorunum-ana .hk-ust-sag { display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:none; }
#gorunum-ana .hk-hafta { padding:4px 12px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16);
  font-size:.78rem; font-weight:700; color:#fff; white-space:nowrap; }
#gorunum-ana .hk-son { font-size:.78rem; color:var(--navy-mut); white-space:nowrap; font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-son:empty { display:none; }

#gorunum-ana .hk-govde { padding:20px 22px 22px; }
#gorunum-ana .hk-adim { margin-bottom:18px; }
#gorunum-ana .hk-adim-baslik { display:flex; align-items:center; gap:8px; margin-bottom:10px; font:700 1.02rem var(--f-head); color:var(--fg); }
#gorunum-ana .hk-adim-no { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--pick-soft); color:var(--pick);
  font:700 .76rem var(--f-body); }

#gorunum-ana .hk-butce { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
#gorunum-ana .hk-cip { min-height:40px; padding:8px 16px; border-radius:10px; border:1px solid var(--line-2); background:var(--card);
  font-weight:700; font-size:.9rem; cursor:pointer; white-space:nowrap; font-variant-numeric:tabular-nums;
  transition:border-color .15s, background .15s, color .15s, box-shadow .15s; }
#gorunum-ana .hk-cip:hover:not(:disabled) { border-color:var(--pick); }
#gorunum-ana .hk-cip.aktif { background:var(--pick); border-color:var(--pick); color:var(--pick-fg); box-shadow:0 4px 12px -6px var(--pick); }
#gorunum-ana .hk-cip:disabled { cursor:not-allowed; }
#gorunum-ana .hk-diger { display:inline-flex; align-items:stretch; border:1px solid var(--line-2); border-radius:10px; overflow:hidden; background:var(--card); }
#gorunum-ana .hk-diger:focus-within { border-color:var(--pick); box-shadow:0 0 0 3px var(--pick-soft); }
#gorunum-ana .hk-diger input { width:108px; min-height:38px; padding:6px 12px; border:0; background:transparent; color:var(--fg); font:inherit; font-size:.9rem; outline:none; }
#gorunum-ana .hk-diger button { border:0; border-left:1px solid var(--line-2); background:var(--soft); padding:0 14px; font-weight:700; font-size:.84rem; cursor:pointer; }
#gorunum-ana .hk-diger button:hover { background:var(--pick-soft); color:var(--pick); }

#gorunum-ana .hk-tarzlar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#gorunum-ana .hk-tarz-kart { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:2px;
  align-items:center; text-align:left; padding:14px; min-height:0; border-radius:12px; white-space:normal; }
#gorunum-ana .hk-tarz-kart svg { grid-row:1 / span 2; width:38px; height:38px; padding:8px; border-radius:10px; background:var(--pick-soft);
  fill:none; stroke:var(--pick); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#gorunum-ana .hk-tarz-kart b { font-size:.95rem; }
#gorunum-ana .hk-tarz-kart span { font-size:.78rem; font-weight:500; color:var(--muted); line-height:1.35; }
#gorunum-ana .hk-tarz-kart.aktif { background:var(--pick-soft); color:var(--fg); box-shadow:inset 0 0 0 1px var(--pick); }
#gorunum-ana .hk-tarz-kart.aktif svg { background:var(--pick); stroke:var(--pick-fg); }
#gorunum-ana .hk-tarz-kart.aktif span { color:var(--fg-2); }
#gorunum-ana .hk-tarz-kart:disabled > :not(.hk-yakinda) { opacity:.5; }
#gorunum-ana .hk-yakinda { display:none; position:absolute; top:8px; right:8px; padding:1px 8px; border-radius:999px; background:var(--soft);
  border:1px solid var(--line); font-style:normal; font-size:.66rem; font-weight:700; color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-tarz-kart:disabled .hk-yakinda { display:block; }
#gorunum-ana .hk-aciklama { margin-top:10px; font-size:.82rem; color:var(--muted); line-height:1.45; }
#gorunum-ana .hk-aciklama:empty { display:none; }

#gorunum-ana #hk-sonuc { transition:opacity .2s; }
#gorunum-ana #hk-sonuc.yukleniyor { opacity:.45; pointer-events:none; }
#gorunum-ana .hk-iskelet { display:grid; gap:10px; }
#gorunum-ana .hk-iskelet i { display:block; height:64px; border-radius:12px; background:linear-gradient(90deg, var(--soft) 0%, var(--line) 50%, var(--soft) 100%);
  background-size:200% 100%; animation:hk-parilti 1.2s linear infinite; }
#gorunum-ana .hk-iskelet i:nth-child(2) { height:220px; }
@keyframes hk-parilti { from { background-position:200% 0; } to { background-position:-200% 0; } }
#gorunum-ana .hk-bos { padding:18px; border:1px dashed var(--line-2); border-radius:12px; text-align:center; color:var(--muted); font-size:.9rem; }

#gorunum-ana .hk-ozet { display:grid; grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
#gorunum-ana .hk-metrik { padding:12px 16px; display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0; }
#gorunum-ana .hk-metrik + .hk-metrik { border-left:1px solid var(--line); }
#gorunum-ana .hk-metrik span { font-size:.72rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
#gorunum-ana .hk-metrik b { font:700 1.2rem/1.2 var(--f-head); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-metrik em { font-style:normal; font-size:.76rem; color:var(--win); font-weight:600; }
#gorunum-ana .hk-metrik.ana { background:var(--pick-soft); }
#gorunum-ana .hk-metrik.ana b { font-size:1.85rem; color:var(--pick); }
#gorunum-ana .hk-dagilim { display:flex; gap:3px; height:6px; margin-top:6px; border-radius:3px; overflow:hidden; }
#gorunum-ana .hk-dagilim i { display:block; }
#gorunum-ana .hk-dagilim .t { background:var(--pick); }
#gorunum-ana .hk-dagilim .c { background:var(--blue); opacity:.55; }
#gorunum-ana .hk-dagilim .u { background:var(--cta); }

#gorunum-ana .hk-liste-ust { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin:22px 0 6px; }
#gorunum-ana .hk-liste-ust h3 { margin:0; font-size:1.05rem; }
#gorunum-ana .hk-lejant { display:flex; gap:12px; font-size:.74rem; color:var(--muted); }
#gorunum-ana .hk-lejant span { display:inline-flex; align-items:center; gap:5px; }
#gorunum-ana .hk-lejant i { width:10px; height:10px; border-radius:3px; background:var(--pick); }
#gorunum-ana .hk-lejant i.bos { background:transparent; border:1px solid var(--line-2); }
#gorunum-ana .hk-liste { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
#gorunum-ana .hk-mac { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); }
#gorunum-ana .hk-no { width:24px; height:24px; border-radius:7px; display:grid; place-items:center; background:var(--soft); font-size:.74rem; font-weight:700; color:var(--fg-2); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-adlar { min-width:0; display:flex; flex-direction:column; line-height:1.25; }
#gorunum-ana .hk-adlar b, #gorunum-ana .hk-adlar span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.86rem; }
#gorunum-ana .hk-adlar b { font-weight:700; }
#gorunum-ana .hk-adlar span { font-weight:500; color:var(--fg-2); }
#gorunum-ana .hk-tur { display:inline-block; margin-left:6px; padding:0 6px; border-radius:4px; font-size:.62rem; font-weight:700; letter-spacing:.04em; vertical-align:1px; }
#gorunum-ana .hk-tur.c { background:var(--pick-soft); color:var(--pick); }
#gorunum-ana .hk-tur.u { background:rgba(255,198,41,.2); color:var(--gold); }
#gorunum-ana .hk-isaretler { display:grid; grid-template-columns:repeat(3,42px); gap:4px; }
#gorunum-ana .hk-isaret { display:flex; flex-direction:column; align-items:center; justify-content:center; height:38px; border-radius:8px; border:1px solid var(--line);
  color:var(--muted); line-height:1.1; }
#gorunum-ana .hk-isaret b { font-size:.86rem; color:var(--fg-2); }
#gorunum-ana .hk-isaret i { font-style:normal; font-size:.66rem; font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-isaret.secili { background:var(--pick); border-color:var(--pick); color:rgba(255,255,255,.75); }
#gorunum-ana .hk-isaret.secili b { color:var(--pick-fg); }

#gorunum-ana .hk-kademeler { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:20px 0 0; }
#gorunum-ana .hk-kademe { border:1px solid var(--line); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:5px; background:var(--card); }
#gorunum-ana .hk-kademe span { font-size:.76rem; font-weight:600; color:var(--muted); }
#gorunum-ana .hk-kademe b { font:700 1.5rem/1.1 var(--f-head); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-cubuk { height:5px; border-radius:3px; background:var(--soft); overflow:hidden; }
#gorunum-ana .hk-cubuk i { display:block; height:100%; border-radius:3px; background:var(--pick); }
#gorunum-ana .hk-kademe em { font-style:normal; font-size:.74rem; color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-ana .hk-kademe em strong { color:var(--fg-2); font-weight:700; }
#gorunum-ana .hk-kademe.zirve { border-color:var(--cta); background:linear-gradient(180deg, rgba(255,198,41,.1), transparent 70%); }
#gorunum-ana .hk-kademe.zirve .hk-cubuk i { background:var(--cta); }

#gorunum-ana .hk-butonlar { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); gap:10px; margin-top:20px; }
#gorunum-ana .hk-butonlar .eylem-btn { margin-top:0; min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; }
#gorunum-ana .hk-butonlar .eylem-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#gorunum-ana .hk-butonlar #hk-oyna { font-size:1.08rem; box-shadow:0 8px 20px -10px rgba(255,198,41,.8); }
#gorunum-ana .hk-notlar { margin-top:14px; padding:10px 12px; border-radius:10px; background:var(--soft); font-size:.76rem; color:var(--muted); line-height:1.5; display:flex; gap:8px; }
#gorunum-ana .hk-notlar svg { width:16px; height:16px; flex:none; margin-top:1px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
#gorunum-ana .hk-notlar p { margin:0; }
#gorunum-ana .hk-notlar p + p { margin-top:4px; }
#gorunum-ana #hk-cikti:not(:empty) { margin-top:12px; }
#gorunum-ana .hk-kisa { display:none; }

@media (max-width:900px) {
  #gorunum-ana .hk-liste { grid-template-columns:minmax(0,1fr); }
  #gorunum-ana .hk-ozet { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #gorunum-ana .hk-metrik.ana { grid-column:1 / -1; flex-direction:row; align-items:baseline; flex-wrap:wrap; column-gap:10px; border-bottom:1px solid var(--line); }
  #gorunum-ana .hk-metrik.ana + .hk-metrik { border-left:0; }
}
@media (max-width:640px) {
  #gorunum-ana .hk-ust { flex-direction:column; padding:18px 16px; gap:10px; }
  #gorunum-ana .hk-ust-sag { flex-direction:row; align-items:center; }
  #gorunum-ana .hk-ust h2 { font-size:1.35rem; }
  #gorunum-ana .hk-govde { padding:16px; }
  #gorunum-ana .hk-cip { padding:8px 12px; }
  #gorunum-ana .hk-butce { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #gorunum-ana .hk-diger { grid-column:span 3; }
  #gorunum-ana .hk-diger input { flex:1; width:auto; }
  #gorunum-ana .hk-tarzlar { grid-template-columns:minmax(0,1fr); gap:8px; }
  #gorunum-ana .hk-tarz-kart { padding:11px 12px; }
  #gorunum-ana .hk-metrik { padding:10px 12px; }
  #gorunum-ana .hk-kademeler { grid-template-columns:1fr 1fr; }
  #gorunum-ana .hk-butonlar { grid-template-columns:1fr 1fr; }
  #gorunum-ana .hk-butonlar #hk-oyna { grid-column:1 / -1; }
  #gorunum-ana .hk-uzun { display:none; }
  #gorunum-ana .hk-kisa { display:inline; }
  #gorunum-ana .hk-isaretler { grid-template-columns:repeat(3,38px); }
}


/* Oynatma ilerlemesi (js/ana/kupon.js oynaIlerlemeYaz): "312 / 486 kupon gönderildi" */
#gorunum-ana .oyna-ilerleme { display:flex; flex-direction:column; gap:8px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
#gorunum-ana .oyna-ilerleme .oi-ust { display:flex; justify-content:space-between; gap:10px; font-size:14px; font-variant-numeric:tabular-nums; }
#gorunum-ana .oyna-ilerleme .oi-cubuk { display:block; height:8px; border-radius:4px; background:var(--line); overflow:hidden; }
#gorunum-ana .oyna-ilerleme .oi-cubuk i { display:block; height:100%; background:var(--pick); border-radius:4px; transition:width .5s; }
#gorunum-ana .oyna-ilerleme small { font-size:12px; color:var(--muted); }
#gorunum-ana .oyna-not { margin:4px 0 10px; line-height:1.45; }
/* Kolon olusturucu satirinda mac gunu skoru (kupon.js skorRozetleriYaz) */
#wizard-alan .ko-skor { flex:none; padding:1px 7px; border-radius:999px; background:var(--soft); color:var(--fg-2); font-size:11px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
#wizard-alan .ko-skor.canli { background:var(--live-soft); color:var(--live); }
#wizard-alan .ko-sec.sonuc { box-shadow:0 0 0 2px var(--win) inset; }
#gorunum-ana #oyna-ozet .ozet.yetmez b { color:var(--live); }

/* Oynatma bitti karti (kupon.js oynandiKartiGoster) -- lacivert + altin, iki temada da ayni (an'in kendisi vurgulu) */
#gorunum-ana .oynandi { position:relative; overflow:hidden; isolation:isolate; margin-top:16px; padding:30px 22px 22px; border-radius:20px;
  text-align:center; color:#fff; border:1px solid rgba(255,214,90,.32);
  background:radial-gradient(120% 85% at 50% 0%,#26446F 0%,#142743 52%,#0B1626 100%);
  box-shadow:0 28px 56px -28px rgba(8,17,31,.85),inset 0 1px 0 rgba(255,255,255,.08); animation:oy-gir .55s cubic-bezier(.2,.8,.2,1) both; }
#gorunum-ana .oynandi::before { content:""; position:absolute; inset:0 18% auto; height:1px;
  background:linear-gradient(90deg,transparent,#FFE27A,transparent); opacity:.85; }
#gorunum-ana .oynandi::after { content:""; position:absolute; z-index:-1; left:50%; top:-90px; width:300px; height:220px; transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(255,198,41,.22),transparent); }
#gorunum-ana .oy-isik { position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,236,180,.10) 48%,transparent 60%);
  transform:translateX(-120%); animation:oy-isik 1.6s .5s ease-out forwards; }
#gorunum-ana .oy-rozet { width:68px; height:68px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(255,226,122,.22),rgba(255,198,41,.06) 70%);
  box-shadow:0 0 0 1px rgba(255,214,90,.35),0 10px 30px -8px rgba(255,190,40,.55); }
#gorunum-ana .oy-rozet svg { width:46px; height:46px; fill:none; stroke-linecap:round; stroke-linejoin:round; }
#gorunum-ana .oy-halka { stroke:#FFD24A; stroke-width:2; stroke-dasharray:145; stroke-dashoffset:145; animation:oy-ciz .7s .15s ease-out forwards; }
#gorunum-ana .oy-tik { stroke:#FFE27A; stroke-width:3.2; stroke-dasharray:36; stroke-dashoffset:36; animation:oy-ciz .4s .7s ease-out forwards; }
#gorunum-ana .oy-ust { font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#E9C66A; }
#gorunum-ana .oy-baslik { margin:6px 0 6px; font-size:1.6rem; font-weight:800; letter-spacing:-.01em; line-height:1.15;
  background:linear-gradient(90deg,#F0A300,#FFE27A,#FFF7DC,#FFE27A,#F0A300); -webkit-background-clip:text; background-clip:text; color:transparent; }
#gorunum-ana .oy-alt { margin:0 auto; max-width:34ch; font-size:.92rem; line-height:1.5; color:rgba(233,238,245,.72); }
#gorunum-ana .oy-rakamlar { display:flex; justify-content:center; margin:20px 0 22px; padding:14px 6px; border-radius:14px;
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
#gorunum-ana .oy-rakamlar > div { flex:1; display:flex; flex-direction:column; gap:3px; min-width:0; }
#gorunum-ana .oy-rakamlar > div + div { border-left:1px solid rgba(255,255,255,.1); }
#gorunum-ana .oy-rakamlar b { font-size:1.3rem; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
#gorunum-ana .oy-rakamlar span { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(233,238,245,.55); }
#gorunum-ana .oy-butonlar { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#gorunum-ana .oy-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 14px; border-radius:12px;
  font:inherit; font-size:.95rem; font-weight:700; text-decoration:none; cursor:pointer; transition:transform .15s, filter .15s, border-color .15s; }
#gorunum-ana .oy-ana { color:#1A1405; border:0; background:linear-gradient(135deg,#FFE27A 0%,#FFC629 45%,#F0A300 100%);
  box-shadow:0 10px 22px -10px rgba(255,198,41,.95),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(160,95,0,.35); }
#gorunum-ana .oy-ikincil { color:#E9EEF5; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.18); }
#gorunum-ana .oy-btn:hover { transform:translateY(-1px); filter:brightness(1.06); }
#gorunum-ana .oy-ikincil:hover { border-color:rgba(255,226,122,.55); }
#gorunum-ana .oy-btn:focus-visible { outline:2px solid #FFE27A; outline-offset:2px; }
@media (max-width:420px) { #gorunum-ana .oy-butonlar { grid-template-columns:1fr; } #gorunum-ana .oy-baslik { font-size:1.4rem; } }
@keyframes oy-gir { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes oy-ciz { to { stroke-dashoffset:0; } }
@keyframes oy-isik { to { transform:translateX(120%); } }
@media (prefers-reduced-motion:reduce) {
  #gorunum-ana .oynandi, #gorunum-ana .oy-isik { animation:none; }
  #gorunum-ana .oy-halka, #gorunum-ana .oy-tik { animation:none; stroke-dashoffset:0; }
}
@media (max-width:760px){ #gorunum-ana .oz-grid > .oz:last-child:nth-child(odd) { grid-column:1 / -1; } }

/* Canli sayac: nasil oynanir seridinin yaninda, 3. yol kartinin hizasinda */
#gorunum-ana .canli-serit { display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:10px 6px; border-radius:14px;
  border:1px solid var(--line); background:var(--card); }
#gorunum-ana .cs-oge { padding:0 14px; min-width:0; }
#gorunum-ana .cs-oge + .cs-oge { border-left:1px solid var(--line); }
#gorunum-ana .cs-oge b { display:flex; align-items:center; font:700 19px/1.15 var(--f-head); color:var(--fg); font-variant-numeric:tabular-nums; white-space:nowrap; }
#gorunum-ana .cs-oge small { display:block; margin-top:2px; font-size:12.5px; color:var(--muted); white-space:nowrap; }
#gorunum-ana .cs-oge .canli-nokta { margin-right:7px; }
@media (max-width:900px){
  #gorunum-ana .giris-satir { grid-template-columns:minmax(0,1fr); gap:10px; }
  #gorunum-ana .nasil-serit { grid-column:auto; }
  #gorunum-ana .canli-serit { padding:8px 4px; }
  #gorunum-ana .cs-oge b { font-size:16px; }
}

/* ---- Yeni uye tanitim turu (js/ana/tanitim.js) -- body'ye eklenir, gorunum oneki yok ---- */
.tn-perde { position:fixed; inset:0; z-index:9990; }
.tn-isik { position:fixed; z-index:9991; border-radius:14px; pointer-events:none; box-shadow:0 0 0 9999px rgba(8,14,26,.62), 0 0 0 3px var(--cta);
  transition:top .25s, left .25s, width .25s, height .25s; }
.tn-balon { position:fixed; z-index:9992; width:min(340px, calc(100vw - 24px)); padding:16px 18px; border-radius:14px;
  background:var(--card); color:var(--fg); border:1px solid var(--line); box-shadow:var(--shadow-lg); font:15px/1.5 var(--f-body);
  transition:top .25s, left .25s; }
.tn-balon h3 { margin:6px 0 4px; font:700 19px/1.25 var(--f-head); }
.tn-balon p { margin:0; font-size:14px; color:var(--fg-2); }
.tn-ust { display:flex; justify-content:space-between; align-items:center; }
.tn-sayac { font-size:12px; font-weight:700; color:var(--pick); letter-spacing:.04em; }
.tn-atla { border:0; background:none; padding:4px 0; color:var(--muted); font:inherit; font-size:13px; cursor:pointer; }
.tn-alt { display:flex; align-items:center; gap:8px; margin-top:14px; }
.tn-noktalar { display:flex; gap:5px; margin-right:auto; }
.tn-noktalar i { width:7px; height:7px; border-radius:50%; background:var(--line-2); }
.tn-noktalar i.on { width:18px; border-radius:4px; background:var(--pick); }
.tn-geri, .tn-ileri { min-height:38px; padding:0 14px; border-radius:9px; font:700 14px var(--f-body); cursor:pointer; }
.tn-geri { border:1px solid var(--line-2); background:var(--card); color:var(--fg); }
.tn-ileri { border:0; background:var(--cta); color:var(--cta-fg); }
.tn-balon button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ .tn-isik, .tn-balon { transition:none; } }

/* Sonuc seridi (geri gelen ziyaretci) -- nasil oynanir seridiyle ayni kalip, <button> */
#gorunum-ana button.nasil-serit { font:inherit; text-align:left; cursor:pointer; width:100%; }
#gorunum-ana .sonuc-serit .ns-ikon { background:var(--navy); }
#gorunum-ana .sonuc-serit .ns-git { background:var(--cta); color:var(--cta-fg); }
#gorunum-ana .yollar-kisayollar { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width:480px){ #gorunum-ana .yollar-ust { flex-wrap:wrap; } #gorunum-ana .yollar-kisayollar { gap:8px; } }
#gorunum-ana .ns-metin b b { display:inline; font:inherit; color:var(--pick); }

/* iddaa oturumu acildiktan sonra kupon donar (kupon.js oturumBaslat); degistirmek = "Bastan basla" */
#wizard-alan.oturum-kilitli .ko-modlar, #wizard-alan.oturum-kilitli .ko-sol,
#wizard-alan.oturum-kilitli .ko-garanti, #wizard-alan.oturum-kilitli .ko-butce,
#wizard-alan.oturum-kilitli #butce, #wizard-alan.oturum-kilitli #ab-ortalama, #wizard-alan.oturum-kilitli #btn-uret { pointer-events:none; opacity:.55; }
  border:1px solid var(--cizgi); border-radius:8px; background:var(--bg); color:var(--metin); }

/* ================= Akilli Havuz (js/ana/havuz.js) =================
   Genel "#gorunum-ana input{width:100%}" kurali onay kutusu / secim dugmesine uygulanmasin diye asagida sifirlanir.
   Tablolar (.hv-t) 640px altinda kart satirlarina doner (td[data-etiket]). */
#gorunum-ana #havuz-alan input[type=checkbox], #gorunum-ana #havuz-alan input[type=radio] { width:auto; flex:none; padding:0; margin:0; min-height:0; }
#gorunum-ana #havuz-alan .hv-yukleniyor { padding:18px 0; color:var(--muted); font-size:.9rem; }
#gorunum-ana #havuz-alan .hv-dipnot { margin:8px 0 0; color:var(--muted); font-size:.8rem; line-height:1.5; }

/* Ust tanitim bandi */
#gorunum-ana #havuz-alan .hv-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:28px; padding:28px; border-radius:16px; margin-bottom:22px;
  color:var(--navy-fg); background:radial-gradient(120% 120% at 100% 0%, rgba(255,198,41,.16), rgba(255,198,41,0) 50%),
  linear-gradient(140deg, var(--navy-2) 0%, var(--navy) 100%); box-shadow:var(--shadow-lg); position:relative; overflow:hidden; }
#gorunum-ana #havuz-alan .hv-ust-yazi { display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--cta); padding:4px 10px; border:1px solid rgba(255,198,41,.4); border-radius:999px; }
#gorunum-ana #havuz-alan .hv-hero h3 { font-family:var(--f-head); font-size:clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.1; margin:14px 0 10px; color:#fff; }
#gorunum-ana #havuz-alan .hv-hero h3 em { font-style:normal; color:var(--cta); }
#gorunum-ana #havuz-alan .hv-hero p { margin:0; color:var(--navy-mut); line-height:1.55; max-width:46ch; }
#gorunum-ana #havuz-alan .hv-guven { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
#gorunum-ana #havuz-alan .hv-guven span { font-size:.78rem; font-weight:600; padding:6px 10px 6px 26px; border-radius:999px; background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1); position:relative; }
#gorunum-ana #havuz-alan .hv-guven span::before { content:""; position:absolute; left:10px; top:50%; width:8px; height:4px; margin-top:-4px;
  border-left:2px solid var(--cta); border-bottom:2px solid var(--cta); transform:rotate(-45deg); }
#gorunum-ana #havuz-alan .hv-adimlar { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; align-self:center; }
#gorunum-ana #havuz-alan .hv-adimlar li { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border-radius:12px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
#gorunum-ana #havuz-alan .hv-adimlar i { font-style:normal; flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  font-family:var(--f-head); font-weight:700; background:var(--cta); color:var(--cta-fg); }
#gorunum-ana #havuz-alan .hv-adimlar b { display:block; color:#fff; font-size:.95rem; }
#gorunum-ana #havuz-alan .hv-adimlar span { display:block; color:var(--navy-mut); font-size:.8rem; line-height:1.45; margin-top:2px; }
#gorunum-ana #havuz-alan .hv-giris-kutu { text-align:center; padding:22px; border:1px dashed var(--line-2); border-radius:14px; }
#gorunum-ana #havuz-alan .hv-giris-kutu p { margin:0 0 12px; color:var(--fg-2); }
#gorunum-ana #havuz-alan .hv-giris-kutu .hv-oyna-btn { max-width:320px; margin:0 auto; }

/* Formlar */
#gorunum-ana #havuz-alan .hv-formlar { display:grid; grid-template-columns:1.35fr 1fr; gap:18px; align-items:start; }
#gorunum-ana #havuz-alan .hv-form { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; box-shadow:var(--shadow); }
#gorunum-ana #havuz-alan .hv-form h4 { font-family:var(--f-head); font-size:1.3rem; margin:0; }
#gorunum-ana #havuz-alan .hv-form-alt { margin:4px 0 16px; color:var(--muted); font-size:.85rem; }
#gorunum-ana #havuz-alan .hv-alan-satir { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#gorunum-ana #havuz-alan .hv-alan { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; min-width:0; }
#gorunum-ana #havuz-alan .hv-alan label, #gorunum-ana #havuz-alan .hv-etiket { font-size:.75rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--fg-2); }
#gorunum-ana #havuz-alan .hv-etiket { margin:18px 0 8px; }
#gorunum-ana #havuz-alan .hv-alan input { min-height:46px; border:1px solid var(--line-2); background:var(--soft); color:var(--fg); border-radius:10px;
  transition:border-color .15s, box-shadow .15s, background .15s; }
#gorunum-ana #havuz-alan .hv-alan input:focus { outline:none; border-color:var(--pick); background:var(--card); box-shadow:0 0 0 3px var(--pick-soft); }
#gorunum-ana #havuz-alan .hv-alan-tl > div { position:relative; }
#gorunum-ana #havuz-alan .hv-alan-tl > div input { padding-right:84px; }
#gorunum-ana #havuz-alan .hv-alan-tl > div span { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:.78rem; font-weight:600;
  color:var(--muted); pointer-events:none; }

/* Anahtar (switch) */
#gorunum-ana #havuz-alan .hv-anahtar { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border-radius:12px; background:var(--soft);
  border:1px solid var(--line); cursor:pointer; margin-top:4px; }
#gorunum-ana #havuz-alan .hv-anahtar input[type=checkbox] { appearance:none; -webkit-appearance:none; position:relative; width:44px; height:26px;
  border-radius:13px; background:var(--line-2); cursor:pointer; transition:background .18s; margin-top:1px; }
#gorunum-ana #havuz-alan .hv-anahtar input[type=checkbox]::before { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px;
  border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:transform .18s; }
#gorunum-ana #havuz-alan .hv-anahtar input[type=checkbox]:checked { background:var(--win); }
#gorunum-ana #havuz-alan .hv-anahtar input[type=checkbox]:checked::before { transform:translateX(18px); }
#gorunum-ana #havuz-alan .hv-anahtar input[type=checkbox]:focus-visible { outline:2px solid var(--pick); outline-offset:2px; }
#gorunum-ana #havuz-alan .hv-anahtar span, #gorunum-ana #havuz-alan .hv-secenek span { display:flex; flex-direction:column; gap:3px; min-width:0; }
#gorunum-ana #havuz-alan .hv-anahtar b, #gorunum-ana #havuz-alan .hv-secenek b { font-size:.92rem; color:var(--fg); }
#gorunum-ana #havuz-alan .hv-anahtar small, #gorunum-ana #havuz-alan .hv-secenek small { color:var(--fg-2); font-size:.8rem; line-height:1.45; }

/* Secenek kartlari */
#gorunum-ana #havuz-alan .hv-secenek { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#gorunum-ana #havuz-alan .hv-secenek label { display:flex; gap:12px; align-items:flex-start; padding:14px; cursor:pointer; border-radius:12px;
  border:1px solid var(--line-2); background:var(--card); transition:border-color .15s, background .15s, box-shadow .15s; }
#gorunum-ana #havuz-alan .hv-secenek label:hover { border-color:var(--pick); }
#gorunum-ana #havuz-alan .hv-secenek label:has(input:checked) { border-color:var(--pick); background:var(--pick-soft); box-shadow:inset 0 0 0 1px var(--pick); }
#gorunum-ana #havuz-alan .hv-secenek input[type=radio] { accent-color:var(--pick); width:18px; height:18px; margin-top:2px; }

/* Dugmeler */
#gorunum-ana #havuz-alan .hv-oyna-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:100%; min-height:54px;
  margin-top:18px; padding:10px 18px; border:0; border-radius:12px; cursor:pointer; font:inherit; font-family:var(--f-head);
  font-size:1.15rem; font-weight:700; letter-spacing:.01em; background:linear-gradient(135deg, #FFD54F 0%, var(--cta) 55%, #F0A300 100%);
  color:var(--cta-fg); box-shadow:0 10px 22px -12px rgba(240,163,0,.9), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .12s, filter .15s, box-shadow .15s; }
#gorunum-ana #havuz-alan .hv-oyna-btn:hover { filter:brightness(1.04); transform:translateY(-1px); box-shadow:0 14px 26px -12px rgba(240,163,0,.95), inset 0 1px 0 rgba(255,255,255,.6); }
#gorunum-ana #havuz-alan .hv-oyna-btn:active { transform:translateY(1px); }
#gorunum-ana #havuz-alan .hv-oyna-btn small { font-family:var(--f-body); font-size:.78rem; font-weight:600; opacity:.75; }
#gorunum-ana #havuz-alan .hv-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 16px; border-radius:10px;
  border:1px solid var(--line-2); background:var(--card); color:var(--fg); font:inherit; font-size:.88rem; font-weight:700; cursor:pointer;
  text-decoration:none; white-space:nowrap; transition:border-color .15s, background .15s, transform .12s; }
#gorunum-ana #havuz-alan .hv-btn:hover { border-color:var(--pick); transform:translateY(-1px); }
#gorunum-ana #havuz-alan .hv-btn small { font-weight:500; color:var(--muted); }
#gorunum-ana #havuz-alan .hv-btn-genis { width:100%; min-height:50px; margin-top:6px; background:var(--pick); color:var(--pick-fg); border-color:var(--pick); }
#gorunum-ana #havuz-alan .hv-btn-genis:hover { filter:brightness(1.1); }
#gorunum-ana #havuz-alan .hv-btn-vurgu { background:var(--warn-soft); border-color:var(--warn); color:var(--warn); }
#gorunum-ana #havuz-alan .hv-btn-wa { background:#25D366; border-color:#25D366; color:#fff; }
#gorunum-ana #havuz-alan .hv-btn-wa:hover { border-color:#1ebe5b; background:#1ebe5b; }

/* Havuz listesi */
#gorunum-ana #havuz-alan .hv-bolum-baslik { font-family:var(--f-head); font-size:1.1rem; font-weight:700; margin:24px 0 10px; color:var(--fg); }
#gorunum-ana #havuz-alan .hv-bolum-buyuk { font-size:1.45rem; margin-top:30px; }
#gorunum-ana #havuz-alan .hv-bos { padding:26px; text-align:center; color:var(--muted); border:1px dashed var(--line-2); border-radius:14px; }
#gorunum-ana #havuz-alan .hv-kart { background:var(--card); border:1px solid var(--line); border-radius:14px; margin-bottom:12px; box-shadow:var(--shadow);
  overflow:hidden; transition:border-color .15s, box-shadow .15s; }
#gorunum-ana #havuz-alan .hv-kart:hover, #gorunum-ana #havuz-alan .hv-kart.acik { border-color:var(--line-2); box-shadow:var(--shadow-lg); }
#gorunum-ana #havuz-alan .hv-kart-ust { display:flex; align-items:center; gap:14px; width:100%; padding:16px 18px; border:0; background:none; color:inherit;
  font:inherit; text-align:left; cursor:pointer; flex-wrap:wrap; }
#gorunum-ana #havuz-alan .hv-kart-ad { display:flex; align-items:center; gap:12px; min-width:0; flex:1 1 220px; }
#gorunum-ana #havuz-alan .hv-kart-ad i { font-style:normal; flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  font-family:var(--f-head); font-size:1.2rem; font-weight:700; background:linear-gradient(140deg, var(--navy-2), var(--navy)); color:var(--cta); }
#gorunum-ana #havuz-alan .hv-kart-ad b { font-family:var(--f-head); font-size:1.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-rozetler { display:flex; flex-wrap:wrap; gap:6px; }
#gorunum-ana #havuz-alan .hv-rozet { font-size:.74rem; font-weight:600; padding:4px 10px; border-radius:999px; background:var(--soft); color:var(--fg-2);
  border:1px solid var(--line); white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-rozet-acik { background:var(--win-soft); color:var(--win); border-color:transparent; }
#gorunum-ana #havuz-alan .hv-ok-isaret { flex:none; width:10px; height:10px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted);
  transform:rotate(45deg); margin:0 4px 4px; transition:transform .2s; }
#gorunum-ana #havuz-alan .hv-kart.acik .hv-ok-isaret { transform:rotate(-135deg); margin-bottom:-4px; }
#gorunum-ana #havuz-alan .hv-davet { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 18px; border-top:1px solid var(--line); background:var(--soft); }
#gorunum-ana #havuz-alan .hv-davet-kod { display:flex; flex-direction:column; margin-right:6px; }
#gorunum-ana #havuz-alan .hv-davet-kod span { font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
#gorunum-ana #havuz-alan .hv-davet-kod b { font-family:ui-monospace, Menlo, Consolas, monospace; font-size:1rem; letter-spacing:.08em; }
#gorunum-ana #havuz-alan .hv-davet input { flex:1 1 200px; width:auto; min-height:42px; font-size:.82rem; padding:8px 12px; border:1px solid var(--line-2);
  border-radius:10px; background:var(--card); color:var(--fg-2); }
#gorunum-ana #havuz-alan .havuz-detay-govde { padding:4px 18px 20px; border-top:1px solid var(--line); }

/* Bu hafta */
#gorunum-ana #havuz-alan .hv-durum-bant { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:16px; padding:12px 14px; border-radius:12px;
  background:var(--pick-soft); color:var(--fg-2); font-size:.85rem; }
#gorunum-ana #havuz-alan .hv-durum-bant b { color:var(--fg); font-size:.95rem; }
#gorunum-ana #havuz-alan .hv-nokta { width:10px; height:10px; border-radius:50%; background:var(--pick); box-shadow:0 0 0 4px rgba(27,58,102,.15); flex:none; }
#gorunum-ana #havuz-alan .hv-guclu .hv-nokta { background:var(--gold); box-shadow:0 0 0 4px rgba(183,134,27,.2); }
#gorunum-ana #havuz-alan .hv-zayif .hv-nokta, #gorunum-ana #havuz-alan .hv-uyari .hv-nokta { background:var(--warn); box-shadow:0 0 0 4px rgba(180,97,14,.2); }
#gorunum-ana #havuz-alan .hv-guclu { background:rgba(183,134,27,.1); }
#gorunum-ana #havuz-alan .hv-zayif, #gorunum-ana #havuz-alan .hv-uyari { background:var(--warn-soft); }
#gorunum-ana #havuz-alan .hv-nokta-kilit { background:var(--win); box-shadow:0 0 0 4px rgba(20,137,74,.18); }
#gorunum-ana #havuz-alan .hv-statlar { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; margin-top:12px; }
#gorunum-ana #havuz-alan .hv-stat { display:flex; flex-direction:column; gap:2px; padding:14px 16px; border-radius:12px; border:1px solid var(--line); background:var(--card); }
#gorunum-ana #havuz-alan .hv-stat span { font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
#gorunum-ana #havuz-alan .hv-stat b { font-family:var(--f-head); font-size:1.55rem; line-height:1.15; color:var(--fg); font-variant-numeric:tabular-nums; }
#gorunum-ana #havuz-alan .hv-stat small { font-size:.76rem; color:var(--muted); }
#gorunum-ana #havuz-alan .hv-stat-vurgu { background:linear-gradient(140deg, var(--navy-2), var(--navy)); border-color:var(--navy); }
#gorunum-ana #havuz-alan .hv-stat-vurgu span, #gorunum-ana #havuz-alan .hv-stat-vurgu small { color:var(--navy-mut); }
#gorunum-ana #havuz-alan .hv-stat-vurgu b { color:var(--cta); }
#gorunum-ana #havuz-alan .hv-ilerleme { height:8px; border-radius:999px; background:var(--soft); margin-top:12px; overflow:hidden; border:1px solid var(--line); }
#gorunum-ana #havuz-alan .hv-ilerleme i { display:block; height:100%; background:linear-gradient(90deg, var(--win), #3CC47A); border-radius:999px; }
#gorunum-ana #havuz-alan .hv-oyna { margin-top:6px; }
#gorunum-ana #havuz-alan .hv-oyna .hv-oyna-btn { max-width:420px; }
#gorunum-ana #havuz-alan .hv-oyna p { margin:8px 0 0; font-size:.8rem; color:var(--muted); }

/* Tablolar */
#gorunum-ana #havuz-alan .hv-tablo { overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--card); }
#gorunum-ana #havuz-alan table.hv-t { width:100%; border-collapse:collapse; font-size:.88rem; }
#gorunum-ana #havuz-alan .hv-t th { text-align:left; padding:10px 12px; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); background:var(--soft); border-bottom:1px solid var(--line); white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-t td { padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; font-variant-numeric:tabular-nums; white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-t tr:last-child td { border-bottom:0; }
#gorunum-ana #havuz-alan .hv-t tr.hv-ben td { background:var(--pick-soft); }
#gorunum-ana #havuz-alan .hv-t tr.hv-mola td, #gorunum-ana #havuz-alan .hv-t tr.hv-oynanmadi td { opacity:.6; }
#gorunum-ana #havuz-alan .hv-uye { display:inline-flex; align-items:center; gap:10px; font-weight:600; }
#gorunum-ana #havuz-alan .hv-uye i { font-style:normal; width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:.8rem;
  font-weight:700; background:var(--soft); border:1px solid var(--line-2); color:var(--fg-2); }
#gorunum-ana #havuz-alan .hv-uye em { font-style:normal; font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:999px; background:var(--pick); color:var(--pick-fg); }
#gorunum-ana #havuz-alan .hv-etk { display:inline-block; font-size:.74rem; font-weight:700; padding:3px 9px; border-radius:999px; background:var(--soft); color:var(--fg-2); white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-etk-ok { background:var(--win-soft); color:var(--win); }
#gorunum-ana #havuz-alan .hv-etk-yarim { background:var(--warn-soft); color:var(--warn); }
#gorunum-ana #havuz-alan .hv-etk-yok { background:var(--live-soft); color:var(--live); }
#gorunum-ana #havuz-alan .hv-buyuk { font-family:var(--f-head); font-size:1.15rem; }
#gorunum-ana #havuz-alan .hv-para { color:var(--win); }

/* Katilim + kurucu ayarlari */
#gorunum-ana #havuz-alan .hv-katilim { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; }
#gorunum-ana #havuz-alan .hv-katilim .hv-alan { margin:0; flex:1 1 220px; }
#gorunum-ana #havuz-alan .hv-kurucu { margin-top:20px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
#gorunum-ana #havuz-alan .hv-kurucu summary { padding:14px 16px; cursor:pointer; font-weight:700; list-style:none; display:flex; align-items:center; gap:10px; }
#gorunum-ana #havuz-alan .hv-kurucu summary::-webkit-details-marker { display:none; }
#gorunum-ana #havuz-alan .hv-kurucu summary::after { content:""; margin-left:auto; width:8px; height:8px; border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted); transform:rotate(45deg); transition:transform .2s; }
#gorunum-ana #havuz-alan .hv-kurucu[open] summary::after { transform:rotate(-135deg); }
#gorunum-ana #havuz-alan .hv-kurucu summary small { font-weight:500; color:var(--muted); font-size:.78rem; }
#gorunum-ana #havuz-alan .hv-kurucu-ic { padding:0 16px 16px; }
#gorunum-ana #havuz-alan .hv-kurucu-ic .hv-anahtar { background:var(--card); }
#gorunum-ana #havuz-alan .hv-kurucu-ic > .hv-btn { margin-top:14px; }
#gorunum-ana #havuz-alan .havuz-cikti:empty { display:none; }
#gorunum-ana #havuz-alan .havuz-cikti { margin-top:12px; }

/* Kolon listesi */
#gorunum-ana #havuz-alan .hv-kolon-btn { margin-top:14px; }
#gorunum-ana #havuz-alan .hv-kolon-btn.acik { border-color:var(--pick); background:var(--pick-soft); }
#gorunum-ana #havuz-alan .hv-kolon-kutu { margin-top:12px; }
#gorunum-ana #havuz-alan .hv-kolon-ust { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
#gorunum-ana #havuz-alan .hv-kolon-ust select { min-height:40px; padding:6px 12px; border:1px solid var(--line-2); border-radius:10px; background:var(--card);
  color:var(--fg); font:inherit; font-size:.86rem; }
#gorunum-ana #havuz-alan .hv-lejant { margin-left:auto; font-size:.78rem; color:var(--muted); display:flex; align-items:center; gap:6px; }
#gorunum-ana #havuz-alan .hv-maclar { margin-bottom:10px; font-size:.82rem; }
#gorunum-ana #havuz-alan .hv-maclar summary { cursor:pointer; color:var(--fg-2); font-weight:600; }
#gorunum-ana #havuz-alan .hv-maclar ol { list-style:none; margin:8px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:4px 16px; }
#gorunum-ana #havuz-alan .hv-maclar li { display:flex; align-items:center; gap:8px; color:var(--fg-2); }
#gorunum-ana #havuz-alan .hv-maclar li i { font-style:normal; width:22px; flex:none; color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-ana #havuz-alan .hv-maclar li b { margin-left:auto; padding:1px 7px; border-radius:6px; background:var(--soft); color:var(--fg); }
#gorunum-ana #havuz-alan .hv-kolon { display:inline-flex; gap:2px; font-family:ui-monospace, Menlo, Consolas, monospace; font-size:.85rem; }
#gorunum-ana #havuz-alan .hv-kolon i, #gorunum-ana #havuz-alan .hv-lejant i { font-style:normal; display:inline-grid; place-items:center; width:20px; height:22px; border-radius:4px;
  background:var(--soft); color:var(--fg-2); font-family:ui-monospace, Menlo, Consolas, monospace; }
#gorunum-ana #havuz-alan .hv-kolon i.hv-d, #gorunum-ana #havuz-alan .hv-lejant i.hv-d { background:var(--win); color:#fff; }
#gorunum-ana #havuz-alan .hv-kolon i.hv-y, #gorunum-ana #havuz-alan .hv-lejant i.hv-y { background:var(--live-soft); color:var(--live); text-decoration:line-through; }
#gorunum-ana #havuz-alan .hv-daha { margin-top:10px; text-align:center; }

/* Gecmis */
#gorunum-ana #havuz-alan .hv-gecmis { margin-top:14px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
#gorunum-ana #havuz-alan .hv-gecmis-ust { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
#gorunum-ana #havuz-alan .hv-gecmis-ust b { font-family:var(--f-head); font-size:1.15rem; }
#gorunum-ana #havuz-alan .hv-gecmis-ust span { color:var(--muted); font-size:.82rem; }
#gorunum-ana #havuz-alan .hv-gecmis-ust em { margin-left:auto; font-style:normal; font-weight:700; font-size:.82rem; padding:4px 10px; border-radius:999px;
  background:var(--soft); color:var(--fg-2); }
#gorunum-ana #havuz-alan .hv-gecmis-ust em.hv-kazandi { background:var(--win-soft); color:var(--win); }

/* Tablet */
@media (max-width:900px) {
  #gorunum-ana #havuz-alan .hv-hero { grid-template-columns:1fr; padding:22px; gap:20px; }
  #gorunum-ana #havuz-alan .hv-formlar { grid-template-columns:1fr; }
}
/* Telefon: tablolar kart satirlarina doner */
@media (max-width:640px) {
  #gorunum-ana #havuz-alan .hv-hero { padding:20px 18px; border-radius:14px; }
  #gorunum-ana #havuz-alan .hv-form { padding:18px 16px; }
  #gorunum-ana #havuz-alan .hv-alan-satir, #gorunum-ana #havuz-alan .hv-secenek { grid-template-columns:1fr; }
  #gorunum-ana #havuz-alan .hv-kart-ust { padding:14px; }
  #gorunum-ana #havuz-alan .hv-ok-isaret { position:absolute; right:18px; top:30px; }
  #gorunum-ana #havuz-alan .hv-kart { position:relative; }
  #gorunum-ana #havuz-alan .hv-davet { padding:12px 14px; }
  #gorunum-ana #havuz-alan .hv-davet .hv-btn { flex:1 1 calc(50% - 4px); }
  #gorunum-ana #havuz-alan .havuz-detay-govde { padding:4px 14px 16px; }
  #gorunum-ana #havuz-alan .hv-statlar { grid-template-columns:1fr 1fr; }
  #gorunum-ana #havuz-alan .hv-stat { padding:12px; }
  #gorunum-ana #havuz-alan .hv-stat b { font-size:1.3rem; }
  #gorunum-ana #havuz-alan .hv-oyna .hv-oyna-btn { max-width:none; }
  #gorunum-ana #havuz-alan .hv-tablo { border:0; background:none; overflow:visible; }
  #gorunum-ana #havuz-alan table.hv-t, #gorunum-ana #havuz-alan .hv-t tbody { display:block; }
  #gorunum-ana #havuz-alan .hv-t thead { display:none; }
  #gorunum-ana #havuz-alan .hv-t tr { display:block; margin-bottom:10px; padding:6px 14px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
  #gorunum-ana #havuz-alan .hv-t td { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; text-align:right; }
  #gorunum-ana #havuz-alan .hv-t td::before { content:attr(data-etiket); font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
    color:var(--muted); text-align:left; }
  #gorunum-ana #havuz-alan .hv-t td:first-child { padding-top:10px; }
  #gorunum-ana #havuz-alan .hv-t td:first-child::before { display:none; }
  #gorunum-ana #havuz-alan .hv-t-uyeler td:first-child { justify-content:flex-start; }
  #gorunum-ana #havuz-alan .hv-t tr td:last-child { border-bottom:0; }
  #gorunum-ana #havuz-alan .hv-t-kolonlar td:first-child::before { display:block; }
  #gorunum-ana #havuz-alan .hv-t-kolonlar td:first-child { justify-content:space-between; }
  /* 15 işaret dar kartta yan yana sığmıyordu: etiket üstte, işaretler alt satırda eşit bölünür */
  #gorunum-ana #havuz-alan .hv-t-kolonlar td:has(.hv-kolon) { flex-wrap:wrap; gap:6px; }
  #gorunum-ana #havuz-alan .hv-t-kolonlar .hv-kolon { display:grid; grid-template-columns:repeat(15, minmax(0, 1fr)); width:100%; }
  #gorunum-ana #havuz-alan .hv-kolon i { width:auto; height:22px; font-size:.78rem; }
  #gorunum-ana #havuz-alan .hv-lejant { margin-left:0; }
  #gorunum-ana #havuz-alan .hv-gecmis { padding:12px; }
  #gorunum-ana #havuz-alan .hv-gecmis-ust em { margin-left:0; }
}

/* Akilli Havuz -- hesaplasma (kim kime ne kadar) */
#gorunum-ana #havuz-alan .hv-fark { display:inline-flex; flex-direction:column; align-items:flex-end; font-weight:700; line-height:1.15; }
#gorunum-ana #havuz-alan .hv-fark small { font-size:.68rem; font-weight:600; opacity:.8; }
#gorunum-ana #havuz-alan .hv-fark-ver { color:var(--warn); }
#gorunum-ana #havuz-alan .hv-fark-al { color:var(--win); }
#gorunum-ana #havuz-alan .hv-hesap { margin-top:14px; padding:16px; border-radius:12px; border:1px solid var(--line-2); background:var(--soft); }
#gorunum-ana #havuz-alan .hv-hesap-baslik { font-family:var(--f-head); font-size:1.1rem; font-weight:700; }
#gorunum-ana #havuz-alan .hv-hesap-baslik small, #gorunum-ana #havuz-alan .hv-hesap-alt small { font-family:var(--f-body); font-weight:500; font-size:.78rem; color:var(--muted); margin-left:6px; }
#gorunum-ana #havuz-alan .hv-hesap-ozet { margin:8px 0 0; padding:10px 12px; border-radius:10px; background:var(--card); border-left:4px solid var(--pick); font-size:.88rem; }
#gorunum-ana #havuz-alan .hv-hesap-alt { font-weight:700; font-size:.88rem; margin:14px 0 8px; }
#gorunum-ana #havuz-alan .hv-transfer { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
#gorunum-ana #havuz-alan .hv-transfer li { display:grid; grid-template-columns:minmax(0,max-content) auto minmax(0,1fr) auto; align-items:center; gap:10px;
  padding:10px 14px; border-radius:10px; background:var(--card); border:1px solid var(--line); font-size:.9rem; }
#gorunum-ana #havuz-alan .hv-transfer li.hv-ben { border-color:var(--pick); box-shadow:inset 3px 0 0 var(--pick); }
#gorunum-ana #havuz-alan .hv-transfer li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gorunum-ana #havuz-alan .hv-transfer li i { font-style:normal; color:var(--muted); }
#gorunum-ana #havuz-alan .hv-transfer li b:last-child { font-family:var(--f-head); font-size:1.05rem; font-variant-numeric:tabular-nums; }
@media (max-width:640px) {
  #gorunum-ana #havuz-alan .hv-hesap { padding:12px; }
  #gorunum-ana #havuz-alan .hv-transfer li { grid-template-columns:minmax(0,max-content) auto minmax(0,1fr); }
  #gorunum-ana #havuz-alan .hv-transfer li b:last-child { grid-column:1 / -1; text-align:right; }
}