/* Kupon Merkezi (Kuponlarim) gorunumu: tum kurallar #gorunum-kuponlarim altinda. Ortak tokenlar: /tasarim.css
   Duzen (v2, 2026-10-12): tek kutu (.km) -- lacivert bant (baslik + 4 rakam + yapisik sekmeler), kutu icinde
   arac cubugu, tam genislik grup basliklari, kartsiz satirlar (tiklayinca detay acilir), alt bilgi satiri. */
#gorunum-kuponlarim .sar { max-width:1000px; margin:0 auto; padding:24px 16px 60px; }
#gorunum-kuponlarim .tn { font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim [hidden] { display:none !important; }

#gorunum-kuponlarim .km { background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-lg); }
#gorunum-kuponlarim .km-ust { 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%); }
#gorunum-kuponlarim .km-bas { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
#gorunum-kuponlarim .km-etiket { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cta); }
#gorunum-kuponlarim h1 { margin:2px 0 0; font:700 1.75rem/1.15 var(--f-head); color:#fff; text-wrap:balance; }
#gorunum-kuponlarim .km-bas p { margin:4px 0 0; font-size:.88rem; color:var(--navy-mut); }
#gorunum-kuponlarim .km-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; }
#gorunum-kuponlarim .km-sayac i { width:8px; height:8px; border-radius:50%; background:var(--cta); box-shadow:0 0 0 4px rgba(255,198,41,.18); }
#gorunum-kuponlarim .km-sayac b { color:#fff; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .km-rakam { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:18px; border-top:1px solid rgba(255,255,255,.1); }
#gorunum-kuponlarim .km-rakam > div { padding:12px 0 14px; min-width:0; }
#gorunum-kuponlarim .km-rakam > div + div { padding-left:18px; border-left:1px solid rgba(255,255,255,.1); }
#gorunum-kuponlarim .km-rakam span { display:block; font-size:.76rem; color:var(--navy-mut); }
#gorunum-kuponlarim .km-rakam b { font:700 1.3rem/1.2 var(--f-head); color:#fff; font-variant-numeric:tabular-nums; }

/* sekmeler: bandin alt kenarina yapisik */
#gorunum-kuponlarim .sekmeler { display:flex; gap:4px; margin-top:4px; overflow-x:auto; scrollbar-width:none; }
#gorunum-kuponlarim .km-rakam + .sekmeler { margin-top:0; }
#gorunum-kuponlarim .sekmeler::-webkit-scrollbar { display:none; }
#gorunum-kuponlarim .sekme { flex:none; border:0; background:rgba(255,255,255,.05); color:var(--navy-mut); padding:11px 18px; border-radius:10px 10px 0 0;
  font:inherit; font-weight:600; cursor:pointer; display:flex; gap:8px; align-items:center; }
#gorunum-kuponlarim .sekme:hover { background:rgba(255,255,255,.1); color:#fff; }
#gorunum-kuponlarim .sekme.aktif { background:var(--card); color:var(--fg); }
#gorunum-kuponlarim .sekme .say { font-size:.72rem; font-weight:700; padding:1px 7px; border-radius:999px; background:rgba(255,255,255,.12); color:inherit; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .sekme.aktif .say { background:var(--pick); color:var(--pick-fg); }
#gorunum-kuponlarim .sekme .kisa { display:none; }

/* arac cubugu + filtre + ozet seridi */
#gorunum-kuponlarim .arac { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:14px 22px; border-bottom:1px solid var(--line); }
#gorunum-kuponlarim .cipler { display:flex; gap:4px; background:var(--soft); border:1px solid var(--line); border-radius:9px; padding:3px; }
#gorunum-kuponlarim .cip { border:0; background:none; border-radius:7px; padding:5px 12px; font:inherit; font-size:.85rem; font-weight:600; color:var(--muted); cursor:pointer; }
#gorunum-kuponlarim .cip.aktif { background:var(--card); color:var(--fg); box-shadow:0 1px 2px rgba(15,28,46,.12); }
#gorunum-kuponlarim .serit { display:flex; flex-wrap:wrap; gap:4px 22px; font-size:.86rem; color:var(--muted); }
#gorunum-kuponlarim .serit b { color:var(--fg); font:700 1.05rem var(--f-head); margin-left:4px; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .serit b.eksi { color:var(--live); } #gorunum-kuponlarim .serit b.arti { color:var(--win); }

#gorunum-kuponlarim .arac-sol { display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap; min-width:0; }
#gorunum-kuponlarim .gizli-not { padding:12px 22px; border-top:1px solid var(--line); background:var(--soft); font-size:.84rem; color:var(--muted); text-align:center; }

/* gruplar ve satirlar */
#gorunum-kuponlarim .grup-bas { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 22px; background:var(--soft);
  border-bottom:1px solid var(--line); font-size:.8rem; font-weight:700; color:var(--fg-2); }
#gorunum-kuponlarim .grup-bas span { color:var(--muted); font-weight:600; }
#gorunum-kuponlarim .grup + .grup .grup-bas { border-top:1px solid var(--line); }
#gorunum-kuponlarim .satir + .satir { border-top:1px solid var(--line); }
#gorunum-kuponlarim .sat-ust { display:grid; grid-template-columns:minmax(0,1fr) 200px 130px 100px; gap:18px; align-items:center; padding:13px 22px; cursor:pointer; }
#gorunum-kuponlarim .sat-ust:hover, #gorunum-kuponlarim .satir.acik .sat-ust { background:var(--soft); }
#gorunum-kuponlarim .ad { display:flex; gap:11px; align-items:center; min-width:0; }
#gorunum-kuponlarim .nokta { width:9px; height:9px; border-radius:50%; flex:none; background:var(--line-2); }
#gorunum-kuponlarim .nokta.bekliyor { background:var(--warn); }
#gorunum-kuponlarim .nokta.canli { background:var(--live); box-shadow:0 0 0 4px var(--live-soft); }
#gorunum-kuponlarim .nokta.kazandi { background:var(--win); } #gorunum-kuponlarim .nokta.kaybetti { background:var(--muted); }
#gorunum-kuponlarim .nokta.iade { background:var(--line-2); }
#gorunum-kuponlarim .ad-metin { min-width:0; }
#gorunum-kuponlarim .ad-metin b { display:block; font:700 1.08rem/1.2 var(--f-head); color:var(--fg); }
#gorunum-kuponlarim .ad-metin span { display:block; font-size:.82rem; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .serit15 { display:flex; gap:3px; align-items:center; }
#gorunum-kuponlarim .serit15 i { width:9px; height:18px; border-radius:2px; background:var(--line-2); }
#gorunum-kuponlarim .serit15 i.k { background:var(--win); } #gorunum-kuponlarim .serit15 i.y { background:var(--live); }
#gorunum-kuponlarim .serit15 i.i { background:var(--muted); }
/* Canli mac: su anki skorla tutuyorsa yesil, tutmuyorsa kirmizi -- ikisi de yanip soner (bitenler sabit renk) */
#gorunum-kuponlarim .serit15 i.ct { background:var(--win); animation:km-nabiz 1.2s infinite; }
#gorunum-kuponlarim .serit15 i.cy { background:var(--live); animation:km-nabiz 1.2s infinite; }
@keyframes km-nabiz { 50% { opacity:.3; } }
@media (prefers-reduced-motion:reduce) { #gorunum-kuponlarim .serit15 i.ct, #gorunum-kuponlarim .serit15 i.cy,
  #gorunum-kuponlarim .sec span.su-an, #gorunum-kuponlarim .mac .tk .ms i { animation:none; } }
#gorunum-kuponlarim .serit-not { font-size:.8rem; color:var(--muted); margin-top:4px; white-space:nowrap; }
#gorunum-kuponlarim .rozet { display:inline-block; padding:1px 8px; border-radius:999px; font-weight:700; color:#fff; background:var(--win); }
#gorunum-kuponlarim .rozet.r15 { background:linear-gradient(90deg,#c9971c,#f2c94c); color:#1b1400; }
#gorunum-kuponlarim .tutar { text-align:right; }
#gorunum-kuponlarim .tutar b { display:block; font:700 1.08rem var(--f-head); color:var(--fg); font-variant-numeric:tabular-nums; white-space:nowrap; }
#gorunum-kuponlarim .tutar span { font-size:.78rem; color:var(--muted); white-space:nowrap; }
#gorunum-kuponlarim .tutar b.k { color:var(--win); } #gorunum-kuponlarim .tutar b.y { color:var(--live); }
#gorunum-kuponlarim .eylem { display:flex; gap:6px; align-items:center; justify-content:flex-end; }
#gorunum-kuponlarim .b-oyna { border:0; background:var(--cta); color:var(--cta-fg); font:inherit; font-weight:700; border-radius:8px; padding:6px 14px; cursor:pointer; font-size:.88rem; }
#gorunum-kuponlarim .b-oyna:hover { filter:brightness(1.05); }
#gorunum-kuponlarim .b-ikon { width:32px; height:32px; border-radius:8px; border:1px solid transparent; background:none; color:var(--muted); cursor:pointer; display:grid; place-items:center; }
#gorunum-kuponlarim .b-ikon:hover { border-color:var(--line-2); color:var(--fg); }
#gorunum-kuponlarim .ok { transition:transform .15s; }
#gorunum-kuponlarim .satir.acik .ok { transform:rotate(180deg); }

/* satir detayi */
#gorunum-kuponlarim .detay { display:none; background:linear-gradient(var(--soft),var(--card) 40px); }
/* padding ic kutuda: dis kutunun yukseklik animasyonu padding'i her karede yeniden hesaplatmasin */
#gorunum-kuponlarim .detay-ic { padding:4px 22px 18px 42px; }
#gorunum-kuponlarim .satir.acik .detay { display:block; }
#gorunum-kuponlarim .kademe { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:.86rem; color:var(--muted); margin:2px 0 12px; }
#gorunum-kuponlarim .kademe b { color:var(--fg); font:700 1rem var(--f-head); margin-left:3px; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .kademe b.var { color:var(--win); }
#gorunum-kuponlarim .ikr { margin:2px 0 14px; }
#gorunum-kuponlarim .ikr-bas { font-size:.8rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px; }
#gorunum-kuponlarim .ikr-kutular { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
#gorunum-kuponlarim .ikr-kutu { background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:10px 12px; min-width:0; }
#gorunum-kuponlarim .ikr-kutu span { display:block; font-size:.78rem; color:var(--muted); margin-bottom:4px; }
#gorunum-kuponlarim .ikr-kutu b { display:block; font:700 1rem var(--f-head); color:var(--fg); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#gorunum-kuponlarim .ikr-kutu i { display:block; font-style:normal; font-size:.74rem; color:var(--win); margin-top:3px; }
#gorunum-kuponlarim .ikr-kutu.var { border-color:var(--win); }
#gorunum-kuponlarim .ikr-kutu.var b { color:var(--win); }
@media (max-width: 560px) { #gorunum-kuponlarim .ikr-kutular { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
#gorunum-kuponlarim .kazanc { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; background:var(--soft); border:1px solid var(--line);
  border-radius:10px; padding:10px 14px; margin-bottom:12px; font-size:.84rem; color:var(--muted); }
#gorunum-kuponlarim .kazanc b { font:700 1.2rem var(--f-head); color:var(--fg); font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .kazanc.var b { color:var(--win); }
/* Maclar suruyor: 15/14/13/12 takip secicisi (2026-10-25) -- 4 esit dugme, secilen kademe mac listesindeki sayilari
   belirler; kacan kademede "kaçtı" + mac no (kuponlarim.js kd/kad) */
#gorunum-kuponlarim .kademe-sec { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:2px 0 10px; padding:3px;
  border:1px solid var(--line); border-radius:11px; background:var(--soft); }
#gorunum-kuponlarim .ks { border:0; background:none; border-radius:8px; padding:6px 2px; font:inherit; text-align:center; min-width:0; cursor:pointer; color:var(--muted); }
#gorunum-kuponlarim .ks span { display:block; font-size:.72rem; font-weight:600; white-space:nowrap; }
#gorunum-kuponlarim .ks b { display:block; font:700 1.05rem/1.25 var(--f-head); color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .ks b.yok { color:var(--live); font-size:.9rem; }
#gorunum-kuponlarim .ks i { display:block; font-style:normal; font-size:.66rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#gorunum-kuponlarim .ks.var b { color:var(--win); }
#gorunum-kuponlarim .ks.aktif { background:var(--card); color:var(--fg); box-shadow:0 1px 3px rgba(15,28,46,.16), inset 0 0 0 1.5px var(--fg-2); }
#gorunum-kuponlarim .ks:focus-visible { outline:2px solid var(--pick); outline-offset:1px; }
#gorunum-kuponlarim .mac.yatti-mac { background:var(--live-soft); border-radius:8px; padding-left:6px; padding-right:6px; }
/* Hafta tamamlandi karti (kuponlarim.js sonucKarti): 15/14/13/12 bilen kolon sayisi + ikramiye + kazanc */
#gorunum-kuponlarim .sonuc-kart { border:1px solid var(--line); border-radius:12px; background:var(--card); padding:16px 18px 12px; margin:2px 0 14px; }
#gorunum-kuponlarim .sonuc-kart.r15 { border-color:#c9971c; }
#gorunum-kuponlarim .sk-bas { display:flex; justify-content:space-between; align-items:flex-end; gap:8px 16px; flex-wrap:wrap; }
#gorunum-kuponlarim .sk-baslik span { display:block; font-size:.72rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
#gorunum-kuponlarim .sk-baslik b { display:block; font:600 1.05rem/1.3 var(--f-head); color:var(--fg); margin-top:3px; }
#gorunum-kuponlarim .sk-baslik small { display:block; font-size:.82rem; color:var(--muted); margin-top:2px; }
#gorunum-kuponlarim .sk-para { text-align:right; margin-left:auto; }
#gorunum-kuponlarim .sk-para span { display:block; font-size:.72rem; color:var(--muted); }
#gorunum-kuponlarim .sk-para b { display:block; font:700 1.35rem/1.2 var(--f-head); color:var(--fg); font-variant-numeric:tabular-nums; margin-top:2px; }
#gorunum-kuponlarim .sonuc-kart.kazandi .sk-para b { color:var(--win); }
#gorunum-kuponlarim .sk-para small { font-size:.78rem; font-weight:500; color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .sk-para small.k { color:var(--win); } #gorunum-kuponlarim .sk-para small.y { color:var(--live); }
#gorunum-kuponlarim .sk-kutular { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
#gorunum-kuponlarim .sk-kutu { background:var(--soft); border:1px solid transparent; border-radius:10px; padding:10px 12px; min-width:0; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .sk-kutu .sk-ust { display:flex; justify-content:space-between; align-items:baseline; gap:6px; margin-bottom:6px; }
#gorunum-kuponlarim .sk-kutu span { font-size:.78rem; font-weight:600; color:var(--muted); }
#gorunum-kuponlarim .sk-kutu .sk-ust b { font:700 1.3rem/1 var(--f-head); color:var(--muted); }
#gorunum-kuponlarim .sk-kutu small { display:block; font-size:.7rem; color:var(--muted); }
#gorunum-kuponlarim .sk-kutu em { display:block; font-style:normal; font-size:.86rem; font-weight:500; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#gorunum-kuponlarim .sk-kutu.var { background:var(--card); border-color:var(--win); }
#gorunum-kuponlarim .sk-kutu.var span, #gorunum-kuponlarim .sk-kutu.var .sk-ust b, #gorunum-kuponlarim .sk-kutu.var em { color:var(--win); }
#gorunum-kuponlarim .sk-kutu.var em { font-weight:700; }
#gorunum-kuponlarim .sk-kutu.k15.var { border-color:#c9971c; }
#gorunum-kuponlarim .sk-kutu.k15.var span, #gorunum-kuponlarim .sk-kutu.k15.var .sk-ust b, #gorunum-kuponlarim .sk-kutu.k15.var em { color:#a87b0c; }
#gorunum-kuponlarim .sk-not { margin-top:10px; font-size:.72rem; color:var(--muted); }
@media (max-width: 560px) { #gorunum-kuponlarim .sk-kutular { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Maclar alt alta tek liste (2026-10-24: iki sutun yerine) */
#gorunum-kuponlarim .maclar { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
#gorunum-kuponlarim .mac { display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px 0; border-bottom:1px dashed var(--line); font-size:.88rem; }
#gorunum-kuponlarim .mac .no { color:var(--muted); font-size:.78rem; text-align:right; font-variant-numeric:tabular-nums; }
/* Takimlar tek satir, altinda kucuk durum: "MS 1-2" / kirmizi nokta + "CANLI 1-0" / "Başlamadı" (kuponlarim.js, C tasarimi) */
#gorunum-kuponlarim .mac .tk { display:flex; flex-direction:column; gap:1px; min-width:0; }
/* "ad-s" degil: reklam engelleyiciler .ad-s sinifini gizliyordu, PC Chrome'da takim adlari kayboluyordu (2026-10-27) */
#gorunum-kuponlarim .mac .tk .takimlar { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#gorunum-kuponlarim .mac .tk .ms { display:inline-flex; align-items:center; gap:4px; font-size:.74rem; color:var(--muted); font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .mac .tk .ms b { color:var(--fg); font-weight:700; }
#gorunum-kuponlarim .mac .tk .ms.canli, #gorunum-kuponlarim .mac .tk .ms.canli b { color:var(--live); }
#gorunum-kuponlarim .mac .tk .ms i { width:6px; height:6px; border-radius:50%; background:var(--live); animation:km-nabiz 1.2s infinite; }
#gorunum-kuponlarim .sec { display:flex; gap:2px; }
#gorunum-kuponlarim .sec span { width:22px; height:22px; border-radius:5px; display:grid; place-items:center; font-size:.75rem; font-weight:700; color:var(--muted); background:var(--soft); }
#gorunum-kuponlarim .sec span.on { background:var(--pick); color:var(--pick-fg); }
#gorunum-kuponlarim .mac.k .sec span.on { background:var(--win); } #gorunum-kuponlarim .mac.y .sec span.on { background:var(--live); }
#gorunum-kuponlarim .sec span.gercek { box-shadow:inset 0 0 0 1.5px var(--win); color:var(--win); }
/* Canli mac: "simdi bitse" -- o anki sonucun kutusu dolu yesil (oynanmis) / dolu kirmizi (oynanmamis) ve yumusak
   nabiz; diger kutular soluk (biten maclarla ayni renk dili, 2026-10-24) */
#gorunum-kuponlarim .sec span.su-an { animation:km-yumusak 1.8s ease-in-out infinite; }
#gorunum-kuponlarim .sec span.su-an.tutuyor { background:var(--win); color:#fff; }
#gorunum-kuponlarim .sec span.su-an.tutmuyor { background:var(--live); color:#fff; }
#gorunum-kuponlarim .mac.ct .sec span:not(.su-an), #gorunum-kuponlarim .mac.cy .sec span:not(.su-an) { opacity:.45; }
@keyframes km-yumusak { 50% { opacity:.65; } }
@media (prefers-reduced-motion:reduce) { #gorunum-kuponlarim .sec span.su-an { animation:none; } }
/* Coklu kolon: 1/X/2 kutusunda sansi suren kolonlardan kacinin o isareti oynadigi (kuponlarim.js sayiAciklamasi) */
#gorunum-kuponlarim .sayi-not { font-size:.8rem; color:var(--muted); margin:0 0 4px; }
#gorunum-kuponlarim .maclar.sayili .sec { gap:3px; }
#gorunum-kuponlarim .maclar.sayili .sec span { width:auto; min-width:36px; height:34px; padding:0 4px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; line-height:1.1; }
#gorunum-kuponlarim .maclar.sayili .sec span small { font-size:.64rem; font-weight:600; opacity:.85; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .sec span.on.olu { opacity:.45; }
/* Biten mac (coklu kolon): gelen sonuc yesil, kaybettiren isaretler iyice silik ve sayisi kirmizi */
#gorunum-kuponlarim .sec span.tuttu { background:var(--win); color:#fff; }
/* gelen sonucu hic kolon oynamamis: sonuc belli olsun ama yesil (yasatti) gorunmesin */
#gorunum-kuponlarim .sec span.tuttu.yok { background:var(--live); color:#fff; }
#gorunum-kuponlarim .sec span.elendi { background:var(--soft); color:var(--muted); opacity:.5; }
#gorunum-kuponlarim .sec span.elendi small { color:var(--live); opacity:1; }
#gorunum-kuponlarim .sec span.bos { background:var(--soft); color:var(--muted); opacity:.35; }
#gorunum-kuponlarim .kolon-liste { font:12px/1.8 ui-monospace,Consolas,monospace; color:var(--fg-2); background:var(--soft); border:1px solid var(--line); border-radius:8px;
  padding:8px 12px; max-height:220px; overflow:auto; word-break:break-all; }
#gorunum-kuponlarim .kolonlar-ac { margin-top:12px; }
#gorunum-kuponlarim .kolonlar-ac summary { cursor:pointer; font-size:.82rem; font-weight:600; color:var(--muted); margin-bottom:6px; }
#gorunum-kuponlarim .kolonlar-ac summary:hover { color:var(--fg-2); }
#gorunum-kuponlarim .detay-alt { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; font-size:.8rem; color:var(--muted); flex-wrap:wrap; }
#gorunum-kuponlarim .b-sil { border:0; background:none; color:var(--live); font:inherit; font-weight:600; cursor:pointer; font-size:.82rem; padding:0; }
#gorunum-kuponlarim .bacak { display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:10px; align-items:center; padding:7px 0; border-bottom:1px dashed var(--line); font-size:.88rem; }
#gorunum-kuponlarim .bacak small { display:block; color:var(--muted); font-size:.76rem; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .bacak .pz { font-weight:700; font-size:.82rem; white-space:nowrap; }
#gorunum-kuponlarim .bacak .ik { width:16px; height:16px; border-radius:50%; background:var(--line-2); }
#gorunum-kuponlarim .bacak.k .ik { background:var(--win); } #gorunum-kuponlarim .bacak.y .ik { background:var(--live); }
#gorunum-kuponlarim .bacak.i .ik { background:var(--muted); }
#gorunum-kuponlarim .bacak.k .pz { color:var(--win); } #gorunum-kuponlarim .bacak.y .pz { color:var(--live); }

/* performans */
#gorunum-kuponlarim .perf { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
#gorunum-kuponlarim .perf > div { padding:16px 22px; min-width:0; }
#gorunum-kuponlarim .perf > div + div { border-left:1px solid var(--line); }
#gorunum-kuponlarim .perf span { display:block; font-size:.8rem; color:var(--muted); }
#gorunum-kuponlarim .perf b { font:700 1.6rem/1.2 var(--f-head); font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .dagilim { padding:18px 22px; border-bottom:1px solid var(--line); }
#gorunum-kuponlarim .dagilim h3 { margin:0 0 10px; font:700 1.05rem var(--f-head); }
#gorunum-kuponlarim .cubuk { display:grid; grid-template-columns:72px 1fr 40px; gap:10px; align-items:center; font-size:.85rem; margin-top:6px; }
#gorunum-kuponlarim .cubuk .yol { height:8px; background:var(--soft); border-radius:4px; overflow:hidden; }
#gorunum-kuponlarim .cubuk .yol i { display:block; height:100%; background:var(--pick); border-radius:4px; }
#gorunum-kuponlarim .cubuk b { text-align:right; font-variant-numeric:tabular-nums; }
#gorunum-kuponlarim .davet { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 22px; font-size:.9rem; }
#gorunum-kuponlarim .davet input { min-width:0; width:280px; max-width:100%; padding:6px 10px; border:1px solid var(--line-2); border-radius:8px; font:inherit; font-size:.85rem; background:var(--soft); color:var(--fg); }
#gorunum-kuponlarim .b-ince { border:1px solid var(--line-2); background:var(--card); color:var(--fg); border-radius:8px; padding:6px 12px; font:inherit; font-weight:600; cursor:pointer; font-size:.85rem; }

/* bos / hata / alt bilgi */
#gorunum-kuponlarim .bos { text-align:center; padding:48px 22px; }
#gorunum-kuponlarim .bos b { display:block; font:700 1.25rem var(--f-head); color:var(--fg); margin-bottom:6px; }
#gorunum-kuponlarim .bos p { margin:0 auto 14px; max-width:520px; color:var(--muted); font-size:.9rem; }
#gorunum-kuponlarim .bos a { color:var(--blue); font-weight:600; }
#gorunum-kuponlarim .kucuk { color:var(--muted); font-size:.88rem; padding:22px; }
#gorunum-kuponlarim .hata-kutu { margin:18px 22px; }
#gorunum-kuponlarim .eylem-btn { min-height:40px; padding:0 20px; border:0; border-radius:8px; background:var(--cta); color:var(--cta-fg); font:inherit; font-weight:700; cursor:pointer; }
#gorunum-kuponlarim .km-alt { align-items:center; padding:12px 22px; border-top:1px solid var(--line); font-size:.8rem; color:var(--muted); display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }
#gorunum-kuponlarim .km-alt a:not(.kisa-btn) { color:var(--blue); font-weight:600; text-decoration:none; }

@media (max-width:720px){
  #gorunum-kuponlarim .sar { padding:16px 12px 48px; }
  #gorunum-kuponlarim .km-ust { padding:16px 16px 0; }
  #gorunum-kuponlarim h1 { font-size:1.5rem; }
  #gorunum-kuponlarim .km-rakam { grid-template-columns:1fr 1fr; }
  #gorunum-kuponlarim .km-rakam > div:nth-child(3) { padding-left:0; border-left:0; }
  #gorunum-kuponlarim .km-rakam > div:nth-child(n+3) { border-top:1px solid rgba(255,255,255,.1); }
  /* telefonda 4 sekme yan yana sigsin: kisa adlar, esit genislik */
  #gorunum-kuponlarim .sekmeler { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; }
  #gorunum-kuponlarim .sekme { justify-content:center; gap:5px; padding:10px 4px; font-size:.86rem; }
  #gorunum-kuponlarim .sekme .uzun { display:none; } #gorunum-kuponlarim .sekme .kisa { display:inline; }
  #gorunum-kuponlarim .sekme .say { padding:1px 5px; }
  #gorunum-kuponlarim .sat-ust { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; }
  #gorunum-kuponlarim .sat-ust .durum { grid-column:1 / -1; grid-row:2; padding-left:20px; }
  #gorunum-kuponlarim .sat-ust .tutar { grid-row:1; grid-column:2; }
  #gorunum-kuponlarim .sat-ust .eylem { grid-column:1 / -1; grid-row:3; padding-left:20px; justify-content:flex-start; }
  #gorunum-kuponlarim .sat-ust .eylem.sade { display:none; }
  #gorunum-kuponlarim .sat-ust, #gorunum-kuponlarim .arac, #gorunum-kuponlarim .grup-bas, #gorunum-kuponlarim .km-alt,
  #gorunum-kuponlarim .perf > div, #gorunum-kuponlarim .dagilim, #gorunum-kuponlarim .davet { padding-left:16px; padding-right:16px; }
  #gorunum-kuponlarim .detay-ic { padding-left:16px; padding-right:16px; }
  #gorunum-kuponlarim .maclar { grid-template-columns:1fr; grid-template-rows:none; grid-auto-flow:row; }
  #gorunum-kuponlarim .perf { grid-template-columns:1fr 1fr; }
  #gorunum-kuponlarim .perf > div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  #gorunum-kuponlarim .perf > div:nth-child(4) { border-top:1px solid var(--line); }
}