/* BANKOCU / marka ve kompakt analiz arayüzü. Mevcut tema üzerine bileşen katmanı. */
:root {
  --lacivert: #10243b;
  --lacivert-acik: #233c55;
  --marka-altin: #b19555;
  --marka-acik: #f7f3e9;
  --murekkep: #162c42;
  --soluk: #586b7c;
  --soluk2: #7b8b98;
  --zemin: #f3f5f7;
  --cizgi: #dfe6ec;
  --cizgi2: #cbd5de;
  --baslik: 'Manrope', system-ui, sans-serif;
  --header-h: 76px;
}
body { background: #f3f5f7; font-size: 14px; line-height: 1.55; }
h1, h2, h3 { letter-spacing: -.035em; }
h1 { font-size: 1.9rem; } h2 { font-size: 1.3rem; } h3 { font-size: 1.06rem; }
button, input, select, textarea { font-family: var(--govde); }
button, a, summary { -webkit-tap-highlight-color: transparent; }
.ui-ikon { width: 19px; height: 19px; flex: 0 0 auto; vertical-align: middle; }
.bankocu-isaret { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; overflow: hidden; background: #faf7ef; border: 1px solid #d9ca9d; border-radius: 12px; }
.bankocu-isaret img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bankocu-isaret.avatar { background: #faf7ef; }
.ust-etiket { display: block; font-size: 9px; font-weight: 800; letter-spacing: .16em; color: #8b713e; line-height: 1.5; }
.ust-etiket > span { color: var(--soluk); letter-spacing: .03em; font-weight: 600; }

/* Ortak sticky başlık */
.ust { background: rgba(255,255,255,.96); border-bottom: 1px solid #dce3e9; box-shadow: 0 3px 20px #10243b05; z-index: 60; transition: box-shadow .2s; }
.ust.kaydi { box-shadow: 0 6px 24px #10243b12; }
.ust::after { content: ''; position: absolute; height: 2px; bottom: -1px; left: 0; right: 0; background: linear-gradient(90deg,transparent,#b1955560 35%,#b1955560 65%,transparent); pointer-events: none; }
.ust .ust-ic { min-height: 76px; gap: 24px !important; }
.ust .logo { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.ust .logo-resim { width: 185px; max-width: 100%; height: auto; }
.ust .logo > small { font: 700 8px/1.3 var(--govde); letter-spacing: .22em; color: #71808d; padding-left: 3px; }
.ust .ana-menu { gap: 2px; }
.ust .ana-menu > a, .ust .ana-menu > .ust-acilir > summary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; font-weight: 750; padding: 10px 10px; color: #4c5f70; border-radius: 9px; background: transparent; }
.ust .ana-menu > a > .ui-ikon { width: 16px; height: 16px; color: #8593a0; }
.ust .ana-menu > a:hover, .ust .ana-menu > .ust-acilir > summary:hover { color: var(--lacivert); background: #f1f4f7; }
.ust .ana-menu > a.aktif, .ust .ana-menu > .ust-acilir.aktif > summary { background: var(--lacivert); color: #fff; box-shadow: 0 4px 10px #10243b14; }
.ust .ana-menu > a.aktif .ui-ikon { color: #d7c58f; }
.ust .hesap { gap: 7px !important; }
.ust .ust-giris { font-size: 12px; padding: 8px; color: #536575; }
.ust .ust-premium { display: inline-flex; align-items: center; gap: 5px; background: #f8f3e5; border: 1px solid #dfd0a7; color: #725823 !important; box-shadow: none; padding: 7px 9px !important; font-size: 11px !important; border-radius: 8px !important; }
.ust .ust-premium .ui-ikon { width: 16px; height: 16px; }
.ust .btn.ust-kayit { font-size: 12px; padding: 9px 13px; background: var(--lacivert); box-shadow: none; border-radius: 8px; }
.ust .btn.ust-kayit:hover { background: var(--lacivert-acik); }
.ust .ust-ikon { width: 33px; height: 36px; padding: 6px; color: #526575; }
.ust .ust-ikon svg { width: 19px; height: 19px; stroke-width: 1.6; }
.ust .acilir-kutu { padding: 10px; border-radius: 14px; border-color: #dce4eb; box-shadow: 0 18px 50px #10243b20; }
.ust .acilir-kutu a { font-size: 12px; gap: 10px; min-height: 39px; }
.ust .acilir-kutu a .ui-ikon { color: #8a7448; width: 18px; height: 18px; }
.ust .mm-izgara a { background: #f4f6f8; color: var(--lacivert); font-size: 11px; padding: 13px 6px; }
.ust .mm-izgara a.aktif { background: var(--lacivert); color: #fff; }
.ust .mm-izgara .ui-ikon { color: #9f854c; width: 22px; height: 22px; }
.ust .mobil-menu { border-color: #e5ebef; }
.page-at main.kap, .page-program main.kap { padding-top: 18px; }

/* At profili: kimlik, özet ve yarış bilgileri aynı hizada. */
.at-profil { padding: 0; border-radius: 18px; overflow: visible; margin-bottom: 15px; box-shadow: 0 4px 18px #10243b05; }
.at-profil-ust { display: flex; align-items: center; gap: 20px; padding: 20px 22px 18px; }
.at-kimlik { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }
.at-forma { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.at-profil .at-forma .forma { width: 47px; height: 58px; object-fit: contain; }
.at-profil .at-forma .no { width: 35px; height: 35px; font-size: 20px; border: 1px solid #dbd2b8; background: #f8f5ec; border-radius: 9px; color: #80642f; box-shadow: none; }
.at-kimlik-metin { min-width: 0; }
.at-profil h1 { margin: 3px 0 8px; font-size: clamp(22px,2.25vw,30px); line-height: 1.14; letter-spacing: -.045em; font-weight: 800; }
.at-soy { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; }
.at-soy > div { display: flex; align-items: baseline; gap: 5px; }
.at-soy dt { font-size: 10px; color: #768391; }
.at-soy dd { margin: 0; font-size: 11px; color: #485c6e; font-weight: 600; }
.at-ozet-sayilar { display: grid; grid-template-columns: repeat(3, minmax(64px,1fr)); gap: 17px; padding: 2px 20px; border-left: 1px solid #e3e8ed; border-right: 1px solid #e3e8ed; font-variant-numeric: tabular-nums; }
.at-ozet-sayilar b { display: block; font-size: 24px; letter-spacing: -.06em; line-height: 1.25; font-weight: 800; color: var(--lacivert); }
.at-ozet-sayilar > div:last-child b { color: #167159; }
.at-ozet-sayilar span { display: block; margin-top: 3px; font-size: 9px; color: #6a7b8b; white-space: nowrap; }
.at-takip .takip-form { display: flex; }
.at-takip .takip-btn { margin: 0; padding: 8px 12px; border-color: #d9cba6; border-radius: 9px; background: #faf7ee; color: #735c2b; font-size: 11px; white-space: nowrap; }
.at-yaris-bilgi { display: flex; align-items: center; gap: 20px; padding: 12px 22px; background: #f6f8fa; border-top: 1px solid #e9edf1; border-bottom: 1px solid #e9edf1; }
.at-program-link { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; color: var(--lacivert); }
.at-program-link:hover { text-decoration: none; color: #167159; }
.at-program-link > .ui-ikon { color: #9b814b; width: 20px; }
.at-program-link b, .at-program-link small { display: block; }
.at-program-link b { font-size: 11px; font-weight: 750; }
.at-program-link small { font-size: 10px; color: #657788; margin-top: 2px; }
.at-program-link > span:last-child { font-size: 17px; color: #8493a0; }
.at-baglantilar { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0; }
.at-baglantilar dt { font-size: 9px; text-transform: uppercase; letter-spacing: .07em; color: #7b8a97; }
.at-baglantilar dd { margin: 3px 0 0; font-size: 11px; font-weight: 700; }
.at-baglantilar a { color: #344f65; }
.at-profil-alt { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; padding: 13px 22px; align-items: start; }
.at-stil-ozet { display: grid; grid-template-columns: auto 1fr; gap: 7px 16px; align-items: center; }
.at-stil-ad { display: flex; flex-direction: column; gap: 4px; font-size: 9px; color: #708291; }
.at-stil-ad .stil-rozet { align-self: flex-start; font-size: 10px; }
.at-stil-ozet .stil-puan { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; max-width: none; }
.at-stil-ozet .stil-puan > div { padding: 8px 9px; border-radius: 7px; background: #f2f5f7; font-size: 10px; color: #5c6e7e; gap: 10px; }
.at-stil-ozet .stil-puan b { color: #233d52; font-size: 13px; }
.at-stil-ozet .stil-puan small { color: #7d8b96; font-size: 8px; font-weight: 500; }
.at-stil-ozet .stil-puan i { height: 2px; background: #338b76; }
.at-stil-ozet .stil-puan > div:last-of-type i { background: #b19555; }
.at-olcum { grid-column: 1/-1; color: #6c7f8e; font-size: 9px; }
.at-olcum summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.at-olcum summary::-webkit-details-marker { display: none; }
.at-olcum p { font-size: 11px; margin: 7px 0 0; line-height: 1.6; }
.at-ozel-not { border: 1px solid #e4dac1; background: #fcfaf5; border-radius: 10px; }
.at-ozel-not > summary { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; list-style: none; }
.at-ozel-not > summary::-webkit-details-marker { display: none; }
.at-not-ikon { display: grid; place-items: center; width: 32px; height: 32px; color: #9b7c3d; background: #f1ead8; border-radius: 8px; flex: 0 0 auto; }
.at-ozel-not summary b { display: block; font-size: 11px; color: #5b4c2b; }
.at-ozel-not summary small { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 9px; color: #8a7c60; }
.at-ozel-not summary small .ui-ikon { width: 10px; height: 10px; }
.at-not-arti { margin-left: auto; color: #9b7c3d; font-size: 21px; font-weight: 400; transition: transform .2s; }
.at-ozel-not[open] .at-not-arti { transform: rotate(45deg); }
.at-not-icerik { border-top: 1px solid #e9e0cd; padding: 10px 12px 12px; }
.at-not-icerik .takip-not { margin: 0; background: transparent; padding: 0; border: 0; }
.at-not-icerik .takip-not label { font-size: 11px; margin: 0 0 6px; }
.at-not-icerik .takip-not label small { display: block; font-size: 9px; font-weight: 500; }
.at-not-icerik .tn-satir { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.at-not-icerik textarea { min-height: 62px; height: 62px; font-size: 12px; }
.at-not-icerik .btn { padding: 7px 11px; font-size: 11px; }
.at-not-icerik .takip-not-davet { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.at-not-icerik .takip-not-davet .soluk { font-size: 10px; }

/* BANKOCU değerlendirmesi */
.page-at .bk-panel { border-radius: 18px; border-color: #dce4e9; }
.page-at .bk-ust { padding: 18px 22px; gap: 22px; background: linear-gradient(110deg,#132e31,#17483c); }
.page-at .bk-gosterge { width: 106px; height: 106px; flex-basis: 106px; }
.page-at .bk-puan b { font-size: 30px; letter-spacing: -.06em; }
.page-at .bk-puan span { font-size: 9px; color: #d4e3dc; opacity: 1; }
.page-at .bk-dolu { stroke: #d9bd76; }
.page-at .bk-baslik { gap: 9px; }
.page-at .bk-baslik h2 { font-size: 15px; font-weight: 800; letter-spacing: -.025em; }
.page-at .bk-baslik h2 span { font-weight: 500; color: #d1dfda; }
.page-at .bk-baslik .bankocu-isaret { width: 37px; height: 37px; border-radius: 10px; background: #f7f2e5; }
.page-at .bk-baslik .etiket { font-size: 9px; border-radius: 5px; padding: 3px 7px; }
.page-at .bk-baslik .paylas-btn { margin-left: auto; background: #ffffff0f; color: #e9f1ed; border-color: #ffffff30; font: 600 10px var(--govde); padding: 7px 10px; border-radius: 7px; }
.page-at .bk-kutular { gap: 7px; margin: 11px 0 9px; }
.page-at .bk-kutular > div { padding: 7px 10px; background: #ffffff09; border-color: #ffffff23; border-radius: 8px; }
.page-at .bk-kutular span { color: #c1d4cc; opacity: 1; font-size: 9px; }
.page-at .bk-kutular b { font-size: 20px; letter-spacing: -.04em; color: #fff; font-variant-numeric: tabular-nums; }
.page-at .bk-kutular small { font-size: 11px; }
.page-at .bk-cumle { font-size: 11px; color: #e2eee8; opacity: 1; max-width: none; line-height: 1.6; }
.page-at .bk-iki { gap: 12px; padding: 16px 20px; }
.page-at .bk-sutun h3 { font-size: 13px; }
.page-at .bk-madde { gap: 9px; margin: 10px 0; }
.page-at .bk-madde b { font-size: 11px; }
.page-at .bk-madde p { font-size: 11px; color: #536779; }
.page-at .bk-alt-baslik { font-size: 13px; }
.page-at .bk-faktorler { gap: 8px; padding: 0 20px 20px; }
.page-at .bk-faktor { border-radius: 9px; }
.page-at .bk-fad { font-size: 11px; }
.page-at .bk-fad small { font-size: 9px; }

/* Program seçimi ve yarış başlığı */
.page-program .gun-secici { background: #fff; border: 1px solid #dfe6ec; padding: 8px 10px; border-radius: 12px; margin-bottom: 12px; gap: 12px; }
.page-program .hip-sekme { gap: 5px; }
.page-program .hip-sekme a { font-size: 11px; padding: 7px 11px; border: 0; background: #f2f5f7; box-shadow: none; border-radius: 7px; color: #5c7080; }
.page-program .hip-sekme a.aktif { background: var(--lacivert); color: #fff; }
.page-program .tarih-nav input { font-size: 11px; padding: 6px; border-radius: 6px; }
.page-program .kosu-kafa { padding: 18px 20px 12px; border: 1px solid #dfe6ec; background: #fff; border-radius: 16px; box-shadow: 0 3px 14px #10243b04; margin-bottom: 12px; color: var(--lacivert); }
.page-program .kosu-kafa::before, .page-program .kosu-kafa::after { display: none; }
.page-program .kosu-ust { flex-wrap: nowrap; align-items: center; gap: 17px; }
.page-program .kosu-saat { display: flex; flex-direction: column; justify-content: center; min-width: 88px; min-height: 76px; padding: 10px 13px; border-radius: 11px; background: #f3f5f7; border: 1px solid #e2e8ed; color: var(--lacivert); font-size: 26px; line-height: 1.3; text-shadow: none; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.page-program .kosu-saat small { color: #8a7446; font-size: 8px; letter-spacing: .12em; margin-bottom: 4px; font-weight: 800; }
.page-program .kosu-bilgi { min-width: 0; }
.page-program .kosu-bilgi h1 { font-size: clamp(17px,1.8vw,23px); color: var(--lacivert); text-shadow: none; margin: 3px 0 8px; line-height: 1.3; letter-spacing: -.04em; }
.page-program .kosu-bilgi .hp-link { color: inherit; text-decoration: none; }
.page-program .kosu-bilgi h1 .ince { color: #738492; font-size: .7em; font-weight: 600; }
.page-program .etiket-satir { gap: 5px; }
.page-program .bilgi-cip { padding: 3px 7px; font-size: 9px; border: 1px solid #e5eaf0; background: #f6f8fa; color: #566d7e; border-radius: 5px; }
.page-program .kosu-bilgi .pist-isaret { padding: 4px 8px; font-size: 9px; border-radius: 5px; background: #e9f3ed; color: #24624b; }
.page-program .kosu-bilgi .pist-kum { background: #f6ede1; color: #87612d; }
.page-program .kosu-bilgi .pist-sentetik { background: #f5efdf; color: #8a6d2a; }
.page-program .kosu-eylem { flex-shrink: 0; gap: 6px; }
.page-program .kosu-eylem .btn { font-size: 10px; padding: 8px 12px; border-radius: 7px; background: var(--lacivert); color: #fff; box-shadow: none; }
.page-program .kosu-eylem .paylas-btn { font-size: 9px; padding: 5px 9px; border-radius: 6px; border-color: #dce4ea; color: #5c7181; }
.page-program .kosu-eylem .kucuk, .page-program .kosu-kafa .netice { color: #6c7d8b; font-size: 9px; }
.page-program .an-arac { gap: 4px; padding: 11px 0 10px; margin-top: 11px; border-top: 1px solid #edf0f3; }
.page-program .an-arac a { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; padding: 7px 10px; border-radius: 7px; border-color: transparent; background: #f3f6f8; color: #4a6376; }
.page-program .an-arac .ui-ikon { width: 15px; height: 15px; color: #8f7a4f; }
.page-program .an-arac a:hover { background: #eaf0f4; color: #152e46; }
.page-program .yz-yorum { margin-top: 0; padding: 13px 14px; gap: 12px; border-radius: 10px; background: #102a3b; box-shadow: none; color: #e5edf2; align-items: center; }
.page-program .yz-marka { width: 43px; height: 43px; border-radius: 10px; }
.page-program .yz-yorum > div { flex: 1; min-width: 0; }
.page-program .yz-kunye { display: flex; align-items: center; gap: 9px; color: #e0c78b; font-size: 10px; font-weight: 800; letter-spacing: .06em; margin-bottom: 4px; }
.page-program .yz-kunye small { border-left: 1px solid #ffffff35; padding-left: 9px; color: #93aabb; font-size: 8px; font-weight: 600; letter-spacing: .1em; }
.page-program .yz-ozet-metin { font-size: 11px; color: #e1eaf0; margin: 0; max-width: none; line-height: 1.65; }
.page-program .yz-yorum .llm { font-size: 11px; color: #c6d8e4; }
.page-program .icgoru-serit { padding: 9px 0 0; gap: 6px 10px; border: 0; background: none; border-radius: 0; margin: 0; }
.page-program .icgoru-serit .guven-rozet { font-size: 9px; border-radius: 5px; padding: 4px 7px; }
.page-program .ic-not, .page-program .risk-not { font-size: 10px; line-height: 1.5; }
.page-program .ic-not { color: #5b7081; }
.page-program .risk-not { background: #fbf5e9; color: #806333; border: 1px solid #eee2c6; border-radius: 6px; padding: 6px 9px; }

/* Koşular sticky şeridi ve okunaklı yarış tablosu. */
.page-program .kosu-sekme-alt { position: sticky; top: var(--header-h); z-index: 35; display: flex; gap: 4px; padding: 7px; margin-bottom: 10px; border: 1px solid #dce4eb; border-radius: 11px; background: rgba(255,255,255,.98); backdrop-filter: blur(10px); box-shadow: 0 4px 12px #10243b06; scroll-margin-top: calc(var(--header-h) + 10px); }
.page-program .kosu-sekme-alt a { flex: 1; min-width: 66px; padding: 7px 9px 8px; color: #496174; background: #f3f6f8; border: 1px solid transparent; border-radius: 7px; font-size: 11px; box-shadow: none; }
.page-program .kosu-sekme-alt a::after { left: 12px; right: 12px; height: 2px; opacity: .65; }
.page-program .kosu-sekme-alt a small { color: #798b99; font-size: 9px; }
.page-program .kosu-sekme-alt a.aktif { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.page-program .kosu-sekme-alt a.aktif small { color: #c5d5e1; }
.page-program .kosu-sekme-alt a.bitti { opacity: 1; }
.page-program .atlar-panel { border-radius: 13px; border-color: #dae3ea; box-shadow: 0 3px 16px #10243b04; margin-bottom: 14px; }
.page-program .bayi-bar, .page-program .bayi-bar.bayi-kum, .page-program .bayi-bar.bayi-sentetik { background: #edf2f6; color: #243e54; padding: 12px 15px; border-bottom: 1px solid #dce5ed; border-top: 3px solid #597c73; gap: 3px; }
.page-program .bayi-bar.bayi-kum { border-top-color: #a3865c; }
.page-program .bayi-bar.bayi-sentetik { border-top-color: #b19555; }
.page-program .bayi-bar b { font-size: 12px; text-shadow: none; color: #203a50; font-weight: 800; }
.page-program .bayi-bar > span { font-size: 10px; color: #5b7182; text-shadow: none; opacity: 1; }
.page-program .bayi-dugmeler { gap: 5px; margin-top: 7px; align-items: center; }
.page-program .bayi-dugmeler .bayi-kar { display: inline-flex; align-items: center; gap: 5px; background: #fff; color: #4e6577; border: 1px solid #d9e3ec; box-shadow: none; padding: 5px 8px; font: 650 9px/1.5 var(--govde); border-radius: 6px; }
.page-program .bayi-dugmeler .bayi-kar .ui-ikon { width: 13px; height: 13px; color: #8c774f; }
.page-program .bayi-dugmeler .bayi-idman { background: #223e53; border-color: #223e53; color: #fff; }
.page-program .bayi-dugmeler .bayi-idman .ui-ikon { color: #dcc58a; }
.page-program .bayi-dugmeler .bayi-kar:hover { background: #e5ecf2; color: var(--lacivert); }
.page-program .bayi-bar .kupon-bilet { text-shadow: none; }
.page-program .yaris-kart thead th { background: #f8fafb; color: #647a8b; font-size: 9px; padding: 9px 12px; letter-spacing: .035em; }
.page-program .yaris-kart thead .th-yz { background: #e9eff4; color: var(--lacivert); }
.page-program .yaris-kart td { color: #263e53; padding: 10px 12px; font-size: 12px; border-color: #e6edf2; }
.page-program .yaris-kart .at-satir { background: #fff; }
.page-program .yaris-kart tbody:nth-of-type(even) .at-satir { background: #f7f9fb; }
.page-program .yaris-kart .at-satir:hover, .page-program .yaris-kart .acik .at-satir { background: #eef4f6; }
.page-program .yaris-kart .at-ad, .page-program .yaris-kart .mb-ad { color: #18354f; font-size: 13px; font-weight: 800; }
.page-program .yaris-kart td a { color: #264f6c; }
.page-program .yaris-kart .alt-satir { color: #5d7385; font-size: 10px; line-height: 1.5; }
.page-program .yaris-kart .rozetler { gap: 4px; margin-top: 5px; }
.page-program .yaris-kart .no { color: #29475e; background: #edf2f6; border-color: #dae3eb; font-size: 17px; width: 29px; height: 33px; }
.page-program .yaris-kart .yz-ust > b { color: #183c52; font-size: 18px; }
.page-program .yaris-kart .yz-sira { border-radius: 5px; font-size: 10px; color: #29506a; background: #e7eff5; }
.page-program .yaris-kart .yz-s1 { background: #e7f2ec; color: #1b674d; }
.page-program .yaris-kart .yz-s2 { background: #edf0fa; color: #485d92; }
.page-program .yaris-kart .yz-s3 { background: #f4eee2; color: #85652e; }
.page-program .yaris-kart .olasilik-bar { height: 3px; background: #e3ebef; }
.page-program .yaris-kart .olasilik-bar > span { background: #8aab9c; }
.page-program .yaris-kart .kupona-ekle { font-size: 9px; padding: 4px 7px; border-radius: 5px; }
.page-program .yaris-kart .at-blok.kosmaz { opacity: 1; }
.page-program .yaris-kart .kosmaz .at-satir { background: #f0f3f5; }
.page-program .yaris-kart .kosmaz .at-ad { color: #738594; }
.page-program .yaris-kart .at-blok.banko-at { animation: none; outline: none; }
.page-program .yaris-kart .at-blok.banko-at .at-satir { background: #fbf8ee !important; box-shadow: inset 3px 0 #b19555; }
.page-program .yaris-kart .neden-ic { color: #314f63; font-size: 12px; }
.page-program .yaris-kart .etiket { font-size: 9px; border-radius: 4px; }

/* Ayrışan, açıklamalı analiz panelleri */
.page-program .ek-blok { --ek-renk: #4b6d8b; --ek-zemin: #edf3f8; border: 1px solid #dce5ed; border-radius: 12px; margin: 9px 0; box-shadow: 0 2px 8px #10243b03; overflow: hidden; scroll-margin-top: calc(var(--header-h) + 95px); }
.page-program .ek-hikaye { --ek-renk: #987b40; --ek-zemin: #f6f1e5; }
.page-program .ek-tempo { --ek-renk: #377f74; --ek-zemin: #e9f4ef; }
.page-program .ek-tip { --ek-renk: #5c6e9e; --ek-zemin: #eef0f9; }
.page-program .ek-one { --ek-renk: #9b7147; --ek-zemin: #f7eee4; }
.page-program .ek-pist { --ek-renk: #607b56; --ek-zemin: #eef4e9; }
.page-program .ek-blok > summary { padding: 11px 15px; gap: 11px; background: #fff; min-height: 62px; }
.page-program .ek-blok[open] > summary { border-bottom: 1px solid #e6ebf0; background: #fcfdfe; }
.page-program .ek-blok > summary::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid #6e8191; border-bottom: 1.5px solid #6e8191; transform: rotate(45deg); margin-left: 7px; margin-right: 3px; }
.page-program .ek-blok[open] > summary::after { transform: rotate(225deg); }
.page-program .ek-ikon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--ek-zemin); color: var(--ek-renk); flex: 0 0 auto; }
.page-program .ek-ikon .ui-ikon { width: 19px; height: 19px; }
.page-program .ek-ad { flex: 1; min-width: 0; }
.page-program .ek-ad b { display: block; font-size: 12px; font-weight: 800; letter-spacing: -.02em; color: #203c53; }
.page-program .ek-ad small { display: block; font-size: 9px; color: #7a8c9a; font-weight: 500; margin-top: 3px; }
.page-program .ek-etiket { font-size: 8px; font-weight: 800; letter-spacing: .09em; color: var(--ek-renk); background: var(--ek-zemin); padding: 4px 7px; border-radius: 4px; }
.page-program .ek-ic { padding: 14px 16px; background: #fff; }
.page-program .hikaye-kart { padding: 0; border-radius: 0; background: none; }
.page-program .hikaye { gap: 0; }
.page-program .hikaye li { border-radius: 0; padding: 10px 0; gap: 11px; background: none; border-bottom: 1px solid #edf1f4; }
.page-program .hikaye li:first-child { padding-top: 0; }
.page-program .hikaye li:last-child { border-bottom: 0; padding-bottom: 0; }
.page-program .hikaye li > span { width: 27px; height: 27px; flex-basis: 27px; border-radius: 7px; color: #8f784b; background: #f6f2e9; box-shadow: none; }
.page-program .hikaye li .ui-ikon { width: 15px; height: 15px; }
.page-program .hikaye li p { margin: 3px 0; color: #486174; font-size: 11px; line-height: 1.7; max-width: none; }
.page-program .ek-ic .tempo-kart, .page-program .ek-ic .egilim-kart { background: #f2f8f5; border: 1px solid #dcebe3; padding: 15px; border-radius: 10px; color: #345c50; }
.page-program .ek-ic h2 { color: #25485b; font-size: 14px; letter-spacing: -.025em; }
.page-program .ek-ic p, .page-program .ek-ic ul, .page-program .ek-ic small { font-size: 11px; line-height: 1.7; }
.page-program .ek-ic .tempo-ikon { color: #4b8c7a; background: #e5f0e9; width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; }
.page-program .ek-ic .tp-bas .tp-ikon { background: #eef0f8; color: #6172a3; border-radius: 9px; }
.page-program .ek-ic .tip-profil { border: 0; padding: 0; background: none; }
.page-program .ek-ic .tp-kutu { background: #f5f7fb; border-radius: 9px; border-color: #e4e9f2; }
.page-program .ek-ic .tp-kutu b { font-size: 23px; color: #384f76; }
.page-program .ek-ic .one-cikan { padding: 0; border: 0; box-shadow: none; }
.page-program .ek-ic .one-cikan li { background: #f6f8fa; color: #4d6577; padding: 12px 14px 12px 44px; border-radius: 7px; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.page-program .ek-ic .one-cikan li::before { left: 14px; top: 13px; width: 18px; height: 18px; line-height: 18px; }
.page-program .ek-ic .cl-ac > summary { background: #204c40 !important; border-radius: 9px !important; padding: 11px 13px !important; box-shadow: none; }

@media (max-width: 1180px) and (min-width: 1001px) {
  .ust .ust-ic { gap: 14px !important; }
  .ust .logo-resim { width: 165px; }
  .ust .ana-menu > a > .ui-ikon { display: none; }
  .ust .ana-menu > a, .ust .ana-menu > .ust-acilir > summary { font-size: 11px; padding: 9px 8px; }
}
@media (max-width: 1000px) {
  .ust .ust-ic { min-height: 68px; }
  .ust .logo-resim { width: 172px; }
  .at-profil-ust { gap: 14px; flex-wrap: wrap; }
  .at-kimlik { flex-basis: calc(100% - 140px); }
  .at-takip { order: 1; }
  .at-ozet-sayilar { order: 2; flex: 1 0 100%; grid-template-columns: repeat(3,1fr); border: 0; border-top: 1px solid #e7ecf0; padding: 12px 0 0; gap: 12px; }
  .at-ozet-sayilar > div { display: flex; align-items: center; gap: 8px; }
  .at-ozet-sayilar b { font-size: 22px; }
  .at-ozet-sayilar span { white-space: normal; margin: 0; }
  .at-yaris-bilgi { flex-wrap: wrap; gap: 12px; }
  .at-baglantilar { width: 100%; justify-content: space-between; }
  .at-profil-alt { gap: 15px; }
}
@media (max-width: 640px) {
  body { font-size: 14px; }
  .ust .ust-ic { min-height: 62px; gap: 8px !important; }
  .ust .logo-resim { width: 144px; }
  .ust .logo > small { display: none; }
  .ust .hesap { gap: 5px !important; }
  .ust .ust-ikon { width: 29px; }
  .ust .ust-premium { padding: 7px !important; }
  .ust .ust-kayit { font-size: 11px !important; padding: 8px 10px !important; }
  .ust .menu-ac { width: 34px; height: 34px; border-radius: 8px; }
  .page-at main.kap, .page-program main.kap { padding-top: 12px; }
  .at-profil { border-radius: 13px; }
  .at-profil-ust { padding: 15px; gap: 13px 8px; }
  .at-kimlik { flex-basis: calc(100% - 105px); gap: 9px; }
  .at-profil .at-forma { position: relative; padding-bottom: 16px; }
  .at-profil .at-forma .forma { width: 35px; height: 42px; }
  .at-profil .at-forma .no { position: absolute; bottom: 0; left: 8px; width: 20px; height: 20px; font-size: 12px; border-radius: 5px; }
  .at-profil h1 { font-size: 21px; margin-bottom: 7px; }
  .at-soy { gap: 3px 10px; }
  .at-soy dt { font-size: 9px; }
  .at-soy dd { font-size: 10px; }
  .at-takip .takip-btn { font-size: 10px; padding: 7px 9px; }
  .at-ozet-sayilar b { font-size: 22px; }
  .at-yaris-bilgi { padding: 11px 15px; }
  .at-program-link b { font-size: 11px; }
  .at-baglantilar { gap: 10px; }
  .at-baglantilar dd { font-size: 10px; }
  .at-profil-alt { grid-template-columns: 1fr; padding: 13px 15px; gap: 12px; }
  .at-stil-ozet { gap: 7px 12px; }
  .at-ozel-not summary small { font-size: 9px; }
  .page-at .bk-ust { padding: 15px; gap: 12px; flex-wrap: wrap; }
  .page-at .bk-gosterge { width: 76px; height: 76px; flex-basis: 76px; }
  .page-at .bk-puan b { font-size: 24px; }
  .page-at .bk-baslik h2 { font-size: 12px; }
  .page-at .bk-baslik h2 span { display: block; margin-top: 3px; font-size: 11px; }
  .page-at .bk-baslik .bankocu-isaret { width: 32px; height: 32px; }
  .page-at .bk-baslik .paylas-btn { margin-left: 0; font-size: 9px; }
  .page-at .bk-kutular { grid-template-columns: repeat(2,1fr); }
  .page-at .bk-kutular b { font-size: 19px; }
  .page-at .bk-cumle { font-size: 11px; }
  .page-at .bk-iki { padding: 14px; }
  .page-program .gun-secici { flex-wrap: wrap; gap: 8px; padding: 7px; overflow: visible; }
  .page-program .hip-sekme { width: 100%; }
  .page-program .hip-sekme a { font-size: 10px; padding: 7px 10px; }
  .page-program .kosu-kafa { padding: 12px; border-radius: 12px; }
  .page-program .kosu-ust { flex-wrap: wrap; gap: 11px; }
  .page-program .kosu-saat { min-width: 66px; min-height: 66px; font-size: 21px; padding: 9px; border-radius: 8px; }
  .page-program .kosu-saat small { font-size: 7px; }
  .page-program .kosu-bilgi { flex: 1; }
  .page-program .kosu-bilgi h1 { font-size: 16px; margin-bottom: 6px; }
  .page-program .kosu-bilgi h1 .ince { display: block; font-size: 11px; margin-top: 3px; }
  .page-program .kosu-bilgi .ust-etiket { font-size: 7px; }
  .page-program .bilgi-cip { font-size: 8px; }
  .page-program .kosu-eylem { width: 100%; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px; border-top: 1px solid #edf1f4; padding-top: 9px; }
  .page-program .kosu-eylem .kucuk { margin-left: auto; font-size: 8px; }
  .page-program .an-arac { margin-top: 9px; padding: 8px 0; }
  .page-program .an-arac a { font-size: 10px; padding: 7px 8px; }
  .page-program .yz-yorum { align-items: flex-start; padding: 10px; gap: 9px; }
  .page-program .yz-marka { width: 33px; height: 33px; border-radius: 8px; }
  .page-program .yz-ozet-metin { font-size: 11px; line-height: 1.7; }
  .page-program .ic-not { font-size: 10px; }
  .page-program .risk-not { font-size: 10px; }
  .page-program .kosu-sekme-alt { padding: 5px; gap: 4px; border-radius: 9px; overflow-x: auto; }
  .page-program .kosu-sekme-alt a { min-width: 64px; padding: 7px 8px; font-size: 10px; }
  .page-program .atlar-panel { margin-left: 0; margin-right: 0; border: 1px solid #dbe4ec; border-radius: 11px; }
  .page-program .bayi-bar { padding: 10px 11px; }
  .page-program .bayi-bar b { font-size: 11px; }
  .page-program .bayi-bar > span { font-size: 10px; line-height: 1.6; }
  .page-program .bayi-dugmeler { gap: 5px; }
  .page-program .bayi-dugmeler .bayi-kar { font-size: 9px; padding: 6px 7px; }
  .page-program .yaris-kart tr.at-satir > td.at-hucre { padding: 11px; }
  .page-program .yaris-kart .mb-ad { font-size: 12px; }
  .page-program .yaris-kart .mb-r1, .page-program .yaris-kart .mb-r2, .page-program .yaris-kart .mb-r3 { color: #304e64; }
  .page-program .yaris-kart .mb-r2 { color: #536d80; font-size: 10px; }
  .page-program .yaris-kart .mb-r3 { font-size: 10px; }
  .page-program .yaris-kart .mb-jokey { font-size: 10px; color: #5a7184; }
  .page-program .yaris-kart .mb-agf { color: #355f78; }
  .page-program .yaris-kart .mb-bnk > b { color: #1f5c4c; }
  .page-program .yaris-kart .mb-rozet { padding-left: 0; gap: 4px; }
  .page-program .yaris-kart .mb-rozet .etiket { font-size: 9px; }
  .page-program .ek-blok > summary { padding: 10px 11px; gap: 9px; }
  .page-program .ek-ad b { font-size: 11px; line-height: 1.5; }
  .page-program .ek-ad small { font-size: 9px; line-height: 1.5; }
  .page-program .ek-ikon { width: 31px; height: 31px; border-radius: 8px; }
  .page-program .ek-etiket { display: none; }
  .page-program .ek-ic { padding: 12px; }
}
@media (max-width: 370px) {
  .ust .logo-resim { width: 125px; }
  .ust .ust-ikon { display: none; }
  .at-kimlik { flex-basis: 100%; }
  .at-takip { order: 3; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ust, .at-not-arti, .ek-blok summary::after { transition: none; }
}
/* Eski pist dokusunu kapat; koşu bandının rengini pist türünden al. */
.page-program .bayi-bar,
.page-program .bayi-bar.bayi-kum,
.page-program .bayi-bar.bayi-sentetik { background-color: var(--program-pist-renk, #edf2f6) !important; background-image: var(--program-pist-doku, none) !important; }
.page-program .bayi-bar * { text-shadow: none; }
.page-program .tarih-gez input { font-size: 11px; padding: 7px 9px; min-height: 34px; }
.page-program .tarih-gez > a { width: 32px; height: 34px; border-radius: 7px; font-size: 20px; }
.yz-devam { display: none; }
@media (max-width: 640px) {
  .page-program .yz-ozet-metin { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .page-program .yz-yorum.ozet-acik .yz-ozet-metin { display: block; }
  .page-program .yz-devam { display: inline-flex; margin-top: 6px; padding: 0; background: none; border: 0; font: 700 10px var(--govde); color: #e0c78b; cursor: pointer; }
  .page-program .yz-devam[hidden] { display: none; }
  .page-program .yaris-kart .mb-ad { font-size: 14px; }
  .page-program .yaris-kart .mb-r2, .page-program .yaris-kart .mb-r3 { font-size: 11px; }
  .page-program .yaris-kart .mb-jokey { font-size: 11px; }
  .page-program .ek-ad b { font-size: 12px; }
  .page-program .ek-ad small { font-size: 10px; }
  .page-program .hikaye li p, .page-program .ek-ic p, .page-program .ek-ic ul { font-size: 12px; }
  .page-program .bayi-bar b { font-size: 12px; }
}
/* Forma numarası, genel büyük numara rozetinin minimum genişliğini miras almasın. */
.at-profil .at-forma .no { min-width: 20px; max-width: 20px; }
@media (max-width: 640px) {
  .page-at .bk-ust { display: grid; grid-template-columns: minmax(0,1fr) 64px; align-items: center; }
  .page-at .bk-ozet { display: contents; }
  .page-at .bk-gosterge { grid-column: 2; grid-row: 1; width: 64px; height: 64px; }
  .page-at .bk-baslik { grid-column: 1; grid-row: 1; }
  .page-at .bk-kutular { grid-column: 1 / -1; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; gap: 5px; }
  .page-at .bk-kutular > div { padding: 8px 4px; }
  .page-at .bk-kutular b { font-size: 18px; }
  .page-at .bk-kutular small { font-size: 8px; }
  .page-at .bk-cumle { grid-column: 1 / -1; }
}

/* At sinyalleri: tek tip çizgi ikon, sade yüzey ve kontrollü vurgu. */
.page-program .yaris-kart .at-sinyal {
  display: inline-flex; align-items: center; gap: 5px;
  background: #f2f5f8; color: #354c61; border: 1px solid #dce4eb;
  border-radius: 6px; padding: 5px 7px; margin: 0;
  font: 700 10px/1.3 var(--govde); letter-spacing: 0; box-shadow: none;
  text-shadow: none; white-space: normal; vertical-align: middle;
}
.page-program .at-sinyal .ui-ikon { width: 13px; height: 13px; flex: 0 0 13px; color: #778b9c; }
.page-program .yaris-kart .at-sinyal.et-banko { background: #163b35; border-color: #163b35; color: #fff; }
.page-program .at-sinyal.et-banko .ui-ikon { color: #dcc589; }
.page-program .yaris-kart .at-sinyal.et-surpriz { background: #faf5e9; border-color: #e4d5ae; color: #725a27; }
.page-program .at-sinyal.et-surpriz .ui-ikon { color: #a18443; }
.page-program .yaris-kart .at-sinyal.et-start { background: #fcf3ed; border-color: #ead6c9; color: #8a5437; }
.page-program .yaris-kart .at-sinyal.et-sabit { background: #e9f6ee; border-color: #bfe3cc; color: #17663a; }
.page-program .at-sinyal.et-sabit .ui-ikon { color: #2c8a52; }
.page-program .yaris-kart .at-sinyal.et-cift { background: #7a2e12; border-color: #7a2e12; color: #fff; }
.page-program .at-sinyal.et-cift .ui-ikon { color: #ffc27a; }
.sabit-oran { font-size: .72rem; color: var(--soluk, #6b7a88); white-space: nowrap; }
.sabit-oran.artis { color: #16803A; } .sabit-oran.azalis { color: #C8402E; }
.page-program .yaris-kart .mb-sabit { margin-top: 5px; text-align: right; }
.page-program .yaris-kart .mb-rozet { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.page-at .bk-kutular .agf-sira { display: block; margin-top: 5px; font-size: 10px; line-height: 1.2; color: #c4d6cf; font-weight: 600; }
@media (max-width: 640px) {
  .page-program .yaris-kart .at-sinyal { font-size: 10px; padding: 5px 7px; }
  .page-at .bk-kutular .agf-sira { font-size: 9px; }
}

/* At ayrıntıları: iki kompakt, bağımsız açılır kart. */
.at-detay-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: start; margin: 18px 0; }
.at-detay-kart { min-width: 0; border: 1px solid #dbe3e9; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 3px 12px #10243b05; }
.at-detay-kart > summary { display: flex; align-items: center; gap: 12px; padding: 18px; cursor: pointer; list-style: none; background: linear-gradient(120deg,#fff,#f2f6f7); }
.at-detay-kart > summary::-webkit-details-marker { display: none; }
.at-detay-kart > summary:hover { background: #edf3f5; }
.at-detay-kart > summary:focus-visible { outline: 2px solid #a88b48; outline-offset: -3px; }
.at-detay-ikon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; background: #e6efeb; color: #285747; }
.at-detay-faktor .at-detay-ikon { background: #f3eddf; color: #8a6e33; }
.at-detay-kart summary b { display: block; font: 800 14px/1.4 var(--govde); color: #183146; }
.at-detay-kart summary small { display: block; font-size: 10px; line-height: 1.6; margin-top: 4px; color: #617689; }
.at-detay-arti { margin-left: auto; font: 400 24px/1 var(--govde); color: #8c7546; transition: transform .18s; }
.at-detay-kart[open] > summary .at-detay-arti { transform: rotate(45deg); }
.at-detay-kart[open] > summary { border-bottom: 1px solid #e1e8ed; }
.at-detay-icerik { padding: 16px; }
.at-detay-aciklama { font-size: 11px; color: #667b8d; margin: 0 0 12px; line-height: 1.7; }
.page-at .at-detay-icerik .bk-faktorler { display: grid; grid-template-columns: 1fr; padding: 0; }
.at-detay-icerik .kariyer-tablo { min-width: 330px; }
@media (max-width: 640px) {
  .at-detay-grid { gap: 8px; margin: 13px 0; }
  .at-detay-kart > summary { padding: 12px; gap: 8px; flex-wrap: wrap; position: relative; }
  .at-detay-ikon { width: 30px; height: 30px; flex-basis: 30px; }
  .at-detay-kart > summary > span:nth-child(2) { width: 100%; }
  .at-detay-kart summary b { font-size: 12px; }
  .at-detay-kart summary small { font-size: 9px; }
  .at-detay-arti { position: absolute; right: 12px; top: 16px; font-size: 21px; }
  .at-detay-kart[open] { grid-column: 1 / -1; }
  .at-detay-icerik { padding: 12px; }
}

/* Ana sayfa: günlük seçimler ve hızlı erişim aynı marka paletinde. */
.page-index .ne-oyna { padding: 20px; border-radius: 14px; box-shadow: 0 4px 18px #10243b04; border-color: #dce4eb; }
.page-index .no-bas { align-items: center; margin-bottom: 16px; }
.page-index .no-bas h2 { display: flex; align-items: center; gap: 9px; font-size: 19px; color: #183146; }
.page-index .no-bas h2 .ui-ikon { color: #a78a47; width: 22px; height: 22px; }
.page-index .no-bas > span { font-size: 11px; color: #718293; }
.page-index .no-izgara { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; margin: 0; padding: 0; overflow: visible; }
.page-index .no-kart { background: linear-gradient(140deg,#182f45,#102337); color: #f8fafb; border: 1px solid #294054; border-radius: 11px; padding: 16px; gap: 10px; box-shadow: none; min-height: 205px; }
.page-index .no-kart::after { display: none; }
.page-index a.no-kart:hover { transform: translateY(-2px); border-color: #b69a5c; box-shadow: 0 6px 16px #10243b15; }
.page-index a.no-kart:focus-visible, .page-index .hizli a:focus-visible { outline: 3px solid #b99c5b; outline-offset: 3px; }
.page-index .no-tur { display: flex; align-items: center; gap: 7px; font-size: 10px; color: #d6be87; opacity: 1; letter-spacing: .04em; }
.page-index .no-tur .ui-ikon { width: 17px; height: 17px; flex: 0 0 17px; }
.page-index .no-at { align-items: flex-start; }
.page-index .no-at b { font-size: 16px; line-height: 1.4; white-space: normal; overflow: visible; }
.page-index .no-at .no { background: #f2ead8; color: #4f432c; border: 0; box-shadow: none; border-radius: 6px; font-size: 12px; }
.page-index .no-yer { font-size: 11px; line-height: 1.7; color: #c0cddb; opacity: 1; }
.page-index .no-deger { font-size: 11px; color: #d1dbe4; padding-top: 9px; border-top: 1px solid #ffffff16; }
.page-index .no-kart .no-deger b { color: #e4cd98; font-size: 17px; }
.page-index .no-neden { color: #becbd6; font-size: 10px; line-height: 1.7; opacity: 1; }
.page-index .no-sar > .no-kart { padding-bottom: 48px; }
.page-index .no-paylas-btn { background: #ffffff0c; color: #cad5df; border: 1px solid #ffffff24; border-radius: 6px; font-size: 10px; box-shadow: none; }
.page-index .no-paylas-btn:hover { background: #ffffff18; }
.page-index .no-btn { background: #ddc58f; color: #172c40; border-radius: 6px; font-size: 10px; padding: 8px 10px; }
.page-index .no-btn-ince { background: #ffffff0c; border: 1px solid #ffffff28; color: #eef3f7; }
.page-index .hizli { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.page-index .hizli a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; padding: 13px 14px; min-height: 54px; border-radius: 9px; background: #edf2f6; color: #203b52; border: 1px solid #d7e1e9; box-shadow: none; transition: background .15s,border-color .15s; }
.page-index .hizli a:hover { background: #e3ebf1; border-color: #b4c4d1; transform: none; text-decoration: none; }
.page-index .hizli a:first-child { background: #173249; color: #fff; border-color: #173249; }
.page-index .hizli a:nth-child(2) { background: #f4eddf; color: #68522b; border-color: #e3d4b2; }
.page-index .hizli .hz-ikon { width: 25px; height: 25px; background: none; color: #6b8193; border-radius: 0; box-shadow: none; flex: 0 0 25px; }
.page-index .hizli .hz-ikon svg { width: 22px; height: 22px; stroke: currentColor; }
.page-index .hizli a:first-child .hz-ikon { color: #d7bd82; }
.page-index .hizli a:nth-child(2) .hz-ikon { color: #987b3f; }
.page-index .hizli b { font-size: 11px; text-align: left; line-height: 1.5; }
.page-index .hz-ok { margin-left: auto; color: #8c9daa; font-size: 17px; }
@media (max-width: 760px) {
  .page-index .ne-oyna { padding: 14px; }
  .page-index .no-bas h2 { font-size: 17px; }
  .page-index .no-bas > span { font-size: 10px; line-height: 1.6; }
  .page-index .no-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .page-index .no-kart { padding: 12px; min-height: 205px; gap: 8px; }
  .page-index .no-at b { font-size: 14px; }
  .page-index .no-tur { font-size: 9px; gap: 5px; }
  .page-index .no-yer { font-size: 10px; }
  .page-index .no-deger b { font-size: 15px; }
  .page-index .hizli { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .page-index .hizli a { padding: 11px; gap: 7px; }
  .page-index .hizli b { font-size: 10px; }
}

/* Ortak footer: marka, araç dizini ve bilgi satırı. */
.site-footer.alt { background: #11263a; color: #b9c8d4; border-top: 3px solid #b59a60; padding: 34px 0 22px; margin-top: 32px; font-size: 13px; }
.site-footer .footer-ust { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 25px; border-bottom: 1px solid #ffffff16; }
.site-footer a { text-decoration: none; }
.footer-marka { display: flex; align-items: center; gap: 12px; color: #fff; }
.footer-marka .footer-at { width: 53px; height: 53px; border-radius: 12px; background: #f4f1e8; padding: 5px; }
.footer-marka b { display: block; font: 800 23px/1.3 var(--govde); letter-spacing: .02em; }
.footer-marka small { display: block; margin-top: 5px; color: #c8b27d; font-size: 9px; letter-spacing: .15em; }
.site-footer .footer-kesfet { display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid #526073; border-radius: 8px; color: #e7edf2; font-size: 12px; font-weight: 700; }
.footer-kesfet .ui-ikon { width: 17px; height: 17px; color: #d5bf8b; }
.footer-grid { display: grid; grid-template-columns: 1.25fr repeat(3,1fr); gap: 35px; padding: 28px 0; }
.site-footer h2 { font: 800 13px/1.5 var(--govde); color: #f2f6f8; margin: 0 0 13px; }
.site-footer .footer-tanitim h2 { font-size: 20px; max-width: 220px; }
.site-footer .footer-tanitim p { font-size: 12px; line-height: 1.9; max-width: 265px; margin: 0 0 18px; color: #a9bdcd; }
.site-footer .footer-premium { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #9c8553; border-radius: 7px; color: #e4d09e; font-size: 11px; font-weight: 700; }
.footer-premium .ui-ikon { width: 16px; height: 16px; }
.footer-kolon ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 3px; }
.site-footer .footer-kolon a { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #b9cbd9; padding: 6px 0; line-height: 1.6; font-size: 12px; }
.footer-kolon a > span { color: #71889b; font-size: 12px; }
.site-footer a:hover { color: #e6cf98; }
.site-footer a:focus-visible { outline: 2px solid #d9bf80; outline-offset: 4px; border-radius: 4px; }
.footer-bilgi { border-top: 1px solid #ffffff16; border-bottom: 1px solid #ffffff16; padding: 16px 0; text-align: center; }
.site-footer .footer-bilgi p { color: #9db1c2; font-size: 11px; line-height: 1.9; margin: 3px auto; max-width: 900px; }
.footer-alt { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 17px; color: #8fa5b8; font-size: 10px; }
.site-footer .footer-yukari { color: #c9d7e1; display: inline-flex; gap: 8px; }
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
  .footer-tanitim { grid-column: 1 / -1; display: none; }
}
@media (max-width: 640px) {
  .site-footer.alt { padding-top: 24px; }
  .site-footer .footer-ust { flex-direction: column; text-align: center; padding-bottom: 22px; }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 20px; padding: 24px 0; }
  .footer-kolon:last-child { grid-column: 1 / -1; }
  .footer-kolon:last-child ul { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 20px; }
  .site-footer h2 { font-size: 12px; color: #dbc28a; }
  .site-footer .footer-kolon a { font-size: 12px; padding: 7px 0; }
  .footer-alt { flex-wrap: wrap; justify-content: center; text-align: center; }
  .footer-alt > span:nth-child(2) { display: none; }
  .footer-marka b { font-size: 22px; }
}
/* Ana sayfanın tamamında ortak yüzey, tipografi ve marka paleti. */
.page-index { --cim: #315c50; --cim-koyu: #234638; --yesil: #315c50; --mavi: #365c78; }
.page-index .vitrin-slider { border-radius: 15px; box-shadow: none; border: 1px solid #243d52; }
.page-index .vs-slayt { background: radial-gradient(ellipse at 90% 20%,#38506555,transparent 65%),#11263a; padding: 34px 40px 48px; min-height: 315px; }
.page-index .vs-slayt::after { background: #c9b17c07; }
.page-index .vs-slayt h2 { font: 800 clamp(25px,3.5vw,39px)/1.2 var(--govde); letter-spacing: -.035em; }
.page-index .vs-slayt h2 span { color: #d9c28b; }
.page-index .vs-slayt p { color: #c3d0db; font-size: 13px; line-height: 1.8; }
.page-index .vs-etiket { background: #ffffff09; border: 1px solid #ffffff1c; color: #d6c394; border-radius: 6px; font-size: 10px; }
.page-index .vs-etiket i { animation: none; background: #c4aa6e; }
.page-index .vs-btn { background: #d7c08a; color: #132b3f; padding: 11px 16px; border-radius: 7px; font-size: 12px; box-shadow: none; }
.page-index .vs-btn:hover { background: #e3d1aa; }
.page-index .vs-buyuk b { font: 800 46px/1 var(--govde); color: #dbc692; }
.page-index .vs-buyuk small { color: #b8cad8; font-size: 11px; line-height: 1.5; }
.page-index .vs-gorsel { min-height: 180px; }
.page-index .vs-pist { background: none; overflow: visible; }
.page-index .vs-at { animation: none; transform: none; }
.page-index .vitrin-marka { width: 170px; height: 170px; background: #f1ede2; border-radius: 50%; padding: 20px; box-shadow: 0 0 0 15px #d6bf8508,0 0 0 40px #d6bf8505; }
.page-index .vs-cizgiler { display: none; }
.page-index .vs-bilet { transform: rotate(-3deg); border-radius: 10px; background: #f3f0e8; box-shadow: none; }
.page-index .vs-bilet .no { background: #e4dac3; color: #293c4c; box-shadow: none; }
.page-index .vs-ikramiye b { color: #34546a; }
.page-index .vs-cipler span { border: 1px solid #ffffff24; border-radius: 7px; background: #ffffff09; font-size: 13px; }
.page-index .vs-cipler span.secik { color: #172e42; background: #dac798; transform: none; }
.page-index .vs-asa, .page-index .vs-kupa { filter: grayscale(.7) saturate(.5); animation: none; }
.page-index .vs-yildiz { animation: none; }
.page-index .vs-grafik { background: #ffffff06; border: 1px solid #ffffff12; border-radius: 10px; }
.page-index .vs-grafik i { background: linear-gradient(#cfb67b,#7d8f9b); border-radius: 4px 4px 0 0; }
.page-index .vs-noktalar { left: 40px; }
.page-index .vs-noktalar button.aktif { background: #d4bc80; }
.page-index .uye-serit { background: #f2eee5; border: 1px solid #e2d7bd; border-radius: 12px; padding: 18px; box-shadow: none; }
.page-index .us-metin b { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #263b4b; }
.page-index .us-metin b .ui-ikon { color: #9b7f43; flex-shrink: 0; }
.page-index .us-metin span { font-size: 12px; line-height: 1.8; color: #687078; }
.page-index .btn { background: #1b374d; border-color: #1b374d; color: #fff; border-radius: 7px; box-shadow: none; font-size: 12px; }
.page-index .btn:hover { background: #2c4d65; }
.page-index .btn-ince, .page-index .btn-hayalet { background: #f0f4f7; color: #35516a; border: 1px solid #dce4eb; }
.page-index .gun-ozet { gap: 9px; }
.page-index .gun-ozet > div { background: #fff; border: 1px solid #dce4eb; border-radius: 10px; padding: 16px; }
.page-index .gun-ozet b { font: 800 28px/1.2 var(--govde); color: #28475d; margin-bottom: 4px; }
.page-index .gun-ozet span { font-size: 11px; color: #748697; }
.page-index .blok { margin-bottom: 26px; }
.page-index .blok-baslik { flex-wrap: wrap; align-items: center; gap: 7px 12px; }
.page-index .blok-baslik h2, .page-index .panel-baslik h2 { display: flex; gap: 8px; align-items: center; font: 800 18px/1.5 var(--govde); color: #203e54; }
.page-index .blok-baslik h2 .ui-ikon { color: #a28850; width: 20px; height: 20px; flex-shrink: 0; }
.page-index .blok-baslik > .kucuk, .page-index .panel-baslik > .kucuk { font-size: 11px; }
.page-index .blok-baslik > a { color: #526e83; }
.page-index .hip-kart { background: #fff; color: #294659; border: 1px solid #dce4eb; border-radius: 12px; box-shadow: none; }
.page-index .hip-kart:hover { color: #203b51; border-color: #bba36b; }
.page-index .hip-kart.bitti { filter: none; opacity: .8; }
.page-index .hk-sol > b { font-size: 15px; line-height: 1.5; }
.page-index .hk-hava { color: #718696; }
.page-index .hk-hava svg { filter: saturate(.3); }
.page-index .hk-pist i { display: inline-flex; align-items: center; gap: 4px; background: #f0f4f6; color: #587083; border: 1px solid #e2e8ed; border-radius: 5px; font-size: 10px; }
.page-index .hk-pist .ui-ikon { width: 12px; height: 12px; }
.page-index .hk-alt { color: #718393; opacity: 1; }
.page-index .hk-ilerleme { background: #e8edf1; }
.page-index .hk-ilerleme i { background: #ac9460; }
.page-index .hk-sag { border-color: #e0e7ed; color: #294b62; }
.page-index .hk-sag span, .page-index .hk-sag b { color: #294b62; }
.page-index .hk-sag small { color: #7d8e9d; }
.page-index .agf-mini { padding: 10px 12px; background: #edf2f6; border: 1px solid #dce5ec; border-radius: 9px; }
.page-index .agf-filtre a, .page-index .agf-filtre button { display: inline-flex; align-items: center; gap: 4px; background: #fff; color: #4b6579; border: 1px solid #d6e1e9; border-radius: 6px; font-size: 11px; padding: 6px 9px; }
.page-index .agf-filtre .ui-ikon { width: 13px; height: 13px; color: #a78b4f; }
.page-index .agf-filtre button.aktif { background: #24435a; color: #fff; }
.page-index .panel { border-radius: 12px; border-color: #dce4eb; box-shadow: none; }
.page-index .bos { background: #fff; color: #6b8091; font-size: 12px; }
.page-index .dc-kart, .page-index .bs-kart, .page-index .sz-kart, .page-index .yazar-alinti { background: #fff; color: #284356; border: 1px solid #dce4eb; border-radius: 12px; box-shadow: none; }
.page-index .dc-kart:hover, .page-index .bs-kart:hover, .page-index .sz-kart:hover, .page-index .yazar-alinti:hover { border-color: #b49c65; box-shadow: 0 4px 12px #10243b08; color: #284356; }
.page-index .dc-kart .dc-bant { background: #edf2f5; color: #2c495e; border-bottom: 1px solid #e1e7ec; }
.page-index .dc-ikon { background: #e5dcc8; color: #8f7540; border-radius: 8px; }
.page-index .dc-ikon .ui-ikon { width: 20px; height: 20px; }
.page-index .dc-guc i { background: #d6e0e7; }
.page-index .dc-guc i.dolu { background: #af965e; }
.page-index .dc-isaret li { background: #f4f6f8; border-radius: 6px; }
.page-index .dc-isaret i { color: #8497a6; }
.page-index .dc-isaret .ui-ikon { width: 15px; height: 15px; }
.page-index .dc-isaret small { color: #6c8191; line-height: 1.7; }
.page-index .dc-alt { border-top-style: solid; color: #60798a; }
.page-index .yz-sira { background: #eef1f4; color: #3e5a70; box-shadow: none; border: 1px solid #dce4eb; }
.page-index .rp-serit { background: #203d52; border: 1px solid #2c4c63; border-radius: 11px; padding: 18px; gap: 12px; }
.page-index .rp-serit > b { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #e7edf2; }
.page-index .rp-serit > b .ui-ikon { color: #cfb67c; }
.page-index .rp-serit > span { font-size: 12px; line-height: 1.8; color: #c2d0db; }
.page-index .rp-serit > i { background: #d8c28e; color: #1e394f; border-radius: 6px; font-size: 11px; }
.page-index .bs-kart::before { background: #b49b62; height: 2px; }
.page-index .bs-rozet { background: #f1ebde; color: #806832; box-shadow: none; animation: none; border-radius: 5px; }
.page-index .bs-sayi > div, .page-index .bs-k-bomba .bs-gny { background: #f0f4f7; border-radius: 7px; }
.page-index .bs-sayi b, .page-index .bs-k-bomba .bs-gny b { color: #32516a; }
.page-index .sz-kart::after { display: none; }
.page-index .sz-ad small { color: #718697; opacity: 1; }
.page-index .sz-kat { background: #efe7d5; color: #876d36; border-radius: 6px; box-shadow: none; }
.page-index .sz-b i { background: #b19963; }
.page-index .sz-a i { background: #c3d0da; }
.page-index .sz-b b, .page-index .sz-gny b { color: #8d733a; }
.page-index .sz-alt { border-top: 1px solid #e7edf1; padding-top: 9px; color: #6e8292; opacity: 1; align-items: center; }
.page-index .sz-alt .ui-ikon { width: 13px; height: 13px; vertical-align: middle; }
.page-index .ld-blok { border-radius: 8px 8px 3px 3px; box-shadow: none; }
.page-index .ld-1 .ld-blok { background: #b49b63; }
.page-index .ld-2 .ld-blok { background: #7990a2; }
.page-index .ld-3 .ld-blok { background: #566d7f; }
.page-index .ld-1 .ld-av { box-shadow: 0 0 0 2px #c3ac79; }
.page-index .ld-madalya { filter: grayscale(.7); }
.page-index .ld-ekip { background: #edf2f5; color: #536f83; border-radius: 4px; }
.page-index .ld-liste li { background: #f3f6f8; border-radius: 7px; }
.page-index .ld-cubuk.arti { background: #6d9285; }
.page-index .halka .hz { stroke: #e9eef2; }
.page-index .halka b { color: #2d4c62; }
.page-index .halka span { color: #718595; }
.page-index .yazar-alinti p { font-style: normal; color: #486175; font-size: 13px; line-height: 1.8; }
.page-index .yazar-alinti .avatar { background: #5b7487 !important; }
@media (max-width: 760px) {
  .page-index .vs-slayt { padding: 26px 22px 44px; min-height: 290px; }
  .page-index .vs-noktalar { left: 22px; bottom: 16px; }
  .page-index .vs-gorsel { min-height: 120px; }
  .page-index .vitrin-marka { width: 110px; height: 110px; padding: 12px; }
  .page-index .vs-slayt h2 { font-size: 27px; }
  .page-index .blok-baslik h2, .page-index .panel-baslik h2 { font-size: 16px; }
  .page-index .gun-ozet b { font-size: 25px; }
  .page-index .rp-serit { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .page-index .vs-at, .page-index .vs-yildiz, .page-index .vs-kupa { animation: none; }
}
.page-index .hk-orta .hk-alt b { color: #3e5c70; }
.page-index .hk-sag { background: #edf2f5; border-radius: 8px; }
.page-index .agf-tablo tr.agf-guclu { background: #f7f3e9; }
.page-index .agf-tablo tr.agf-sinyal { background: #f0f5f4; }
.page-index .bs-alt .ui-ikon, .page-index .bs-rozet .ui-ikon { width: 13px; height: 13px; vertical-align: middle; }
.page-index .ld-madalya { color: #ab9157; filter: none; }
.page-index .ld-madalya .ui-ikon { width: 23px; height: 23px; }
@media (max-width: 760px) {
  .page-index .vs-slayt { grid-template-columns: minmax(0,1fr) 105px; gap: 12px; }
  .page-index .vs-gorsel { order: 0; min-height: 100px; height: auto; }
  .page-index .vs-bilet { padding: 9px; gap: 3px; grid-template-columns: repeat(3,1fr); }
  .page-index .vs-no { height: 25px !important; font-size: 12px !important; }
  .page-index .vs-ikramiye { font-size: 10px; }
  .page-index .vs-ikramiye b { font-size: 16px; }
  .page-index .vs-cipler { margin: 0; gap: 6px; }
  .page-index .vs-cipler span { font-size: 10px; padding: 5px 8px; }
  .page-index .vs-asa { display: none; }
  .page-index .vs-kupa { width: 95px; height: 95px; }
  .page-index .vs-grafik { padding: 8px; height: 100px; gap: 4px; }
  .page-index .vitrin-marka { width: 90px; height: 90px; box-shadow: 0 0 0 9px #d6bf8508; }
}
.page-index .paylas-btn { background: #f1f4f6; color: #566f82; border: 1px solid #dce4eb; border-radius: 6px; box-shadow: none; font-size: 11px; }
@media (max-width: 760px) {
  .page-index .rp-serit { flex-direction: column; }
  .page-index .rp-serit > span { width: 100%; }
}
.page-index .yz-sira { animation: none; text-shadow: none; }
.page-index .yz-sira::after { display: none; }
.page-index .agf-bos { padding: 18px 20px; min-height: 0; text-align: left; }
.page-index .agf-bos p { max-width: none; margin: 0; line-height: 1.8; }
/* Ana sayfa görsel öncelikleri: yalnızca anlam taşıyan alanlarda renk. */
.page-index .no-banko { border-top: 3px solid #d2b46d; background: radial-gradient(ellipse at 100% 0%,#b79b4930,transparent 65%),#142b3f; }
.page-index .no-banko .no-deger b { font-size: 22px; color: #efcf85; }
.page-index .no-surpriz { background: linear-gradient(135deg,#faf5e9,#f0e7d3); border: 1px solid #d9c69a; border-top: 3px solid #b89b59; color: #4e432d; }
.page-index .no-surpriz .no-tur { color: #8a6b2f; }
.page-index .no-surpriz .no-at b { color: #374656; }
.page-index .no-surpriz .no-yer, .page-index .no-surpriz .no-neden { color: #786e5b; }
.page-index .no-surpriz .no-deger { color: #6b6049; border-color: #b49a6030; }
.page-index .no-surpriz .no-deger b { color: #8b6622; }
.page-index .no-sar:has(.no-surpriz) .no-paylas-btn { color: #806b3d; border-color: #cfbd95; background: #ffffff70; }
.page-index a.no-surpriz:hover, .page-index a.no-surpriz:focus { color: #4e432d; }
.page-index a.no-surpriz:hover .no-at b { color: #263d50; }
.page-index a.no-surpriz:hover .no-yer, .page-index a.no-surpriz:hover .no-neden { color: #786e5b; }
.page-index a.no-surpriz:hover .no-tur { color: #8a6b2f; }
.page-index .no-agf, .page-index .no-idman { background: #edf5f1; border: 1px solid #c5ddd0; border-top: 3px solid #44806b; color: #285343; }
.page-index .no-agf .no-tur, .page-index .no-idman .no-tur { color: #39745e; }
.page-index .no-agf .no-at b, .page-index .no-idman .no-at b { color: #254839; }
.page-index .no-agf .no-yer, .page-index .no-idman .no-yer, .page-index .no-agf .no-neden, .page-index .no-idman .no-neden { color: #628070; }
.page-index .no-agf .no-deger, .page-index .no-idman .no-deger { border-color: #4b826c25; color: #4a6c5d; }
.page-index .no-agf .no-deger b, .page-index .no-idman .no-deger b { color: #2b7054; }
.page-index .no-sar:has(.no-agf) .no-paylas-btn { color: #3d6d58; border-color: #b7d2c3; background: #ffffff70; }
.page-index a.no-agf:hover, .page-index a.no-idman:hover, .page-index a.no-agf:focus, .page-index a.no-idman:focus { color: #285343; }
.page-index a.no-agf:hover .no-at b, .page-index a.no-idman:hover .no-at b { color: #254839; }
.page-index a.no-agf:hover .no-yer, .page-index a.no-idman:hover .no-yer, .page-index a.no-agf:hover .no-neden, .page-index a.no-idman:hover .no-neden { color: #628070; }
.page-index a.no-agf:hover .no-tur, .page-index a.no-idman:hover .no-tur { color: #39745e; }
.page-index .no-altili { background: #f1f4f7; border: 1px solid #d7e1e9; color: #29475e; }
.page-index .no-altili .no-tur { color: #75899a; }
.page-index .no-altili .no-yer { color: #708392; }
.page-index .no-altili .no-btn-ince { background: #fff; border-color: #cedae3; color: #486277; }
.page-index .dc-kart { border-top: 3px solid #c3d0da; }
.page-index .dc-altin, .page-index .dc-mor { border-top-color: #baa060; }
.page-index .dc-altin .dc-bant, .page-index .dc-mor .dc-bant { background: #f7f2e7; }
.page-index .dc-yesil, .page-index .dc-turkuaz, .page-index .dc-turuncu { border-top-color: #548c73; }
.page-index .dc-yesil .dc-bant, .page-index .dc-turkuaz .dc-bant, .page-index .dc-turuncu .dc-bant { background: #eef5f1; }
.page-index .dc-yesil .dc-ikon, .page-index .dc-turkuaz .dc-ikon, .page-index .dc-turuncu .dc-ikon { background: #dcece3; color: #3d7b5f; }
.page-index .dc-yesil .dc-guc i.dolu, .page-index .dc-turkuaz .dc-guc i.dolu, .page-index .dc-turuncu .dc-guc i.dolu { background: #548c73; }
.page-index .sz-kart { border-top: 3px solid #c0a564; background: linear-gradient(180deg,#fbf7ed,#fff 55%); }
.page-index .sz-b b { color: #926d28; font-size: 19px; }
.page-index .bs-k-bildi::before { background: #548c73; }
.page-index .bs-bildi { background: #e9f3ec; color: #396a4f; }
.page-index .bs-k-bomba::before { background: #bd8f4b; }
.page-index .bs-bomba { background: #f7eddb; color: #936724; }
.page-index .agf-mini { border-left: 3px solid #548c73; }
.page-index .agf-blok .blok-baslik h2 .ui-ikon { color: #3d7a5f; }
.page-index .agf-filtre button.aktif { background: #386a54; border-color: #386a54; }
.page-index .yz-sira.yz-s1 { background: #eee4cb; color: #785d27; border-color: #d9c69a; }
.page-index .yz-sira.yz-s2, .page-index .yz-sira.yz-s3 { background: #eaf2ee; color: #416a56; border-color: #cbddd3; }
/* Kupon ve altılı araçları: ortak bileşenler. */
:is(.page-kuponlar,.page-altili) { --cim:#315d4b; --cim-koyu:#254d3d; --cizgi:#dce4eb; --kart2:#f0f4f7; }
:is(.page-kuponlar,.page-altili) .sayfa-kafa { background:#142c41; border-radius:14px; box-shadow:none; padding:23px; gap:12px; }
:is(.page-kuponlar,.page-altili) .sayfa-kafa::before,:is(.page-kuponlar,.page-altili) .sayfa-kafa::after { display:none; }
:is(.page-kuponlar,.page-altili) .sk-ikon { background:#ffffff0b; color:#d5be85; border:1px solid #ffffff16; border-radius:10px; }
:is(.page-kuponlar,.page-altili) .sayfa-kafa h1 { font:800 26px/1.3 var(--govde); }
:is(.page-kuponlar,.page-altili) .sayfa-kafa p { color:#c1d0db; font-size:12px; line-height:1.8; }
:is(.page-kuponlar,.page-altili) .sk-ek { gap:9px; }
:is(.page-kuponlar,.page-altili) .sk-btn { background:#ffffff0b; border:1px solid #ffffff26; border-radius:7px; color:#dbe5ed; font-size:11px; }
:is(.page-kuponlar,.page-altili) .gun-secici { background:#ffffff08; border:1px solid #ffffff1e; border-radius:9px; }
:is(.page-kuponlar,.page-altili) .hip-sekme a { border-radius:7px; font-size:11px; }
:is(.page-kuponlar,.page-altili) .hip-sekme a.aktif { background:#dbc693; color:#20384b; }
:is(.page-kuponlar,.page-altili) .btn { background:#203e54; color:#fff; border:1px solid #203e54; border-radius:7px; box-shadow:none; }
:is(.page-kuponlar,.page-altili) .kupon { border:1px solid #dbe4eb; border-radius:12px; box-shadow:none; overflow:hidden; background:#fff; }
:is(.page-kuponlar,.page-altili) .kupon-ust { background:#f5f7f9; padding:18px; border-bottom:1px solid #dce4eb; }
:is(.page-kuponlar,.page-altili) .kupon-ust::before { width:3px; background:#bba16a; }
:is(.page-kuponlar,.page-altili) .kupon-ust h3 { font:800 18px/1.5 var(--govde); color:#28475c; }
:is(.page-kuponlar,.page-altili) .kupon-rakam { gap:22px; }
:is(.page-kuponlar,.page-altili) .kupon-rakam b { font:800 23px/1.4 var(--govde); color:#24475d; }
:is(.page-kuponlar,.page-altili) .kupon-rakam span { color:#748797; font-size:10px; }
:is(.page-kuponlar,.page-altili) .kupon-butce { background:#efe7d6; color:#826a36; font:700 11px var(--govde); border-radius:5px; }
:is(.page-kuponlar,.page-altili) .bilet { background:#fff; border-bottom:1px solid #dfe6ec; }
:is(.page-kuponlar,.page-altili) .bilet-ayak { border-right:1px solid #e6ecf1; }
:is(.page-kuponlar,.page-altili) .bilet-bas { background:#edf2f6; color:#36546a; padding:10px 6px; border-bottom:1px solid #dce5ec; }
:is(.page-kuponlar,.page-altili) .bilet-bas b { font:800 13px/1.5 var(--govde); }
:is(.page-kuponlar,.page-altili) .bilet-bas small { font-size:10px; color:#738798; }
:is(.page-kuponlar,.page-altili) .bilet-ad { color:#4c6477; font-size:11px; }
:is(.page-kuponlar,.page-altili) .bilet .no { background:#eff3f6; border:1px solid #d8e2ea; color:#2e4d63; box-shadow:none; border-radius:5px; font:800 12px/1 var(--govde); }
:is(.page-kuponlar,.page-altili) .bilet-ayak.tuttu .bilet-bas { background:#e6f1e9; color:#34664c; }
:is(.page-kuponlar,.page-altili) .bilet-ayak.tutmadi .bilet-bas { background:#f8ede8; color:#98674a; }
:is(.page-kuponlar,.page-altili) .panel { border-radius:12px; border-color:#dce4eb; box-shadow:none; }
.page-kuponlar .kupon-rehber { color:#738798; font-size:12px; margin:16px 0 12px; line-height:1.8; }
.page-kuponlar .kupon-rehber a { color:#886d36; font-weight:800; }
.page-kuponlar .kp-sekmeler { gap:8px; padding:2px 0 10px; }
.page-kuponlar .kp-sekme { border-radius:9px; padding:12px 16px; box-shadow:none; min-width:110px; border-color:#dce4eb; }
.page-kuponlar .kp-sekme::before { display:none; }
.page-kuponlar .kp-sekme b { display:flex; align-items:center; gap:6px; font-size:12px; }
.page-kuponlar .kp-sekme small { font-size:11px; margin-top:4px; color:#7b8c9b; }
.page-kuponlar .kp-sekme.aktif { background:#1a354b; border-color:#1a354b; color:#fff; }
.page-kuponlar .kp-sekme.aktif small { color:#dfc892; }
.page-kuponlar .sv-ozel:not(.aktif) { background:#f7f1e5; border-color:#dfd0ad; color:#816630; }
.page-kuponlar .kolon-satir { background:#fafbfd; border-bottom:1px solid #e4eaf0; padding:11px 18px; gap:8px; }
.page-kuponlar .kolon-hesap { font-size:11px; color:#6a8092; }
.page-kuponlar .kp-nv { display:inline-flex; align-items:center; gap:6px; background:#eef3f6; color:#4b6579; border:1px solid #d9e3eb; border-radius:6px; padding:7px 10px; font-size:11px; }
.page-kuponlar .kp-nv .ui-ikon { width:14px; height:14px; }
.page-kuponlar .kupon-detay { padding:0 18px; }
.page-kuponlar .kupon-detay > summary { display:flex; align-items:center; gap:7px; color:#49667b; font-size:12px; padding:15px 0; }
.page-kuponlar .kupon-detay > summary .ui-ikon { width:16px; height:16px; color:#a58a51; }
.page-kuponlar .detay-ayak { border-color:#e0e8ee; }
.page-kuponlar .sihirbaz { padding:22px; border-radius:12px; box-shadow:none; border-color:#dce4eb; }
.page-kuponlar .sb-ikon { background:#f0e8d7; color:#997a3b; border-radius:10px; }
.page-kuponlar .sb-ust h2 { font:800 20px/1.5 var(--govde); color:#28475d; }
.page-kuponlar .sb-ust p { font-size:12px; color:#7a8b9a; }
.page-kuponlar .sb-alan-baslik { display:block; font-size:12px; font-weight:800; color:#536d81; margin:20px 0 10px; }
.page-kuponlar .sb-tl { color:#a28b56; }
.page-kuponlar .sb-butce input { border-color:#cbd8e2; border-radius:7px; min-height:44px; color:#284b63; }
.page-kuponlar .sb-hizli { border-radius:6px; border-color:#d7e2ea; color:#62798a; font-size:11px; padding:9px 12px; }
.page-kuponlar .sb-hizli.aktif { background:#eae0c9; border-color:#c9b27d; color:#755e2d; }
.page-kuponlar .sb-risk span { border-radius:9px; border-color:#dce4eb; padding:14px; background:#f8fafb; }
.page-kuponlar .sb-risk span b { font-size:13px; color:#37556b; }
.page-kuponlar .sb-risk span small { font-size:11px; color:#7a8d9c; line-height:1.7; }
.page-kuponlar .sb-risk i { color:#a48a52; }
.page-kuponlar .sb-risk input:checked + span { background:#f5f0e4; border-color:#b99e61; box-shadow:inset 0 0 0 1px #b99e61; }
.page-kuponlar .sb-risk input:focus-visible + span { outline:2px solid #385b74; outline-offset:3px; }
.page-kuponlar .sb-ayak { padding:13px; border-radius:9px; background:#f8fafb; }
.page-kuponlar .sb-ayak summary { font-size:12px; color:#526f83; }
.page-kuponlar .sb-ayak summary .ui-ikon { width:14px; height:14px; vertical-align:middle; }
.page-kuponlar .sb-atlar span.sb-bir { border-color:#b99d60; }
.page-kuponlar .sb-atlar input:checked + span { background:#24455c; border-color:#24455c; }
.page-kuponlar .sb-gonder { background:#203e54; border-color:#203e54; font-size:13px; padding:13px; }
.page-altili .nv-secim { padding:18px; }
.page-altili .nv-ust { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.page-altili .nv-ust h2 { font:800 19px/1.5 var(--govde); color:#2a4b62; }
.page-altili .nv-adim { margin:4px 0; color:#778d9e; font-size:11px; }
.page-altili .nv-hazir button { background:#f1f4f7; border:1px solid #dce5ed; color:#6e8292; border-radius:6px; padding:8px 11px; font-size:11px; }
.page-altili .nv-otomatik { display:flex; align-items:center; gap:7px; font-size:11px; color:#6b8192; margin:15px 0 7px; }
.page-altili .nv-otomatik input { accent-color:#2d526a; width:16px; height:16px; }
.page-altili .ayak-sekme { gap:6px; }
.page-altili .ayak-sekme button { border-radius:7px; border-color:#d9e3eb; color:#526c80; font-size:13px; padding:10px 3px; }
.page-altili .ayak-sekme button.aktif { background:#203e54; border-color:#203e54; color:#fff; }
.page-altili .ayak-sekme button.aktif small { color:#dac48d; }
.page-altili .ayak-sekme button.dolu:not(.aktif) { background:#eaf3ee; border-color:#bbd4c5; color:#416b56; }
.page-altili .ayak-kolon { background:#f6f8fa; border-color:#e0e7ed; border-radius:9px; padding:10px; }
.page-altili .ayak-bas b { font-size:13px; color:#36596f; }
.page-altili .ayak-bas small { font-size:11px; }
.page-altili .at-sec { border-color:#dfe7ed; padding:11px 10px; border-radius:7px; min-height:60px; }
.page-altili .at-sec .as-ad { font-size:13px; color:#304f65; line-height:1.5; white-space:normal; }
.page-altili .at-sec .as-bilgi { font-size:10px; color:#8194a3; }
.page-altili .at-sec .as-agf { font-size:13px; color:#5b788d; }
.page-altili .at-sec .as-no { background:none; padding:0; }
.page-altili .at-sec .no { background:#eff3f6; border:1px solid #d6e1e9; color:#35576d; box-shadow:none; border-radius:6px; }
.page-altili .at-sec.secili { background:#edf4f0; border-color:#6e9e86; box-shadow:inset 0 0 0 1px #6e9e86; }
.page-altili .at-sec.secili .no { background:#386c54; color:#fff; border-color:#386c54; }
.page-altili .at-sec .as-et { background:#f3ead6; color:#997a3e; padding:2px 5px; border-radius:4px; font-size:8px; }
.page-altili .nv-gezin { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:14px; }
.page-altili .nv-gezin button { background:#eaf0f5; border:1px solid #d4e0e9; color:#365b73; padding:9px 12px; border-radius:6px; font:700 11px var(--govde); cursor:pointer; }
.page-altili .nv-gezin button:disabled { opacity:.4; cursor:default; }
.page-altili .nv-gezin a { color:#8a7139; font-size:11px; font-weight:700; }
.page-altili .altili-sonuc { top:calc(var(--header-h,76px) + 16px); scroll-margin-top:calc(var(--header-h,76px) + 16px); }
.page-altili .kupon-nv .kupon-ust h3 { font-size:15px; }
.page-altili .nv-sonuc { background:#17364a; color:#d7c28b; border-radius:9px; margin:14px; padding:18px; }
.page-altili .nv-sonuc > b { font:800 27px/1.5 var(--govde); color:#e2cc96; }
.page-altili .nv-sonuc > span { font-size:11px; color:#b9cedd; line-height:1.8; }
.page-altili .nv-sonuc.nv-bekle { background:#eef3f6; color:#547083; }
.page-altili .nv-sonuc.nv-bekle b { color:#456a80; font-size:18px; }
.page-altili .nv-sonuc.nv-bekle span { color:#78909f; }
.page-altili .nv-diger div { background:#f2f5f7; border:1px solid #e3eaf0; border-radius:7px; }
.page-altili .nv-diger b { color:#3f6077; }
.page-altili .nv-not { line-height:1.8; color:#7b90a0; font-size:10px; }
.page-altili .nv-paylas { background:#eae0c9; color:#6b562e; border-radius:0; font-size:12px; margin-top:0; }
.page-altili .altili-ozet { background:#17364a; border:1px solid #476177; border-radius:10px; }
.page-altili .altili-ozet .oz-nv small { color:#c8d6df; }
:is(.page-kuponlar,.page-altili) button:focus-visible,:is(.page-kuponlar,.page-altili) a:focus-visible { outline:2px solid #b99d60; outline-offset:3px; }
@media (max-width:760px) {
  :is(.page-kuponlar,.page-altili) .sayfa-kafa { padding:17px; gap:10px; }
  :is(.page-kuponlar,.page-altili) .sayfa-kafa h1 { font-size:22px; }
  :is(.page-kuponlar,.page-altili) .sayfa-kafa p { font-size:11px; }
  :is(.page-kuponlar,.page-altili) .kupon-ust { padding:14px; }
  :is(.page-kuponlar,.page-altili) .kupon-rakam { width:100%; justify-content:space-between; gap:10px; }
  :is(.page-kuponlar,.page-altili) .kupon-rakam div { text-align:left; }
  :is(.page-kuponlar,.page-altili) .kupon-rakam b { font-size:19px; }
  .page-kuponlar .bilet { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-kuponlar .bilet-ayak:nth-child(3n) { border-right:0; }
  .page-kuponlar .bilet-ayak:nth-child(n+4) { border-top:1px solid #dce5ec; }
  .page-kuponlar .bilet-ad { display:block; font-size:10px; }
  .page-kuponlar .bilet-at { gap:5px; }
  .page-kuponlar .bilet-atlar { padding:9px 6px; }
  .page-kuponlar .bilet .no { min-width:23px; height:23px; font-size:11px; }
  .page-kuponlar .kp-sekme { min-width:94px; padding:10px 12px; }
  .page-kuponlar .sihirbaz { padding:15px; }
  .page-kuponlar .sihirbaz .sb-risk { grid-template-columns:1fr; }
  .page-kuponlar .sihirbaz .sb-risk span { display:grid; grid-template-columns:23px 1fr; gap:3px 9px; padding:11px; }
  .page-kuponlar .sb-risk i { grid-row:1/3; align-self:center; }
  .page-kuponlar .sb-risk small { grid-column:2; }
  .page-kuponlar .sb-ayak-satir { grid-template-columns:55px 1fr; }
  .page-kuponlar .sb-atlar { grid-column:1/-1; }
  .page-altili .nv-secim { padding:13px; }
  .page-altili .nv-ust h2 { font-size:17px; }
  .page-altili .nv-gezin button { padding:9px 8px; font-size:10px; }
  .page-altili .nv-gezin a { font-size:10px; }
}
:is(.page-kuponlar,.page-altili) .sk-ek { flex-direction:row; flex-wrap:wrap; align-items:center; }
:is(.page-kuponlar,.page-altili) .sk-ek > .gun-secici { width:100%; }
:is(.page-kuponlar,.page-altili) .sk-ek .bilgi summary { border-radius:6px; font-size:11px; }
.page-kuponlar .kolon-satir { display:grid; grid-template-columns:1fr auto auto; margin:0; }
.page-kuponlar .kupon-detay > summary { margin:12px 0; padding:11px; background:#f4f7f9; border:1px solid #e1e8ee; border-radius:7px; }
:is(.page-kuponlar,.page-altili) .kupon-rakam div { border-radius:7px; background:#fff; padding:7px 12px; }
.page-kuponlar .sekme-dugmeler a { border-radius:7px; font-size:12px; }
.page-kuponlar .sekme-dugmeler a.aktif { background:#25465b; border-color:#25465b; }
@media (max-width:760px) {
  .page-kuponlar .kolon-satir { grid-template-columns:1fr 1fr; }
  .page-kuponlar .kolon-hesap { grid-column:1/-1; }
  .page-kuponlar .kp-nv { justify-content:center; }
  :is(.page-kuponlar,.page-altili) .kupon-rakam div { padding:7px; }
}
.page-altili .nv-ust { flex-wrap:nowrap; }
.page-altili .nv-ust > div:first-child { min-width:0; }
.page-altili .nv-hazir { width:auto; flex:0 0 auto; margin:0; }
.page-altili .nv-hazir button { width:auto; margin:0; }
@media (max-width:760px) {
  .page-kuponlar .sk-ek > .gun-secici { flex-wrap:wrap; overflow:visible; }
  .page-kuponlar .sk-ek .hip-sekme { width:100%; display:flex; flex-wrap:wrap; overflow:visible; gap:5px; }
  .page-kuponlar .sk-ek .hip-sekme a { white-space:normal; }
  .page-kuponlar .kp-sekmeler { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .page-kuponlar .kp-sekme { min-width:0; padding:10px; }
  .page-kuponlar .kp-sekme b { font-size:11px; }
}
@media (max-width:760px) {
  .page-kuponlar .kp-sekmeler { margin:0 0 12px; }
  .page-kuponlar .kp-sekme.sv-ozel b { font-size:10px; gap:4px; }
  .page-kuponlar .kp-sekme.sv-ozel .ui-ikon { width:13px; height:13px; flex-shrink:0; }
  :is(.page-kuponlar,.page-altili) .kupon-rakam b { font-size:16px; white-space:nowrap; }
}
/* Ana sayfa: ilk 10, üstte hipodromlar ve tek satır AGF araçları. */
.page-index .hafta-liste { list-style:none; display:grid; gap:6px; margin:12px 0 18px; padding:0; }
.page-index .hafta-sira { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #e1d8c3; border-radius:8px; background:hsl(43 42% calc(86% + var(--sira) * 1.3%)); }
.page-index .hafta-numara { display:flex; align-items:center; justify-content:center; gap:4px; min-width:40px; color:#6c5830; }
.page-index .hafta-numara b { font:800 19px/1 var(--govde); }
.page-index .hafta-numara .ui-ikon { width:15px; height:15px; }
.page-index .hafta-sira-1 { border-color:#c1a66b; box-shadow:inset 3px 0 #a98a47; }
.page-index .hafta-sira-2 { box-shadow:inset 3px 0 #ba9f64; }
.page-index .hafta-sira-3 { box-shadow:inset 3px 0 #c6b07d; }
.page-index .hafta-avatar { width:31px; height:31px; border-radius:7px; font-size:12px; flex-shrink:0; }
.page-index .hafta-kisi { min-width:0; flex:1; }
.page-index .hafta-kisi > b { display:block; font-size:12px; color:#3c4d59; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-index .hafta-kisi small { display:block; font-size:10px; margin-top:4px; color:#85909a; }
.page-index .hafta-net { text-align:right; white-space:nowrap; }
.page-index .hafta-net b { display:block; color:#3e684e; font-size:13px; }
.page-index .hafta-net.negatif b { color:#98644d; }
.page-index .hafta-net small { display:block; font-size:9px; color:#87939b; margin-top:4px; }
.page-index .ana-hipodromlar { margin:0 0 22px; }
.page-index .ana-hipodromlar .hip-kart { --hip-vurgu:#527b69; --hip-zemin:#edf4ef; background:linear-gradient(110deg,var(--hip-zemin),#fff 75%); border-left:3px solid var(--hip-vurgu); }
.page-index .ana-hipodromlar .hip-kart:nth-child(3n+2) { --hip-vurgu:#597e9a; --hip-zemin:#edf2f8; }
.page-index .ana-hipodromlar .hip-kart:nth-child(3n) { --hip-vurgu:#ab8d51; --hip-zemin:#f7f1e6; }
.page-index .ana-hipodromlar .hk-sag { background:var(--hip-zemin); border:1px solid color-mix(in srgb,var(--hip-vurgu) 25%,transparent); }
.page-index .ana-hipodromlar .hk-sag b,.page-index .ana-hipodromlar .hk-sag span { color:var(--hip-vurgu); }
.page-index .ana-hipodromlar .hk-ilerleme i { background:var(--hip-vurgu); }
.page-index .agf-blok { border:1px solid #cbded3; border-radius:12px; background:#fff; overflow:hidden; }
.page-index .agf-baslik-satir { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:18px; background:#eaf3ed; border-left:3px solid #53866c; border-bottom:1px solid #d8e6dd; margin:0; padding:14px 16px; overflow-x:auto; }
.page-index .agf-baslik-satir h2 { white-space:nowrap; font-size:16px; color:#315d47; flex-shrink:0; }
.page-index .agf-baslik-filtreler { display:flex; gap:7px; align-items:center; flex-shrink:0; }
.page-index .agf-baslik-filtreler select { width:auto; max-width:190px; min-height:34px; padding:7px 27px 7px 10px; border-radius:6px; border:1px solid #c6dacc; background:#fff; color:#4c6c59; font:600 11px var(--govde); }
.page-index .agf-baslik-filtreler a { color:#46745c; white-space:nowrap; font-weight:700; font-size:11px; padding-left:5px; }
.page-index .agf-blok .agf-acik { padding:10px 16px; margin:0; background:#f8fbf9; font-size:10px; color:#7e9487; }
.page-index .agf-blok .agf-bos { border:0; border-radius:0; margin:0; }
.page-index .agf-sonuc { padding: 14px 16px 16px; border-top: 1px solid #e3ece6; }
.page-index .agf-sonuc h3 { margin: 0 0 2px; font-size: .95rem; }
.page-index .agf-sonuc p { margin: 0 0 10px; }
.page-index .agf-sonuc ul { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px; }
.page-index .agf-sonuc li a { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 10px; border-radius: 10px; background: #f6f8f7; border: 1px solid #e3ebe6; color: inherit; text-decoration: none; font-size: .85rem; }
.page-index .agf-sonuc li.kazandi a { background: #fff6dc; border-color: #f0d68a; }
.page-index .agf-sonuc li.ilk3 a { background: #edf7f0; border-color: #c7e3cf; }
.page-index .agf-sonuc .as-sin { color: #16803A; font-weight: 700; font-size: .75rem; }
.page-index .agf-sonuc .as-yer { color: #6b7a88; font-size: .75rem; flex: 1 1 100%; }
.page-index .agf-sonuc .as-sonuc { font-weight: 800; margin-left: auto; }
.page-index .agf-blok [data-agf-liste] { overflow-x:auto; }
@media (max-width:640px) {
  .page-index .hafta-sira { gap:7px; padding:10px 8px; }
  .page-index .hafta-numara { min-width:34px; }
  .page-index .hafta-kisi > b { font-size:11px; }
  .page-index .hafta-net b { font-size:12px; }
  .page-index .agf-baslik-satir { padding:12px; gap:14px; }
  .page-index .agf-baslik-satir h2 { font-size:14px; }
}
.page-index .hafta-avatar { background:#617584 !important; }
.page-index .hafta-sira-1 .hafta-numara,.page-index .hafta-sira-2 .hafta-numara,.page-index .hafta-sira-3 .hafta-numara { color:#493b22; }
.page-index .hafta-sira-1 .hafta-numara b,.page-index .hafta-sira-2 .hafta-numara b,.page-index .hafta-sira-3 .hafta-numara b { font-size:22px; }
.page-index .agf-blok .agf-et-guclu { display:inline-flex; align-items:center; gap:4px; background:#dfede3; border:1px solid #b8d0c0; color:#3e6b50; border-radius:5px; font-size:10px; }
.page-index .agf-et-guclu .ui-ikon { width:13px; height:13px; }
.page-index .izgara-2 { align-items:start; }
/* Hava durumuna göre hafif, yalnızca dekoratif hareket. */
.page-index .ana-hipodromlar .hip-kart { isolation:isolate; }
.page-index .ana-hipodromlar .hk-sol,.page-index .ana-hipodromlar .hk-orta,.page-index .ana-hipodromlar .hk-sag { position:relative; z-index:1; }
.page-index .hk-atmosfer { position:absolute; right:115px; top:-8px; width:120px; height:100px; opacity:.14; pointer-events:none; z-index:0; }
.page-index .hk-atmosfer .hava-svg { width:100%; height:100%; }
.page-index .hk-hava .hava-svg { width:31px; height:29px; filter:none; overflow:visible; flex-shrink:0; }
:is(.page-index,.page-program) .hava-gunes { transform-origin:24px 22px; animation:hava-isik 7s ease-in-out infinite; }
:is(.page-index,.page-program) .hava-bulut { animation:hava-bulut-gecis 9s ease-in-out infinite; }
:is(.page-index,.page-program) .hava-damla { animation:hava-yagis 1.7s linear infinite; }
:is(.page-index,.page-program) .hava-damla:nth-child(2) { animation-delay:-.6s; }
:is(.page-index,.page-program) .hava-damla:nth-child(3) { animation-delay:-1.2s; }
:is(.page-index,.page-program) .hava-kar { animation:hava-kar-yagis 4s ease-in-out infinite; }
:is(.page-index,.page-program) .hava-ruzgar,:is(.page-index,.page-program) .hava-sis { animation:hava-esinti 5s ease-in-out infinite; }
:is(.page-index,.page-program) .hava-simsek { animation:hava-firtina 6s ease-in-out infinite; }
:is(.page-index,.page-program) .hava-belirsiz { opacity:.65; }
@keyframes hava-isik { 0%,100% { transform:scale(.96) rotate(-8deg); opacity:.8; } 50% { transform:scale(1.06) rotate(8deg); opacity:1; } }
@keyframes hava-bulut-gecis { 0%,100% { transform:translateX(-2px); } 50% { transform:translateX(3px); } }
@keyframes hava-yagis { 0% { transform:translate(1px,-2px); opacity:0; } 25% { opacity:.9; } 100% { transform:translate(-2px,5px); opacity:0; } }
@keyframes hava-kar-yagis { 0%,100% { transform:translate(-2px,-1px); opacity:.6; } 50% { transform:translate(2px,3px); opacity:1; } }
@keyframes hava-esinti { 0%,100% { transform:translateX(-2px); opacity:.6; } 50% { transform:translateX(3px); opacity:1; } }
@keyframes hava-firtina { 0%,65%,100% { opacity:.4; } 75%,85% { opacity:1; } }
@media (max-width:760px) {
  .page-index .hk-atmosfer { right:100px; top:0; width:95px; height:85px; opacity:.12; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.page-index,.page-program) .hava-svg * { animation:none !important; }
}
.page-index .hk-atmosfer:has(.hava-belirsiz) { display:none; }
/* İdman yıldızı: oranlar ile idman işaretlerinin görsel ağırlığını ayır. */
.page-index .no-idman .no-idman-oran { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; }
.page-index .no-idman-oran small { font-size:10px; color:#648171; }
.page-index .no-idman-piyasa { display:flex; flex-wrap:wrap; gap:6px 12px; color:#6f887a; font-size:10px; line-height:1.6; }
.page-index .no-idman-piyasa b { color:#355e49; font-size:11px; margin-left:3px; }
.page-index .no-idman-isaretler { display:flex; flex-wrap:wrap; gap:4px; }
.page-index .no-idman-isaretler > span { background:#ffffff80; border:1px solid #c4d9cc; border-radius:5px; color:#4e775f; padding:4px 6px; font:600 10px/1.4 var(--govde); }
.page-index .no-idman .no-neden { border-top:1px solid #427c5d1a; padding-top:8px; }
.page-index a.no-idman:hover .no-idman-piyasa b { color:#355e49; }
@media (max-width:640px) {
  .page-index .no-idman-isaretler > span { font-size:9px; padding:3px 5px; }
}
/* Hipodromlarda yüksek kontrast, programda ortak hava animasyonu. */
.page-index .ana-hipodromlar .hip-kart { --hip-vurgu:#d9c68d; --hip-zemin:#244c43; background:linear-gradient(120deg,#173c34,#2e6252); border:1px solid #3a6b5a; border-left:4px solid #77ae8b; color:#f2f8f4; }
.page-index .ana-hipodromlar .hip-kart:nth-child(3n+2) { --hip-vurgu:#c5dbef; --hip-zemin:#294e6a; background:linear-gradient(120deg,#1c3a55,#386483); border-color:#466d8a; border-left-color:#80b2d7; }
.page-index .ana-hipodromlar .hip-kart:nth-child(3n) { --hip-vurgu:#f1d394; --hip-zemin:#635034; background:linear-gradient(120deg,#4d3e2c,#80643c); border-color:#8d744e; border-left-color:#d8b568; }
.page-index .ana-hipodromlar .hk-sol > b { color:#fff; font-weight:800; }
.page-index .ana-hipodromlar .hk-hava { color:#e0ede6; }
.page-index .ana-hipodromlar .hk-hava small { opacity:1; }
.page-index .ana-hipodromlar .hk-pist i { background:#ffffff12; border-color:#ffffff2c; color:#e1ece8; }
.page-index .ana-hipodromlar .hk-alt { color:#c7dcd2; }
.page-index .ana-hipodromlar .hk-orta .hk-alt b { color:#f0f7f3; }
.page-index .ana-hipodromlar .hk-ilerleme { background:#ffffff21; }
.page-index .ana-hipodromlar .hk-ilerleme i { background:var(--hip-vurgu); }
.page-index .ana-hipodromlar .hk-sag { background:#06192338; border-color:#ffffff24; border-radius:9px; }
.page-index .ana-hipodromlar .hk-sag small { color:#c2d7ce; opacity:1; }
.page-index .ana-hipodromlar .hk-sag b { color:#fff; }
.page-index .ana-hipodromlar .hk-sag span { color:var(--hip-vurgu); }
.page-index .ana-hipodromlar .hip-kart:hover,.page-index .ana-hipodromlar .hip-kart:focus { color:#fff; border-color:#d8c18a; }
.page-index .ana-hipodromlar .hk-atmosfer { width:155px; height:120px; right:120px; top:-5px; opacity:.35; }
.page-index .ana-hipodromlar .hk-hava .hava-svg { width:38px; height:34px; }
.page-program .program-kimlik { display:flex; align-items:center; justify-content:space-between; gap:18px; min-width:0; }
.program-baslik-metin { min-width:0; flex:1; }
.program-hava { display:flex; flex-direction:column; align-items:center; text-align:center; padding:10px 14px; border:1px solid #d4e2e9; border-radius:11px; background:linear-gradient(140deg,#ecf3f6,#f8fafb); flex:0 0 105px; }
.program-hava > .hava-svg { width:77px; height:66px; overflow:visible; }
.program-hava > div { display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:3px 6px; }
.program-hava b { font:800 20px/1.4 var(--govde); color:#365a71; }
.program-hava small { font-size:10px; color:#607f92; line-height:1.5; }
@media (max-width:760px) {
  .page-index .ana-hipodromlar .hk-atmosfer { right:95px; top:0; width:125px; height:105px; opacity:.3; }
  .page-program .program-kimlik { gap:10px; }
  .program-hava { flex-basis:70px; padding:6px; border-radius:8px; }
  .program-hava > .hava-svg { width:57px; height:47px; }
  .program-hava b { font-size:16px; }
  .program-hava small { font-size:9px; }
}
.page-program .program-baslik-metin .etiket-satir { display:flex; flex-wrap:wrap; overflow:visible; gap:4px; }
.page-program .program-baslik-metin .etiket-satir > span { flex-shrink:0; white-space:normal; max-width:100%; }
@media (max-width:760px) {
  .page-program .program-baslik-metin .etiket-satir > span { font-size:8px; line-height:1.6; }
}
/* Sıralama: tek geniş tablo, tutarlı sayılar ve sakin sıra vurguları. */
.page-siralama .sayfa-kafa { background:#172f44; border-radius:14px; box-shadow:none; padding:23px; }
.page-siralama .sayfa-kafa::before,.page-siralama .sayfa-kafa::after { display:none; }
.page-siralama .sk-ikon { color:#d6bd84; background:#ffffff09; border:1px solid #ffffff14; border-radius:10px; }
.page-siralama .sayfa-kafa h1 { font:800 26px/1.4 var(--govde); }
.page-siralama .sayfa-kafa p { color:#c1d0dc; font-size:12px; line-height:1.8; }
.page-siralama .sekme-dugmeler { gap:7px; }
.page-siralama .sekme-dugmeler a { font-size:12px; border-radius:7px; background:#ffffff0b; border:1px solid #ffffff25; }
.page-siralama .sekme-dugmeler a.aktif { background:#d8c28b; border-color:#d8c28b; color:#263c4d; }
.siralama-duzen { display:grid; gap:18px; }
.page-siralama .siralama-panel { padding:0; border:1px solid #dce5ec; border-radius:12px; overflow:hidden; box-shadow:none; }
.siralama-kafa { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px; background:#f8fafb; border-bottom:1px solid #e1e8ee; }
.siralama-kafa h2 { margin:4px 0 0; font:800 19px/1.4 var(--govde); color:#2a495e; }
.siralama-adet { background:#edf2f6; color:#6b8293; border:1px solid #dfe7ee; border-radius:6px; padding:6px 10px; font-size:11px; white-space:nowrap; }
.siralama-tablo-sar { overflow-x:auto; }
.page-siralama .skor-tablo { display:table; width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.page-siralama .skor-tablo th { padding:13px 16px; background:#edf2f6; color:#6e8394; font-size:10px; letter-spacing:.03em; white-space:nowrap; }
.page-siralama .skor-tablo td { padding:14px 16px; font-size:12px; color:#587084; border-bottom:1px solid #e7edf2; vertical-align:middle; background:#fff; }
.page-siralama .skor-tablo .sag { text-align:right; }
.page-siralama .skor-tablo .sira { width:67px; }
.siralama-numara { display:flex; align-items:center; justify-content:center; gap:5px; color:#6d8394; }
.siralama-numara b { font:800 18px/1 var(--govde); }
.siralama-numara .ui-ikon { width:15px; height:15px; }
.page-siralama .sira-1 td { background:#f6f0e2; }
.page-siralama .sira-2 td { background:#f1f4f7; }
.page-siralama .sira-3 td { background:#f8f5ed; }
.page-siralama .sira-1 .siralama-numara { color:#80612c; }
.page-siralama .sira-2 .siralama-numara { color:#465e71; }
.page-siralama .sira-3 .siralama-numara { color:#8c7452; }
.page-siralama .skor-tablo tr.ben td { background:#eaf3ee; }
.page-siralama .skor-tablo tr:hover td { background:#eef3f6; }
.siralama-oyuncu { display:flex; align-items:center; gap:10px; min-width:0; }
.siralama-oyuncu > div { min-width:0; }
.page-siralama .siralama-avatar { width:33px; height:33px; flex:0 0 33px; border-radius:8px; background:#627d90 !important; font-size:12px; }
.siralama-ad { display:block; max-width:270px; font-size:13px; color:#304f65; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.siralama-oyuncu small { display:block; font-size:10px; color:#8a9ba7; margin-top:4px; }
.siralama-mobil-ist { display:none; }
.page-siralama .skor-tablo .pt { font:800 14px var(--govde); white-space:nowrap; text-align:right; }
.page-siralama .skor-tablo .pt.arti { color:#3b7257; }
.page-siralama .skor-tablo .pt.eksi { color:#a56c50; }
.page-siralama .siralama-aciklama { padding:13px 20px; margin:0; color:#8193a1; font-size:11px; line-height:1.7; background:#fafbfd; }
.page-siralama .siralama-hareket .panel { border-radius:12px; box-shadow:none; border-color:#dce5ec; }
.siralama-hareket h2 { font:800 17px/1.4 var(--govde); color:#36566d; }
.siralama-hareket p { font-size:12px; color:#768c9c; }
.page-siralama a:focus-visible { outline:2px solid #b79b60; outline-offset:3px; }
@media (max-width:760px) {
  .page-siralama .sayfa-kafa { padding:17px; }
  .page-siralama .sayfa-kafa h1 { font-size:23px; }
  .page-siralama .sekme-dugmeler { flex-wrap:wrap; }
  .page-siralama .skor-tablo { table-layout:fixed; }
  .page-siralama .skor-tablo th,.page-siralama .skor-tablo td { padding:12px 7px; }
  .page-siralama .skor-tablo th:first-child { width:37px; }
  .page-siralama .skor-tablo th:nth-child(5) { width:57px; }
  .page-siralama .skor-tablo th:last-child { width:86px; }
  .page-siralama .skor-tablo .sira { width:37px; }
  .siralama-numara { flex-direction:column; gap:3px; }
  .siralama-numara b { font-size:16px; }
  .siralama-numara .ui-ikon { width:12px; height:12px; }
  .siralama-oyuncu { gap:6px; }
  .page-siralama .siralama-avatar { width:26px; height:26px; flex-basis:26px; font-size:10px; }
  .siralama-ad { font-size:11px; }
  .siralama-mobil-ist { display:block; font-size:9px; color:#8094a2; margin-top:3px; }
  .siralama-oyuncu small { font-size:9px; }
  .page-siralama .skor-tablo .pt { font-size:12px; }
  .siralama-kafa { padding:15px; }
  .siralama-kafa h2 { font-size:17px; }
}
/* Önemli sinyaller: AGF ve dikkat çekenlerde güçlü fakat kontrollü vurgu. */
.page-index .agf-blok { border:1px solid #4e8a6c; box-shadow:0 5px 18px #215b3d12; }
.page-index .agf-baslik-satir { background:linear-gradient(110deg,#184c38,#2c7151); border-left:4px solid #b4d29f; border-bottom:0; padding:16px; }
.page-index .agf-baslik-satir h2 { color:#fff; font-size:17px; font-weight:800; }
.page-index .agf-blok .agf-baslik-satir h2 .ui-ikon { color:#d2e8b7; width:23px; height:23px; }
.page-index .agf-baslik-filtreler select { background:#fff; color:#27583f; border-color:#9bbcab; }
.page-index .agf-baslik-filtreler a { color:#e2efd6; }
.page-index .agf-blok .agf-acik { background:#e8f2eb; color:#557561; border-bottom:1px solid #d0e3d5; }
.page-index .agf-blok .agf-tablo th { background:#f0f6f2; color:#547660; }
.page-index .agf-blok .agf-tablo td { border-color:#dce9df; }
.page-index .agf-blok .agf-tablo tr.agf-guclu { background:linear-gradient(90deg,#dcefe2,#f7fbf8); }
.page-index .agf-blok .agf-tablo tr.agf-sinyal { background:#f0f7f2; }
.page-index .agf-blok .agf-et-guclu { background:#2d7150; border-color:#2d7150; color:#fff; font-weight:800; padding:5px 7px; }
.page-index .agf-blok .agf-et-guclu .ui-ikon { color:#d7eac2; }
.page-index .agf-blok .agf-tablo td:first-child { border-left:3px solid transparent; }
.page-index .agf-blok .agf-tablo .agf-guclu td:first-child { border-left-color:#3e8c5e; }
.page-index .dc-serit { padding-top:8px; }
.page-index .blok:has(> .dc-serit) { border:1px solid #d2b573; border-radius:12px; background:#fbf8f0; padding:0 14px 3px; overflow:hidden; box-shadow:0 5px 18px #9a762014; }
.page-index .blok:has(> .dc-serit) > .blok-baslik { background:linear-gradient(110deg,#243e50,#38566a); padding:15px 17px; margin:0 -14px 8px; border-left:4px solid #d6b568; }
.page-index .blok:has(> .dc-serit) > .blok-baslik h2 { color:#fff; font-size:18px; }
.page-index .blok:has(> .dc-serit) > .blok-baslik h2 .ui-ikon { color:#e5c47d; width:23px; height:23px; }
.page-index .blok:has(> .dc-serit) > .blok-baslik > span { color:#cddae3; font-size:11px; }
.page-index .dc-kart { border:1px solid #d9caa4; border-top:3px solid #b99952; background:#fff; }
.page-index .dc-kart .dc-bant { background:#efe4c9; color:#5d4922; border-bottom-color:#dfceab; }
.page-index .dc-bant b { font-size:13px; }
.page-index .dc-kart .dc-ikon { background:#a98a46; color:#fff; }
.page-index .dc-kart .dc-guc i { background:#d9cba9; }
.page-index .dc-kart .dc-guc i.dolu { background:#8c6b28; }
.page-index .dc-yesil .dc-bant,.page-index .dc-turkuaz .dc-bant,.page-index .dc-turuncu .dc-bant { background:#dceee3; color:#285e43; border-color:#c4dece; }
.page-index .dc-yesil .dc-ikon,.page-index .dc-turkuaz .dc-ikon,.page-index .dc-turuncu .dc-ikon { background:#407d5b; color:#fff; }
.page-index .dc-yesil .dc-guc i.dolu,.page-index .dc-turkuaz .dc-guc i.dolu,.page-index .dc-turuncu .dc-guc i.dolu { background:#367a50; }
.page-index .dc-at b { font-size:15px; color:#253f53; }
.page-index .dc-isaret li { background:#f4f5f3; border-left:2px solid #d5c18d; }
.page-index .dc-isaret b { color:#40586a; }
.page-index .dc-isaret i { color:#9a7a37; }
.page-index .dc-alt { background:#f6f2e7; border-top:1px solid #e8ddc3; margin-top:10px; }
.page-index .dc-alt > span > b { color:#345e48; font-size:16px; }
.page-index .dc-kart:hover { border-color:#b18d3e; box-shadow:0 6px 16px #8463241c; }
@media (max-width:640px) {
  .page-index .agf-baslik-satir h2 { font-size:15px; }
  .page-index .blok:has(> .dc-serit) > .blok-baslik { padding:13px; }
  .page-index .blok:has(> .dc-serit) > .blok-baslik h2 { font-size:16px; }
  .page-index .blok:has(> .dc-serit) { padding-left:10px; padding-right:10px; }
  .page-index .blok:has(> .dc-serit) > .blok-baslik { margin-left:-10px; margin-right:-10px; }
  .page-index .dc-serit { margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px; }
}
/* Başarı ve sürpriz vitrinleri birbirinden açıkça ayrışır. */
.page-index .bs-blok,.page-index .surpriz-vitrin { border-radius:12px; padding:0 14px 3px; overflow:hidden; }
.page-index .bs-blok { background:#edf5ef; border:1px solid #8ab89b; box-shadow:0 5px 18px #215b3d0d; }
.page-index .bs-blok > .blok-baslik { background:linear-gradient(110deg,#1d4b38,#347354); margin:0 -14px 10px; padding:15px 17px; border-left:4px solid #a8d0ad; }
.page-index .bs-blok > .blok-baslik h2 { color:#fff; }
.page-index .bs-blok > .blok-baslik h2 .ui-ikon { color:#d4eac7; }
.page-index .bs-blok > .blok-baslik > span { color:#d0e2d5; }
.page-index .bs-blok .btn-hayalet { background:#ffffff12; color:#fff; border:1px solid #ffffff3b; }
.page-index .bs-blok .bs-kart { background:linear-gradient(150deg,#f3faf4,#fff 70%); border:1px solid #bad5c3; border-top:3px solid #4b9465; }
.page-index .bs-blok .bs-kart::before { display:none; }
.page-index .bs-blok .bs-rozet { background:#2b704b; color:#fff; border:1px solid #2b704b; padding:5px 8px; }
.page-index .bs-blok .bs-bomba { background:#1f4b39; color:#e7d4a1; border-color:#1f4b39; }
.page-index .bs-blok .bs-sayi > div { background:#e6f0e9; border:1px solid #d2e2d7; border-radius:7px; }
.page-index .bs-blok .bs-sayi b { color:#2f6548; }
.page-index .bs-blok .bs-sayi .bs-gny { background:#2c6047; border-color:#2c6047; }
.page-index .bs-blok .bs-sayi .bs-gny b { color:#fff; font-size:20px; }
.page-index .bs-blok .bs-sayi .bs-gny span { color:#cce2d2; }
.page-index .bs-blok .bs-alt { color:#4c7a5a; padding-top:7px; border-top:1px solid #d9e8dd; }
.page-index .surpriz-vitrin { background:#faf3e3; border:1px solid #c9a55d; box-shadow:0 5px 18px #99721a12; }
.page-index .surpriz-vitrin > .blok-baslik { background:linear-gradient(110deg,#795923,#a17a35); padding:15px 17px; margin:0 -14px 10px; border-left:4px solid #e8ca87; }
.page-index .surpriz-vitrin > .blok-baslik h2 { color:#fff; }
.page-index .surpriz-vitrin > .blok-baslik h2 .ui-ikon { color:#f6dfac; }
.page-index .surpriz-vitrin > .blok-baslik > span { color:#f0e2c4; }
.page-index .surpriz-vitrin .paylas-btn { background:#ffffff15; color:#fff; border-color:#ffffff44; }
.page-index .surpriz-vitrin .sz-kart { border:1px solid #ddc894; border-top:3px solid #b88a39; background:linear-gradient(145deg,#fff7e5,#fff 70%); }
.page-index .surpriz-vitrin .sz-kat { background:#a77b2c; color:#fff; border:1px solid #a77b2c; padding:5px 9px; font-size:14px; }
.page-index .surpriz-vitrin .sz-b b { color:#95661c; font-size:21px; }
.page-index .surpriz-vitrin .sz-b i { background:linear-gradient(90deg,#cba64f,#9c7226); }
.page-index .surpriz-vitrin .sz-a i { background:#bccbd7; }
.page-index .surpriz-vitrin .sz-alt { color:#836d45; border-color:#e9dcbf; }
.page-index .surpriz-vitrin .sz-gny { display:inline-flex; align-items:center; gap:4px; background:#f2e3bc; border-radius:5px; padding:4px 7px; color:#785b27; }
.page-index .surpriz-vitrin .sz-gny b { color:#78531b; }
@media (max-width:640px) {
  .page-index .bs-blok,.page-index .surpriz-vitrin { padding-left:10px; padding-right:10px; }
  .page-index .bs-blok > .blok-baslik,.page-index .surpriz-vitrin > .blok-baslik { margin-left:-10px; margin-right:-10px; padding:13px; }
  .page-index .bs-blok > .serit,.page-index .surpriz-vitrin > .serit { margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px; }
}
/* Kartın tamamı bağlantı; açık çağrı, hedefi anlaşılır kılar. */
.page-index .ana-hipodromlar .hk-program-link { display:flex; align-items:center; justify-content:flex-end; gap:7px; grid-column:1/-1; color:#f1e1b8; border-top:1px solid #ffffff28; padding-top:9px; margin-top:2px; font-size:11px; font-weight:800; position:relative; z-index:1; }
.hk-program-link .ui-ikon { width:15px; height:15px; }
.hk-program-link > span { font-size:17px; line-height:1; }
.page-index .ana-hipodromlar .hip-kart:hover .hk-program-link { color:#fff; }
/* Slider: ortak marka paletinde, konuya özgü canlı sahneler. */
.page-index .vs-banko { background:radial-gradient(ellipse at 80% 35%,#527c6266,transparent 65%),linear-gradient(115deg,#102b37,#224c42); }
.page-index .vs-neverir { background:radial-gradient(ellipse at 85% 25%,#6b9eb955,transparent 65%),linear-gradient(115deg,#142b43,#2f5474); }
.page-index .vs-sihirbaz { background:radial-gradient(ellipse at 85% 25%,#c8a65d44,transparent 65%),linear-gradient(115deg,#233548,#5b513e); }
.page-index .vs-oyun { background:radial-gradient(ellipse at 85% 25%,#7caa8555,transparent 65%),linear-gradient(115deg,#152f36,#3a6855); }
.page-index .vs-istatistik { background:radial-gradient(ellipse at 85% 25%,#8a9cc755,transparent 65%),linear-gradient(115deg,#1b3048,#435b7c); }
.page-index .vs-gorsel { border-radius:14px; background:#ffffff05; }
.page-index .vs-at { display:flex; flex-direction:column; align-items:center; gap:20px; }
.page-index .vitrin-marka { background:#f8edcf; border:1px solid #dbbf7b; box-shadow:0 0 0 16px #d6bf8510,0 0 0 38px #d6bf8509; }
.page-index .vs-logo-not { color:#cfddce; font-size:10px; letter-spacing:.2em; font-weight:800; }
.page-index .vs-bilet { box-shadow:0 15px 30px #061c2930; border:1px solid #e4cf9d; }
.page-index .vs-asa,.page-index .vs-kupa { filter:none; }
.page-index .vs-kupa { animation:vs-kupa-hafif 5s ease-in-out infinite; }
.page-index .vs-grafik i { background:linear-gradient(#e7ce8c,#8db1bc); box-shadow:0 -3px 12px #e0c48515; }
.page-index .vs-cipler span.secik { background:#eed59a; border-color:#e5c679; }
@keyframes vs-kupa-hafif { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-6px) rotate(3deg); } }
@media (max-width:760px) {
  .page-index .ana-hipodromlar .hk-program-link { grid-row:3; }
  .page-index .vs-logo-not { font-size:7px; letter-spacing:.09em; text-align:center; }
  .page-index .vs-at { gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .page-index .vs-kupa { animation:none; }
}
@media (min-width:761px) {
  .page-index .vs-slayt { padding-left:64px; padding-right:64px; }
  .page-index .vs-noktalar { left:64px; }
}
/* Arama motoru/ekran okuyucu başlığı mobilde de görsel akışa karışmasın. */
.page-index main > h1.sr-baslik { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; clip-path:inset(50%); white-space:nowrap; border:0; }
/* Hazır kuponların her bütçesinde ayrı bir görsel kimlik. */
.page-kuponlar :is(.sv-kucuk,.kupon-kucuk) { --kp-renk:#b08b3d; --kp-zemin:#faf3e2; }
.page-kuponlar :is(.sv-orta,.kupon-orta) { --kp-renk:#347758; --kp-zemin:#eaf4ee; }
.page-kuponlar :is(.sv-buyuk,.kupon-buyuk) { --kp-renk:#3e6f9c; --kp-zemin:#eaf1f9; }
.page-kuponlar :is(.sv-mega,.kupon-mega) { --kp-renk:#8d5872; --kp-zemin:#f6edf2; }
.page-kuponlar :is(.sv-ozel,.kupon-ozel) { --kp-renk:#917238; --kp-zemin:#f6f0e2; }
.page-kuponlar :is(.sv-yazar,.kupon-yazar) { --kp-renk:#5d748b; --kp-zemin:#edf2f6; }
.page-kuponlar .kp-sekme { border-top:3px solid var(--kp-renk,#6d8596); background:var(--kp-zemin,#f1f5f7); }
.page-kuponlar .kp-sekme.aktif { background:var(--kp-renk,#25465d); border-color:var(--kp-renk,#25465d); color:#fff; box-shadow:0 4px 12px #1b33421a; }
.page-kuponlar .kp-sekme.aktif small { color:#ffffffdd; }
.page-kuponlar .kupon { border-color:color-mix(in srgb,var(--kp-renk,#6d8596) 45%,#fff); }
.page-kuponlar .kupon-ust { background:var(--kp-zemin,#eff3f7); }
.page-kuponlar .kupon-ust::before { background:var(--kp-renk,#58748c); width:4px; }
.page-kuponlar .kupon-ust h3 { color:var(--kp-renk,#28475c); }
.page-kuponlar .kupon-butce { background:#ffffffb0; color:var(--kp-renk,#806832); border:1px solid #ffffffaa; }
.page-kuponlar .kupon-rakam div { border-color:color-mix(in srgb,var(--kp-renk,#6d8596) 25%,#fff); }
.page-kuponlar .kupon-rakam b { color:var(--kp-renk,#28475c); }
.page-kuponlar .bilet-bas { border-bottom:2px solid color-mix(in srgb,var(--kp-renk,#6d8596) 55%,#fff); background:var(--kp-zemin,#edf2f6); }
.page-kuponlar a.bilet-at { padding:4px; margin:-1px -3px; border-radius:6px; text-decoration:none; }
.page-kuponlar a.bilet-at:hover { background:var(--kp-zemin,#edf2f6); }
.page-kuponlar a.bilet-at:hover .bilet-ad { color:var(--kp-renk,#28475c); text-decoration:underline; }
.bilet-dis-link { font-size:10px; color:#879bab; margin-left:auto; }
.page-kuponlar .bilet-bas:hover { filter:brightness(.97); }
/* Yeni araç kutuları. */
.page-index .no-bulucu { background:linear-gradient(140deg,#233f56,#365d78); border-top:3px solid #92b4ca; }
.page-index .no-bulucu .no-tur { color:#c5dce9; }
.no-bulucu-filtreler { display:flex; gap:4px; flex-wrap:wrap; }
.no-bulucu-filtreler > span { background:#ffffff10; border:1px solid #ffffff28; color:#d2e3ee; border-radius:5px; padding:4px 7px; font-size:10px; }
.no-bulucu-ac { margin-top:auto; color:#e4cea0; font-size:11px; font-weight:800; display:flex; justify-content:space-between; padding-top:12px; }
.page-index .ana-arastirma { background:linear-gradient(135deg,#f2f6f9,#fff); }
.ana-at-ara { margin:12px 0 18px; }
.ana-at-ara > label { display:block; font-size:11px; color:#718799; margin-bottom:7px; }
.ana-at-ara > div { display:flex; gap:7px; }
.ana-at-ara input { flex:1; min-width:0; border:1px solid #ccdbe5; background:#fff; border-radius:7px; font-size:12px; padding:11px; }
.ana-at-ara .btn { font-size:11px; white-space:nowrap; }
.ana-arac-link { display:flex; align-items:center; gap:12px; padding:14px 0; border-top:1px solid #e0e8ee; }
.ana-arac-link > .ui-ikon { color:#a0854b; flex-shrink:0; }
.ana-arac-link > span:last-child { margin-left:auto; color:#849aaa; }
.ana-arac-link b { display:block; font-size:13px; color:#34556d; }
.ana-arac-link small { display:block; margin-top:4px; color:#7a90a0; font-size:11px; line-height:1.7; }
/* Bölüm başlıklarında tek biçim adlandırma ve sağda tam liste bağlantısı. */
.page-index .bolum-tumu { margin-left:auto; color:#f2dfb0; border:1px solid #ffffff38; background:#ffffff0b; padding:7px 10px; border-radius:6px; white-space:nowrap; font-size:11px; font-weight:800; }
/* Büyük başarılar kırmızı, sürpriz başarılar turuncu. */
.page-index .bs-blok .bs-k-bomba { background:linear-gradient(145deg,#fff0ee,#fff9f7 70%); border-color:#d99083; border-top-color:#c64434; box-shadow:0 0 0 0 #c4483420; animation:buyuk-bomba-vurgu 4s ease-in-out infinite; }
.page-index .bs-blok .bs-bomba { background:#b5362c; border-color:#b5362c; color:#fff0cf; }
.page-index .bs-blok .bs-bomba .ui-ikon { width:17px; height:17px; transform-origin:50% 80%; animation:bomba-ikon-sal 3s ease-in-out infinite; }
.page-index .bs-blok .bs-k-bomba .bs-sayi > div { background:#fbe7e1; border-color:#edc8be; }
.page-index .bs-blok .bs-k-bomba .bs-sayi b { color:#a54733; }
.page-index .bs-blok .bs-k-bomba .bs-sayi .bs-gny { background:#b83e2e; border-color:#b83e2e; }
.page-index .bs-blok .bs-k-bomba .bs-gny b { color:#fff; }
.page-index .bs-blok .bs-k-bomba .bs-gny span { color:#ffe3d5; }
.page-index .bs-blok .bs-k-surpriz { background:linear-gradient(145deg,#fff2df,#fffaf3 70%); border-color:#dfb477; border-top-color:#d28b32; }
.page-index .bs-blok .bs-surpriz { background:#bd7626; border-color:#bd7626; color:#fff6df; }
.page-index .bs-blok .bs-k-surpriz .bs-sayi > div { background:#f8e8cf; border-color:#edd4ac; }
.page-index .bs-blok .bs-k-surpriz .bs-sayi b { color:#9d6427; }
.page-index .bs-blok .bs-k-surpriz .bs-sayi .bs-gny { background:#bb7728; border-color:#bb7728; }
.page-index .bs-blok .bs-k-surpriz .bs-gny b { color:#fff; }
.page-index .bs-blok .bs-k-surpriz .bs-gny span { color:#ffe6c6; }
.page-index .bs-blok .bs-sayi .bs-gny b { font-size:23px; }
.page-index .surpriz-vitrin .sz-gny { background:#9c6f25; border:1px solid #8b601e; color:#fff0d4; padding:6px 9px; font-weight:700; }
.page-index .surpriz-vitrin .sz-gny b { color:#fff; font-size:15px; }
@keyframes buyuk-bomba-vurgu { 0%,100% { box-shadow:0 0 0 0 #c4483410; } 50% { box-shadow:0 0 0 3px #c4483425; } }
@keyframes bomba-ikon-sal { 0%,70%,100% { transform:rotate(0); } 78% { transform:rotate(-10deg); } 86% { transform:rotate(8deg); } 94% { transform:rotate(-4deg); } }
@media (prefers-reduced-motion:reduce) {
  .page-index .bs-blok .bs-k-bomba,.page-index .bs-blok .bs-bomba .ui-ikon { animation:none; }
}
/* Dikkat çekenlerin tam listesi. */
.page-dikkat .sayfa-kafa { background:#213e52; border-radius:14px; box-shadow:none; }
.page-dikkat .sayfa-kafa h1 { font:800 26px/1.4 var(--govde); }
.page-dikkat .sayfa-kafa p { font-size:12px; line-height:1.8; color:#c6d6e1; }
.dikkat-adet { color:#728b9d; font-size:12px; margin:18px 0 12px; }
.dikkat-izgara.dc-serit { display:grid; grid-template-columns:repeat(auto-fill,minmax(285px,1fr)); gap:12px; padding:0; }
.page-dikkat .dikkat-izgara .dc-kart { width:auto; min-width:0; }
@media (max-width:640px) {
  .page-index .blok:has(> .dc-serit) > .blok-baslik > .soluk { display:none; }
  .page-index .bolum-tumu { font-size:10px; padding:6px 8px; }
  .dikkat-izgara.dc-serit { grid-template-columns:1fr; }
}
.page-dikkat .dikkat-izgara.dc-serit { margin:0; padding:0; }
.page-dikkat .sayfa-kafa::before,.page-dikkat .sayfa-kafa::after { display:none; }
.page-dikkat .sk-ek { flex-direction:row; flex-wrap:wrap; }
.page-dikkat .sk-ek > .gun-secici { width:100%; flex-wrap:wrap; }
.page-dikkat .sk-ek .hip-sekme { display:flex; flex-wrap:wrap; overflow:visible; }
.page-dikkat .sk-btn { border-radius:6px; font-size:11px; }
.page-index .no-surpriz .no-ganyan-vurgu { display:flex; align-items:center; justify-content:space-between; gap:7px; background:#ead6a8; color:#785a24; padding:8px; border-radius:6px; }
.page-index .no-surpriz .no-ganyan-vurgu b { color:#715019; font-size:17px; }
.page-index .no-idman-ganyan { background:#d9eadf; border:1px solid #b6d2c0; padding:3px 6px; border-radius:5px; }
.page-index .no-idman-ganyan b { font-size:13px; color:#2c6447; }
/* Bankocu Bildi: nötr bölüm, sabit kart yüzeyleri. */
.page-index .bs-blok { background:#f4f6f8; border-color:#d6dfe7; box-shadow:none; }
.page-index .bs-blok > .blok-baslik { background:#203a4f; border-left-color:#bba064; }
.page-index .bs-blok > .blok-baslik h2 .ui-ikon { color:#dcc38b; }
.page-index .bs-blok > .blok-baslik > span { color:#c4d1db; }
.page-index .bs-blok .bs-k-bildi { background:#fff; border-color:#d5dfe7; border-top-color:#8095a5; }
.page-index .bs-blok .bs-bildi { background:#e9eef2; color:#456277; border-color:#d8e2ea; }
.page-index .bs-blok .bs-k-bildi .bs-sayi > div { background:#edf2f6; border-color:#dde6ed; }
.page-index .bs-blok .bs-k-bildi .bs-sayi b { color:#385a72; }
.page-index .bs-blok .bs-k-bildi .bs-sayi .bs-gny { background:#2e4c62; border-color:#2e4c62; }
.page-index .bs-blok .bs-k-bildi .bs-gny b { color:#fff; }
.page-index .bs-blok .bs-k-bildi .bs-gny span { color:#d5e2eb; }
.page-index .bs-blok .bs-kart { transition:none; transform:none; animation:none; text-decoration:none; }
.page-index .bs-blok .bs-kart:hover { background:linear-gradient(150deg,#f3faf4,#fff 70%); border-color:#bad5c3; box-shadow:none; transform:none; text-decoration:none; color:#284356; }
.page-index .bs-blok .bs-k-bildi:hover { background:#fff; border-color:#d5dfe7; border-top-color:#8095a5; }
.page-index .bs-blok .bs-k-bomba:hover { background:linear-gradient(145deg,#fff0ee,#fff9f7 70%); border-color:#d99083; border-top-color:#c64434; }
.page-index .bs-blok .bs-k-surpriz:hover { background:linear-gradient(145deg,#fff2df,#fffaf3 70%); border-color:#dfb477; border-top-color:#d28b32; }
.page-index .bs-blok .bs-kart:hover * { text-decoration:none; }
.page-index .bs-blok .bs-alt { border-top:0; }
/* Yüklenemeyen gerçek forma, rastgele bir sahip deseni yerine nötr forma olur. */
.forma > .forma-yerine { display:none; width:100%; height:100%; }
.forma.forma-yok > .forma-yerine { display:block; }
.forma.forma-yok::after { display:none; }

/* Günlük rapor: ortak lacivert / altın arayüz, yalnız rapor sayfası. */
.page-rapor { --rp-ink:#203a4f; --rp-muted:#62788a; }
.page-rapor .rp-hero { background:linear-gradient(115deg,#142b3d,#29465c); border:1px solid #304e63; border-top:3px solid #c2a366; border-radius:16px; padding:24px; box-shadow:none; margin-bottom:14px; }
.page-rapor .rp-hero-ust { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.page-rapor .rp-et { display:flex; align-items:center; gap:8px; color:#ddc48b; font-size:10px; font-weight:800; letter-spacing:1.6px; }
.page-rapor .rp-hero h1 { font-family:inherit; font-size:28px; line-height:1.25; letter-spacing:-.7px; margin:12px 0 8px; }
.page-rapor .rp-hero p { color:#c8d5df; opacity:1; font-size:13px; line-height:1.7; max-width:600px; }
.page-rapor .rp-tarih { flex-shrink:0; display:grid; gap:9px; text-align:right; }
.page-rapor .rp-tarih>span { display:flex; align-items:center; justify-content:flex-end; gap:8px; font-size:14px; font-weight:700; color:#f3e4c0; }
.page-rapor .rp-tarih small { color:#bfced9; font-size:11px; }
.page-rapor .rp-hero-alt { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-top:20px; padding-top:16px; border-top:1px solid #496071; }
.page-rapor .rp-hipler { display:flex; flex-wrap:wrap; gap:8px; }
.page-rapor .rp-hipler a { display:flex; align-items:center; gap:7px; color:#e4edf3; font-size:11px; font-weight:600; padding:8px 10px; border:1px solid #526879; border-radius:7px; text-decoration:none; }
.page-rapor .rp-hipler a>span { color:#dcc28b; margin-left:5px; }
.page-rapor .rp-gun { margin:0; display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.page-rapor .rp-gun>a { min-height:34px; min-width:32px; display:grid; place-items:center; color:#e3c993; background:#304d62; border:1px solid #526879; border-radius:6px; text-decoration:none; padding:3px 8px; }
.page-rapor .rp-gun form { display:flex; gap:4px; align-items:center; }
.page-rapor .rp-gun input { width:133px; min-height:34px; margin:0; background:#f6f8fa; color:#203a4f; font-family:inherit; font-size:12px; font-weight:600; padding:5px 7px; border:1px solid #c9d4df; border-radius:6px; }
.page-rapor .rp-gun button { min-height:34px; padding:5px 10px; background:#d8c18b; color:#183246; border:1px solid #d8c18b; border-radius:6px; font-family:inherit; font-size:11px; line-height:1.2; font-weight:700; cursor:pointer; }
.page-rapor .rp-gun .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.page-rapor .rp-nav { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 24px; }
.page-rapor .rp-nav a { display:flex; align-items:center; gap:7px; background:#fff; color:#29455a; border:1px solid #d6e0e8; border-radius:8px; padding:10px 12px; font-size:11px; font-weight:700; }
.page-rapor .rp-nav a .ui-ikon { color:#94763e; width:15px; height:15px; }
.page-rapor .rp-nav a b { background:#edf2f6; color:#3a5368; border-radius:4px; padding:2px 6px; margin-left:4px; font-size:10px; }
.page-rapor .rp-bolum { --rp-accent:#a88a4b; --rp-tint:#f8f4eb; margin:0 0 24px; padding:18px; background:#fff; border:1px solid #dbe4ec; border-radius:13px; scroll-margin-top:100px; }
.page-rapor #rp-surpriz { --rp-accent:#bd773b; --rp-tint:#fcf2e8; }
.page-rapor #rp-gizli { --rp-accent:#637c9d; --rp-tint:#f0f4f9; }
.page-rapor #rp-idman,.page-rapor #rp-para { --rp-accent:#3b806f; --rp-tint:#edf5f2; }
.page-rapor #rp-deger { --rp-accent:#ab8136; --rp-tint:#faf4e8; }
.page-rapor #rp-riskli { --rp-accent:#ad6561; --rp-tint:#fbf0ef; }
.page-rapor #rp-kupon { --rp-accent:#66718c; --rp-tint:#f1f3f8; }
.page-rapor .rp-bolum h2 { display:flex; align-items:center; gap:9px; color:#213c50; font-family:inherit; font-size:17px; font-weight:800; line-height:1.4; margin:0 0 6px; }
.page-rapor .rp-bolum h2>.ui-ikon { box-sizing:content-box; padding:8px; color:var(--rp-accent); background:var(--rp-tint); border-radius:9px; width:18px; height:18px; flex-shrink:0; }
.page-rapor .rp-ac { font-size:12px; color:#62788a; line-height:1.7; margin:0 0 16px; }
.page-rapor .rp-ac a { color:#3c5b72; font-weight:700; }
.page-rapor .rp-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.page-rapor .rp-kart { min-width:0; gap:12px; padding:15px; border:1px solid #dce4eb; border-top:3px solid var(--rp-accent); border-radius:9px; background:linear-gradient(180deg,var(--rp-tint),#fff 75%); color:#203a4f; box-shadow:none; }
.page-rapor .rp-kart:hover { transform:none; text-decoration:none; border-color:var(--rp-accent); color:#203a4f; }
.page-rapor .rp-ust { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px; }
.page-rapor .rp-yer { font-size:11px; font-weight:600; color:#64788a; }
.page-rapor .rp-kat { background:#fff; color:var(--rp-accent); border:1px solid #dbe2e7; border-radius:5px; padding:4px 7px; font-family:inherit; font-size:12px; font-weight:800; }
.page-rapor .rp-at { gap:8px; flex-wrap:wrap; }
.page-rapor .rp-at>b { font-size:16px; line-height:1.4; overflow-wrap:anywhere; flex:1 1 100px; }
.page-rapor .rp-at .forma { flex-shrink:0; }
.page-rapor .rp-p { font-family:inherit; font-size:21px; font-weight:800; line-height:1.3; color:#203a4f; margin-left:auto; }
.page-rapor .rp-p em { display:block; font-size:9px; font-style:normal; letter-spacing:1px; color:#7e6941; }
.page-rapor .rp-p small { font-family:inherit; font-size:10px; font-weight:600; line-height:1.7; color:#64788a; }
.page-rapor .rp-kart p { font-size:11px; line-height:1.8; color:#526a7d; }
.page-rapor .rp-kart p .ui-ikon { width:13px; height:13px; vertical-align:middle; }
.page-rapor .rp-risk { padding-top:8px; border-top:1px solid #e2e7ec; }
.page-rapor .rp-liste { display:grid; gap:7px; }
.page-rapor .rp-satir { min-width:0; padding:12px; gap:8px; border-radius:8px; background:#f7f9fb; border:1px solid #e0e7ee; border-left:3px solid var(--rp-accent); color:#203a4f; }
.page-rapor .rp-satir>b { font-size:13px; overflow-wrap:anywhere; }
.page-rapor .rp-satir>.soluk { font-size:11px; color:#657b8d; }
.page-rapor .rp-satir:hover { background:#f7f9fb; color:#203a4f; border-color:var(--rp-accent); text-decoration:none; }
.page-rapor .rp-cipler { gap:5px; }
.page-rapor .rp-cipler i { border:1px solid #d7e1e9; background:#fff; color:#456075; border-radius:5px; padding:4px 7px; font-size:10px; line-height:1.4; }
.page-rapor .rp-cipler i.rp-yesil { background:#eaf3ef; border-color:#c4dbd1; color:#316d5e; }
.page-rapor .rp-ganyan { display:inline-block; margin-left:5px; border-radius:5px; padding:3px 7px; background:#f4e6c7!important; color:#785720!important; font-weight:800; }
.page-rapor .rp-kuponlar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.page-rapor .rp-kuponlar>div { min-width:0; display:grid; gap:5px; background:#fff; border:1px solid #dae1eb; border-radius:7px; padding:10px; }
.page-rapor .rp-kuponlar>div span { font-size:11px; color:#60768a; }
.page-rapor .rp-kuponlar>div b { color:#213c50; font-family:inherit; font-size:19px; }
.page-rapor .rp-kuponlar>div small { font-size:10px; color:#6c8192; }
.page-rapor .rp-nav a:focus-visible,.page-rapor .rp-kart:focus-visible,.page-rapor .rp-satir:focus-visible { outline:3px solid #b49556; outline-offset:3px; }
@media(max-width:800px) {
 .page-rapor .rp-hero-ust { align-items:flex-start; flex-direction:column; gap:16px; }
 .page-rapor .rp-tarih { text-align:left; }
 .page-rapor .rp-tarih>span { justify-content:flex-start; }
 .page-rapor .rp-hero-alt { flex-direction:column; align-items:flex-start; }
 .page-rapor .rp-cipler { width:100%; margin-left:0; }
}
@media(max-width:560px) {
 .page-rapor .rp-hero { padding:18px 15px; border-radius:12px; }
 .page-rapor .rp-hero h1 { font-size:24px; }
 .page-rapor .rp-hero p { font-size:12px; }
 .page-rapor .rp-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
 .page-rapor .rp-nav a { padding:9px 8px; font-size:10px; }
 .page-rapor .rp-nav a b { margin-left:auto; }
 .page-rapor .rp-bolum { padding:13px; }
 .page-rapor .rp-bolum h2 { font-size:15px; }
 .page-rapor .rp-izgara { grid-template-columns:minmax(0,1fr); }
 .page-rapor .rp-kart { padding:12px; }
 .page-rapor .rp-gun { max-width:100%; }
}

.page-rapor .rp-et { width:fit-content; background:none; border:0; padding:0; border-radius:0; }

/* Faktör dökümü açıldığında tam genişlikte iki kolon. */
.page-at .at-detay-faktor[open] { grid-column:1 / -1; }
.page-at .at-detay-faktor .bk-faktorler { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.page-at .at-detay-faktor .bk-faktor { min-width:0; }
.page-at .at-detay-faktor .bk-fad { min-width:0; overflow-wrap:anywhere; }
button.idman-video { font:inherit; cursor:pointer; }
@media(max-width:640px) { .page-at .at-detay-faktor .bk-faktorler { grid-template-columns:minmax(0,1fr); } }

/* Kişisel merkez ve analiz veri kapsamı */
.merkez-bugun{border-top:3px solid #b99b58}.merkez-atlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.merkez-at{background:#f4f7fa;border:1px solid #dae3eb;border-radius:14px;padding:18px;min-width:0}.merkez-at small{color:#597082}.merkez-at h3{font-size:18px;margin:10px 0}.merkez-at a{color:#19374a}.merkez-not{white-space:normal;overflow-wrap:anywhere;border-left:3px solid #b99b58;padding-left:10px;color:#425b6d}.veri-ozet{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:16px 0;padding:16px 20px;border:1px solid #d7e1e9;border-left:4px solid #b99b58;border-radius:12px;background:#f5f8fa;color:#294456;font-size:14px}.veri-ozet small,.veri-ozet p{flex-basis:100%;margin:0;color:#586c7b}.veri-ozet a{font-weight:700;color:#785b24}@media(max-width:850px){.merkez-atlar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.merkez-atlar{grid-template-columns:1fr}.merkez-bugun .panel-baslik{flex-wrap:wrap;gap:12px}.veri-ozet{padding:14px}}

/* Algoritma yönetimi: temel ayarlar ve isteğe bağlı ayrıntılar */
.algo-yonetim{--algo-ink:#193448;--algo-gold:#b69a54}.algo-gecis{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.algo-gecis a{padding:11px 16px;border:1px solid #d5dfe8;border-radius:10px;background:#fff;color:#193448;font-weight:700;text-decoration:none}.algo-yonetim .panel{border:1px solid #dbe3ea;border-radius:16px;box-shadow:none}.algo-yonetim h2{font-size:19px;color:#193448}.algo-yonetim .algo-agirlik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.algo-yonetim .algo-w{padding:15px;background:#f5f7fa;border:1px solid #dce4eb;border-radius:12px}.algo-yonetim .aw-bas{gap:10px;align-items:start}.algo-yonetim .aw-bas b{font-size:14px}.algo-yonetim input[type=range]{accent-color:#9c7c37;width:100%}.algo-yonetim .algo-dugmeler{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#edf2f6;border-radius:14px;margin-bottom:24px}.algo-bolum{margin:14px 0;border:1px solid #d7e1e9;border-radius:14px;background:#fff}.algo-bolum>summary{cursor:pointer;padding:19px;font-size:17px;font-weight:700;color:#193448}.algo-bolum>section.panel{margin:0;border:0}.algo-yonetim .algo-hazir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.algo-yonetim .algo-hazir button{background:#f4f7fa;border:1px solid #d4dfe8;border-radius:12px;padding:16px;color:#193448;text-align:left}.algo-yonetim .algo-hazir button.aktif{border-color:#a98a45;background:#f6efdf}.algo-yonetim .algo-ikili{gap:16px}.algo-bilgi{display:inline-flex;position:relative;align-items:center;justify-content:center;width:19px;height:19px;margin-left:5px;border:1px solid #a5b4bf;border-radius:50%;color:#37576d;background:#fff;font-size:12px;font-style:normal;font-weight:700;cursor:help;vertical-align:middle}.algo-bilgi>[role=tooltip]{display:none;position:absolute;left:50%;top:26px;transform:translateX(-50%);width:240px;max-width:75vw;padding:13px;border-radius:10px;background:#172e40;color:#fff;font-size:13px;line-height:1.6;font-weight:400;z-index:100;box-shadow:0 8px 25px #142d4033;white-space:normal}.algo-bilgi:hover>[role=tooltip],.algo-bilgi:focus>[role=tooltip]{display:block}.algo-bilgi:focus-visible{outline:3px solid #b69a54;outline-offset:3px}.algo-yonetim [id]{scroll-margin-top:110px}@media(max-width:1000px){.algo-yonetim .algo-agirlik{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.algo-yonetim .algo-agirlik,.algo-yonetim .algo-hazir{grid-template-columns:1fr}.algo-yonetim .algo-dugmeler .btn{width:100%;white-space:normal}.algo-bilgi>[role=tooltip]{position:fixed;left:50%;top:35%;width:270px}.algo-gecis a{font-size:13px;padding:10px}}
.algo-yonetim .algo-dugmeler{position:static;bottom:auto;box-shadow:none}.algo-yonetim .btn:not(.btn-hayalet){background:#193448;border-color:#193448;color:#fff}.algo-yonetim .algo-dugmeler .btn{border-radius:10px}.algo-yonetim .algo-bilgi{flex-shrink:0}

/* Şehir/pist/ırk araması */
#seg .seg-giris{font-size:15px;color:#526a7c;max-width:800px}#seg .seg-adimlar{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}#seg .seg-adimlar>span{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;background:#edf2f6;color:#244255;font-weight:600}#seg .seg-adimlar b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#193448;color:#fff}#seg .seg-kural{padding:18px;background:#f7f2e6;border:1px solid #dfcda4;border-left:4px solid #b69a54;border-radius:12px;margin:16px 0;color:#4c442f}#seg .seg-kural p{margin:8px 0;line-height:1.6}#seg .seg-kontroller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 0}#seg .seg-kontroller label{font-weight:700;color:#193448}#seg select{display:block;width:100%;margin-top:10px;border:1px solid #cbd8e2;border-radius:10px;padding:12px;background:white;color:#193448}#seg .seg-yontem{margin:0 0 18px;color:#526a7c}#seg summary{cursor:pointer;font-weight:600}#seg .seg-aktif{padding:16px;background:#f0f4f7;border-radius:12px;margin:16px 0}#seg .opt-tablo th{background:#193448;color:#fff;font-size:12px;white-space:normal}#seg .opt-tablo td{padding:16px 12px;vertical-align:top}#seg .opt-tablo tr.seg-iyi{background:#f7f3e9}#seg .seg-dagilim{margin-top:10px;font-size:12px;color:#627487}#seg .opt-cubuk{height:6px;margin-top:12px}#seg .opt-pay{max-width:420px}#seg input[type=checkbox]{width:19px;height:19px;accent-color:#193448}#seg [data-seg-basla]{margin-bottom:16px}#seg .sk-btn{background:#e7edf2;color:#294759;border:1px solid #cdd9e3}@media(max-width:640px){#seg .seg-kontroller{grid-template-columns:1fr}#seg .seg-adimlar{gap:6px}#seg .seg-adimlar>span{font-size:12px;padding:8px}#seg .opt-tablo{min-width:760px}#seg .btn{white-space:normal}}

/* 🎟️ Üyelerin sanal bayi kuponları (ana sayfa vitrini + uye-kuponlar.php) */
.uk-serit { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 8px; }
.uk-serit .uk-kart { flex: 0 0 270px; scroll-snap-align: start; }
.uk-ara-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 8px; }
.uk-ara-baslik h3 { margin: 0; font-size: .95rem; }
.uk-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin: 8px 0 16px; }
.uk-kart { background: #fff; border: 1px solid #e1e8e4; border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 1px 3px rgba(16,35,63,.05); }
.uk-kart header { display: flex; align-items: center; gap: 8px; }
.uk-kart header > div { flex: 1; min-width: 0; }
.uk-kart header b { display: block; font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uk-kart header small { color: #6b7a88; font-size: .72rem; }
.uk-kart .uk-avatar { flex: 0 0 32px; width: 32px; height: 32px; }
.uk-durum { font-size: .68rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: #eef2f5; color: #4a5c6b; white-space: nowrap; }
.uk-kazandi { background: linear-gradient(160deg, #fffbea, #fff 60%); border-color: #ebd38f; }
.uk-kazandi .uk-durum { background: #f5c04a; color: #4a3500; }
.uk-kil .uk-durum { background: #fdebd3; color: #8a4b00; }
.uk-yatti .uk-durum { background: #fdecea; color: #a3271c; }
.uk-acik .uk-durum { background: #e6f4ec; color: #17663a; }
.uk-ayaklar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; text-align: center; }
.uk-ayaklar div { background: #f2f5f8; border-radius: 8px; padding: 4px 2px; min-width: 0; }
.uk-ayaklar small { display: block; font-size: .62rem; color: #6b7a88; font-weight: 700; }
.uk-ayaklar span { display: block; font-weight: 800; font-size: .78rem; word-break: break-all; line-height: 1.25; }
.uk-ayaklar .tuttu { background: #e3f4ea; box-shadow: inset 0 0 0 1px #9ed3b5; }
.uk-ayaklar .yatti { background: #fdecea; box-shadow: inset 0 0 0 1px #f3c2bd; }
.uk-kart footer { display: flex; justify-content: space-between; align-items: center; font-size: .78rem; color: #6b7a88; }
.uk-kart footer b { color: #16803a; font-size: .9rem; }
.uk-canli { font-size: .75rem !important; }
.uk-ozet { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.uk-ozet div { background: #fff; border: 1px solid #e1e8e4; border-radius: 12px; padding: 10px; text-align: center; }
.uk-ozet b { display: block; font-size: 1.15rem; }
.uk-ozet span { font-size: .72rem; color: #6b7a88; }
.uk-ara { display: flex; gap: 8px; align-items: center; margin: 8px 0 12px; flex-wrap: wrap; }
.uk-ara input[type=search] { flex: 0 1 240px; min-width: 0; padding: 8px 12px; border: 1px solid #d5dee6; border-radius: 10px; font: inherit; }
.uk-sayfa { display: flex; gap: 12px; align-items: center; justify-content: center; margin: 8px 0 20px; }
.uk-gunler { overflow-x: auto; }
@media (max-width: 640px) {
  .uk-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .uk-serit .uk-kart { flex-basis: 82%; }
}
.uk-gunler a small { display: block; font-weight: 600; opacity: .8; }

/* ⭐ Sürpriz adayları sayfası (surpriz.php) + kart sonucu */
.sz-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin: 10px 0 18px; }
.sz-sonuc { font-size: .78rem; font-weight: 800; padding: 5px 10px; border-radius: 8px; background: #f2f5f8; color: #4a5c6b; }
.sz-sonuc.kazandi { background: #fff3cf; color: #7a5400; }
.sz-sonuc.ilk3 { background: #e6f4ec; color: #17663a; }
.sz-ozet { background: #fff; border: 1px solid #e1e8e4; border-radius: 12px; padding: 10px 14px; font-size: .88rem; margin: 10px 0; }
.sz-izgara .sz-kart { width: auto; box-shadow: none; }
.sz-izgara .sz-kart::after { display: none; }

/* Program: eküri grubunun rengi at adının yanındaki at ikonunda gösterilir. */
.page-program .ekuri-at { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 14px; height: 14px; margin-left: 3px; vertical-align: middle; }
.page-program .ekuri-at svg { display: block; width: 14px; height: 14px; }
.page-program .mb-ust > .ekuri-at { margin-left: -3px; }

/* Sıralama, atın açıklama satırıyla birlikte tüm bloğunu taşır. */
.page-program [data-at-sirala] { font: inherit; font-weight: 800; color: inherit; background: transparent; border: 0; padding: 4px 0; cursor: pointer; white-space: nowrap; }
.page-program [data-at-sirala]:focus-visible { outline: 2px solid var(--lacivert); outline-offset: 3px; }
.page-program [data-sira-ok] { display: inline-block; margin-left: 3px; }
.program-mobil-sirala { display: none; }
@media (max-width: 760px) {
  .page-program .program-mobil-sirala { display: flex; align-items: center; gap: 16px; padding: 10px 12px; color: #18354f; font-size: 11px; background: #f8fafb; border-bottom: 1px solid #e1e8e4; }
}

/* BANKOCU sıralama başlığı */
.page-program .yaris-kart thead .th-yz { background: #eef3ee; color: #46604d; border-bottom: 2px solid #cedbce; }
.page-program [data-at-sirala="bankocu"] { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.page-program [data-at-sirala="bankocu"] svg { width: 16px; height: 16px; flex: none; color: #9a824e; }
.page-program .th-yz [data-at-sirala="bankocu"] { font-size: 11px; padding: 6px 2px; }
.page-program .th-yz [data-at-sirala="bankocu"]:focus-visible { outline-color: #708a73; }
.page-program .program-mobil-sirala { flex-wrap: nowrap; }
.page-program .program-mobil-sirala [data-at-sirala="bankocu"] { background: #eef3ee; color: #46604d; border-radius: 6px; padding: 6px 9px; border: 1px solid #cedbce; }

@media (max-width: 760px) {
  .page-program .bayi-bar .kb-sar,
  .page-program .bayi-bar .bayi-kupon-sec { display: none; }
  .page-program .program-mobil-sirala { gap: 7px; padding: 9px 8px; font-size: 10px; white-space: nowrap; }
  .page-program .program-mobil-sirala > * { flex: 0 0 auto; }
  .page-program .program-mobil-sirala [data-at-sirala="bankocu"] { gap: 3px; padding: 6px; }
  .page-program .program-mobil-sirala [data-at-sirala="bankocu"] svg { width: 13px; height: 13px; }
  .page-program .program-mobil-sirala [data-sira-ok] { margin-left: 1px; }
}

/* PC: koşu bilgileri ve araçlar daha rahat okunur. */
@media (min-width: 761px) {
  .page-program .bayi-bar { padding: 16px 18px; gap: 6px; }
  .page-program .bayi-bar > b { font-size: 16px; }
  .page-program .bayi-bar > span { font-size: 13px; line-height: 1.6; }
  .page-program .bayi-bar > span b { font-size: inherit; }
  .page-program .bayi-dugmeler { gap: 8px; margin-top: 9px; }
  .page-program .bayi-dugmeler .bayi-kar { font-size: 12px; padding: 8px 12px; gap: 7px; border-radius: 8px; }
  .page-program .bayi-dugmeler .bayi-kar .ui-ikon { width: 17px; height: 17px; }
  .page-program .kosu-kafa { padding: 22px 24px 16px; }
  .page-program .kosu-ust { flex-wrap: wrap; }
  .page-program .kosu-bilgi .ust-etiket { font-size: 12px; }
  .page-program .kosu-bilgi h1 { font-size: clamp(22px, 2vw, 28px); }
  .page-program .kosu-saat { font-size: 30px; min-height: 88px; }
  .page-program .kosu-saat small { font-size: 11px; }
  .page-program .program-baslik-metin .etiket-satir { gap: 7px; }
  .page-program .bilgi-cip,
  .page-program .kosu-bilgi .pist-isaret { font-size: 12px; padding: 6px 10px; line-height: 1.5; border-radius: 7px; }
  .page-program .kosu-eylem .btn { font-size: 13px; padding: 10px 15px; }
  .page-program .kosu-eylem .paylas-btn { font-size: 12px; padding: 7px 11px; }
  .page-program .kosu-eylem .kucuk,
  .page-program .kosu-kafa .netice { font-size: 12px; }
  .page-program .an-arac { gap: 7px; flex-wrap: wrap; }
  .page-program .an-arac a { font-size: 12px; padding: 9px 12px; }
  .page-program .an-arac .ui-ikon { width: 18px; height: 18px; }
  .page-program .program-hava small { font-size: 12px; }
  .page-program .program-hava b { font-size: 23px; }
}

/* Pist renkleri ve düşük yoğunluklu yüzey dokuları. */
.page-program .bayi-bar.bayi-cim {
  --program-pist-renk: #193e32;
  --program-pist-doku: linear-gradient(rgba(9,35,25,.78), rgba(9,35,25,.78)), url("textures/pist-cim.jpg");
  --program-pist-metin: #f0f7f2;
  border-top-color: #a0bea3;
}
.page-program .bayi-bar.bayi-kum {
  --program-pist-renk: #503a2c;
  --program-pist-doku: linear-gradient(rgba(43,29,19,.78), rgba(43,29,19,.78)), url("textures/pist-kum.jpg");
  --program-pist-metin: #faf2e8;
  border-top-color: #cfb594;
}
.page-program .bayi-bar.bayi-sentetik {
  --program-pist-renk: #51451f;
  --program-pist-doku: linear-gradient(rgba(48,39,14,.78), rgba(48,39,14,.78)), url("textures/pist-sentetik.jpg");
  --program-pist-metin: #fbf7e8;
  border-top-color: #cdbf82;
}
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) { color: var(--program-pist-metin); border-bottom-color: rgba(70,65,45,.12); }
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) > b,
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) > span,
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) > span b { color: var(--program-pist-metin); opacity: 1; }
.page-program .bayi-bar .bayi-dugmeler .bayi-kar { background: #fff; color: #243e54; border-color: #cdd9d4; }
.page-program .bayi-bar .bayi-dugmeler .bayi-kar .ui-ikon { color: #526479; }
.page-program .bayi-bar .bayi-dugmeler .bayi-kar:hover { background: #eaf0f5; color: #18354f; border-color: #eaf0f5; }
.page-program .bayi-bar .bayi-dugmeler .bayi-idman { background: var(--program-idman-zemin, #e5eadd); color: var(--program-idman-metin, #344c39); border-color: var(--program-idman-kenar, #bdcbb8); }
.page-program .bayi-bar .bayi-dugmeler .bayi-idman .ui-ikon { color: inherit; }
.page-program .bayi-bar .bayi-dugmeler .bayi-idman:hover { background: var(--program-idman-hover, #d6dfce); color: var(--program-idman-metin, #344c39); border-color: var(--program-idman-kenar, #bdcbb8); }
.page-program .bayi-bar .bayi-kar:focus-visible { outline: 3px solid #ffe08a; outline-offset: 3px; }

/* Pist durumunu ve mevcut animasyonlu hava ikonunu koşu bandında göster. */
.page-program .bayi-kosullar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px; }
.page-program .bayi-kosul { display: flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(70,80,60,.15); border-radius: 9px; background: rgba(255,255,255,.75); color: var(--program-pist-metin, #243e54); }
.page-program .bayi-kosul > div { display: flex; flex-direction: column; gap: 2px; }
.page-program .bayi-kosul small { font-size: 10px; line-height: 1.4; color: inherit; }
.page-program .bayi-kosul strong { font-size: 13px; line-height: 1.5; font-weight: 750; color: inherit; }
.page-program .bayi-kosul > .ui-ikon { width: 23px; height: 23px; flex: none; }
.page-program .bayi-kosul > .hava-svg { width: 42px; height: 37px; overflow: visible; flex: none; }
@media (max-width: 760px) {
  .page-program .bayi-kosullar { gap: 6px; }
  .page-program .bayi-kosul { padding: 6px 8px; gap: 6px; }
  .page-program .bayi-kosul strong { font-size: 11px; }
  .page-program .bayi-kosul small { font-size: 9px; }
  .page-program .bayi-kosul > .hava-svg { width: 34px; height: 30px; }
}

/* Pist dokusunun yavaş kayması; içerik sabit kalır. */
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) {
  animation: program-pist-akis 36s ease-in-out infinite alternate;
  border-bottom-color: rgba(255,255,255,.15);
}
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) .bayi-kosul {
  background: rgba(12,20,16,.38);
  border-color: rgba(255,255,255,.22);
}
.page-program .bayi-bar.bayi-cim .bayi-hava-durum .hava-bulut,
.page-program .bayi-bar.bayi-kum .bayi-hava-durum .hava-bulut { filter: brightness(1.12); }
@keyframes program-pist-akis {
  from { background-position: center, 48% 44%; }
  to { background-position: center, 52% 56%; }
}
@media (prefers-reduced-motion: reduce) {
  .page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) { animation: none; }
}

/* Pist ve hava bilgisi başlığın sağında; araçlar altta tam genişlikte. */
.page-program .bayi-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 18px;
  align-items: center;
}
.page-program .bayi-bar > b { grid-column: 1; grid-row: 1; }
.page-program .bayi-bar > span { grid-column: 1; grid-row: 2; }
.page-program .bayi-bar > .bayi-kosullar {
  grid-column: 2;
  grid-row: 1 / 3;
  justify-content: flex-end;
  flex-wrap: nowrap;
  align-self: center;
  margin-top: 0;
}
.page-program .bayi-bar > .bayi-dugmeler { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .page-program .bayi-bar { column-gap: 8px; }
  .page-program .bayi-bar > .bayi-kosullar { flex-direction: column; align-items: stretch; gap: 3px; max-width: 155px; }
  .page-program .bayi-kosul { padding: 3px 5px; gap: 4px; }
  .page-program .bayi-kosul > div { gap: 0; }
  .page-program .bayi-kosul small { font-size: 8px; }
  .page-program .bayi-kosul strong { font-size: 10px; }
  .page-program .bayi-kosul > .ui-ikon { width: 18px; height: 18px; }
  .page-program .bayi-kosul > .hava-svg { width: 26px; height: 24px; }
}

/* Doğal pist fotoğrafları; koyu katman yazıların kontrastını korur. */
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) {
  background-size: 100% 100%, cover;
  background-repeat: no-repeat;
}

/* Orijinal pist fotoğrafı soldan sağa doğru belirginleşir. */
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--program-pist-renk) !important;
  background-image: none !important;
  animation: none;
}
.page-program .bayi-bar.bayi-cim { --program-pist-foto: url("textures/pist-cim.jpg?v=2"); }
.page-program .bayi-bar.bayi-kum { --program-pist-foto: url("textures/pist-kum.jpg?v=2"); }
.page-program .bayi-bar.bayi-sentetik { --program-pist-foto: url("textures/pist-sentetik.jpg?v=2"); }
.page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik)::before {
  content: "";
  position: absolute;
  inset: -12px;
  z-index: -1;
  pointer-events: none;
  background-image: var(--program-pist-foto);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,.65) 70%, #000 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,.65) 70%, #000 100%);
  animation: program-pist-doku-hareket 36s ease-in-out infinite alternate;
}
@keyframes program-pist-doku-hareket {
  from { transform: translate3d(-4px, -3px, 0); }
  to { transform: translate3d(4px, 3px, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .page-program .bayi-bar:is(.bayi-cim, .bayi-kum, .bayi-sentetik)::before { animation: none; }
}

/* İdmanlar düğmesi pistin doğal renkleriyle uyumlu. */
.page-program .bayi-bar.bayi-cim {
  --program-idman-zemin: #e5ecdf;
  --program-idman-metin: #344e39;
  --program-idman-kenar: #bdcdb5;
  --program-idman-hover: #d6e2ce;
}
.page-program .bayi-bar.bayi-kum {
  --program-idman-zemin: #eee2d4;
  --program-idman-metin: #604631;
  --program-idman-kenar: #d1bca5;
  --program-idman-hover: #e2d2c0;
}
.page-program .bayi-bar.bayi-sentetik {
  --program-idman-zemin: #eee8cf;
  --program-idman-metin: #5d512c;
  --program-idman-kenar: #cfc399;
  --program-idman-hover: #e3daba;
}

/* Mobil sıralama: eşit görünümlü, büyük harfli seçenekler. */
.page-program .program-mobil-sirala [data-at-sirala] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px;
  background: #eef3ee;
  color: #46604d;
  border: 1px solid #cedbce;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
}
.page-program .program-mobil-sirala [data-at-sirala]:hover { background: #e1eae1; }
.page-program .program-mobil-sirala > span { font-weight: 800; }

/* Sanal bayi: kompakt başlık ve ayrı, sade kontrol alanı. */
.page-oyun .sayfa-kafa { background: #eef3ee; color: #344e39; border: 1px solid #d6e1d5; border-radius: 12px; padding: 14px 18px; gap: 5px 12px; box-shadow: none; margin-bottom: 10px; }
.page-oyun .sayfa-kafa::before, .page-oyun .sayfa-kafa::after { display: none; }
.page-oyun .sayfa-kafa .sk-ikon { width: 38px; height: 38px; border-radius: 10px; background: #e0e9dd; }
.page-oyun .sayfa-kafa .sk-ikon svg { width: 23px; height: 23px; stroke: #657f62; }
.page-oyun .sayfa-kafa h1 { font: 800 23px/1.25 var(--govde); color: #344e39; }
.page-oyun .sayfa-kafa p { font-size: 12px; line-height: 1.5; color: #586d59; opacity: 1; }
.page-oyun .sayfa-kafa .sk-ek { margin-top: 0; }
.page-oyun .sayfa-kafa .bilgi > summary { color: #46604d; }
.page-oyun .oyun-kontrol { padding: 13px 16px; margin-bottom: 14px; background: #fff; border: 1px solid #e1e8e4; border-radius: 12px; }
.page-oyun .oyun-kisayollar { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.page-oyun .oyun-kisayollar a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border: 1px solid #d6e1d5; border-radius: 7px; background: #f1f5ef; color: #3c5742; font-size: 12px; font-weight: 750; }
.page-oyun .oyun-kisayollar a:hover { background: #e3ecdf; }
.page-oyun .oyun-kisayollar .ui-ikon { width: 16px; height: 16px; }
.page-oyun .bayi-bakiye { gap: 8px; margin-bottom: 10px; }
.page-oyun .bayi-bakiye div { background: #f4f6f4; color: #344e39; border: 1px solid #e4eae3; border-radius: 8px; padding: 7px 12px; }
.page-oyun .bayi-bakiye span { font-size: 10px; }
.page-oyun .bayi-bakiye b { font: 800 18px/1.4 var(--govde); }
.page-oyun .oyun-kontrol .hip-sekme { margin-bottom: 0; }
.page-oyun .oyun-kontrol .nv-gun { margin-bottom: 8px; }
.page-oyun #uye-kuponlari { scroll-margin-top: 85px; }
@media (max-width: 760px) {
  .page-oyun .sayfa-kafa { padding: 12px; }
  .page-oyun .sayfa-kafa h1 { font-size: 20px; }
  .page-oyun .oyun-kontrol { padding: 10px; }
  .page-oyun .bayi-bakiye div { padding: 6px 8px; }
  .page-oyun .bayi-bakiye b { font-size: 15px; }
}

/* Koşu koşulları: belirgin değerler, sıcak pist / serin hava kartları. */
.page-program .bayi-bar .bayi-kosullar .bayi-kosul {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 64px;
  padding: 9px 13px;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #d6bf86;
  border-left: 3px solid #b68b3d;
  background: linear-gradient(135deg, #fff8e8, #f0e5c9);
  color: #584322;
  box-shadow: 0 4px 12px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.8);
}
.page-program .bayi-bar .bayi-kosullar .bayi-hava-durum {
  background: linear-gradient(135deg, #f5fbff, #deedf6);
  border-color: #b8d4e4;
  border-left-color: #689db8;
  color: #294e65;
}
.page-program .bayi-kosullar .bayi-kosul > div { gap: 4px; min-width: 0; }
.page-program .bayi-kosullar .bayi-kosul small { font-size: 10px; font-weight: 800; letter-spacing: .04em; line-height: 1.2; }
.page-program .bayi-kosullar .bayi-kosul strong { font-size: 14px; font-weight: 800; line-height: 1.4; font-variant-numeric: tabular-nums; }
.page-program .bayi-kosullar .bayi-kosul > .ui-ikon {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
  padding: 7px;
  color: #99732c;
  background: rgba(174,135,60,.12);
  border-radius: 10px;
  animation: pist-ikon-nefes 4s ease-in-out infinite;
}
.page-program .bayi-kosullar .bayi-kosul > .hava-svg { width: 46px; height: 42px; }
.page-program .bayi-kosullar .bayi-kosul::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.48) 50%, transparent 70%);
  transform: translateX(-130%);
  animation: kosul-isilti 9s ease-in-out infinite;
}
.page-program .bayi-kosullar .bayi-hava-durum::after { animation-delay: 2s; }
@keyframes pist-ikon-nefes {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.07); }
}
@keyframes kosul-isilti {
  0%,75% { transform: translateX(-130%); }
  100% { transform: translateX(130%); }
}
@media (max-width: 760px) {
  .page-program .bayi-bar .bayi-kosullar .bayi-kosul { min-height: 46px; padding: 6px; gap: 5px; border-radius: 9px; }
  .page-program .bayi-kosullar .bayi-kosul > div { gap: 2px; }
  .page-program .bayi-kosullar .bayi-kosul small { font-size: 8px; }
  .page-program .bayi-kosullar .bayi-kosul strong { font-size: 11px; }
  .page-program .bayi-kosullar .bayi-kosul > .ui-ikon { width: 19px; height: 19px; padding: 4px; border-radius: 7px; }
  .page-program .bayi-kosullar .bayi-kosul > .hava-svg { width: 31px; height: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-program .bayi-kosullar .bayi-kosul::after,
  .page-program .bayi-kosullar .bayi-kosul > .ui-ikon { animation: none; }
}

/* Sanal bayi: okunabilir kontrol paneli ve topluluk vitrini. */
.page-oyun .sayfa-kafa { grid-template-columns: auto minmax(0,1fr) auto; }
.page-oyun .sayfa-kafa .sk-ek { grid-column: 3; grid-row: 1; }
.page-oyun .oyun-kontrol { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px 18px; padding: 16px; }
.page-oyun .oyun-kisayollar { margin: 0; align-items: center; }
.page-oyun .bayi-bakiye { margin: 0; }
.page-oyun .oyun-kontrol .hip-sekme { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin: 0; }
.page-oyun .oyun-kontrol .hip-sekme a { padding: 9px 12px; border-radius: 9px; font-size: 12px; border: 1px solid #dce5df; background: #f6f8f6; color: #52675b; }
.page-oyun .oyun-kontrol .hip-sekme a.aktif { background: #e2eddf; border-color: #a9bfa5; color: #324f37; box-shadow: none; }
.page-oyun .oyun-topluluk { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; margin: 24px 0; align-items: start; }
.page-oyun .oyun-vitrin, .page-oyun .oyun-liderler { min-width: 0; background: #fff; border: 1px solid #e0e7e2; border-radius: 14px; overflow: hidden; scroll-margin-top: 85px; }
.page-oyun .oyun-panel-baslik { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 17px 16px; border-bottom: 1px solid #edf1ed; }
.page-oyun .oyun-panel-baslik h2 { display: flex; gap: 6px; align-items: center; font: 800 16px/1.4 var(--govde); color: #344e3c; margin: 3px 0 0; }
.page-oyun .oyun-panel-baslik h2 .ui-ikon { width: 19px; height: 19px; color: #a08851; }
.page-oyun .oyun-panel-baslik > a { font-size: 11px; font-weight: 750; color: #526b55; white-space: nowrap; }
.page-oyun .oyun-carousel-oklar { display: flex; gap: 5px; }
.page-oyun .oyun-carousel-oklar button { width: 33px; height: 33px; border: 1px solid #d6e0d6; border-radius: 9px; background: #eff4ed; color: #3f5c43; cursor: pointer; font-size: 18px; }
.page-oyun .oyun-carousel-oklar button:disabled { opacity: .35; cursor: default; }
.page-oyun .oyun-kupon-serit { position: relative; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 16px; scrollbar-width: thin; scrollbar-color: #b8cbb6 transparent; }
.page-oyun .oyun-kupon-serit .uk-kart { flex: 0 0 min(340px, 88%); min-width: 0; scroll-snap-align: start; background: #fbfcfa; border-top: 3px solid #b7cbb0; }
.page-oyun .oyun-kupon-serit .uk-kart.uk-kazandi { border-top-color: #6f9c73; }
.page-oyun .oyun-carousel-alt { display: flex; justify-content: space-between; padding: 10px 16px; background: #f7f9f5; border-top: 1px solid #edf1ed; color: #788575; font-size: 11px; }
.page-oyun .oyun-lider-listesi { list-style: none; margin: 0; padding: 5px 12px; }
.page-oyun .oyun-lider-listesi li { display: flex; align-items: center; gap: 8px; padding: 9px 2px; border-bottom: 1px solid #eff2ee; }
.page-oyun .oyun-lider-listesi li:last-child { border-bottom: 0; }
.page-oyun .oyun-lider-no { flex: 0 0 22px; text-align: center; font-size: 12px; font-weight: 800; color: #81907f; }
.page-oyun .oyun-podyum .oyun-lider-no { color: #94763f; background: #f7efd9; border-radius: 6px; padding: 3px 0; }
.page-oyun .oyun-lider-avatar { width: 29px; height: 29px; flex: 0 0 29px; font-size: 11px; }
.page-oyun .oyun-lider-kisi { flex: 1; min-width: 0; }
.page-oyun .oyun-lider-kisi b { display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #405443; }
.page-oyun .oyun-lider-kisi small { font-size: 10px; color: #879082; }
.page-oyun .oyun-lider-listesi strong { font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.page-oyun .oyun-bos { padding: 24px 16px; color: #7b877b; font-size: 13px; }
.page-oyun .oyun-kupon-serit:focus-visible, .page-oyun .oyun-carousel-oklar button:focus-visible { outline: 2px solid #6b8c65; outline-offset: -2px; }
@media (max-width: 1000px) {
  .page-oyun .oyun-topluluk { grid-template-columns: minmax(0,1fr); }
  .page-oyun .oyun-kontrol { grid-template-columns: minmax(0,1fr); }
  .page-oyun .bayi-bakiye { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .page-oyun .oyun-topluluk { gap: 12px; margin: 16px 0; }
  .page-oyun .oyun-panel-baslik { padding: 12px; }
  .page-oyun .oyun-panel-baslik h2 { font-size: 15px; }
  .page-oyun .oyun-kontrol { padding: 12px; gap: 10px; }
  .page-oyun .oyun-kisayollar a { font-size: 11px; padding: 7px 9px; }
  .page-oyun .oyun-kupon-serit { padding: 12px; }
}

/* Program başlığı: kompakt kimlik, saat ve kalan süre. */
.page-program .kosu-kafa { padding: 14px 16px 10px; border-radius: 12px; }
.page-program .kosu-ust { gap: 12px; flex-wrap: wrap; }
.page-program .kosu-saat { flex-direction: row; align-items: center; justify-content: flex-start; gap: 9px; min-width: 0; min-height: 0; padding: 9px 11px; font-size: 18px; letter-spacing: normal; }
.page-program .kosu-saat > .ui-ikon { width: 24px; height: 24px; flex: none; color: #73856b; }
.page-program .kosu-saat > div { display: flex; flex-direction: column; gap: 2px; }
.page-program .kosu-saat small { font-size: 9px; margin: 0; }
.page-program .kosu-saat b { font: 800 21px/1.2 var(--govde); }
.page-program .program-kalan { font: 750 11px/1.4 var(--govde); color: #50704f; white-space: nowrap; }
.page-program .program-kimlik { flex: 1 1 260px; }
.page-program .kosu-bilgi .ust-etiket { font-size: 10px; }
.page-program .kosu-bilgi h1 { font-size: clamp(18px, 1.8vw, 24px); margin: 2px 0 6px; }
.page-program .bilgi-cip, .page-program .kosu-bilgi .pist-isaret { font-size: 11px; padding: 4px 8px; }
.page-program .an-arac { margin-top: 8px; padding: 8px 0 4px; gap: 5px; }
.page-program .an-arac a { padding: 6px 9px; font-size: 11px; }
@media (max-width: 760px) {
  .page-program .kosu-kafa { padding: 11px; }
  .page-program .kosu-ust { gap: 9px; }
  .page-program .program-kimlik { flex-basis: 180px; }
  .page-program .kosu-saat { padding: 7px 8px; gap: 6px; }
  .page-program .kosu-saat b { font-size: 19px; }
  .page-program .program-kalan { font-size: 10px; }
  .page-program .kosu-eylem { gap: 6px; padding-top: 7px; }
}

/* Mobil koşu bandı: zemine uyumlu, ince ve kompakt koşul bilgileri. */
@media (max-width: 760px) {
  .page-program .bayi-bar > .bayi-kosullar { max-width: 140px; gap: 4px; }
  .page-program .bayi-bar .bayi-kosullar .bayi-kosul {
    min-height: 0;
    padding: 5px 6px;
    gap: 5px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 7px;
    background: rgba(15,21,15,.64);
    color: #f4f5ed;
    box-shadow: none;
  }
  .page-program .bayi-kosullar .bayi-kosul > div { gap: 1px; }
  .page-program .bayi-kosullar .bayi-kosul small { font-size: 8px; font-weight: 600; letter-spacing: 0; color: #d2d9cc; }
  .page-program .bayi-kosullar .bayi-kosul strong { font-size: 10px; line-height: 1.35; font-weight: 750; color: #f4f5ed; }
  .page-program .bayi-kosullar .bayi-kosul > .ui-ikon {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 0;
    color: #d2d9cc;
    background: none;
    animation: none;
  }
  .page-program .bayi-kosullar .bayi-kosul > .hava-svg { width: 23px; height: 22px; }
  .page-program .bayi-kosullar .bayi-kosul::after { display: none; }
}

/* Çok kısa veya uzun yarış arası: 7 günden az / 45 günden fazla. */
.page-program .yaris-kart .kgs-uyari { color: #c62828; }
.page-program .kgs-uyari::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #c62828; vertical-align: middle; animation: kgs-nokta 2s ease-in-out infinite; }
@keyframes kgs-nokta { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .page-program .kgs-uyari::before { animation: none; } }

/* Jokey ve pedigri rehberi: ortak, mobil uyumlu istatistik düzeni. */
.soy-hero { padding: 22px; margin-bottom: 14px; border: 1px solid #d9e3d6; border-radius: 14px; background: linear-gradient(120deg,#eef3e9,#fafbf7); }
.soy-hero h1 { font: 800 clamp(22px,3vw,30px)/1.3 var(--govde); color: #344e3b; margin: 5px 0 9px; letter-spacing: -.03em; }
.soy-hero p { max-width: 780px; font-size: 13px; line-height: 1.7; color: #64715f; margin: 0; }
.soy-hero nav, .soy-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 13px 0; }
.soy-hero nav a, .soy-sekmeler a { padding: 7px 10px; border: 1px solid #d5dfd0; border-radius: 7px; background: #fff; color: #4b654c; font-size: 12px; font-weight: 750; }
.soy-sekmeler a[aria-current] { background: #e3ecdc; border-color: #9bb18e; }
.soy-filtre { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; padding: 15px; margin-bottom: 14px; border-radius: 12px; background: #fff; border: 1px solid #e2e7df; }
.soy-filtre label { display: flex; flex-direction: column; flex: 1 1 180px; gap: 5px; font-size: 11px; font-weight: 750; color: #53684d; }
.soy-filtre input, .soy-filtre select { width: 100%; min-height: 39px; border: 1px solid #d9e1d4; border-radius: 7px; padding: 7px 10px; background: #fafbf8; font: 12px var(--govde); color: #40573d; }
.soy-filtre .btn { background: #4d6947; color: #fff; border-radius: 7px; font-size: 12px; padding: 10px 17px; }
.soy-panel { padding: 17px; margin-bottom: 14px; border: 1px solid #e1e6dd; border-radius: 12px; scroll-margin-top: 90px; }
.soy-panel h2 { font: 800 17px/1.4 var(--govde); margin: 0 0 12px; color: #40543b; }
.soy-kardesler > summary { cursor: pointer; color: #40543b; }
.soy-kardesler > summary h2 { display: inline; margin: 0; }
.soy-kardesler > summary:focus-visible { outline: 2px solid #40543b; outline-offset: 4px; }
.soy-kardesler[open] > summary { margin-bottom: 12px; }
.soy-panel p { font-size: 13px; line-height: 1.75; }
.soy-tablo { width: 100%; border-collapse: collapse; font-size: 12px; }
.soy-tablo caption { text-align: left; font-size: 11px; color: #7b8474; padding-bottom: 10px; }
.soy-tablo th, .soy-tablo td { padding: 11px 10px; border-bottom: 1px solid #edf0e9; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.soy-tablo th:first-child, .soy-tablo td:first-child { text-align: left; }
.soy-tablo thead th { background: #f3f6ef; color: #76816b; font-size: 10px; }
.soy-tablo tbody th { font-weight: 750; }
.soy-tablo a { color: #486441; text-decoration: underline; text-underline-offset: 3px; }
.soy-tablo tbody tr:hover { background: #f8faf5; }
.soy-not { color: #7a8372; font-size: 11px !important; line-height: 1.75; }
.soy-sayfalar { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 14px 0 0; font-size: 12px; }
.soy-sayfalar a { border: 1px solid #d6e0cf; border-radius: 7px; padding: 7px 11px; color: #4b6841; }
.soy-izgara { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.soy-izgara > * { min-width: 0; }
.soy-metrikler { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.soy-metrikler > div { border: 1px solid #dfe6d8; border-radius: 11px; padding: 14px; background: #fff; }
.soy-metrikler span { display: block; color: #808a75; font-size: 11px; }
.soy-metrikler b { display: block; font: 800 25px/1.5 var(--govde); color: #47623e; }
@media (max-width:760px) {
  .soy-hero { padding: 16px; }
  .soy-izgara { grid-template-columns: minmax(0,1fr); gap: 0; }
  .soy-metrikler { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .soy-metrikler > div { padding: 10px; }
  .soy-panel { padding: 12px; }
  .soy-tablo th, .soy-tablo td { padding: 9px 8px; }
  .soy-filtre label { flex-basis: 140px; }
}

/* Sinyal açıklaması tablo boyunca tek parça bir caption satırıdır. */
.page-index .agf-blok .agf-acik { width: 100%; max-width: none; box-sizing: border-box; }
.page-index .agf-blok caption.agf-acik { display: table-caption; caption-side: top; width: auto; padding: 11px 16px; text-align: left; line-height: 1.6; white-space: normal; background: #e8f2eb; color: #557561; }
.page-index .agf-blok .agf-tablo th { text-transform: none; }
.page-index .sabit-blok { border-color: #c5ab84; }
.page-index .sabit-blok .agf-baslik-satir { background: linear-gradient(110deg,#64492e,#927044); border-left-color: #e2cba4; }
.page-index .sabit-blok .agf-baslik-satir h2 .ui-ikon { color: #efdfc4; }
.page-index .sabit-blok caption.agf-acik { background: #f3ecdf; color: #806746; border-bottom-color: #e5d8c2; }
.page-index .sabit-blok .agf-tablo th { background: #faf5ec; color: #886e4c; }
.page-index .agf-baslik-filtreler .paylas-btn { color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); padding: 7px 10px; white-space: nowrap; font-size: 11px; }
.pm-kopya-satir { flex-wrap: wrap; }
.pm-kopya:disabled { opacity: .5; cursor: wait; }

/* Yönetim: ana sayfa slider editörü. */
.slider-yonetim .panel { margin-bottom: 14px; }
.slider-yonetim input[type=number] { max-width: 110px; }
.slider-degiskenler { margin: 12px 0; padding: 10px; background: #f3f6ee; border-radius: 8px; font-size: 12px; }
.slider-degiskenler code { color: #56704c; }
.slider-duzenle > header { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 15px; }
.slider-duzenle > header h2 { margin: 0 auto 0 0; font-size: 18px; }
.slider-duzenle > header label { font-size: 12px; }
.slider-duzenle-izgara { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.8fr); gap: 20px; align-items: start; }
.slider-alanlar { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.slider-alanlar label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 650; }
.slider-alanlar input, .slider-alanlar textarea { width: 100%; font-size: 13px; }
.slider-metin-onizleme { padding: 22px; background: linear-gradient(135deg,#253e38,#456047); color: #fff; border-radius: 12px; overflow-wrap: anywhere; }
.slider-metin-onizleme small { display: block; color: #ced8bd; font-size: 10px; margin-bottom: 12px; }
.slider-metin-onizleme h3 { font-size: 22px; line-height: 1.4; color: #fff; }
.slider-metin-onizleme em { display: block; color: #e4d39e; font-style: normal; }
.slider-metin-onizleme p { color: #e1e9dc; font-size: 12px; line-height: 1.7; }
.slider-ornek-buton { display: inline-block; padding: 8px 12px; margin: 10px 0 20px; border-radius: 7px; background: #edf3e6; color: #36513a; font-size: 12px; font-weight: 750; }
.slider-kaydet { position: sticky; bottom: 12px; padding: 12px; border: 1px solid #d4dfcb; background: #f5f8ef; border-radius: 10px; z-index: 5; }
@media(max-width:760px) { .slider-duzenle-izgara, .slider-alanlar { grid-template-columns: minmax(0,1fr); } }

/* Ana sayfa: masaüstünde 2/3 slider, 1/3 günün hipodromları. */
@media (min-width:1100px) {
  .page-index .ana-ust-yerlesim { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:18px; align-items:start; margin-bottom:22px; }
  .page-index .ana-ust-yerlesim > * { min-width:0; }
  .page-index .ana-ust-yerlesim .vitrin-slider { margin:0; height:320px; }
  .page-index .ana-ust-yerlesim .vs-slayt { min-height:318px; padding:28px 42px 48px; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:16px; box-sizing:border-box; }
  .page-index .ana-ust-yerlesim .vs-slayt h2 { font-size:clamp(25px,2.3vw,34px); }
  .page-index .ana-ust-yerlesim .vs-gorsel { min-height:190px; min-width:0; }
  .page-index .ana-ust-yerlesim .vs-slayt h2 { margin:8px 0; line-height:1.15; }
  .page-index .ana-ust-yerlesim .vs-slayt p { margin:8px 0 12px; line-height:1.5; }
  .page-index .ana-ust-yerlesim .vs-buyuk { margin:0 0 10px; }
  .page-index .ana-ust-yerlesim .vs-buyuk b { font-size:38px; }
  .page-index .ana-ust-yerlesim .vs-btn { padding:9px 15px; font-size:13px; }
  .page-index .ana-ust-yerlesim .vs-bilet { padding:14px 10px; gap:4px; }
  .page-index .ana-ust-yerlesim .vs-noktalar { left:42px; }
  .page-index .ana-ust-yerlesim .ana-hipodromlar { margin:0; height:320px; display:flex; flex-direction:column; }
  .page-index .ana-ust-yerlesim .blok-baslik { flex-wrap:wrap; gap:5px 10px; margin-bottom:10px; }
  .page-index .ana-ust-yerlesim .blok-baslik h2 { font-size:17px; width:100%; margin:0; }
  .page-index .ana-ust-yerlesim .blok-baslik > a { margin-left:auto; }
  .page-index .ana-ust-yerlesim .hip-izgara { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; overflow-y:auto; min-height:0; padding:3px 5px 3px 0; scrollbar-width:thin; }
  .page-index .ana-ust-yerlesim .hip-kart { grid-template-columns:minmax(0,1fr) 82px; gap:7px 10px; padding:11px 12px; flex-shrink:0; }
  .page-index .ana-ust-yerlesim .hk-sol > b { font-size:14px; line-height:1.3; }
  .page-index .ana-ust-yerlesim .hk-sag { grid-column:2; grid-row:1/3; min-width:0; padding:7px 5px; }
  .page-index .ana-ust-yerlesim .hk-sag b { font-size:12px; }
  .page-index .ana-ust-yerlesim .hk-sag span { font-size:16px; }
  .page-index .ana-ust-yerlesim .hk-orta { gap:3px; }
  .page-index .ana-ust-yerlesim .hk-alt { font-size:11px; }
  .page-index .ana-ust-yerlesim .hk-orta .hk-alt b { font-size:12px; }
  .page-index .ana-ust-yerlesim .hk-hava { font-size:12px; gap:3px; }
  .page-index .ana-ust-yerlesim .hk-hava .hava-svg { width:25px; height:24px; }
  .page-index .ana-ust-yerlesim .hk-hava small { font-size:11px; }
  .page-index .ana-ust-yerlesim .hk-pist i { font-size:10px; white-space:normal; }
  .page-index .ana-ust-yerlesim .hk-program-link { padding-top:5px; font-size:10px; }
  .page-index .ana-ust-yerlesim.slider-kapali { grid-template-columns:minmax(0,1fr); }
  .page-index .ana-ust-yerlesim.slider-kapali .ana-hipodromlar { height:auto; }
  .page-index .ana-ust-yerlesim.slider-kapali .hip-izgara { grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
}

/* Üst duyurular: canlı ikonlar, süslemesiz bağlantılar. */
.duyuru-bar .db-ikon {
  width:30px; height:30px; font-size:20px;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  background:radial-gradient(circle at 30% 20%,#ffffff66,#ffffff18);
  box-shadow:0 2px 8px #0002;
  animation:duyuru-ikon-canli 3.4s ease-in-out infinite;
}
.duyuru-bar .db-acil .db-ikon { background:linear-gradient(135deg,#ff777b,#db344b); }
.duyuru-bar .db-uyari .db-ikon { background:linear-gradient(135deg,#ffd872,#ed9d28); }
.duyuru-bar .db-bilgi .db-ikon { background:linear-gradient(135deg,#73c9ff,#4583ed); }
.duyuru-bar .db-basari .db-ikon { background:linear-gradient(135deg,#84e7ad,#2dbb7c); }
.duyuru-bar .db-metin a,
.duyuru-bar .db-metin a:hover,
.duyuru-bar .db-metin a:focus-visible {
  border:0; text-decoration:none; background-image:none; box-shadow:none;
}
.duyuru-bar .db-metin a::before,
.duyuru-bar .db-metin a::after { content:none; display:none; }
.duyuru-bar .db-metin a:focus-visible { outline:2px solid currentColor; outline-offset:3px; border-radius:3px; }
@keyframes duyuru-ikon-canli {
  0%,75%,100% { transform:translateY(0) rotate(0); }
  82% { transform:translateY(-2px) rotate(-9deg); }
  90% { transform:translateY(0) rotate(7deg); }
}
@media (prefers-reduced-motion:reduce) {
  .duyuru-bar .db-ikon { animation:none; }
}

/* Hipodrom kartları tam görünür; slider komşu listenin boyuna uyum sağlar. */
@media (min-width:1100px) {
  .page-index .ana-ust-yerlesim { align-items:stretch; }
  .page-index .ana-ust-yerlesim .vitrin-slider { height:auto; min-height:340px; display:flex; flex-direction:column; }
  .page-index .ana-ust-yerlesim .vs-iz { flex:1; align-items:stretch; }
  .page-index .ana-ust-yerlesim .vs-slayt { min-height:338px; }
  .page-index .ana-ust-yerlesim .ana-hipodromlar { height:auto; min-height:0; }
  .page-index .ana-ust-yerlesim .hip-izgara { overflow:visible; padding:0; flex:none; }
  .page-index .ana-ust-yerlesim .hip-kart { min-height:min-content; }
  .page-index .ana-ust-yerlesim .hk-sol { grid-column:1; grid-row:1; }
  .page-index .ana-ust-yerlesim .hk-orta { grid-column:1; grid-row:2; min-width:0; }
  .page-index .ana-ust-yerlesim .hk-sol > b,
  .page-index .ana-ust-yerlesim .hk-hava,
  .page-index .ana-ust-yerlesim .hk-alt,
  .page-index .ana-ust-yerlesim .hk-sag b { white-space:normal; overflow-wrap:anywhere; }
  .page-index .ana-ust-yerlesim .hk-hava { flex-wrap:wrap; }
}

/* Hipodrom üst bağlantısı kaldırıldı; boşluk ve slider taban boyu küçüldü. */
@media (min-width:1100px) {
  .page-index .ana-ust-yerlesim .vitrin-slider { min-height:300px; }
  .page-index .ana-ust-yerlesim .vs-slayt { min-height:298px; padding-top:22px; padding-bottom:40px; }
}
/* Yüklenen görsel slaytın dekorunu tamamen değiştirir. */
.page-index .vs-slayt.vs-ozel-arkaplan { background-image:linear-gradient(90deg,rgba(9,24,33,.88),rgba(9,24,33,.58) 52%,rgba(9,24,33,.08)),var(--slider-resim); background-size:cover; background-position:center; }
.page-index .vs-ozel-arkaplan .vs-gorsel,.page-index .vs-ozel-arkaplan::after { display:none; }
.page-index .vs-ozel-arkaplan .vs-metin { position:relative; z-index:1; text-shadow:0 1px 5px #0005; }
.page-index .vs-ozel-arkaplan h2,.page-index .vs-ozel-arkaplan p { color:#fff; }
.page-index .vs-ozel-arkaplan .vs-btn { text-shadow:none; }
.vs-yaris-iz { width:100%; max-width:240px; fill:none; stroke:#d5c18c; stroke-width:2; opacity:.45; }
.slider-arkaplan-alan { padding:14px; margin-bottom:16px; background:#f1f5f3; border-radius:10px; }
.slider-arkaplan-alan > label { display:block; font-size:13px; }
.slider-arkaplan-alan input[type=file] { display:block; margin-top:8px; max-width:100%; }
.slider-arkaplan-onizleme { display:block; width:240px; max-width:100%; height:110px; object-fit:cover; border-radius:8px; margin:10px 0; }
@media(max-width:760px) { .page-index .vs-slayt.vs-ozel-arkaplan { grid-template-columns:minmax(0,1fr); } }

/* Arka plan yolu CSS dosyasına göre çözülmesin: doğrudan görsel katmanı. */
.page-index .vs-slayt.vs-ozel-arkaplan { background-image:none; isolation:isolate; }
.page-index .vs-arkaplan-resmi { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; z-index:0; pointer-events:none; }
.page-index .vs-slayt.vs-ozel-arkaplan::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,24,33,.88),rgba(9,24,33,.58) 52%,rgba(9,24,33,.08)); z-index:1; pointer-events:none; }
.page-index .vs-ozel-arkaplan .vs-metin { z-index:2; }
/* Sanal bayi: program fişi gibi okunabilir, alt alta kullanıcı kuponları. */
.page-oyun .oyun-topluluk { grid-template-columns:minmax(0,1fr); }
.page-oyun .oyun-kupon-liste { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; padding:18px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet { width:100%; min-width:0; background:#fffdf7; border:1px solid #d7e2d7; border-top:4px solid #438366; border-radius:12px; padding:0; overflow:hidden; gap:0; box-shadow:0 5px 16px #254d3410; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header { display:flex; flex-wrap:wrap; gap:10px; padding:15px 18px; background:linear-gradient(110deg,#e6f1e8,#f7f8ed); border-bottom:1px dashed #bdcdbd; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header > div { flex:1; min-width:180px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header b { font-size:15px; color:#284d3c; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header small { display:block; margin-top:5px; line-height:1.5; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-uye-net { display:inline-block; margin-left:10px; font-size:12px; font-weight:600; color:#337653; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-uye-net.eksi { color:#af5050; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayaklar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; padding:12px; align-items:stretch; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak { display:flex; flex-direction:column; min-width:0; padding:0 8px; border-right:1px dashed #d6dfd0; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak:last-child { border-right:0; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header { display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:8px; margin-bottom:7px; border-radius:7px; background:#e8eee0; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header b { font-size:12px; color:#3f6046; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header a { font-size:11px; color:#60735f; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak ul { list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; gap:5px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak li { display:flex; align-items:flex-start; gap:6px; padding:6px 3px; font-size:12px; line-height:1.45; color:#354839; overflow-wrap:anywhere; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-no { flex:none; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border:1px solid #cbd6c6; border-radius:5px; background:#fff; font-weight:750; color:#31583e; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-kazanan { background:#e0f1e2; border-radius:6px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-onay { color:#278052; margin-left:auto; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-ayak-sonuc { display:block; margin-top:auto; padding:7px 4px; font-size:10px; color:#77816f; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .tuttu .uk-ayak-sonuc { color:#287249; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .yatti .uk-ayak-sonuc { color:#b05450; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > footer { padding:12px 18px; border-top:1px dashed #bdcdbd; background:#f1f5eb; flex-wrap:wrap; gap:8px; }
@media(max-width:1000px) { :is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayaklar { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 0; } }
@media(max-width:600px) {
  .page-oyun .oyun-kupon-liste { padding:10px; gap:14px; }
  :is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayaklar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:8px; }
  :is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak { padding:0 6px; }
  :is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header { padding:12px; }
  :is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-uye-net { display:block; margin:5px 0 0; }
}

/* Her iki kupon listesinde kompakt fiş ölçüleri. */
.page-oyun .oyun-kupon-liste,.page-uye-kuponlar .uk-izgara { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:10px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet { border-top-width:2px; border-radius:8px; box-shadow:none; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header { padding:8px 10px; gap:7px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header b { font-size:13px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header small { margin-top:2px; font-size:10px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet .uk-avatar { width:26px; height:26px; flex-basis:26px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayaklar { padding:7px 4px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak { padding:0 5px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header { flex-direction:row; justify-content:space-between; flex-wrap:wrap; gap:2px 5px; padding:4px 5px; margin-bottom:3px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header b { font-size:10px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header a { font-size:10px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak ul { gap:1px; margin-bottom:4px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak li { padding:2px 1px; gap:4px; font-size:11px; line-height:1.35; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-no { width:18px; height:18px; border-radius:3px; font-size:10px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-ayak-sonuc { padding:3px 2px; font-size:9px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > footer { padding:6px 10px; font-size:11px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > footer b { font-size:12px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-uye-net { font-size:10px; }
/* Kullanıcı kuponları: nötr gövde, ayrı başlık bandı ve belirgin kart aralığı. */
.page-oyun .oyun-kupon-liste,.page-uye-kuponlar .uk-izgara { gap:22px; padding:16px; background:#edf0f4; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet { background:#fff; border:1px solid #cbd3df; border-top:3px solid #8199ba; border-radius:10px; box-shadow:0 3px 9px #23385212; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header { background:linear-gradient(110deg,#e4ebf6,#f2f5fa); border-bottom:1px solid #cdd7e5; padding:10px 12px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet:nth-child(even) { border-top-color:#9c90b1; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet:nth-child(even) > header { background:linear-gradient(110deg,#eae6f2,#f6f4f9); border-bottom-color:#d8d1e2; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header b { color:#30435d; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > header small { color:#637088; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayaklar { background:#fff; padding:9px 5px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak { border-right-color:#d7dee8; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header { background:#edf1f6; border:1px solid #e1e6ee; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header b { color:#43546d; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak > header a { color:#65758b; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet-ayak li { color:#37465a; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-no { border-color:#cbd4e1; color:#3b506e; background:#f7f9fc; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-bilet > footer { background:#f3f5f8; border-top:1px solid #dce2eb; color:#617087; padding:8px 12px; }
:is(.page-oyun,.page-uye-kuponlar,.page-index) .uk-at-kazanan { background:#e7f3ed; }
@media(max-width:600px) {
  .page-oyun .oyun-kupon-liste,.page-uye-kuponlar .uk-izgara { gap:18px; padding:10px; }
}
/* Sanal bayinin ana bağlantıları belirgin ve dokunması kolay düğmeler. */
.page-oyun .oyun-kisayollar { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.page-oyun .oyun-kisayollar a { --kisayol:#2d638c; --kisayol-bg:#eaf3fc; display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:46px; padding:10px 17px; border:1px solid color-mix(in srgb,var(--kisayol) 45%,#fff); border-bottom:3px solid var(--kisayol); border-radius:10px; background:var(--kisayol-bg); color:var(--kisayol); font-size:14px; font-weight:800; text-decoration:none; box-shadow:0 3px 8px #263d5514; transition:background .16s,box-shadow .16s; }
.page-oyun .oyun-kisayollar a[href="#oyun-ilk-on"] { --kisayol:#805716; --kisayol-bg:#fff1d2; }
.page-oyun .oyun-kisayollar a[href="#kuponlarim"] { --kisayol:#70518e; --kisayol-bg:#f1eafa; }
.page-oyun .oyun-kisayollar .ui-ikon { width:23px; height:23px; flex:none; }
.page-oyun .oyun-kisayollar a:hover { background:color-mix(in srgb,var(--kisayol-bg) 84%,var(--kisayol)); color:var(--kisayol); box-shadow:0 4px 12px #263d5525; }
.page-oyun .oyun-kisayollar a:focus-visible { outline:3px solid var(--kisayol); outline-offset:3px; }
@media(max-width:600px) {
  .page-oyun .oyun-kisayollar { gap:7px; }
  .page-oyun .oyun-kisayollar a { flex:1 1 135px; padding:9px 10px; min-height:46px; font-size:13px; }
}
/* Üye kupon arşivi: iki kart, net renkli başlık bantları. */
.page-uye-kuponlar .uk-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; background:#e5e9ef; }
.page-uye-kuponlar .uk-bilet { border:1px solid #aab7c8; border-top:0; box-shadow:0 3px 9px #14273c20; }
.page-uye-kuponlar .uk-bilet > header { background:#294e78; border-bottom:3px solid #183856; color:#fff; }
.page-uye-kuponlar .uk-bilet:nth-child(even) > header { background:#624477; border-bottom-color:#432d53; }
.page-uye-kuponlar .uk-bilet > header b { color:#fff; }
.page-uye-kuponlar .uk-bilet > header small { color:#edf2f8; }
.page-uye-kuponlar .uk-bilet > header .uk-uye-net { color:#ddf3e7; }
.page-uye-kuponlar .uk-bilet > header .uk-uye-net.eksi { color:#ffe0dc; }
.page-uye-kuponlar .uk-bilet > header .uk-durum { border:1px solid #ffffff55; }
.page-uye-kuponlar .uk-bilet-ayaklar { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px 0; }
.page-uye-kuponlar .uk-bilet-ayak:nth-child(3n) { border-right:0; }
.page-uye-kuponlar .uk-bilet-ayak > header { background:#dde5f0; border-color:#c4cfdf; border-radius:4px; }
.page-uye-kuponlar .uk-bilet-ayak > header b { color:#304b6a; }
@media(max-width:1000px) {
  .page-uye-kuponlar .uk-izgara { grid-template-columns:minmax(0,1fr); }
  .page-uye-kuponlar .uk-bilet-ayaklar { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .page-uye-kuponlar .uk-bilet-ayak:nth-child(3n) { border-right:1px dashed #d7dee8; }
  .page-uye-kuponlar .uk-bilet-ayak:last-child { border-right:0; }
}
@media(max-width:600px) {
  .page-uye-kuponlar .uk-bilet-ayaklar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-uye-kuponlar .uk-bilet-ayak:nth-child(2n) { border-right:0; }
}

/* Sanal bayi kullanıcı kuponları da arşivle aynı iki sütun düzeninde. */
.page-oyun .oyun-kupon-liste { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; background:#e5e9ef; }
.page-oyun .uk-bilet { border:1px solid #aab7c8; border-top:0; box-shadow:0 3px 9px #14273c20; }
.page-oyun .uk-bilet > header { background:#294e78; border-bottom:3px solid #183856; color:#fff; }
.page-oyun .uk-bilet:nth-child(even) > header { background:#624477; border-bottom-color:#432d53; }
.page-oyun .uk-bilet > header b { color:#fff; }
.page-oyun .uk-bilet > header small { color:#edf2f8; }
.page-oyun .uk-bilet > header .uk-uye-net { color:#ddf3e7; }
.page-oyun .uk-bilet > header .uk-uye-net.eksi { color:#ffe0dc; }
.page-oyun .uk-bilet > header .uk-durum { border:1px solid #ffffff55; }
.page-oyun .uk-bilet-ayaklar { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px 0; }
.page-oyun .uk-bilet-ayak:nth-child(3n) { border-right:0; }
.page-oyun .uk-bilet-ayak > header { background:#dde5f0; border-color:#c4cfdf; border-radius:4px; }
.page-oyun .uk-bilet-ayak > header b { color:#304b6a; }
@media(max-width:1000px) {
  .page-oyun .oyun-kupon-liste { grid-template-columns:minmax(0,1fr); }
  .page-oyun .uk-bilet-ayaklar { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .page-oyun .uk-bilet-ayak:nth-child(3n) { border-right:1px dashed #d7dee8; }
  .page-oyun .uk-bilet-ayak:last-child { border-right:0; }
}
@media(max-width:600px) {
  .page-oyun .uk-bilet-ayaklar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-oyun .uk-bilet-ayak:nth-child(2n) { border-right:0; }
}
/* Sürpriz kartları: mor kimlik, açık gövde ve sabit hover görünümü. */
.sz-izgara .sz-kart,
.sz-izgara .sz-kart:hover,
.sz-izgara .sz-kart:focus-visible {
  background:#faf8fc; color:#493d57; border:1px solid #d9cee3;
  border-top:3px solid #80579e; box-shadow:none;
  transform:none; text-decoration:none;
}
.sz-izgara .sz-kart .sz-ust { background:#eee6f4; border-radius:9px; padding:10px; margin:-4px -4px 2px; }
.sz-izgara .sz-kart .sz-ad b { color:#57336f; }
.sz-izgara .sz-kart .sz-ad small { color:#756580; opacity:1; }
.sz-izgara .sz-kart .sz-kat { background:#795295; color:#fff; box-shadow:none; }
.sz-izgara .sz-kart .sz-oran span { color:#74677f; opacity:1; }
.sz-izgara .sz-kart .sz-b b { color:#754793; }
.sz-izgara .sz-kart .sz-b i { background:#9872b2; }
.sz-izgara .sz-kart .sz-a b { color:#657086; }
.sz-izgara .sz-kart .sz-a i { background:#b7bdce; }
.sz-izgara .sz-kart .sz-gny b { color:#875f28; }
.sz-izgara .sz-kart .sz-alt { color:#776b80; opacity:1; }
.sz-izgara .sz-kart:focus-visible { outline:3px solid #9467ae; outline-offset:3px; }

/* Ana sayfa: altı ayak yan yana, her at yalnız numarasıyla ayrı satırda. */
.page-index .ana-kupon-liste { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:12px; padding:0; background:transparent; }
.page-index .uk-bilet { --kupon-renk:#28566c; border:1px solid #d2dee7; border-top:0; border-radius:9px; box-shadow:0 2px 8px #1836480c; }
.page-index .uk-bilet:nth-child(even) { --kupon-renk:#65517d; }
.page-index .uk-bilet > header,
.page-index .uk-bilet:nth-child(even) > header { background:var(--kupon-renk); border-bottom:2px solid #c7ad78; padding:8px; gap:6px; color:#fff; }
.page-index .uk-bilet > header > div { flex:1; min-width:0; }
.page-index .uk-bilet > header b { color:#fff; font-size:12px; overflow-wrap:anywhere; }
.page-index .uk-bilet > header small { margin-top:2px; font-size:9px; color:#e1eaf0; }
.page-index .uk-bilet .uk-avatar { width:26px; height:26px; font-size:11px; }
.page-index .uk-bilet > header .uk-uye-net { display:none; }
.page-index .uk-bilet > header .uk-durum { padding:3px 5px; border:1px solid #ffffff55; border-radius:5px; font-size:9px; white-space:normal; }
.page-index .uk-bilet-ayaklar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; padding:6px 3px; background:#fff; }
.page-index .uk-bilet-ayak,
.page-index .uk-bilet-ayak:nth-child(3n) { padding:0 3px; min-width:0; border:0; border-right:1px solid #e4eaf0; border-radius:0; }
.page-index .uk-bilet-ayak:last-child { border-right:0; }
.page-index .uk-bilet-ayak > header { display:block; padding:4px 0; margin-bottom:3px; border:0; border-radius:4px; background:#eaf0f5; text-align:center; }
.page-index .uk-bilet-ayak > header b { display:block; font-size:8px; color:var(--kupon-renk); white-space:nowrap; }
.page-index .uk-bilet-ayak > header a { display:none; }
.page-index .uk-bilet-ayak ul { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; gap:2px; margin:0 0 4px; padding:0; }
.page-index .uk-bilet-ayak li { display:flex; flex:0 0 auto; justify-content:center; align-items:center; gap:0; padding:0; width:100%; font-size:10px; line-height:1; border:0; }
.page-index .uk-bilet-ayak li > span:nth-child(2) { display:none; }
.page-index .uk-at-no { width:22px; height:21px; border:1px solid #d7e1eb; border-radius:4px; background:#f3f6fa; color:#304c68; font-size:10px; font-weight:800; }
.page-index .uk-bilet-ayak li.uk-at-kazanan { background:transparent; }
.page-index .uk-at-kazanan .uk-at-no { color:#fff; background:#27825b; border-color:#27825b; }
.page-index .uk-at-onay { display:none; }
.page-index .uk-ayak-sonuc { padding:4px 0; font-size:8px; text-align:center; line-height:1.4; color:#6b7b8b; background:#f4f7fa; border-radius:3px; }
.page-index .tuttu .uk-ayak-sonuc { background:#e5f4ec; color:#216747; }
.page-index .yatti .uk-ayak-sonuc { background:#fcebea; color:#a6443c; }
.page-index .uk-bilet > footer { padding:7px 8px; border-top:1px dashed #ccd8e3; background:#f0f4f8; color:#40596e; font-size:10px; gap:4px; }
@media(max-width:1100px) {
  .page-index .ana-kupon-liste { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .page-index .ana-kupon-liste { grid-template-columns:minmax(0,1fr); gap:10px; }
}

/* Program: günün koşuları bitince sonraki gün bildirimi */
.gun-gecis{margin:8px 0 12px;padding:10px 14px;border-radius:12px;background:#FFF6DA;border:1px solid #EED8A0;color:#3A2A00;font-size:.9rem}
.gun-gecis a{font-weight:800;margin-left:6px;white-space:nowrap}

/* 🎯 Tek koşu kuponu paneli (program) */
.tek-panel{margin:10px 14px 4px;border:1px solid #E7D7A6;border-radius:14px;background:linear-gradient(180deg,#FFFBEE,#FFF4D6);overflow:hidden}
.tek-panel>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none}
.tek-panel>summary::-webkit-details-marker{display:none}
.tek-panel>summary::after{content:"▾";margin-left:auto;color:#8A6A12;font-size:.9rem;transition:transform .2s}
.tek-panel[open]>summary::after{transform:rotate(180deg)}
.tek-panel .tk-ikon{font-size:1.35rem}
.tek-panel summary b{display:block;font-size:.95rem;color:#2A1E06}
.tek-panel summary small{display:block;font-size:.75rem;color:#7A6A40}
.tek-panel summary em{font-style:normal;font-weight:800;font-size:.78rem;color:#0E7A47;white-space:nowrap}
.tk-govde{padding:4px 14px 14px;border-top:1px dashed #E2C878}
.tk-bahisler{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tk-bahisler button,.tk-kutular button{border:1px solid #D9C27A;background:#fff;color:#3A2A00;border-radius:999px;padding:6px 13px;font:700 .84rem inherit;cursor:pointer}
.tk-bahisler button.aktif{background:#13284A;border-color:#13284A;color:#F2C14F}
.tk-aciklama{margin:8px 0 4px;font-size:.82rem;color:#6B5A2A}
.tk-kutular{display:flex;gap:6px;margin:6px 0}
.tk-kutular button.aktif{background:#F2C14F;border-color:#C38F22}
.tk-kutular small{font-weight:800;margin-left:4px;opacity:.75}
.tk-atlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;margin-top:8px}
.tk-at{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #E6DDC2;background:#fff;border-radius:10px;cursor:pointer;text-align:left;font:inherit;position:relative;min-width:0}
.tk-at .no{min-width:28px;height:28px;font-size:.85rem}
.tk-ad{flex:1;min-width:0;font-weight:700;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1D2A22}
.tk-ys{font-weight:800;font-size:.66rem;padding:2px 6px;border-radius:6px;background:#EEF1EF;color:#4A5A50}
.tk-ys1{background:#F2C14F;color:#3A2A00}.tk-ys2{background:#BFD7F5;color:#13284A}.tk-ys3{background:#F5C9A8;color:#5A2A06}
.tk-diger{position:absolute;right:6px;bottom:2px;font-style:normal;font-size:.6rem;color:#8A6A12;font-weight:800}
.tk-at.secili{background:#13284A;border-color:#13284A}
.tk-at.secili .tk-ad{color:#fff}
.tk-at.secili .tk-diger{color:#F2C14F}
.tk-ozet{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;padding:9px 12px;background:#fff;border-radius:10px;border:1px solid #EADFB9;font-size:.86rem}
.tk-ozet b{white-space:nowrap;color:#0E7A47}
.tk-eylem{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tk-kayit{display:flex;gap:6px;margin-top:10px}
.tk-kayit input{flex:1;min-width:0;padding:8px 11px;font-size:.86rem}
.tk-kayit-davet{margin:10px 0 0;font-size:.84rem}
.tk-mesaj{margin:8px 0 0;font-size:.85rem;font-weight:700}
.tk-mesaj.tamam{color:#0E7A47}.tk-mesaj.hata{color:#B3261E}
.tk-not{margin:8px 0 0;font-size:.72rem;color:#8A7A50}
@media (max-width:600px){.tek-panel{margin:8px 8px 4px}.tk-atlar{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-kayit{flex-wrap:wrap}.tk-kayit .btn{width:100%;justify-content:center}}
.taslak-tek-satir{margin:6px 0;font-size:.86rem;font-weight:700}
.taslak-tek-satir .no{min-width:24px;height:24px;font-size:.78rem;margin-right:2px}
@media (max-width:600px){.tk-ys{display:none}.tk-at{padding:6px}.tk-ad{font-size:.8rem}.tk-diger{right:4px}}

/* Google ile giriş + mobil "Giriş / Üye ol" penceresi */
.google-dugme{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;margin:6px 0 4px;border:1px solid #D5DBD8;border-radius:12px;background:#fff;color:#1F2A24;font-weight:800;font-size:.95rem;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.google-dugme:hover{background:#F6F8F7;color:#1F2A24}
.google-dugme svg{width:22px;height:22px;flex:none}
.google-not{margin:4px 0 0;text-align:center}
.ya-da{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:#8A968F;font-size:.8rem}
.ya-da::before,.ya-da::after{content:"";flex:1;height:1px;background:#E3E8E5}
.ust-oturum{display:none}
@media (max-width:1000px){
  .ust .ust-giris,.ust .btn.ust-kayit{display:none!important}
  .ust .ust-oturum{display:inline-flex!important;font-size:12px;padding:8px 12px;border-radius:8px;white-space:nowrap}
}
@media (max-width:380px){.ust .ust-oturum span{display:none}}
.oturum-sayfa{border:0;padding:0;margin:auto auto 0;width:100%;max-width:520px;border-radius:22px 22px 0 0;background:#fff;color:#1F2A24;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.oturum-sayfa[open]{animation:osAc .25s ease-out}
.oturum-sayfa::backdrop{background:rgba(10,20,40,.55)}
@keyframes osAc{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (min-width:700px){.oturum-sayfa{margin:auto;border-radius:22px}}
.os-ic{padding:26px 22px calc(22px + env(safe-area-inset-bottom));text-align:center}
.os-ikon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#FFF4D6;font-size:1.7rem}
.os-ic h2{margin:10px 0 6px;font-size:1.25rem}
.os-ic p{margin:0 0 14px;color:#5A6862;font-size:.92rem}
.os-btn{display:flex;justify-content:center;width:100%;margin-top:8px}
.os-ic small{display:block;margin-top:14px;color:#8A968F;font-size:.72rem}
.os-kapat-form{position:absolute;right:10px;top:8px;margin:0}
.os-kapat{border:0;background:#F1F4F2;width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer;color:#45524B}

/* Mobil: kupon paneli yalnız alt menüdeki "Kuponum" ile açılır; kapalıyken programın üstünde şerit durmaz */
.alt-menu .am-kuponum{position:relative}
.am-sayi{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E0A21B;color:#2A1E06;font:800 .68rem/18px var(--govde,sans-serif);text-align:center;box-shadow:0 0 0 2px #fff}
.am-kuponum.titre{animation:kuponTitre .5s}
@media (max-width:760px){
  .kupon-yuzen:not(.acik){display:none!important}
  body.kupon-yuzen-var{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
.ust .ust-oturum{gap:0!important}

/* Yasal sayfalar */
.yasal-metin { max-width: 820px; line-height: 1.75; }
.yasal-metin h2 { font-size: 17px; margin: 22px 0 6px; }
.yasal-metin ul { padding-left: 20px; margin: 6px 0; }
.yasal-metin li { margin: 4px 0; }
.site-footer .footer-yasal a { color: #b9cbd9; }

/* Koşu analizi: rakip karşılaştırma, dereceler, pist/mesafe, yarış stilleri */
.ka-filtreler { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 4px 0 12px; }
.ka-filtreler .agf-filtre { margin: 0; }
.ka-mesafe { flex-wrap: wrap; }
.ka-matris th, .ka-matris td { text-align: center; white-space: nowrap; }
.ka-matris td:first-child, .ka-matris th:first-child { text-align: left; }
.ka-matris .ka-dik span { display: inline-grid; place-items: center; min-width: 26px; height: 22px; border-radius: 6px; background: var(--yuzey-2, #eef2f0); font-weight: 700; font-size: 12px; }
.ka-matris td.ka-kose { background: repeating-linear-gradient(45deg, #0000 0 4px, #8881 4px 8px); }
.ka-matris td.ka-bos { color: #9aa7b2; }
.ka-matris td.ka-ust { color: #157a3a; font-weight: 700; background: #1c8a3e14; }
.ka-matris td.ka-alt { color: #b23a3a; font-weight: 700; background: #c23a4f12; }
.ka-matris td.ka-esit { font-weight: 700; }
.ka-alt-baslik { font-size: 15px; margin: 18px 0 8px; }
.ka-yarislar { display: grid; gap: 8px; }
.ka-yaris { border: 1px solid var(--cizgi, #e3e8e5); border-radius: 10px; padding: 9px 12px; }
.ka-yaris-bas { font-size: 13px; margin-bottom: 6px; }
.ka-yaris-at { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; }
.ka-yaris-at span { display: inline-flex; align-items: center; gap: 5px; }
.ka-sira { min-width: 20px; }
.pm-sira { display: inline-grid; place-items: center; min-width: 24px; height: 22px; border-radius: 6px; font-weight: 700; font-size: 12px; background: #8881; }
.pm-s1 { background: #f3c84a33; color: #8a6400; } .pm-s2 { background: #9aa7b233; } .pm-s3 { background: #d0874433; color: #8a4a12; }
.pm-oran { display: inline-block; min-width: 46px; padding: 2px 7px; border-radius: 6px; font-weight: 700; font-size: 12px; text-align: center; }
.pm-mukemmel { background: #1c8a3e22; color: #157a3a; } .pm-iyi { background: #2f64d622; color: #2f64d6; }
.pm-orta { background: #d9881c22; color: #a8620c; } .pm-dusuk { background: #c23a4f18; color: #b23a3a; }
.stil-th { min-width: 90px; text-align: center; }
.stil-bar { height: 12px; border-radius: 99px; background: #8882; overflow: hidden; min-width: 70px; }
.stil-bar i { display: block; height: 100%; border-radius: 99px; }
.stil-bar .stil-kacak { background: #c23a4f; } .stil-bar .stil-on { background: #1c8a3e; } .stil-bar .stil-bekleme { background: #2f64d6; } .stil-bar .stil-sprinter { background: #d9881c; }
.eksik-ayar { border: 1px dashed var(--cizgi, #d7dfda); border-radius: 10px; padding: 10px 12px; margin: 10px 0; display: grid; gap: 8px; }

/* ---- Jokey fotoğrafı (Yönetim → Jokeyler) ---- */
.jokey-foto { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; vertical-align: middle; margin-right: 5px; flex: 0 0 auto; background: #eef1f4; }
.jokey-foto-m { width: 17px; height: 17px; margin-right: 3px; vertical-align: -3px; }
.kisi-foto-sar { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; padding: 12px 14px; background: #fff; border: 1px solid #e5e8eb; border-radius: 14px; }
.kisi-foto { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; box-shadow: 0 2px 10px rgba(0,0,0,.12); }
.kisi-foto-sar b { display: block; font-size: 18px; } .kisi-foto-sar small { color: #6b7783; }

/* ---- Yönetimden değiştirilen ikonlar (Yönetim → İkonlar) ---- */
img.ui-ikon.ikon-ozel-img { object-fit: contain; }
span.ui-ikon.ikon-ozel-metin { display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-size: .95em; overflow: visible; }
img.emoji-ozel { width: 1.15em; height: 1.15em; object-fit: contain; vertical-align: -.2em; display: inline-block; }
.alt-menu .alt-menu-ozel { width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; margin: 0 auto; object-fit: contain; }
/* uzun (yönetimden girilen) jokey adı telefonda satırı taşırmasın */
.page-program .mb-r1 .mb-jokey { flex: 0 1 auto; min-width: 0; max-width: 52%; overflow: hidden; text-overflow: ellipsis; }

/* Slider: tutan BANKOCU kuponu */
.page-index .vs-tuttu { background:radial-gradient(ellipse at 85% 25%,#e7c46a55,transparent 65%),linear-gradient(115deg,#123227,#2f6a45); }
.page-index .vs-tuttu .vs-etiket { color:#ffe39a; border-color:#ffe39a55; }
.page-index .vs-tuttu-bilet { transform:rotate(-2deg); }
.page-index .vs-tuttu-no { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#2f8a52 !important; color:#fff !important; font-weight:800; line-height:1; }
.page-index .vs-tuttu-no small { font-size:8px; font-weight:700; opacity:.8; margin-bottom:2px; }
.page-index .vs-tuttu .vs-ikramiye b { color:#1f6b3d; }

/* Ana sayfa liderlik: Bu ay / Tüm zamanlar */
.page-index .lider-sekme { display:flex; gap:6px; margin:4px 0 6px; }
.page-index .lider-sekme button { border:1px solid #e1d8c3; background:#fbf8f1; color:#5b4c2e; border-radius:999px; padding:6px 14px; font:700 12px/1 var(--govde, inherit); cursor:pointer; }
.page-index .lider-sekme button.secik { background:#a98a47; border-color:#a98a47; color:#fff; }
.page-index [data-lider-liste][hidden] { display:none; }

/* ===== Program: koşu başlığı (hero) — 3 Kasım ===== */
.page-program .kosu-kafa .kosu-ust { position:relative; overflow:hidden; isolation:isolate; margin:-6px -8px 12px; padding:20px 22px; border-radius:14px; color:#fff;
  background:radial-gradient(ellipse at 88% 10%,#e2c4782e,transparent 55%),radial-gradient(ellipse at 0% 100%,#2f7a5a40,transparent 60%),linear-gradient(118deg,#0f2536 0%,#163a4a 55%,#1f5446 100%);
  box-shadow:0 10px 26px #0f253626; }
.page-program .kosu-kafa.zemin-cim .kosu-ust { background:radial-gradient(ellipse at 88% 10%,#e2c4782e,transparent 55%),radial-gradient(ellipse at 0% 100%,#4caf6a40,transparent 60%),linear-gradient(118deg,#10291f 0%,#1a4a33 55%,#2a6a40 100%); }
.page-program .kosu-kafa.zemin-kum .kosu-ust { background:radial-gradient(ellipse at 88% 10%,#e9c27a33,transparent 55%),radial-gradient(ellipse at 0% 100%,#a8743a3a,transparent 60%),linear-gradient(118deg,#1d1a26 0%,#3a2c26 55%,#5e4128 100%); }
.page-program .kosu-kafa.zemin-sentetik .kosu-ust { background:radial-gradient(ellipse at 88% 10%,#9ec7e533,transparent 55%),radial-gradient(ellipse at 0% 100%,#4f6fb03a,transparent 60%),linear-gradient(118deg,#121c33 0%,#203457 55%,#2d4b7a 100%); }
.page-program .kosu-kafa .kosu-ust::before { content:''; position:absolute; inset:auto -40px -60px auto; width:420px; height:200px; z-index:-1; opacity:.16; pointer-events:none;
  background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 22px,#fff 22px 23px); }
.page-program .kosu-kafa .kosu-saat { background:#ffffff12; border:1px solid #ffffff26; color:#fff; backdrop-filter:blur(4px); }
.page-program .kosu-kafa .kosu-saat > .ui-ikon { color:#e6cf8f; }
.page-program .kosu-kafa .kosu-saat small { color:#e6cf8f; }
.page-program .kosu-kafa .kosu-saat b { color:#fff; }
.page-program .kosu-kafa .program-kalan { color:#bfe3c9; }
.page-program .kosu-kafa .program-baslik-metin .ust-etiket { color:#e6cf8f; letter-spacing:.16em; }
.page-program .kosu-kafa .kosu-bilgi h1 { color:#fff; text-shadow:0 2px 12px #0005; }
.page-program .kosu-kafa .kosu-bilgi h1 .ince { color:#ffffffb3; }
.page-program .kosu-kafa .kosu-bilgi .hp-link { color:#fff; border-bottom:2px dotted #ffffff66; }
.page-program .kosu-kafa .kosu-bilgi .hp-link:hover { border-bottom-style:solid; color:#fff; }
.page-program .kosu-kafa .etiket-satir .bilgi-cip { background:#ffffff14; border:1px solid #ffffff2b; color:#eef3f6; }
.page-program .kosu-kafa .etiket-satir .pist-isaret { background:#e6cf8f; color:#2a2312; border:0; }
.page-program .kosu-kafa .pk-meta { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px; font-size:12px; color:#d5e2ea; }
.page-program .kosu-kafa .pk-meta span { display:inline-flex; align-items:center; gap:6px; }
.page-program .kosu-kafa .pk-meta i { font-style:normal; }
.page-program .kosu-kafa .kosu-eylem .btn { background:#e6cf8f; color:#1b2a36; }
.page-program .kosu-kafa .kosu-eylem .btn:hover { background:#f0dda6; }
.page-program .kosu-kafa .kosu-eylem .paylas-btn, .page-program .kosu-kafa .kosu-eylem .pd-ac { background:#ffffff14; border:1px solid #ffffff33; color:#fff; }
.page-program .kosu-kafa .kosu-eylem .kucuk { color:#d5e2ea; }
.page-program .kosu-kafa .kosu-eylem .durum-cip { background:#ffffff1f; color:#fff; border:1px solid #ffffff33; }
@media (max-width:700px) {
  .page-program .kosu-kafa .kosu-ust { margin:-4px -4px 10px; padding:16px 14px; border-radius:12px; }
  .page-program .kosu-kafa .kosu-eylem { border-top-color:#ffffff22; }
  .page-program .kosu-kafa .pk-meta { font-size:11px; gap:4px 12px; }
  .page-program .kosu-kafa .kosu-ust::before { width:260px; height:140px; }
}

/* ===== Kuponlar: belirgin kupon kartları + paylaş + kazanan kuponlar — 3 Kasım ===== */
.page-kuponlar .kupon { --kp:#1f8a5b; --kp2:#0f4f33; --kpa:#e7f6ee; border:2px solid var(--kp); border-radius:16px; box-shadow:0 12px 30px color-mix(in srgb,var(--kp) 22%,transparent); }
.page-kuponlar .kupon-orta { --kp:#1d64c8; --kp2:#0e3570; --kpa:#e8f0fc; }
.page-kuponlar .kupon-buyuk { --kp:#7b3fd0; --kp2:#3f1a7a; --kpa:#f1eafc; }
.page-kuponlar .kupon-mega { --kp:#c8381f; --kp2:#6b1409; --kpa:#fdeee9; }
.page-kuponlar .kupon-yazar { --kp:#c26a0c; --kp2:#6a3a05; --kpa:#fdf2e5; }
.page-kuponlar .kupon-ozel { --kp:#16707a; --kp2:#0b3d43; --kpa:#e6f5f6; }
.page-kuponlar .kupon-ust { background:linear-gradient(120deg,var(--kp2),var(--kp)); color:#fff; border-bottom:0; padding:20px 22px; align-items:center; }
.page-kuponlar .kupon-ust::before { display:none; }
.page-kuponlar .kupon-ust h3 { color:#fff; font:900 24px/1.25 var(--govde); letter-spacing:-.01em; }
.page-kuponlar .kupon-ust .kucuk, .page-kuponlar .kupon-ust a { color:#fff; }
.page-kuponlar .kupon-butce { background:#fff; color:var(--kp2); font:900 13px var(--govde); padding:4px 10px; border-radius:999px; box-shadow:0 2px 8px #0002; }
.page-kuponlar .kupon-rakam { gap:10px; }
.page-kuponlar .kupon-rakam div { background:#ffffff1c; border:1px solid #ffffff33; border-radius:10px; padding:8px 12px; text-align:left; min-width:96px; }
.page-kuponlar .kupon-rakam b { color:#fff; font:900 22px/1.2 var(--govde); }
.page-kuponlar .kupon-rakam span { color:#ffffffcc; font-size:11px; font-weight:700; }
.page-kuponlar .kupon-yer { display:inline-block; margin-bottom:4px; font:800 11px/1.4 var(--govde); letter-spacing:.06em; text-transform:uppercase; }
.page-kuponlar .kupon-yer a { color:#ffe7a8; text-decoration:none; }
/* paylaş: öne çıkan düğme */
.page-kuponlar .kupon-paylas { flex-basis:100%; display:flex; justify-content:flex-end; margin-top:-2px; }
.page-kuponlar .kp-paylas { display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border:0; border-radius:999px; cursor:pointer;
  background:linear-gradient(135deg,#ffd65a,#ffb020); color:#3a2400; font:900 14px/1 var(--govde); box-shadow:0 6px 18px #0004, inset 0 -2px 0 #0002; transition:transform .15s, box-shadow .15s; }
.page-kuponlar .kp-paylas:hover { transform:translateY(-2px); box-shadow:0 10px 22px #0005; }
.page-kuponlar .kp-paylas span { font-size:16px; }
/* bilet */
.page-kuponlar .kolon-satir { background:var(--kpa); border-bottom:1px solid color-mix(in srgb,var(--kp) 25%,#fff); }
.page-kuponlar .kolon-hesap b { color:var(--kp2); }
.page-kuponlar .kp-nv { background:#fff; border:1.5px solid var(--kp); color:var(--kp2); font-weight:800; border-radius:999px; }
.page-kuponlar .bilet { background:#fff; }
.page-kuponlar .bilet-ayak { border-right:1px solid color-mix(in srgb,var(--kp) 18%,#fff); }
.page-kuponlar .bilet-bas { background:color-mix(in srgb,var(--kp) 14%,#fff); color:var(--kp2); border-bottom:2px solid var(--kp); }
.page-kuponlar .bilet-bas b { font:900 14px/1.4 var(--govde); }
.page-kuponlar .bilet-bas small { color:color-mix(in srgb,var(--kp2) 70%,#fff); font-weight:700; }
.page-kuponlar .bilet .no { background:var(--kp2); border:0; color:#fff; font:900 14px/1 var(--govde); border-radius:7px; min-width:30px; height:30px; }
.page-kuponlar .bilet-ad { color:#1d2c38; font-weight:700; font-size:12px; }
.page-kuponlar .bilet-at.kazandi { background:#e3f7e9; border-radius:8px; box-shadow:inset 0 0 0 2px #23a35a; padding:2px 4px; }
.page-kuponlar .bilet-at.kazandi .no { background:#1f9d55; outline:0; }
.page-kuponlar .bilet-ayak.tuttu .bilet-bas { background:#1f9d55; color:#fff; border-bottom-color:#157a41; }
.page-kuponlar .bilet-ayak.tuttu .bilet-bas small { color:#e3f7e9; }
.page-kuponlar .bilet-ayak.tutmadi .bilet-bas { background:#d64532; color:#fff; border-bottom-color:#a82f20; }
.page-kuponlar .bilet-ayak.tutmadi .bilet-bas small { color:#ffe1dc; }
.page-kuponlar .bilet-alt { color:var(--kp2); font-weight:700; background:var(--kpa); }
.page-kuponlar .kupon-detay summary { color:var(--kp2); }
/* tutan kupon */
.page-kuponlar .kupon-tuttu { border-color:#e0a91b; box-shadow:0 0 0 4px #ffd65a55, 0 16px 36px #e0a91b40; }
.page-kuponlar .kupon-serit { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 22px; color:#3a2400;
  background:linear-gradient(110deg,#ffe58a,#ffc53d 45%,#ffdf7a); border-bottom:2px solid #e0a91b; }
.page-kuponlar .ks-ikon { font-size:34px; line-height:1; filter:drop-shadow(0 3px 6px #0003); }
.page-kuponlar .kupon-serit b { display:block; font:900 22px/1.1 var(--govde); letter-spacing:.02em; }
.page-kuponlar .kupon-serit small { font-size:12px; font-weight:700; opacity:.85; }
.page-kuponlar .ks-ikr { margin-left:auto; text-align:right; background:#fff; border-radius:12px; padding:8px 14px; box-shadow:0 4px 12px #0002; }
.page-kuponlar .ks-ikr b { color:#14803f; font-size:24px; }
.page-kuponlar .ks-ikr small { display:block; }
/* sekmeler */
.page-kuponlar .kp-sekme { position:relative; border-width:2px; }
.page-kuponlar .kp-sekme.sv-kucuk { border-color:#1f8a5b55; } .page-kuponlar .kp-sekme.sv-orta { border-color:#1d64c855; }
.page-kuponlar .kp-sekme.sv-buyuk { border-color:#7b3fd055; } .page-kuponlar .kp-sekme.sv-mega { border-color:#c8381f55; }
.page-kuponlar .kp-sekme.sv-kucuk.aktif { background:#1f8a5b; border-color:#1f8a5b; } .page-kuponlar .kp-sekme.sv-orta.aktif { background:#1d64c8; border-color:#1d64c8; }
.page-kuponlar .kp-sekme.sv-buyuk.aktif { background:#7b3fd0; border-color:#7b3fd0; } .page-kuponlar .kp-sekme.sv-mega.aktif { background:#c8381f; border-color:#c8381f; }
.page-kuponlar .kp-sekme.aktif small { color:#fff; opacity:.9; }
.page-kuponlar .kp-tuttu-rozet { position:absolute; top:-10px; right:-6px; font:900 10px/1 var(--govde); font-style:normal; padding:5px 8px; border-radius:999px; background:linear-gradient(135deg,#ffd65a,#ffb020); color:#3a2400; box-shadow:0 3px 8px #0003; }
/* kazanan kuponlar düğmesi + sayfası */
.page-kuponlar .sk-btn.sk-tutan { background:linear-gradient(135deg,#ffd65a,#ffb020); color:#3a2400; border:0; font-weight:900; box-shadow:0 4px 12px #0003; }
.page-kuponlar .sk-btn.sk-tutan.aktif { outline:2px solid #fff; outline-offset:2px; }
.page-kuponlar .tutan-ozet { display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px; margin:16px 0 20px; padding:20px 22px; border-radius:16px; color:#3a2400;
  background:linear-gradient(110deg,#ffe58a,#ffc53d 50%,#ffdf7a); box-shadow:0 10px 26px #e0a91b40; }
.page-kuponlar .tutan-ozet h2 { margin:2px 0 4px; font:900 24px/1.2 var(--govde); }
.page-kuponlar .tutan-ozet p { margin:0; font-size:13px; }
.page-kuponlar .tutan-ozet .ust-etiket { color:#7a5200; }
.page-kuponlar .to-rakam { display:flex; gap:10px; margin-left:auto; }
.page-kuponlar .to-rakam div { background:#fff; border-radius:12px; padding:8px 14px; text-align:right; }
.page-kuponlar .to-rakam b { display:block; font:900 22px/1.2 var(--govde); color:#14803f; }
.page-kuponlar .to-rakam span { font-size:11px; font-weight:700; color:#6b5a2a; }
.page-kuponlar .tutan-ozet .btn { background:#3a2400; border-color:#3a2400; }
@media (max-width:700px) {
  .page-kuponlar .kupon-ust { padding:14px; }
  .page-kuponlar .kupon-ust h3 { font-size:19px; }
  .page-kuponlar .kupon-rakam div { min-width:0; flex:1; padding:6px 8px; }
  .page-kuponlar .kupon-rakam b { font-size:16px; }
  .page-kuponlar .kupon-paylas { justify-content:stretch; }
  .page-kuponlar .kp-paylas { width:100%; justify-content:center; }
  .page-kuponlar .kupon-serit { padding:12px 14px; }
  .page-kuponlar .kupon-serit b { font-size:18px; }
  .page-kuponlar .ks-ikr { margin-left:0; width:100%; text-align:left; }
  .page-kuponlar .to-rakam { margin-left:0; width:100%; }
  .page-kuponlar .to-rakam div { flex:1; }
  .page-kuponlar .bilet .no { min-width:28px; height:28px; font-size:13px; }
}

/* ===== Telefon bildirimleri: tercihler + ana ekran hatırlatması — 3 Kasım ===== */
.push-kart .push-dugmeler { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0; }
.push-tercih { border:1px solid #dfe6ec; border-radius:12px; padding:10px 12px; margin:12px 0; display:grid; gap:6px; }
.push-tercih[hidden] { display:none; }
.push-tercih legend { font-weight:800; padding:0 6px; font-size:13px; }
.push-tercih .pt-satir { display:flex; align-items:flex-start; gap:10px; padding:8px 6px; border-radius:9px; cursor:pointer; }
.push-tercih .pt-satir:hover { background:#f4f7f9; }
.push-tercih .pt-satir input { width:20px; height:20px; margin-top:2px; flex:none; accent-color:#1f8a5b; }
.push-tercih .pt-satir b { display:block; font-size:14px; }
.push-tercih .pt-satir small { display:block; color:#6c7d8b; font-size:12px; line-height:1.4; }
.push-tercih .pt-kilit { opacity:.55; cursor:not-allowed; }
.bildirim-ayar .push-kart { max-width:640px; }
.bildirim-hatirlat { position:fixed; left:12px; right:12px; bottom:calc(76px + env(safe-area-inset-bottom)); z-index:60; display:flex; align-items:center; gap:10px;
  padding:12px 12px 12px 14px; border-radius:14px; background:#142c41; color:#fff; box-shadow:0 12px 30px #0006; max-width:520px; margin:0 auto; }
.bildirim-hatirlat > span { font-size:24px; }
.bildirim-hatirlat div { flex:1; min-width:0; }
.bildirim-hatirlat b { display:block; font-size:14px; }
.bildirim-hatirlat small { display:block; font-size:12px; color:#c8d6e1; line-height:1.35; }
.bildirim-hatirlat .btn { background:#ffc53d; color:#3a2400; border:0; font-weight:900; }
.bildirim-hatirlat button { background:none; border:0; color:#c8d6e1; font-size:16px; padding:4px; cursor:pointer; }
.push-kart [hidden] { display:none !important; }
.push-tercih label.pt-satir { margin:0; font-weight:400; }
.push-tercih .pt-satir span { display:block; }

.push-tercih .pt-kaydet { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:6px; padding-top:10px; border-top:1px solid #e6ecf1; }
.push-tercih .pt-kaydet .btn { background:#1f8a5b; border-color:#1f8a5b; color:#fff; font-weight:800; }

/* ===== 📲 Telefona ekle sayfası — 3 Kasım ===== */
.ug-hero { display:flex; gap:22px; align-items:center; flex-wrap:wrap; margin:14px 0 16px; padding:26px; border-radius:20px; color:#fff;
  background:radial-gradient(ellipse at 90% 0%,#e2c47833,transparent 55%),linear-gradient(120deg,#0f2536,#163a4a 55%,#1f5446); box-shadow:0 14px 34px #0f253633; }
.ug-ikon { width:96px; height:96px; border-radius:24px; box-shadow:0 10px 24px #0006; background:#fff; }
.ug-hero-metin { flex:1 1 300px; }
.ug-hero .ust-etiket { color:#e6cf8f; letter-spacing:.14em; }
.ug-hero h1 { margin:4px 0 8px; font:900 clamp(24px,4vw,34px)/1.15 var(--govde, inherit); color:#fff; }
.ug-hero p { margin:0; color:#d5e2ea; font-size:14px; line-height:1.6; }
.ug-tek { margin-top:14px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ug-tek[hidden], .ug-durum[hidden], .ug-not[hidden], .ug-panel[hidden] { display:none; }
.ug-btn { border:0; cursor:pointer; padding:14px 22px; border-radius:999px; font:900 16px/1 var(--govde, inherit); color:#3a2400; background:linear-gradient(135deg,#ffd65a,#ffb020); box-shadow:0 8px 20px #0005; }
.ug-tek small { color:#d5e2ea; }
.ug-durum { margin-top:14px; padding:12px 14px; border-radius:12px; background:#ffffff1a; border:1px solid #ffffff33; font-size:14px; }
.ug-durum a { color:#ffe39a; font-weight:800; }
.ug-artilar { list-style:none; padding:0; margin:0 0 18px; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; }
.ug-artilar li { background:#fff; border:1px solid #e1e8ee; border-radius:14px; padding:12px 14px; }
.ug-artilar span { font-size:22px; }
.ug-artilar b { display:block; margin-top:4px; }
.ug-artilar small { color:#6c7d8b; }
.ug-sekmeler { display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; margin-bottom:14px; }
.ug-sekmeler button { flex:none; border:2px solid #dbe4eb; background:#fff; color:#28475c; border-radius:999px; padding:10px 16px; font-weight:800; cursor:pointer; }
.ug-sekmeler button.aktif { background:#1a354b; border-color:#1a354b; color:#fff; }
.ug-not { padding:12px 14px; border-radius:12px; background:#fff6dd; border:1px solid #f0d58a; font-size:14px; margin:0 0 14px; }
.ug-not-yesil { background:#e6f6ec; border-color:#a9dcbb; }
.ug-kopya { border:1px solid #d6b14a; background:#fff; border-radius:999px; padding:5px 10px; font-weight:800; cursor:pointer; }
.ug-adimlar { list-style:none; padding:0; margin:0 0 20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.ug-adimlar > li { background:#fff; border:1px solid #e1e8ee; border-radius:18px; padding:16px; display:flex; flex-direction:column; gap:14px; }
.ug-adim-metin { position:relative; padding-left:44px; }
.ug-no { position:absolute; left:0; top:0; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#1f8a5b; color:#fff; font:900 16px/1 var(--govde, inherit); }
.ug-adim-metin h3 { margin:2px 0 6px; font-size:16px; }
.ug-adim-metin p { margin:0; font-size:13px; color:#4c6477; line-height:1.55; }
.ug-ikon-k svg { width:16px; height:16px; vertical-align:-3px; fill:none; stroke:#1d64c8; stroke-width:2; }
/* telefon çizimi */
.ug-tel { display:flex; justify-content:center; }
.ug-tel-cerceve { position:relative; width:190px; height:330px; border-radius:30px; background:#111; padding:9px; box-shadow:0 12px 26px #0003; }
.ug-tel-centik { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:70px; height:16px; background:#111; border-radius:10px; z-index:3; }
.ug-tel-ekran { position:relative; height:100%; border-radius:22px; overflow:hidden; background:#f3f5f7; display:flex; flex-direction:column; font-size:10px; color:#1c2b36; }
.ug-sayfa { flex:1; padding:34px 12px 8px; display:flex; flex-direction:column; gap:7px; }
.ug-sayfa.soluk { opacity:.35; position:absolute; inset:0; }
.ug-sayfa-ust { display:flex; align-items:center; gap:6px; font-size:11px; }
.ug-sayfa-ust img { width:20px; height:20px; border-radius:5px; }
.ug-sayfa > i { display:block; height:12px; border-radius:6px; background:#dfe6ec; }
.ug-sayfa > i.kisa { width:60%; }
.ug-safari-alt { background:#f8f8f8; border-top:1px solid #ddd; padding:6px 8px 10px; }
.ug-adres { display:block; background:#e9e9ee; border-radius:8px; padding:5px 8px; text-align:center; font-size:9.5px; color:#333; margin-bottom:6px; }
.ug-cubuk { display:flex; justify-content:space-around; align-items:center; color:#1d64c8; font-style:normal; }
.ug-cubuk i, .ug-chrome-ust i, .ug-samsung-alt i, .ug-pc-ust i { font-style:normal; position:relative; display:grid; place-items:center; min-width:22px; min-height:22px; }
.ug-cubuk svg, .ug-chrome-ust svg, .ug-pc-ust svg { width:18px; height:18px; fill:none; stroke:#1d64c8; stroke-width:2; }
.ug-chrome-ust svg { fill:#444; stroke:none; }
.ug-vurgu { border-radius:50%; box-shadow:0 0 0 3px #ffb020; animation:ugNabiz 1.4s ease-in-out infinite; background:#fff3cf; }
.ug-vurgu-satir { position:relative; background:#fff3cf !important; box-shadow:inset 0 0 0 2px #ffb020; border-radius:8px; font-weight:800; }
.ug-vurgu-yazi { position:relative; font-weight:900; color:#1d64c8; background:#fff3cf; box-shadow:0 0 0 2px #ffb020; border-radius:6px; padding:1px 5px; }
.ug-vurgu-app { position:relative; }
.ug-vurgu-app img { box-shadow:0 0 0 3px #ffb020; animation:ugNabiz 1.4s ease-in-out infinite; }
.ug-el { position:absolute; right:-10px; bottom:-18px; font-size:22px; z-index:4; animation:ugEl 1.4s ease-in-out infinite; pointer-events:none; filter:drop-shadow(0 2px 3px #0005); }
@keyframes ugNabiz { 0%,100% { box-shadow:0 0 0 3px #ffb020; } 50% { box-shadow:0 0 0 7px #ffb02055; } }
@keyframes ugEl { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-3px,-4px) scale(.94); } }
.ug-sheet { position:absolute; left:0; right:0; bottom:0; background:#fff; border-radius:16px 16px 0 0; padding:10px; box-shadow:0 -8px 20px #0002; display:flex; flex-direction:column; gap:5px; z-index:2; }
.ug-sheet-bas { display:flex; gap:8px; align-items:center; padding-bottom:6px; border-bottom:1px solid #eee; }
.ug-sheet-bas img, .ug-ios-ekle-kart img, .ug-dialog-kart img { width:28px; height:28px; border-radius:7px; }
.ug-sheet-bas small, .ug-ios-ekle-kart small, .ug-dialog-kart small { display:block; color:#888; font-size:8.5px; }
.ug-sheet-satir { display:flex; justify-content:space-between; align-items:center; padding:7px 8px; background:#f2f2f6; border-radius:8px; }
.ug-sheet-satir svg { width:14px; height:14px; fill:none; stroke:#333; stroke-width:2; }
.ug-ios-ekle { padding:30px 10px 10px; display:flex; flex-direction:column; gap:10px; background:#f2f2f6; height:100%; }
.ug-ios-ekle-ust { display:flex; justify-content:space-between; align-items:center; color:#1d64c8; }
.ug-ios-ekle-ust b { color:#111; }
.ug-ios-ekle-kart { display:flex; gap:8px; align-items:center; background:#fff; border-radius:10px; padding:8px; }
.ug-ios-ekle p { margin:0; color:#777; font-size:8.5px; }
.ug-ana-ekran { flex:1; padding:34px 14px 14px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 10px; align-content:start;
  background:linear-gradient(160deg,#5b7ea6,#9b6fa6 60%,#d18c6b); }
.ug-ana-ekran.android { background:linear-gradient(160deg,#2b5876,#4e4376); }
.ug-ana-ekran > i { display:block; aspect-ratio:1; border-radius:10px; background:#ffffff40; }
.ug-app { display:flex; flex-direction:column; align-items:center; gap:3px; }
.ug-app img { width:100%; max-width:100%; aspect-ratio:1; display:block; border-radius:10px; background:#fff; }
.ug-app small { color:#fff; font-size:8px; }
.ug-chrome-ust { display:flex; align-items:center; gap:6px; padding:28px 8px 6px; background:#fff; border-bottom:1px solid #e6e6e6; }
.ug-chrome-ust .ug-adres { flex:1; margin:0; }
.ug-menu { position:absolute; right:6px; top:56px; width:120px; background:#fff; border-radius:8px; box-shadow:0 8px 20px #0003; padding:4px; display:flex; flex-direction:column; z-index:2; }
.ug-menu > div { padding:6px 8px; border-radius:6px; }
.ug-dialog { position:absolute; left:10px; right:10px; top:50%; transform:translateY(-50%); background:#fff; border-radius:14px; padding:12px; box-shadow:0 10px 26px #0004; display:flex; flex-direction:column; gap:10px; z-index:2; }
.ug-dialog-kart { display:flex; gap:8px; align-items:center; }
.ug-dialog-dugme { display:flex; justify-content:flex-end; gap:14px; color:#1a73e8; font-weight:800; }
.ug-samsung-alt { display:flex; justify-content:space-around; padding:8px 6px 12px; background:#fff; border-top:1px solid #e6e6e6; font-size:14px; }
.ug-izgara { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.ug-izgara span { display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 2px; font-size:16px; }
.ug-izgara small { font-size:7.5px; text-align:center; }
.ug-pc .ug-pc-cizim { border:1px solid #dbe4eb; border-radius:12px; overflow:hidden; background:#f3f5f7; min-height:180px; position:relative; }
.ug-pc-ust { display:flex; align-items:center; gap:8px; background:#fff; padding:8px 10px; border-bottom:1px solid #e6e6e6; }
.ug-pc-ust .ug-adres { flex:1; margin:0; text-align:left; }
.ug-pc .ug-sayfa { padding:14px; }
.ug-qr-not { padding:22px 16px; font-size:14px; line-height:1.7; }
.ug-sss { margin-bottom:20px; }
.ug-sss details { border-top:1px solid #e6ecf1; padding:10px 0; }
.ug-sss summary { cursor:pointer; font-weight:800; }
.ug-sss p { margin:8px 0 0; color:#4c6477; font-size:14px; }
@media (max-width:600px) {
  .ug-hero { padding:20px 16px; gap:14px; }
  .ug-ikon { width:72px; height:72px; border-radius:18px; }
  .ug-btn { width:100%; }
  .ug-adimlar { grid-template-columns:1fr; }
}
/* dekupe (saydam) jokey fotoğrafları için yumuşak zemin */
.jokey-foto { background:linear-gradient(160deg,#e9eef3,#cfd9e2); }

/* Yönetim: yalnız admin sayfasına uygulanan bağımsız görünüm katmanı. */
.page-admin { --adm-ink:#253449; --adm-muted:#69798e; --adm-line:#dfe6ef; --adm-blue:#3869d5; background:#f3f5f9; color:var(--adm-ink); }
.page-admin main.kap { max-width:1600px; padding-top:24px; padding-bottom:40px; }
.page-admin .adm { grid-template-columns:244px minmax(0,1fr); gap:26px; }
.page-admin .adm-menu-sar { border-radius:14px; background:#19283e; scrollbar-width:thin; scrollbar-color:#53637b #19283e; box-shadow:0 8px 24px #14223814; }
.page-admin .adm-menu { padding:14px 10px; border:0; border-radius:14px; background:#19283e; box-shadow:none; gap:8px; }
.page-admin .adm-menu-bas { padding:12px 14px 20px; color:#fff; font-size:13px; letter-spacing:1.4px; border-bottom:1px solid #ffffff17; margin-bottom:4px; }
.page-admin .adm-grup + .adm-grup { border-top:1px solid #ffffff12; padding-top:8px; }
.page-admin .adm-grup > summary { padding:11px 10px; color:#acbdd3; font-size:11px; letter-spacing:.3px; border-radius:7px; }
.page-admin .adm-grup > summary:hover { color:#fff; background:#ffffff09; }
.page-admin .adm-grup > summary::after { color:#8c9db5; }
.page-admin .adm-grup-ic { padding:3px 0 5px; gap:3px; }
.page-admin .adm-menu a,
.page-admin .adm-menu a.adm-dis { padding:10px 12px; color:#c4d0e2; font-size:12px; font-weight:600; border-radius:7px; border-left:3px solid transparent; }
.page-admin .adm-menu a:hover { color:#fff; background:#ffffff0b; }
.page-admin .adm-menu a.aktif { color:#fff; background:#3263c9; border-left-color:#93b9ff; box-shadow:0 3px 10px #080f1f22; }
.page-admin .adm-menu a span { width:22px; font-size:15px; }
.page-admin .adm-icerik { min-width:0; }
.page-admin .adm-baslik { display:flex; align-items:center; min-height:56px; margin:0 0 22px; padding:0 0 16px; border-bottom:1px solid var(--adm-line); color:#213149; font:750 24px/1.4 var(--govde); letter-spacing:-.5px; }
.page-admin .adm-icerik .panel { padding:22px; margin-bottom:20px; border:1px solid var(--adm-line); border-radius:12px; background:#fff; box-shadow:0 2px 5px #17294003; }
.page-admin .adm-icerik h2 { margin-top:0; color:#283b54; font:750 16px/1.5 var(--govde); }
.page-admin .adm-icerik h3 { color:#334b68; font-family:var(--govde); font-size:14px; }
.page-admin .adm-icerik p { line-height:1.8; }
.page-admin .adm-kartlar { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.page-admin .adm-kartlar > div { position:relative; padding:18px; border:1px solid var(--adm-line); border-top:3px solid #5483db; border-radius:10px; background:#fff; box-shadow:0 2px 6px #18325404; }
.page-admin .adm-kartlar > div:nth-child(4n+2) { border-top-color:#4aa88f; }
.page-admin .adm-kartlar > div:nth-child(4n+3) { border-top-color:#9473cb; }
.page-admin .adm-kartlar > div:nth-child(4n) { border-top-color:#d9a052; }
.page-admin .adm-kartlar span { font-size:10px; line-height:1.5; font-weight:650; color:var(--adm-muted); }
.page-admin .adm-kartlar b { margin:8px 0 4px; color:#25364f; font:800 25px/1.2 var(--govde); letter-spacing:-.7px; }
.page-admin .adm-kartlar small { font-size:10px; color:var(--adm-muted); }
.page-admin .adm-kartlar > .adm-kart-uyari { background:#fff6f4; border-color:#f1ccc5; border-top-color:#d26354; }
.page-admin .adm-kartlar-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.page-admin .adm-gorevler { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.page-admin .adm-gorevler > div { padding:12px; border:1px solid #e5ebf2; border-radius:8px; background:#f8fafc; flex-wrap:wrap; }
.page-admin .adm-gorevler b { font-size:11px; }
.page-admin .adm-gorevler span { font-size:10px; }
.page-admin .adm-icerik .btn { padding:9px 13px; min-height:36px; border-radius:7px; font-size:12px; font-weight:650; box-shadow:none; white-space:normal; }
.page-admin .adm-icerik .btn:not(.btn-hayalet):not(.btn-tehlike):not(.btn-kirmizi) { background:#3869d5; border-color:#3869d5; color:#fff; }
.page-admin .adm-icerik .btn-hayalet { background:#fff; border:1px solid #d4ddea; color:#415a7b; }
.page-admin .adm-icerik .btn-hayalet:hover { background:#eef3fc; border-color:#9db8e5; }
.page-admin .adm-hizli { gap:10px; }
.page-admin .adm-icerik input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),
.page-admin .adm-icerik select,
.page-admin .adm-icerik textarea { box-sizing:border-box; max-width:100%; border:1px solid #cfd9e5; border-radius:7px; background:#fff; color:#293d56; padding:9px 11px; font-size:12px; box-shadow:0 1px 2px #162b4205; }
.page-admin .adm-icerik input:focus-visible,
.page-admin .adm-icerik select:focus-visible,
.page-admin .adm-icerik textarea:focus-visible { outline:3px solid #3869d526; outline-offset:1px; border-color:#658bde; }
.page-admin .adm-icerik input[type=checkbox],
.page-admin .adm-icerik input[type=radio] { accent-color:#3869d5; }
.page-admin .adm-icerik label { color:#43546b; font-size:12px; line-height:1.7; }
.page-admin .adm-icerik .tablo-sar { border:1px solid var(--adm-line); border-radius:9px; overflow:auto; }
.page-admin .adm-icerik table { font-size:12px; }
.page-admin .adm-icerik th { background:#f2f5fa; color:#566980; font-size:10px; letter-spacing:.2px; padding:12px; border-bottom:1px solid var(--adm-line); }
.page-admin .adm-icerik td { padding:11px 12px; border-bottom:1px solid #eaf0f5; }
.page-admin .adm-icerik tbody tr:hover { background:#f7faff; }
.page-admin .adm-log li { padding:12px 0; border-bottom:1px solid #e9eef4; font-size:11px; }
.page-admin .adm-log time { color:#7a8aa0; font-variant-numeric:tabular-nums; }
.page-admin .adm-log b { color:#506683; }
.page-admin .adm-log-hata b { color:#bd4b40; }
.page-admin .adm-baglanti a { padding:16px; border:1px solid var(--adm-line); border-radius:9px; background:#fff; }
.page-admin .adm-icerik code { overflow-wrap:anywhere; }
.page-admin .adm-icerik a:focus-visible,
.page-admin .adm-menu a:focus-visible,
.page-admin summary:focus-visible { outline:3px solid #8db2f2; outline-offset:2px; }
@media(max-width:1200px) {
  .page-admin .adm { grid-template-columns:220px minmax(0,1fr); gap:18px; }
  .page-admin .adm-kartlar { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .page-admin .adm { grid-template-columns:minmax(0,1fr); }
  .page-admin .adm-menu-sar { position:static; max-height:none; overflow:visible; }
  .page-admin .adm-menu-ac { display:flex; background:#19283e; color:#fff; border:0; border-radius:10px; box-shadow:none; font-size:13px; }
  .page-admin .adm-menu-sar[open] .adm-menu-ac { border-radius:10px 10px 0 0; }
  .page-admin .adm-menu-sar[open] .adm-menu { border-radius:0 0 10px 10px; }
  .page-admin .adm-menu-bas { display:none; }
}
@media(max-width:600px) {
  .page-admin main.kap { padding-top:14px; }
  .page-admin .adm-baslik { font-size:20px; margin-bottom:16px; }
  .page-admin .adm-kartlar,.page-admin .adm-kartlar-2 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .page-admin .adm-kartlar > div { padding:13px 11px; }
  .page-admin .adm-kartlar b { font-size:21px; }
  .page-admin .adm-icerik .panel { padding:15px; border-radius:10px; }
  .page-admin .adm-hizli .btn { flex:1 1 100%; }
  .page-admin .adm-log li { grid-template-columns:80px minmax(0,1fr); gap:5px; }
  .page-admin .adm-log li > span { grid-column:1/-1; }
}

/* Vitrin hareketleri: mevcut aktif slayt ve kaydırma sistemiyle çalışır. */
.page-index .vs-btn { transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.page-index .vs-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px #d7c08a26; }
.page-index .vs-btn:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .vs-slayt.aktif .vs-metin > .vs-etiket { animation:bk-vitrin-giris .6s ease both; }
  .page-index .vs-slayt.aktif .vs-metin > h2 { animation:bk-vitrin-giris .7s .08s ease both; }
  .page-index .vs-slayt.aktif .vs-metin > p { animation:bk-vitrin-giris .7s .16s ease both; }
  .page-index .vs-slayt.aktif .vs-metin > .vs-buyuk { animation:bk-vitrin-giris .7s .22s ease both; }
  .page-index .vs-slayt.aktif .vs-metin > .vs-btn { animation:bk-vitrin-giris .7s .28s ease both; }
  .page-index .vs-slayt.aktif .vs-etiket i { animation:bk-vitrin-nabiz 2.8s ease-in-out infinite; }
  .page-index .vs-slayt.aktif .vs-arkaplan-resmi { animation:bk-vitrin-yakinlas 12s ease-out both; }
  .page-index .vs-slayt.aktif:not(.vs-ozel-arkaplan)::after { pointer-events:none; background:radial-gradient(circle,#d9bb7420,transparent 70%); animation:bk-vitrin-isik 9s ease-in-out infinite alternate; }
  .page-index .vs-slayt.aktif .vs-at,
  .page-index .vs-slayt.aktif .vs-kupa,
  .page-index .vs-slayt.aktif .vs-asa { animation:bk-vitrin-suzul 5s ease-in-out infinite; }
  .page-index .vs-slayt.aktif .vs-bilet { animation:bk-vitrin-bilet 6s ease-in-out infinite; box-shadow:0 12px 30px #0002; }
  .page-index .vs-slayt.aktif .vs-yildiz { animation:bk-vitrin-parilti 3s ease-in-out infinite; transform-origin:center; }
  .page-index .vs-slayt:not(.aktif) .vs-gorsel *,
  .page-index .vs-slayt:not(.aktif) .vs-gorsel *::after { animation-play-state:paused; }
}
@keyframes bk-vitrin-giris {
  from { opacity:0; transform:translateY(14px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes bk-vitrin-yakinlas {
  from { transform:scale(1); }
  to { transform:scale(1.065); }
}
@keyframes bk-vitrin-suzul {
  0%,100% { transform:translateY(0) rotate(-1deg); }
  50% { transform:translateY(-7px) rotate(1deg); }
}
@keyframes bk-vitrin-bilet {
  0%,100% { transform:translateY(0) rotate(-3deg); }
  50% { transform:translateY(-6px) rotate(-1deg); }
}
@keyframes bk-vitrin-nabiz {
  0%,100% { box-shadow:0 0 0 0 #d9bc7940; }
  60% { box-shadow:0 0 0 5px #d9bc7900; }
}
@keyframes bk-vitrin-parilti {
  0%,100% { opacity:.6; }
  50% { opacity:1; }
}
@keyframes bk-vitrin-isik {
  from { transform:translate(0,0) scale(1); }
  to { transform:translate(-35px,-20px) scale(1.15); }
}
@media(prefers-reduced-motion:reduce) {
  .page-index .vitrin-slider *,
  .page-index .vitrin-slider *::before,
  .page-index .vitrin-slider *::after { animation:none !important; transition:none !important; }
  .page-index .vs-no { opacity:1; transform:none; }
  .page-index .vs-grafik i { height:var(--h); }
  .page-index .vs-btn:hover { transform:none; }
}

/* Kazanan kupon vitrini: altın ışıklar ve konfeti kutlaması. */
.page-index .vs-tuttu { background:radial-gradient(ellipse at 75% 20%,#ba913f65,transparent 58%),linear-gradient(120deg,#082d30,#105c46 65%,#143c37); }
.page-index .vs-kutlama { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:2; }
.page-index .vs-kutlama > i { position:absolute; left:var(--x); top:-20px; width:7px; height:13px; border-radius:2px; background:var(--renk); opacity:0; }
.page-index .vs-kutlama > i:nth-child(3n) { width:6px; height:6px; border-radius:50%; }
.page-index .vs-kutlama-yildiz { position:absolute; left:65%; top:14%; color:#ffe49b; font-size:35px; text-shadow:0 0 20px #ffcf65; }
.page-index .vs-kutlama-yildiz:nth-last-child(2) { left:91%; top:62%; font-size:26px; }
.page-index .vs-kutlama-yildiz:last-child { left:48%; top:80%; font-size:20px; }
.page-index .vs-tuttu .vs-metin { z-index:3; }
.page-index .vs-tuttu h2 { color:#fff8df; text-shadow:0 3px 22px #0005; }
.page-index .vs-tuttu h2 span { color:#ffdb72; }
.page-index .vs-tuttu .vs-etiket { background:#ffd56b20; border-color:#f5d47f80; color:#ffe5a0; box-shadow:0 0 18px #ffd56b15; }
.page-index .vs-tuttu .vs-btn { background:linear-gradient(110deg,#e9b744,#fff0af,#e9b744); color:#183b30; border:1px solid #ffe9a4; box-shadow:0 5px 22px #ffd56b35; }
.page-index .vs-tuttu .vs-tuttu-bilet { position:relative; border:2px solid #f7d783; background:linear-gradient(130deg,#fffdf1,#f8e9bd); box-shadow:0 0 35px #e7bc5540,0 18px 35px #001c2555; }
.page-index .vs-tuttu .vs-tuttu-no { background:linear-gradient(145deg,#249d69,#10603f) !important; border:1px solid #60cda0; border-radius:7px; box-shadow:0 3px 7px #0b5a4030; }
.page-index .vs-tuttu .vs-ikramiye { border-color:#cda94c; color:#476038; }
.page-index .vs-tuttu .vs-ikramiye b { color:#14663f; text-shadow:0 2px 0 #fff; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .vs-tuttu.aktif .vs-kutlama > i { animation:bk-konfeti 3.8s var(--d) linear 2 both; }
  .page-index .vs-tuttu.aktif .vs-kutlama-yildiz { animation:bk-yildiz-kutla 2.4s ease-in-out 3; }
  .page-index .vs-tuttu.aktif .vs-kutlama-yildiz:nth-last-child(2) { animation-delay:.6s; }
  .page-index .vs-tuttu.aktif .vs-kutlama-yildiz:last-child { animation-delay:1.2s; }
  .page-index .vs-slayt.vs-tuttu.aktif .vs-tuttu-bilet { animation:bk-bilet-kutla 3s ease-in-out 3; }
  .page-index .vs-tuttu.aktif .vs-tuttu-no { animation:bk-numara-kutla .7s var(--g) cubic-bezier(.18,.8,.3,1.25) both; }
  .page-index .vs-tuttu.aktif .vs-ikramiye { animation:bk-ikramiye-kutla 2.2s .8s ease-in-out 3; }
  .page-index .vs-tuttu.aktif h2 span { background:linear-gradient(100deg,#ffcf5c 20%,#fffbe8 45%,#ffcf5c 70%); background-size:220% 100%; background-clip:text; -webkit-background-clip:text; color:transparent; animation:bk-altin-isik 3s ease-in-out 3; }
}
@keyframes bk-konfeti {
  0% { opacity:0; transform:translate3d(0,-20px,0) rotate(var(--r)); }
  8% { opacity:.95; }
  85% { opacity:.85; }
  100% { opacity:0; transform:translate3d(35px,480px,0) rotate(calc(var(--r) + 540deg)); }
}
@keyframes bk-yildiz-kutla {
  0%,100% { opacity:.25; transform:scale(.65) rotate(-15deg); }
  50% { opacity:1; transform:scale(1.2) rotate(15deg); }
}
@keyframes bk-bilet-kutla {
  0%,100% { transform:translateY(0) rotate(-3deg); }
  50% { transform:translateY(-10px) rotate(2deg); }
}
@keyframes bk-numara-kutla {
  from { opacity:0; transform:translateY(-20px) scale(.5) rotate(-12deg); }
  to { opacity:1; transform:translateY(0) scale(1) rotate(0); }
}
@keyframes bk-ikramiye-kutla {
  0%,100% { transform:scale(1); }
  50% { transform:scale(1.08); }
}
@keyframes bk-altin-isik {
  from { background-position:100% 50%; }
  to { background-position:-100% 50%; }
}
@media(max-width:600px) {
  .page-index .vs-kutlama > i { width:5px; height:9px; }
  .page-index .vs-kutlama-yildiz { font-size:24px; }
}


/* Günün özeti: ortak tipografi, yüksek kontrast ve kategori başlık bantları. */
.page-index .no-bas h2 { color:#213e60; }
.page-index .no-kart { --kart-koyu:#244e88; --kart-acik:#e9f1ff; --kart-cizgi:#b8cbe6; gap:8px; background:repeating-linear-gradient(135deg,#ffffff00 0 14px,#ffffff35 14px 15px),linear-gradient(145deg,var(--kart-cizgi),var(--kart-acik) 70%,#f8fafc); border:1px solid var(--kart-cizgi); border-top:3px solid var(--kart-koyu); color:#20344a; box-shadow:0 3px 10px #213c5910; box-sizing:border-box; }
.page-index .no-banko { --kart-koyu:#593b05; --kart-acik:#f3dfa4; --kart-cizgi:#c6a44e; }
.page-index .no-agf { --kart-koyu:#0c4934; --kart-acik:#c4e7d6; --kart-cizgi:#72b394; }
.page-index .no-sabit { --kart-koyu:#6e2f0b; --kart-acik:#f2d4b8; --kart-cizgi:#d59b6c; }
.page-index .no-surpriz { --kart-koyu:#50236f; --kart-acik:#dfcaef; --kart-cizgi:#ac87c9; }
.page-index .no-idman { --kart-koyu:#0d455d; --kart-acik:#c9e3ef; --kart-cizgi:#7bb0c9; }
.page-index .no-bulucu { --kart-koyu:#1d386e; --kart-acik:#d0dcf5; --kart-cizgi:#8ca5d5; }
.page-index .no-kart::after { display:none; }
.page-index .no-kart .no-tur { display:flex; align-items:center; gap:6px; min-height:34px; box-sizing:border-box; padding:8px 9px; background:linear-gradient(110deg,var(--kart-koyu),#263d53); border-radius:7px; color:#fff; font:750 10px/1.5 var(--govde); letter-spacing:.2px; opacity:1; }
.page-index .no-kart .no-tur .ui-ikon { flex:none; width:16px; height:16px; color:#fff; }
.page-index .no-kart .no-at { min-height:34px; align-items:center; }
.page-index .no-kart .no-at b { color:#20344a; font:800 14px/1.4 var(--govde); white-space:normal; overflow-wrap:anywhere; }
.page-index .no-kart .no-yer { color:#40576d; opacity:1; font:500 10px/1.7 var(--govde); }
.page-index .no-kart .no-neden { color:#40576d; opacity:1; font:500 10px/1.7 var(--govde); }
.page-index .no-kart .no-deger,
.page-index .no-kart .no-ganyan-vurgu,
.page-index .no-kart .no-idman-piyasa > span { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 6px; min-height:43px; box-sizing:border-box; width:100%; margin:0; padding:8px 9px; border:1px solid var(--kart-cizgi); border-radius:7px; background:#ffffffeb; color:#344c62; font:600 11px/1.5 var(--govde); }
.page-index .no-kart .no-deger b,
.page-index .no-kart .no-ganyan-vurgu b,
.page-index .no-kart .no-idman-piyasa b { margin:0; color:var(--kart-koyu); font:800 17px/1.3 var(--govde); }
.page-index .no-kart .no-idman-oran small { font:500 10px/1.5 var(--govde); color:#40576d; }
.page-index .no-kart .no-idman-piyasa { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
.page-index .no-kart .no-idman-isaretler { gap:4px; }
.page-index .no-kart .no-idman-isaretler > span { color:#244d62; border-color:#afcddd; background:#fff; font:600 9px/1.5 var(--govde); }
.page-index .no-kart .no-bulucu-filtreler > span { color:#1d386e; background:#fff; border-color:#b8cae7; }
.page-index .no-kart .no-bulucu-ac { padding:9px; border-radius:7px; color:#fff; background:var(--kart-koyu); font:750 11px/1.5 var(--govde); }
.page-index .no-sar > .no-kart { padding-bottom:44px; }
.page-index .no-sar .no-paylas-btn { display:inline-flex; align-items:center; justify-content:center; gap:4px; right:10px; bottom:10px; min-height:26px; box-sizing:border-box; padding:4px 9px; border:1px solid #aebfd0; border-radius:6px; background:#fff; color:#304b64; font:700 10px/1.5 var(--govde); box-shadow:0 2px 4px #18354e0c; }
.page-index a.no-kart:hover { color:#20344a; border-color:var(--kart-koyu); }
.page-index a.no-kart:hover .no-at b { color:#20344a; }
.page-index a.no-kart:hover .no-tur { color:#fff; }
.page-index a.no-kart:hover .no-yer,
.page-index a.no-kart:hover .no-neden { color:#40576d; }
.page-index a.no-kart:hover .no-idman-piyasa b { color:var(--kart-koyu); }
.page-index a.no-kart:focus-visible { outline:3px solid var(--kart-koyu); outline-offset:3px; }

/* Ana sayfa AGF vitrini: açık mavi, mor sinyaller ve altın ayrıntılar. */
.page-index .agf-blok:not(.sabit-blok) { border:1px solid #ccd9ee; border-radius:14px; background:#fff; box-shadow:0 6px 22px #294d7a0c; }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir { position:relative; flex-wrap:wrap; overflow:visible; gap:12px; padding:18px; background:linear-gradient(115deg,#354e80,#62508d 65%,#846244); border-left:4px solid #6a6cd5; border-bottom:1px solid #d3dff0; }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir h2 { display:flex; align-items:center; gap:9px; white-space:normal; color:#fff; font:800 18px/1.5 var(--govde); }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir h2 .ui-ikon { box-sizing:content-box; width:22px; height:22px; padding:9px; border-radius:10px; color:#ffe3a4; background:#ffffff18; box-shadow:0 2px 8px #4e62a012; }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-filtreler { flex-wrap:wrap; flex-shrink:1; gap:7px; }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-filtreler select { min-width:0; max-width:100%; background:#fff; border:1px solid #b9cbe4; color:#354f73; border-radius:7px; }
.page-index .agf-blok:not(.sabit-blok) .agf-baslik-filtreler a { color:#fff0cf; }
.page-index .agf-blok:not(.sabit-blok) .agf-paylas { background:#ffffff1c; border:1px solid #ffffff70; color:#fff; border-radius:7px; padding:8px 11px; }
.page-index .agf-blok:not(.sabit-blok) .agf-acik,
.page-index .agf-blok:not(.sabit-blok) caption.agf-acik { background:#dce3f1; color:#3a5074; border-bottom:1px solid #e2e8f3; padding:11px 18px; }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo th { background:#cbd6eb; color:#344c70; padding:12px; font-size:10px; }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo td { border-color:#e3e9f3; padding:13px 12px; color:#354e6c; }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo tr.agf-guclu { background:linear-gradient(100deg,#d3c8ee,#e3daf4 65%,#f1e5c8); }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo tr.agf-sinyal { background:linear-gradient(100deg,#d8e3f5,#edf1f9); }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo tbody tr:hover { background:#d2dff2; }
.page-index .agf-blok:not(.sabit-blok) .agf-tablo .agf-guclu td:first-child { border-left-color:#8b68ca; }
.page-index .agf-blok:not(.sabit-blok) .agf-et-guclu { background:linear-gradient(110deg,#6850a4,#8b5aa8); border-color:#7252a1; color:#fff; border-radius:6px; padding:5px 7px; }
.page-index .agf-blok:not(.sabit-blok) .agf-et-guclu .ui-ikon { color:#ffe2a0; }
.page-index .agf-blok:not(.sabit-blok) .agf-et-sinyal { background:#e8eeff; color:#3e56a0; border-color:#bfcced; }
.page-index .agf-blok:not(.sabit-blok) .at-ad { color:#293e68; }
.page-index .agf-blok:not(.sabit-blok) .alt-satir { color:#62748f; }
.page-index .agf-blok:not(.sabit-blok) .agf-fark.artis b { display:inline-block; padding:5px 8px; border-radius:6px; color:#58429b; background:#ece7fa; font-variant-numeric:tabular-nums; }
.page-index .agf-blok:not(.sabit-blok) .agf-bos { background:#fafbff; color:#506585; }
.page-index .agf-blok:not(.sabit-blok) :is(select,button,a):focus-visible { outline:3px solid #7d78c8; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .agf-blok:not(.sabit-blok) .agf-et-guclu { animation:bk-agf-isik 2.8s ease-in-out 3; }
  .page-index .agf-blok:not(.sabit-blok) .agf-tablo tbody tr { animation:bk-agf-belir .45s ease both; }
  .page-index .agf-blok:not(.sabit-blok) .agf-tablo tbody tr:nth-child(2) { animation-delay:.06s; }
  .page-index .agf-blok:not(.sabit-blok) .agf-tablo tbody tr:nth-child(3) { animation-delay:.12s; }
  .page-index .agf-blok:not(.sabit-blok) .agf-tablo tbody tr:nth-child(n+4) { animation-delay:.18s; }
}
@keyframes bk-agf-isik { 0%,100% { box-shadow:0 0 0 0 #8b68ca00; } 50% { box-shadow:0 0 0 4px #8b68ca20; } }
@keyframes bk-agf-belir { from { opacity:.3; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) {
  .page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir { padding:13px; }
  .page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir h2 { font-size:16px; }
  .page-index .agf-blok:not(.sabit-blok) .agf-baslik-filtreler { width:100%; }
  .page-index .agf-blok:not(.sabit-blok) .agf-baslik-filtreler select { flex:1 1 120px; }
}

/* Ana sayfa sabit ganyan: turuncu ve mürdüm sinyal vitrini. */
.page-index .sabit-blok { border:1px solid #d4bad8; border-radius:14px; box-shadow:0 6px 22px #60396312; background:#fff; }
.page-index .sabit-blok .agf-baslik-satir { display:flex; flex-wrap:wrap; gap:12px; overflow:visible; padding:18px; background:linear-gradient(115deg,#77375d,#965079 55%,#bd673a); border-left:4px solid #ffce79; border-bottom:0; }
.page-index .sabit-blok .agf-baslik-satir h2 { display:flex; align-items:center; gap:10px; white-space:normal; color:#fff; font:800 18px/1.5 var(--govde); }
.page-index .sabit-blok .agf-baslik-satir h2 .ui-ikon { box-sizing:content-box; padding:9px; width:23px; height:23px; background:#ffffff1c; border:1px solid #ffffff30; border-radius:10px; color:#ffe4a3; }
.page-index .sabit-blok .agf-baslik-filtreler { flex-wrap:wrap; gap:8px; flex-shrink:1; }
.page-index .sabit-blok .agf-baslik-filtreler .paylas-btn,
.page-index .sabit-blok .agf-baslik-filtreler a { display:inline-flex; align-items:center; justify-content:center; min-height:34px; box-sizing:border-box; padding:7px 11px; border:1px solid #ffffff70; border-radius:7px; background:#ffffff16; color:#fff; font:700 11px/1.5 var(--govde); text-decoration:none; }
.page-index .sabit-blok .agf-baslik-filtreler a { background:#ffe2a6; color:#613321; border-color:#ffe2a6; }
.page-index .sabit-blok .agf-baslik-filtreler .paylas-btn:hover { background:#ffffff30; }
.page-index .sabit-blok .agf-baslik-filtreler a:hover { background:#fff0cd; }
.page-index .sabit-blok .agf-acik,
.page-index .sabit-blok caption.agf-acik { background:#eadce9; color:#634567; border-bottom:1px solid #dbc7dc; padding:11px 16px; }
.page-index .sabit-blok .agf-tablo th { background:#e4d4e4; color:#61436a; padding:12px; font-size:10px; }
.page-index .sabit-blok .agf-tablo td { padding:13px 12px; border-color:#eadfeb; color:#513d59; }
.page-index .sabit-blok .agf-tablo tr.agf-guclu { background:linear-gradient(100deg,#eed3df,#f7e5e9 60%,#fff1d9); }
.page-index .sabit-blok .agf-tablo tr.agf-sinyal { background:linear-gradient(100deg,#f0e3f0,#fff6ec); }
.page-index .sabit-blok .agf-tablo tbody tr:hover { background:#ecd5e5; }
.page-index .sabit-blok .agf-tablo .agf-guclu td:first-child { border-left-color:#b15d91; }
.page-index .sabit-blok .at-ad { color:#62365e; }
.page-index .sabit-blok .alt-satir { color:#795e7b; }
.page-index .sabit-blok .agf-et-guclu { padding:5px 8px; border-radius:6px; background:linear-gradient(110deg,#8a3b6c,#af5d54); color:#fff; border-color:#954666; font-size:10px; }
.page-index .sabit-blok .agf-et-sinyal { background:#ffe6c1; color:#854112; border-color:#e4bb85; }
.page-index .sabit-blok .agf-tablo td:nth-child(4) > b { display:inline-block; padding:6px 10px; min-width:40px; box-sizing:border-box; border:1px solid #d5abc5; border-radius:7px; background:#fff; color:#81325f; font-size:15px; font-variant-numeric:tabular-nums; }
.page-index .sabit-blok .agf-fark.artis > b { display:inline-block; padding:5px 8px; border-radius:6px; color:#883f18; background:#ffe4be; }
.page-index .sabit-blok .agf-bos { background:linear-gradient(115deg,#f4e8f3,#fff2dd); color:#604965; }
.page-index .sabit-blok .agf-bos .btn { background:#873f71; color:#fff; border-color:#873f71; border-radius:7px; }
.page-index .sabit-blok :is(a,button):focus-visible { outline:3px solid #ce9343; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .sabit-blok .agf-et-guclu { animation:bk-sabit-isik 2.6s ease-in-out 3; }
  .page-index .sabit-blok .agf-tablo tbody tr { animation:bk-agf-belir .5s ease both; }
  .page-index .sabit-blok .agf-tablo tbody tr:nth-child(2) { animation-delay:.08s; }
  .page-index .sabit-blok .agf-tablo tbody tr:nth-child(n+3) { animation-delay:.16s; }
  .page-index .sabit-blok .agf-baslik-satir h2 .ui-ikon { animation:bk-sabit-ikon 2.4s ease-in-out 3; }
}
@keyframes bk-sabit-isik { 0%,100% { box-shadow:0 0 0 0 #b15d9100; } 50% { box-shadow:0 0 0 4px #b15d9125; } }
@keyframes bk-sabit-ikon { 0%,100% { transform:translateY(0); } 50% { transform:translateY(3px); } }
@media(max-width:600px) {
  .page-index .sabit-blok .agf-baslik-satir { padding:13px; }
  .page-index .sabit-blok .agf-baslik-satir h2 { font-size:16px; }
  .page-index .sabit-blok .agf-baslik-filtreler { width:100%; }
}

/* Dikkat çekenler: kategori bantları, sinyal kutuları ve veri rozetleri. */
.page-index .blok:has(> .dc-serit) { border-color:#bdcce3; background:#edf1f8; }
.page-index .blok:has(> .dc-serit) > .blok-baslik { background:linear-gradient(110deg,#304d7c,#65508e 70%,#886342); border-bottom:3px solid #d9ba79; color:#fff; flex-wrap:wrap; gap:10px; }
.page-index .blok:has(> .dc-serit) > .blok-baslik h2 { color:#fff; font-weight:850; }
.page-index .blok:has(> .dc-serit) > .blok-baslik h2 .ui-ikon { color:#ffe1a4; }
.page-index .blok:has(> .dc-serit) > .blok-baslik > .soluk { color:#e1e5f5; }
.page-index .blok:has(> .dc-serit) > .blok-baslik .paylas-btn,
.page-index .blok:has(> .dc-serit) > .blok-baslik .bolum-tumu { border:1px solid #ffffff65; border-radius:7px; padding:7px 10px; background:#ffffff18; color:#fff; font-size:11px; }
.page-index .dc-kart { --dc-koyu:#795719; --dc-acik:#f7edce; border:1px solid #ccd7e7; background:linear-gradient(155deg,#fff,#f5f7fc); border-radius:12px; box-shadow:0 4px 12px #253b5710; }
.page-index .dc-mor { --dc-koyu:#70429c; --dc-acik:#efe3fa; }
.page-index .dc-mavi { --dc-koyu:#345ea4; --dc-acik:#e2ecfc; }
.page-index .dc-yesil { --dc-koyu:#227461; --dc-acik:#dff1e9; }
.page-index .dc-turkuaz { --dc-koyu:#1e7288; --dc-acik:#dff1f6; }
.page-index .dc-turuncu { --dc-koyu:#a25a1a; --dc-acik:#fbe9d1; }
.page-index .dc-koyu { --dc-koyu:#46536d; --dc-acik:#e4e9f1; }
.page-index .dc-kart .dc-bant { background:linear-gradient(110deg,var(--dc-koyu),#293c58); color:#fff; border-bottom:0; padding:12px; gap:8px; }
.page-index .dc-kart .dc-bant b { color:#fff; font:800 12px/1.5 var(--govde); }
.page-index .dc-kart .dc-bant small { color:#fff; opacity:1; display:inline-block; margin-top:4px; padding:2px 5px; border-radius:4px; background:#ffffff20; font-size:9px; }
.page-index .dc-kart .dc-ikon { background:#ffffff20; color:#fff1c2; border:1px solid #ffffff30; border-radius:8px; }
.page-index .dc-kart .dc-guc i { background:#ffffff35; }
.page-index .dc-kart .dc-guc i.dolu { background:#ffe09a; }
.page-index .dc-kart .dc-at { padding:14px 12px 10px; }
.page-index .dc-kart .dc-at b { color:#283e5c; font:850 15px/1.4 var(--govde); }
.page-index .dc-kart .dc-at small { color:#526780; font-size:10px; line-height:1.7; }
.page-index .dc-kart .dc-isaret { padding:0 12px; gap:7px; }
.page-index .dc-kart .dc-isaret li { padding:9px; border:1px solid #dae2ec; border-left:3px solid var(--dc-koyu); border-radius:7px; background:linear-gradient(110deg,var(--dc-acik),#fff); }
.page-index .dc-kart .dc-isaret i { display:flex; align-items:center; justify-content:center; flex:none; width:27px; height:27px; background:#fff; border:1px solid #dae2ec; border-radius:6px; color:var(--dc-koyu); }
.page-index .dc-kart .dc-isaret b { display:inline-block; color:var(--dc-koyu); font:800 11px/1.5 var(--govde); }
.page-index .dc-kart .dc-isaret small { display:block; color:#435a72; font:500 10px/1.7 var(--govde); margin-top:3px; }
.page-index .dc-kart .dc-alt { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:10px 12px; background:#e9eef7; border-top:1px solid #d7e0ed; }
.page-index .dc-kart .dc-alt > span:not(.yz-sira) { display:inline-flex; align-items:center; gap:5px; min-height:31px; padding:5px 8px; box-sizing:border-box; background:#fff; border:1px solid #cad7e9; border-radius:6px; color:#4a607b; font-size:9px; }
.page-index .dc-kart .dc-alt > span > b { color:var(--dc-koyu); font:850 15px/1.3 var(--govde); }
.page-index .dc-kart:hover { border-color:var(--dc-koyu); box-shadow:0 8px 20px #243d601c; }
.page-index .dc-kart:focus-visible { outline:3px solid var(--dc-koyu); outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .dc-kart .dc-guc i.dolu { animation:bk-dc-sinyal 2.4s ease-in-out 3; }
  .page-index .dc-kart .dc-guc i.dolu:nth-child(2) { animation-delay:.15s; }
  .page-index .dc-kart .dc-guc i.dolu:nth-child(3) { animation-delay:.3s; }
  .page-index .dc-kart .dc-guc i.dolu:nth-child(4) { animation-delay:.45s; }
  .page-index .dc-kart .dc-guc i.dolu:nth-child(5) { animation-delay:.6s; }
}
@keyframes bk-dc-sinyal { 0%,100% { opacity:.6; } 50% { opacity:1; box-shadow:0 0 6px #ffdc8a70; } }

/* BANKOCU Bildi: altın başarı bandı ve belirgin sonuç kutuları. */
.page-index .bs-blok { border:1px solid #c9aedc; background:linear-gradient(130deg,#e9e1f3,#f6ebd2); box-shadow:0 6px 22px #573d7112; border-radius:14px; }
.page-index .bs-blok > .blok-baslik { background:linear-gradient(110deg,#513474,#79528b 60%,#a47139); border-left:4px solid #ffd275; border-bottom:2px solid #dfbd78; gap:10px; flex-wrap:wrap; }
.page-index .bs-blok > .blok-baslik h2 { color:#fff5d6; font-weight:850; }
.page-index .bs-blok > .blok-baslik h2 .ui-ikon { color:#ffdf83; filter:drop-shadow(0 0 6px #ffd67040); }
.page-index .bs-blok > .blok-baslik > span { color:#f1e6f6; }
.page-index .bs-blok > .blok-baslik a { color:#fff3cf; border-radius:7px; }
.page-index .bs-blok .bs-kart { --basari:#704398; --basari-acik:#eee2fa; position:relative; border:1px solid #c5addb; border-top:4px solid var(--basari); border-radius:12px; background:linear-gradient(145deg,var(--basari-acik),#fff 75%); box-shadow:0 4px 12px #46326812; }
.page-index .bs-blok .bs-k-bomba { --basari:#af3b47; --basari-acik:#fadce0; }
.page-index .bs-blok .bs-k-surpriz { --basari:#a25b13; --basari-acik:#fce5bc; }
.page-index .bs-blok .bs-kart .bs-ust { gap:8px; }
.page-index .bs-blok .bs-kart .bs-ust small { color:#635573; font-size:10px; }
.page-index .bs-blok .bs-kart .bs-ust > .etiket,
.page-index .bs-blok .bs-kart .bs-bildi,
.page-index .bs-blok .bs-kart .bs-bomba,
.page-index .bs-blok .bs-kart .bs-surpriz { background:var(--basari); border-color:var(--basari); color:#fff4d2; padding:6px 9px; border-radius:7px; font-size:11px; font-weight:800; }
.page-index .bs-blok .bs-kart .bs-at b { color:#352d4b; font:850 16px/1.4 var(--govde); }
.page-index .bs-blok .bs-kart .bs-at small { color:#645971; font-size:10px; line-height:1.7; }
.page-index .bs-blok .bs-kart .bs-sayi { gap:7px; }
.page-index .bs-blok .bs-kart .bs-sayi > div { background:#ffffffdc; border:1px solid #d5c8e3; border-radius:8px; padding:10px 6px; }
.page-index .bs-blok .bs-kart .bs-sayi span { color:#61556e; font-size:9px; font-weight:750; }
.page-index .bs-blok .bs-kart .bs-sayi b { color:var(--basari); font:850 19px/1.4 var(--govde); }
.page-index .bs-blok .bs-kart .bs-sayi .bs-gny { background:linear-gradient(135deg,var(--basari),#493251); border-color:var(--basari); box-shadow:0 3px 8px #4c2d6720; }
.page-index .bs-blok .bs-kart .bs-sayi .bs-gny span { color:#fff0ca; }
.page-index .bs-blok .bs-kart .bs-sayi .bs-gny b { color:#fff; font-size:23px; }
.page-index .bs-blok .bs-kart .bs-alt { padding:8px; margin-top:9px; border:1px solid #dcc795; border-radius:6px; background:#fff0cb; color:#785316; font-size:10px; font-weight:800; }
.page-index .bs-blok .bs-kart:hover { background:linear-gradient(145deg,var(--basari-acik),#fff 75%); border-color:var(--basari); border-top-color:var(--basari); box-shadow:0 7px 18px #4c356c20; }
.page-index .bs-blok .bs-kart:focus-visible { outline:3px solid var(--basari); outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .bs-blok > .blok-baslik h2 .ui-ikon { animation:bk-bildi-kupa 3s ease-in-out 3; }
  .page-index .bs-blok .bs-k-bomba { animation:bk-bildi-parla 3s ease-in-out 3; }
}
@keyframes bk-bildi-kupa { 0%,100% { transform:rotate(0); } 40% { transform:rotate(-9deg); } 60% { transform:rotate(9deg); } }
@keyframes bk-bildi-parla { 0%,100% { box-shadow:0 0 0 0 #c04d6010; } 50% { box-shadow:0 0 0 4px #c04d6025; } }

/* Ana sayfa hızlı erişim: hizalı ikon rozetleri ve kategori renkleri. */
.page-index .hizli { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; padding:12px; border:1px solid #ced9e8; border-radius:14px; background:linear-gradient(120deg,#e6edf8,#efe8f4); }
.page-index .hizli a { --kisayol:#34598e; --kisayol-acik:#e1eafa; display:flex; flex-direction:row; align-items:center; gap:11px; box-sizing:border-box; min-height:76px; min-width:0; padding:13px; border:1px solid #c8d4e5; border-left:3px solid var(--kisayol); border-radius:10px; background:linear-gradient(125deg,#fff,var(--kisayol-acik)); color:#283f5b; box-shadow:0 2px 7px #253e5b08; }
.page-index .hizli a:nth-child(2) { --kisayol:#8a621d; --kisayol-acik:#f7e8c3; }
.page-index .hizli a:nth-child(3) { --kisayol:#3f5bb0; --kisayol-acik:#e2e8ff; }
.page-index .hizli a:nth-child(4) { --kisayol:#7950a7; --kisayol-acik:#eaddf6; }
.page-index .hizli a:nth-child(5) { --kisayol:#216c8e; --kisayol-acik:#d8edf7; }
.page-index .hizli a:nth-child(6) { --kisayol:#a06020; --kisayol-acik:#fbe5cc; }
.page-index .hizli a:nth-child(7) { --kisayol:#a44257; --kisayol-acik:#f6dfe5; }
.page-index .hizli a:nth-child(8) { --kisayol:#4c628f; --kisayol-acik:#dfe6f4; }
.page-index .hizli a:first-child,
.page-index .hizli a:nth-child(2) { background:linear-gradient(125deg,#fff,var(--kisayol-acik)); color:#283f5b; border-color:#c8d4e5; border-left-color:var(--kisayol); }
.page-index .hizli a .hz-ikon,
.page-index .hizli a:first-child .hz-ikon,
.page-index .hizli a:nth-child(2) .hz-ikon { display:grid; place-items:center; width:39px; height:39px; flex:0 0 39px; border-radius:10px; background:linear-gradient(135deg,var(--kisayol),#293e59); color:#fff; box-shadow:0 3px 7px #20375118; }
.page-index .hizli .hz-ikon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; }
.page-index .hizli b { min-width:0; color:#283f5b; font:800 12px/1.5 var(--govde); text-align:left; overflow-wrap:anywhere; }
.page-index .hizli .hz-ok { display:grid; place-items:center; width:23px; height:23px; flex:0 0 23px; margin-left:auto; border-radius:6px; background:#ffffff9c; color:var(--kisayol); font-size:15px; }
.page-index .hizli a:hover { background:var(--kisayol-acik); border-color:var(--kisayol); color:#283f5b; box-shadow:0 5px 12px #263f6117; text-decoration:none; }
.page-index .hizli a:focus-visible { outline:3px solid var(--kisayol); outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  .page-index .hizli a { transition:transform .2s ease,box-shadow .2s ease; }
  .page-index .hizli a:hover { transform:translateY(-2px); }
  .page-index .hizli .hz-ok { transition:transform .2s ease; }
  .page-index .hizli a:hover .hz-ok { transform:translate(2px,-2px); }
}
@media(max-width:950px) {
  .page-index .hizli { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
  .page-index .hizli { gap:8px; padding:8px; }
  .page-index .hizli a { min-height:72px; gap:7px; padding:10px 8px; }
  .page-index .hizli a .hz-ikon { width:31px; height:31px; flex-basis:31px; border-radius:8px; }
  .page-index .hizli .hz-ikon svg { width:20px; height:20px; }
  .page-index .hizli b { font-size:11px; }
  .page-index .hizli .hz-ok { display:none; }
}

/* Sabit ganyan tablo gövdesi: sakin zemin, tek vurgu rengi. */
.page-index .sabit-blok .agf-acik,
.page-index .sabit-blok caption.agf-acik { background:#f3f1f5; color:#625d70; border-color:#e3dfe8; }
.page-index .sabit-blok .agf-tablo th { background:#ebe8ef; color:#575365; border-color:#ddd8e4; }
.page-index .sabit-blok .agf-tablo td { background:transparent; color:#454352; border-color:#e9e6ed; }
.page-index .sabit-blok .agf-tablo tbody tr { background:#fff; }
.page-index .sabit-blok .agf-tablo tr.agf-guclu { background:#f5f1f7; }
.page-index .sabit-blok .agf-tablo tr.agf-sinyal { background:#faf9fc; }
.page-index .sabit-blok .agf-tablo tbody tr:hover { background:#eeebf3; }
.page-index .sabit-blok .agf-tablo .agf-guclu td:first-child { border-left-color:#ad98bd; }
.page-index .sabit-blok .at-ad { color:#4e3e60; }
.page-index .sabit-blok .alt-satir { color:#736d7d; }
.page-index .sabit-blok .agf-et-guclu,
.page-index .sabit-blok .agf-et-sinyal { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; background:#eee8f3; color:#644c77; border:1px solid #d8cde1; border-radius:5px; font-size:9px; box-shadow:none; animation:none; }
.page-index .sabit-blok .agf-et-cift { background:#f6eddf; border-color:#e5d5b9; color:#795820; }
.page-index .sabit-blok .agf-et-cift > span { white-space:nowrap; letter-spacing:-1px; }
.page-index .sabit-blok .agf-et-dusus { background:#f0f0f3; border-color:#dddce3; color:#676374; }
.page-index .sabit-blok .agf-tablo td:nth-child(4) > b { background:#f3eff7; color:#654d78; border-color:#ddd2e5; box-shadow:none; }
.page-index .sabit-blok .agf-fark.artis > b { background:#eeeaf3; color:#654d78; }
.page-index .sabit-blok .agf-tablo .yz-sira { background:#eeebf4; border:1px solid #d9d2e4; color:#635276; }

/* Sabit ganyan: BANKOCU sıralaması için sade, eşit boyutlu rozetler. */
.page-sabit .agf-tablo .yz-sira { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:53px; min-height:27px; padding:4px 8px; border:1px solid #d6d1df; border-radius:6px; background:#f0edf4; color:#62556f; font:750 10px/1.5 var(--govde); letter-spacing:.2px; box-shadow:none; text-shadow:none; animation:none; vertical-align:middle; }
.page-sabit .agf-tablo .yz-sira.yz-s1 { background:#e8def1; border-color:#c7b3d8; color:#63447b; }
.page-sabit .agf-tablo .yz-sira.yz-s2 { background:#e8e9f3; border-color:#cbd0e2; color:#526081; }
.page-sabit .agf-tablo .yz-sira.yz-s3 { background:#f1e8dd; border-color:#ddcbb6; color:#795c38; }
.page-sabit .agf-tablo .yz-sira::before,
.page-sabit .agf-tablo .yz-sira::after { display:none; }

/* Duyuru ve üst menü: markaya uygun belirgin, sade üst alan. */
.duyuru-bar { background:linear-gradient(110deg,#263f68,#654c83 70%,#88613b); color:#fff4db; border-bottom:1px solid #c4a56b; font:600 12px/1.6 var(--govde); box-shadow:inset 0 1px 0 #ffffff12; }
.duyuru-bar.db-zemin-acil { background:linear-gradient(110deg,#873c4c,#a54440); }
.duyuru-bar.db-zemin-uyari { background:linear-gradient(110deg,#765025,#a46c31); }
.duyuru-bar.db-zemin-basari { background:linear-gradient(110deg,#493867,#75518d); }
.duyuru-bar .db-ikon,
.duyuru-bar.db-kayan .db-oge .db-ikon { width:auto; min-width:20px; height:auto; border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; font-size:18px; color:#ffe1a3; }
.duyuru-bar .db-oge { gap:10px; }
.duyuru-bar .db-metin { font-weight:650; letter-spacing:.1px; }
.duyuru-bar .db-metin a { color:#fff1c9; border-bottom-color:#e3c795; }
.duyuru-bar .db-grup { gap:32px; padding-top:10px; padding-bottom:10px; }
.duyuru-bar .db-ortala { padding-top:10px; padding-bottom:10px; }
.duyuru-bar .db-kapat { border-radius:6px; color:#fff; }
.ust { background:linear-gradient(110deg,#fff 20%,#f2f4fc 70%,#faf3e6); border-bottom:2px solid #bfa36f; box-shadow:0 4px 18px #25385910; }
.ust .logo > small { color:#766039; letter-spacing:.18em; }
.ust .ana-menu > a,
.ust .ana-menu > .ust-acilir > summary { border:1px solid transparent; color:#394e70; border-radius:7px; font-weight:800; }
.ust .ana-menu > a:hover,
.ust .ana-menu > .ust-acilir > summary:hover { background:#e8e9f6; border-color:#d1d5e8; color:#4f4279; }
.ust .ana-menu > a.aktif,
.ust .ana-menu > .ust-acilir.aktif > summary { background:linear-gradient(115deg,#304d75,#665084); border-color:#455879; color:#fff; box-shadow:0 3px 9px #4d4a7b20; }
.ust .ust-premium { background:linear-gradient(115deg,#f5e2ad,#fff4d8); border-color:#cfb579; color:#704c18 !important; }
.ust .btn.ust-kayit,
.ust .btn.ust-oturum { background:linear-gradient(115deg,#344e7c,#70518b); border:1px solid #53618b; border-radius:7px; color:#fff; box-shadow:0 3px 8px #4c48731a; }
.ust .ust-giris { color:#4d476c; font-weight:750; }
.ust .ust-ikon { color:#52658b; }
.ust .ust-profil > summary { border-color:#c9cde1; background:#fff; border-radius:8px; }
.ust .acilir-kutu { border:1px solid #d6dbea; border-radius:10px; box-shadow:0 12px 32px #27364b20; background:#fff; }
.ust .acilir-kutu a:hover { background:#f0edf7; color:#564279; }
.ust .mobil-menu { background:#f7f8fc; border-color:#d2daeb; }
.ust .mobil-menu .mm-izgara a { color:#3d5070; border-radius:7px; }
.ust .mobil-menu .mm-izgara a.aktif { background:#e9e3f4; color:#654786; }
.ust .menu-ac { border-color:#c8cfe0; background:#fff; border-radius:7px; }
.ust .menu-ac > span { background:#4e5d7c; }
.ust :is(a,summary,button):focus-visible,
.duyuru-bar :is(a,button):focus-visible { outline:3px solid #bd9952; outline-offset:3px; }
@media(max-width:600px) {
  .duyuru-bar { font-size:11px; }
  .duyuru-bar .db-ikon { font-size:16px; }
}

/* Keşfet: kompakt bağlantı kartları ve tutarlı çizgi ikonları. */
.ust .ust-acilir .acilir-izgara { left:auto; right:0; width:570px; max-width:calc(100vw - 32px); min-width:0; box-sizing:border-box; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding:13px; border:1px solid #c5cce0; border-top:3px solid #8f76ad; border-radius:12px; background:linear-gradient(130deg,#edf1fa,#f3edf7); box-shadow:0 16px 40px #25345326; max-height:calc(100dvh - 145px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.ust .ust-acilir .acilir-izgara a { --kesfet-renk:#485e96; --kesfet-acik:#e7ecfa; display:flex; align-items:center; min-width:0; min-height:53px; box-sizing:border-box; gap:9px; padding:9px; border:1px solid #d7ddeb; border-radius:8px; background:#ffffffdc; color:#354761; font:700 11px/1.5 var(--govde); white-space:normal; text-decoration:none; overflow-wrap:anywhere; }
.ust .ust-acilir .acilir-izgara a:nth-child(3n+2) { --kesfet-renk:#795595; --kesfet-acik:#f0e8f7; }
.ust .ust-acilir .acilir-izgara a:nth-child(3n) { --kesfet-renk:#8b642b; --kesfet-acik:#f6eddd; }
.ust .ust-acilir .acilir-izgara a .ui-ikon { box-sizing:content-box; flex:none; width:18px; height:18px; padding:7px; border-radius:7px; background:var(--kesfet-acik); color:var(--kesfet-renk); stroke-width:1.8; }
.ust .ust-acilir .acilir-izgara a:hover { background:var(--kesfet-acik); border-color:#b3bcd5; color:#303c58; box-shadow:0 2px 6px #3d426412; }
.ust .ust-acilir .acilir-izgara a:focus-visible { outline:2px solid var(--kesfet-renk); outline-offset:1px; }
.ust .ana-menu > .ust-acilir[open] > summary { background:#e8e3f2; border-color:#cbbfdd; color:#60477e; }
@media(prefers-reduced-motion:reduce) {
  .ust .ust-acilir .acilir-izgara { animation:none; }
}
@media(min-width:1001px) and (max-height:650px) {
  .ust .ust-acilir .acilir-izgara { max-height:calc(100dvh - 115px); }
}

/* Günlük rapor: renk kodlu bölümler ve belirgin veri vurguları. */
.page-rapor { background:#f1f3f9; }
.page-rapor .rp-hero { background:radial-gradient(ellipse at 95% 10%,#bd976140,transparent 60%),linear-gradient(115deg,#283f68,#665080); border:1px solid #6e658d; border-bottom:3px solid #d5b474; box-shadow:0 8px 26px #29385a17; }
.page-rapor .rp-hero h1 { color:#fff4d9; font-weight:850; }
.page-rapor .rp-hero p { color:#ebe9f5; }
.page-rapor .rp-et { color:#ffe0a0; }
.page-rapor .rp-tarih { padding:13px; border:1px solid #ffffff30; border-radius:9px; background:#ffffff0c; }
.page-rapor .rp-tarih small { color:#e7e2f0; }
.page-rapor .rp-hipler a { background:#ffffff0d; border-color:#ffffff40; color:#fff; }
.page-rapor .rp-gun > a { background:#ffffff15; border-color:#ffffff40; color:#fff0c8; }
.page-rapor .rp-gun button { background:#f0d391; border-color:#f0d391; color:#513d1d; }
.page-rapor .rp-nav a { border-color:#c3cce1; background:linear-gradient(125deg,#fff,#e4e8f5); color:#3e5078; box-shadow:0 2px 5px #253e6008; }
.page-rapor .rp-nav a .ui-ikon { color:#72528f; }
.page-rapor .rp-nav a b { background:#604b82; color:#fff; padding:3px 7px; }
.page-rapor .rp-bolum { --rp-accent:#815e22; --rp-tint:#f6e8c7; padding:18px; border:1px solid #ced6e6; box-shadow:0 3px 12px #283c5c08; }
.page-rapor #rp-surpriz { --rp-accent:#83489b; --rp-tint:#ecdaf6; }
.page-rapor #rp-gizli { --rp-accent:#405e9c; --rp-tint:#dee7f8; }
.page-rapor #rp-idman { --rp-accent:#226c8a; --rp-tint:#dbedf5; }
.page-rapor #rp-para { --rp-accent:#77508c; --rp-tint:#ebdff2; }
.page-rapor #rp-deger { --rp-accent:#99601e; --rp-tint:#f8e6cc; }
.page-rapor #rp-riskli { --rp-accent:#a14657; --rp-tint:#f7e0e4; }
.page-rapor #rp-kupon { --rp-accent:#4e5c94; --rp-tint:#e2e6f7; }
.page-rapor .rp-bolum > h2 { padding:11px 13px; margin-bottom:12px; background:linear-gradient(110deg,var(--rp-accent),#303f5b); border-radius:8px; color:#fff; font-size:17px; }
.page-rapor .rp-bolum h2 > .ui-ikon { background:#ffffff18; color:#ffedbd; border-radius:6px; padding:5px; }
.page-rapor .rp-ac { color:#50627c; }
.page-rapor .rp-kart { padding:16px; border-radius:10px; background:linear-gradient(145deg,var(--rp-tint),#fff 85%); box-shadow:0 3px 8px #283e5b08; }
.page-rapor .rp-yer { color:#4d5e75; font-size:10px; }
.page-rapor .rp-at > b { color:#283a56; font-weight:850; }
.page-rapor .rp-p { padding:8px 10px; border:1px solid #d4cee0; border-radius:8px; background:#fff; color:var(--rp-accent); font-size:23px; }
.page-rapor .rp-p em { color:#5b4d6c; font-size:9px; }
.page-rapor .rp-p small { color:#58677d; }
.page-rapor .rp-kart p { color:#435670; }
.page-rapor .rp-risk { padding:9px; border:1px solid #e6c7c7; border-radius:6px; background:#fff1ee; color:#8d4144; }
.page-rapor .rp-satir { padding:13px; background:linear-gradient(110deg,var(--rp-tint),#fff 80%); border-color:#d7dbe7; border-left-color:var(--rp-accent); }
.page-rapor .rp-satir > b { color:#2e405d; font-weight:850; }
.page-rapor .rp-cipler i { padding:5px 8px; border-color:#c7cddd; background:#fff; color:#4d5673; font-weight:750; font-style:normal; }
.page-rapor .rp-cipler i.rp-yesil { background:#eee8f6; color:#664a82; border-color:#cfbfe1; }
.page-rapor .rp-kuponlar > div { background:linear-gradient(135deg,#fff,var(--rp-tint)); border-color:#cccde2; border-radius:8px; }
.page-rapor .rp-kuponlar > div b { color:var(--rp-accent); font-weight:850; }
.page-rapor .rp-kart:hover,.page-rapor .rp-satir:hover { border-color:var(--rp-accent); box-shadow:0 5px 14px #293e5c14; }
@media(prefers-reduced-motion:no-preference) {
  .page-rapor .rp-nav a,.page-rapor .rp-kart { transition:transform .2s ease,box-shadow .2s ease; }
  .page-rapor .rp-nav a:hover,.page-rapor .rp-kart:hover { transform:translateY(-2px); }
}
@media(max-width:600px) {
  .page-rapor .rp-bolum { padding:12px; }
  .page-rapor .rp-bolum > h2 { font-size:15px; padding:9px; }
  .page-rapor .rp-p { font-size:20px; }
}

/* Hipodrom dizini ve profilleri: ortak renk ve veri kartı sistemi. */
body.page-hipodrom { background:#f1f3f9; }
body.page-hipodrom .hp-hero { position:relative; overflow:hidden; padding:28px; border:1px solid #20364c; border-bottom:3px solid #d4b170; border-radius:16px; background:#20364c; box-shadow:0 7px 24px #293c6115; }
body.page-hipodrom .hp-hero .rp-et { display:inline-flex; align-items:center; padding:5px 9px; border:1px solid #ffffff35; border-radius:6px; background:#ffffff0d; color:#ffe1a3; font:800 10px/1.5 var(--govde); letter-spacing:1px; }
body.page-hipodrom .hp-hero h1 { color:#ffffff; font:850 clamp(23px,3vw,34px)/1.3 var(--govde); letter-spacing:-.6px; margin:14px 0 10px; }
body.page-hipodrom .hp-hero p { color:#e1e9f1; opacity:1; font:500 12px/1.9 var(--govde); max-width:850px; }
body.page-hipodrom .hp-sec { gap:7px; padding:8px; border:1px solid #d3d9e7; border-radius:10px; background:#e8edf3; scrollbar-width:thin; }
body.page-hipodrom .hp-sec a { flex:none; padding:8px 12px; border:1px solid #cbd4e6; border-radius:7px; background:#fff; color:#435774; font-size:11px; font-weight:750; }
body.page-hipodrom .hp-sec a.aktif { background:#263f5b; border-color:#5c5c87; color:#fff; }
body.page-hipodrom .hp-pist { gap:8px; margin-top:18px; }
body.page-hipodrom .hp-hero .hp-pist a { padding:8px 13px; border-radius:7px; border-color:#ffffff40; background:#ffffff12; font-size:11px; font-weight:750; }
body.page-hipodrom .hp-hero .hp-pist a.aktif { background:#f0d397; border-color:#f0d397; color:#513e1d; }
body.page-hipodrom .hp-secim-panel { padding:22px; border:1px solid #d1daea; border-radius:14px; background:#fff; margin:20px 0; }
body.page-hipodrom .hp-secim-panel h2 { font:800 18px/1.5 var(--govde); color:#30476a; margin-top:0; }
body.page-hipodrom .hp-secim-panel > p { color:#5e718b; font-size:12px; }
body.page-hipodrom .hp-secim-liste { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:18px; }
body.page-hipodrom .hp-secim-liste > a { --hip-renk:#395c99; --hip-tint:#e1eafa; display:flex; flex-direction:column; align-items:stretch; gap:15px; min-width:0; padding:18px; border:1px solid #cbd6e8; border-top:4px solid var(--hip-renk); border-radius:10px; background:#fff; text-decoration:none; box-shadow:0 3px 10px #243d5e08; }
body.page-hipodrom .hp-secim-liste > a:nth-child(3n+2) { --hip-renk:#775294; --hip-tint:#ecdef7; }
body.page-hipodrom .hp-secim-liste > a:nth-child(3n) { --hip-renk:#956222; --hip-tint:#f6e6c9; }
body.page-hipodrom .hp-secim-liste b { display:block; color:#2d4263; font:850 17px/1.5 var(--govde); overflow-wrap:anywhere; }
body.page-hipodrom .hp-secim-liste small { display:block; margin-top:7px; color:#576b85; font:600 11px/1.5 var(--govde); }
body.page-hipodrom .hp-secim-liste .hp-secim-ok { display:block; align-self:flex-start; padding:6px 9px; border-radius:6px; background:var(--hip-renk); color:#fff; font:750 10px/1.5 var(--govde); }
body.page-hipodrom .hp-secim-liste > a:hover { border-color:var(--hip-renk); box-shadow:0 6px 16px #3447651c; }
body.page-hipodrom .hp-kutular { gap:12px; margin:18px 0; }
body.page-hipodrom .hp-kutular > div { --hip-veri:#49679e; min-width:0; padding:17px; border:1px solid #d1dcec; border-top:3px solid var(--hip-veri); border-radius:10px; background:#fff; box-shadow:0 3px 8px #293e5d06; }
body.page-hipodrom .hp-kutular > div:nth-child(3n+2) { --hip-veri:#82579e; }
body.page-hipodrom .hp-kutular > div:nth-child(3n) { --hip-veri:#966721; }
body.page-hipodrom .hp-kutular span { color:#45596f; font:750 10px/1.5 var(--govde); text-transform:none; letter-spacing:0; }
body.page-hipodrom .hp-kutular b { display:block; color:var(--hip-veri); font:850 26px/1.3 var(--govde); margin:9px 0 5px; overflow-wrap:anywhere; }
body.page-hipodrom .hp-kutular small { color:#45596f; font:500 10px/1.6 var(--govde); }
body.page-hipodrom .hp-kutular .hp-vurgu { background:#fff8e7; border-color:#d6b879; }
body.page-hipodrom main.kap .panel { min-width:0; padding:20px; border:1px solid #d4dcec; border-radius:12px; background:#fff; box-shadow:0 3px 12px #293f5e06; }
body.page-hipodrom .panel > h2 { padding:0 0 12px; margin:0 0 16px; border-radius:0; border-bottom:2px solid #dde4ed; background:transparent; color:#20364c; font:800 16px/1.5 var(--govde); }
body.page-hipodrom .panel > .kucuk { color:#5c6e86; font-size:10px; line-height:1.8; }
body.page-hipodrom .agf-tablo th { padding:11px; background:#e8edf3; color:#34465b; font-size:10px; }
body.page-hipodrom .agf-tablo td { padding:11px; border-color:#e6eaf2; color:#263c53; font-size:11px; }
body.page-hipodrom .agf-tablo tbody tr:nth-child(even) { background:#f7f8fc; }
body.page-hipodrom .agf-tablo .artis { display:inline-block; padding:4px 7px; background:#e6f1ed; color:#286b55; border-radius:5px; }
body.page-hipodrom .agf-tablo .azalis { display:inline-block; padding:4px 7px; background:#f7e8e9; color:#994857; border-radius:5px; }
body.page-hipodrom .hp-bar { grid-template-columns:minmax(100px,1fr) minmax(40px,1.1fr) 48px; padding:9px; margin:6px 0; background:#f5f7fa; border:1px solid #e6e7f0; border-radius:7px; font-size:11px; color:#30465e; }
body.page-hipodrom .hp-bar i { height:9px; background:#dce2ef; }
body.page-hipodrom .hp-bar i b { background:#526f96; }
body.page-hipodrom .hp-bar em { color:#344d70; font-size:12px; }
body.page-hipodrom .hp-liste { padding:0; counter-reset:hip-sira; }
body.page-hipodrom .hp-liste li { counter-increment:hip-sira; display:grid; grid-template-columns:27px minmax(0,1fr); gap:4px 9px; align-items:center; padding:10px 0; border-bottom:1px solid #e7eaf2; }
body.page-hipodrom .hp-liste li::before { content:counter(hip-sira); grid-row:1/3; display:grid; place-items:center; width:27px; height:27px; border-radius:6px; background:#e9edf6; color:#52658d; font:800 11px var(--govde); }
body.page-hipodrom .hp-liste li:first-child::before { background:#efdfb9; color:#785a20; }
body.page-hipodrom .hp-liste li > b { min-width:0; font:800 12px/1.5 var(--govde); color:#344b6c; }
body.page-hipodrom .hp-liste li > span { grid-column:2; color:#45596f; font-size:10px; line-height:1.6; }
body.page-hipodrom .hp-liste li > span > b { display:inline-block; padding:2px 6px; border-radius:4px; color:#314c70; background:#e8eef6; font-size:11px; }
body.page-hipodrom .hp-liste .kisi-link { color:#3b5274; }
body.page-hipodrom :is(.hp-secim-liste a,.hp-sec a,.hp-pist a,.kisi-link):focus-visible { outline:3px solid #9a76b8; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  body.page-hipodrom .hp-secim-liste > a { transition:transform .2s ease,box-shadow .2s ease; }
  body.page-hipodrom .hp-secim-liste > a:hover { transform:translateY(-3px); }
}
@media(max-width:950px) {
  body.page-hipodrom .hp-secim-liste { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  body.page-hipodrom .hp-hero { padding:20px; }
  body.page-hipodrom .hp-secim-panel { padding:14px; }
  body.page-hipodrom .hp-secim-liste { grid-template-columns:minmax(0,1fr); gap:10px; }
  body.page-hipodrom .hp-kutular { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  body.page-hipodrom .hp-kutular > div { padding:12px; }
  body.page-hipodrom .hp-kutular b { font-size:22px; }
  body.page-hipodrom main.kap .panel { padding:13px; }
  body.page-hipodrom .panel > h2 { font-size:13px; padding:10px; }
}

/* Hipodrom jokeyleri: ad, fotoğraf ve bitirişler aynı tablo satırında. */
body.page-hipodrom .hp-basari-izgara { grid-template-columns:minmax(0,1fr); }
body.page-hipodrom .hp-jokey-sar { border:1px solid #d7dfeb; border-radius:9px; overflow-x:auto; }
body.page-hipodrom .hp-jokey-tablo { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
body.page-hipodrom .hp-jokey-tablo caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
body.page-hipodrom .hp-jokey-tablo thead th { padding:12px; background:#e8edf4; color:#435870; font:750 11px/1.5 var(--govde); text-align:center; white-space:nowrap; }
body.page-hipodrom .hp-jokey-tablo thead th:nth-child(2) { text-align:left; }
body.page-hipodrom .hp-jokey-tablo tbody :is(td,th) { padding:10px 12px; border-bottom:1px solid #e3e8f0; background:#fff; color:#344b65; font:600 12px/1.5 var(--govde); text-align:center; white-space:nowrap; }
body.page-hipodrom .hp-jokey-tablo tbody th { text-align:left; min-width:205px; }
body.page-hipodrom .hp-jokey-tablo tbody tr:nth-child(even) :is(td,th) { background:#f6f8fb; }
body.page-hipodrom .hp-jokey-tablo tbody tr:hover :is(td,th) { background:#edf2f9; }
body.page-hipodrom .hp-jokey-tablo .kisi-link { display:flex; align-items:center; gap:12px; color:#263e5c; font-weight:800; }
body.page-hipodrom .hp-jokey-tablo .jokey-foto { width:58px; height:64px; max-width:none; flex:0 0 58px; object-fit:contain; object-position:center bottom; border-radius:8px; background:#e8edf4; border:1px solid #d7dfeb; }
body.page-hipodrom .hp-sira-rozet { display:inline-grid; place-items:center; width:27px; height:27px; border-radius:6px; background:#e6ecf5; color:#4c6383; font-size:11px; font-weight:800; }
body.page-hipodrom .hp-jokey-tablo tr:first-child .hp-sira-rozet { background:#f1e0b8; color:#77571e; }
body.page-hipodrom .hp-birincilik { color:#855e1d; background:#f8edd5; padding:5px 8px; border-radius:5px; }
body.page-hipodrom .hp-kazanma { display:inline-block; min-width:42px; padding:5px 8px; border-radius:5px; background:#e7eaf5; color:#4f527e; }
@media(max-width:600px) {
  body.page-hipodrom .hp-jokey-tablo tbody :is(td,th),body.page-hipodrom .hp-jokey-tablo thead th { padding:9px 8px; }
  body.page-hipodrom .hp-jokey-tablo .jokey-foto { width:48px; height:54px; flex-basis:48px; }
  body.page-hipodrom .hp-jokey-tablo tbody th { min-width:185px; }
}

/* Önceki canlı tasarım üzerinde sınırlı renk uyumu. */
body.page-index .hizli { background:linear-gradient(120deg,#e8edf6,#eee9f3); }
body.page-index .hizli a:nth-child(5) { --kisayol:#3b658a; --kisayol-acik:#e1ebf4; }
body.page-index .hizli a:nth-child(6) { --kisayol:#916b32; --kisayol-acik:#f4ead8; }
body.page-index .hizli a:nth-child(7) { --kisayol:#8b526b; --kisayol-acik:#f2e4eb; }
body.page-index .no-kart.no-sabit { --kart-koyu:#814d38; --kart-acik:#f1ded1; --kart-cizgi:#d5b69d; }
body.page-index .no-kart.no-idman { --kart-koyu:#245c7b; --kart-acik:#d3e5ef; --kart-cizgi:#9bbbd0; }
body.page-index .agf-blok:not(.sabit-blok) .agf-baslik-satir { background:linear-gradient(115deg,#354e80,#62508d 75%,#806477); }
body.page-index .sabit-blok .agf-baslik-satir { background:linear-gradient(115deg,#654466,#885579 70%,#9c6853); }
body.page-index .blok:has(> .dc-serit) > .blok-baslik { background:linear-gradient(110deg,#304d7c,#65508e 80%,#806477); }
body.page-index .bs-blok > .blok-baslik { background:linear-gradient(110deg,#513474,#79528b 75%,#9a7845); }
body.page-index .no-kart .no-at b { color:#20344a; }
body.page-index .no-kart .no-yer,
body.page-index .no-kart .no-neden { color:#40576d; }

/* Ana sayfa ince ayar: beyaz zemin üzerinde canlı, uyumlu kartlar. */
body.page-index { background:#fff; }
body.page-index .hizli { background:#f7f5fa; border-color:#e0dbe9; }
body.page-index .no-kart { background:linear-gradient(155deg,var(--kart-acik),#fff 88%); border-color:var(--kart-cizgi); box-shadow:0 5px 14px #43325412; }
body.page-index .no-kart.no-banko { --kart-koyu:#765013; --kart-acik:#f8e8ba; --kart-cizgi:#d6b86e; }
body.page-index .no-kart.no-agf:not(.no-sabit) { --kart-koyu:#20634c; --kart-acik:#d9eee3; --kart-cizgi:#98c3ad; }
body.page-index .no-kart.no-sabit { --kart-koyu:#8a4a35; --kart-acik:#f4dfd3; --kart-cizgi:#d6ad98; }
body.page-index .no-kart.no-surpriz { --kart-koyu:#6f3c91; --kart-acik:#eadbf5; --kart-cizgi:#c4a5db; }
body.page-index .no-kart.no-idman { --kart-koyu:#245e7e; --kart-acik:#dcecf5; --kart-cizgi:#9ebfd2; }
body.page-index .no-kart.no-bulucu { --kart-koyu:#405694; --kart-acik:#e1e6f8; --kart-cizgi:#aab8dd; }
body.page-index .no-kart .no-tur { background:linear-gradient(110deg,var(--kart-koyu),var(--kart-koyu)); box-shadow:0 2px 5px #30233f10; }
body.page-index .no-kart .no-deger,
body.page-index .no-kart .no-ganyan-vurgu,
body.page-index .no-kart .no-idman-piyasa > span { background:#fff; }
body.page-index .hizli a:nth-child(n) { box-shadow:0 3px 9px #4332540e; }
body.page-index .dc-kart.dc-kart { background:linear-gradient(155deg,#fff,var(--dc-acik)); border-color:#d8cfe2; box-shadow:0 5px 14px #43325410; }
body.page-index .dc-kart.dc-kart .dc-isaret li { background:#ffffffeb; border-color:#ded9e6; border-left-color:var(--dc-koyu); }
body.page-index .dc-kart.dc-kart .dc-alt { background:#ffffffa8; }
body.page-index .bs-blok .bs-kart.bs-kart { box-shadow:0 5px 14px #43325410; }
body.page-index .agf-blok.agf-blok { border-color:#d9d0e3; box-shadow:0 4px 14px #4332540d; }
body.page-index .bs-blok.bs-blok { background:#f5eff8; border-color:#d9cbe4; }
body.page-index .blok:has(> .dc-serit) { background:#f5f2f8; border-color:#dad2e5; }
body.page-index .agf-blok:not(.sabit-blok) .agf-tablo tr.agf-guclu { background:linear-gradient(100deg,#e7ddf3,#f9f6fc); }
body.page-index .agf-blok:not(.sabit-blok) .agf-tablo tr.agf-sinyal { background:#f5f4fa; }
body.page-index .sabit-blok .agf-tablo tr.agf-guclu { background:#f7f1f5; }
body.page-index .no-kart:hover { box-shadow:0 8px 20px #4332541c; }

/* ===== 🔀 Karma altılı — 3 Kasım ===== */
.hip-sekme a.hip-karma { border:1.5px dashed #b8892f; }
.karma-ust { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin:12px 0 16px; padding:20px 22px; border-radius:16px; color:#fff;
  background:radial-gradient(ellipse at 90% 0%,#e2c47833,transparent 55%),linear-gradient(118deg,#2a1f3d,#3b2f5a 55%,#4a3d2a); box-shadow:0 10px 26px #2a1f3d33; }
.karma-ust > div:first-child { flex:1 1 320px; }
.karma-ust .ust-etiket { color:#e6cf8f; letter-spacing:.14em; }
.karma-ust h1 { margin:4px 0 6px; color:#fff; font:900 28px/1.2 var(--govde, inherit); }
.karma-ust p { margin:0; color:#d9d3e6; font-size:13px; }
.karma-eylem { display:flex; flex-wrap:wrap; gap:8px; }
.karma-eylem .btn { background:#e6cf8f; color:#2a1f3d; border:0; font-weight:800; }
.karma-eylem .btn-hayalet { background:#ffffff14; color:#fff; border:1px solid #ffffff33; }
.karma-sonuc { flex-basis:100%; padding:10px 14px; border-radius:10px; background:#ffffff14; border:1px solid #ffffff2b; }
.karma-ayaklar { list-style:none; padding:0; margin:0 0 20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.karma-ayak { background:#fff; border:1px solid #e1e8ee; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.karma-ayak.bitti { opacity:.85; }
.ka-bas { display:grid; grid-template-columns:auto 1fr auto; gap:2px 10px; padding:12px 14px; background:#f4f1fa; color:#2a1f3d; text-decoration:none; border-bottom:2px solid #6b5aa6; }
.ka-no { grid-row:1/3; align-self:center; background:#3b2f5a; color:#fff; border-radius:10px; padding:8px 10px; font-size:13px; }
.ka-yer { font-weight:900; font-size:15px; }
.ka-saat { font-weight:900; font-size:16px; color:#6b5aa6; }
.ka-bas small { grid-column:2/4; color:#6c6480; font-size:12px; }
.ka-atlar { list-style:none; margin:0; padding:8px 12px; display:flex; flex-direction:column; gap:6px; flex:1; }
.ka-atlar li { display:flex; align-items:center; gap:8px; padding:4px 6px; border-radius:8px; }
.ka-atlar li.kazandi { background:#e3f7e9; box-shadow:inset 0 0 0 2px #23a35a; }
.ka-ad { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:13px; }
.ka-yz { font-size:11px; font-weight:800; color:#1f6b3d; }
.ka-agf { font-size:11px; color:#6c7d8b; }
.ka-git { padding:10px 14px; border-top:1px solid #eef0f4; font-weight:800; font-size:13px; color:#3b2f5a; text-decoration:none; }

/* ===== Program: tarih + hipodrom seçici öne çıksın — 3 Kasım ===== */
.page-program .gun-secici { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 16px; margin:4px 0 14px; border:0; border-radius:16px; color:#fff;
  background:radial-gradient(ellipse at 95% 0%,#e2c4782e,transparent 55%),linear-gradient(118deg,#0f2536,#173b4c 60%,#1f5446); box-shadow:0 10px 26px #0f253633; }
.page-program .tarih-gez { display:flex; align-items:center; gap:6px; padding:6px; border-radius:14px; background:#ffffff12; border:1px solid #ffffff26; flex:none; }
.page-program .tarih-gez::before { content:'📅 TARİH'; font:800 10px/1 var(--govde, inherit); letter-spacing:.12em; color:#e6cf8f; padding:0 6px 0 4px; }
.page-program .tarih-gez > a { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:#e6cf8f; color:#1b2a36; font-size:24px; font-weight:900; text-decoration:none; box-shadow:0 3px 8px #0003; }
.page-program .tarih-gez > a:hover { background:#f2dfa7; }
.page-program .tarih-gez input { min-height:40px; padding:8px 12px; border-radius:10px; border:0; background:#fff; color:#0f2536; font:800 15px/1 var(--govde, inherit); cursor:pointer; }
.page-program .hip-sekme { display:flex; flex-wrap:wrap; gap:8px; flex:1 1 300px; align-items:center; }
.page-program .hip-sekme::before { content:'🏟️ HİPODROM'; font:800 10px/1 var(--govde, inherit); letter-spacing:.12em; color:#e6cf8f; margin-right:2px; }
.page-program .hip-sekme a { padding:11px 16px; border-radius:12px; font:800 14px/1.1 var(--govde, inherit); color:#fff; background:#ffffff14; border:1.5px solid #ffffff33; box-shadow:none; text-decoration:none; transition:background .15s, transform .15s; }
.page-program .hip-sekme a:hover { background:#ffffff26; transform:translateY(-1px); }
.page-program .hip-sekme a.aktif { background:#e6cf8f; border-color:#e6cf8f; color:#1b2a36; box-shadow:0 6px 16px #0004; }
.page-program .hip-sekme a.hip-karma { border:1.5px dashed #c9b3ff; background:#6b5aa62e; }
.page-program .hip-sekme a.hip-karma.aktif { background:#c9b3ff; border-color:#c9b3ff; color:#2a1f3d; border-style:solid; }
.page-program .hip-sekme .soluk { color:#d5e2ea; }
@media (max-width:700px) {
  .page-program .gun-secici { padding:12px; gap:10px; border-radius:14px; }
  .page-program .tarih-gez { width:100%; justify-content:space-between; }
  .page-program .tarih-gez input { flex:1; min-width:0; text-align:center; font-size:14px; padding:8px 4px; }
  .page-program .tarih-gez > a { width:38px; flex:none; }
  .page-program .hip-sekme { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
  .page-program .hip-sekme::before { grid-column:1 / -1; }
  .page-program .hip-sekme a { font-size:13px; padding:12px 10px; text-align:center; white-space:normal; }
}

/* ===== Program: analiz düğmeleri + BANKOCU koşu analizi de koyu başlık alanının içinde — 3 Kasım ===== */
.page-program .kosu-kafa { position:relative; overflow:hidden; border:0; color:#fff; padding:18px 20px 16px; border-radius:16px; box-shadow:0 12px 30px #0f253630;
  background:radial-gradient(ellipse at 88% 6%,#e2c4782e,transparent 50%),radial-gradient(ellipse at 0% 100%,#2f7a5a40,transparent 55%),linear-gradient(118deg,#0f2536 0%,#163a4a 55%,#1f5446 100%); }
.page-program .kosu-kafa.zemin-cim { background:radial-gradient(ellipse at 88% 6%,#e2c4782e,transparent 50%),radial-gradient(ellipse at 0% 100%,#4caf6a40,transparent 55%),linear-gradient(118deg,#10291f 0%,#1a4a33 55%,#2a6a40 100%); }
.page-program .kosu-kafa.zemin-kum { background:radial-gradient(ellipse at 88% 6%,#e9c27a33,transparent 50%),radial-gradient(ellipse at 0% 100%,#a8743a3a,transparent 55%),linear-gradient(118deg,#1d1a26 0%,#3a2c26 55%,#5e4128 100%); }
.page-program .kosu-kafa.zemin-sentetik { background:radial-gradient(ellipse at 88% 6%,#9ec7e533,transparent 50%),radial-gradient(ellipse at 0% 100%,#4f6fb03a,transparent 55%),linear-gradient(118deg,#121c33 0%,#203457 55%,#2d4b7a 100%); }
.page-program .kosu-kafa .kosu-ust, .page-program .kosu-kafa[class*="zemin-"] .kosu-ust { background:none; box-shadow:none; margin:0; padding:2px 0 4px; border-radius:0; }
/* analiz düğmeleri */
.page-program .kosu-kafa .an-arac { border-top:1px solid #ffffff22; margin-top:12px; padding:12px 0 10px; gap:6px; }
.page-program .kosu-kafa .an-arac a { background:#ffffff14; border:1px solid #ffffff2e; color:#fff; font-weight:800; border-radius:9px; }
.page-program .kosu-kafa .an-arac a .ui-ikon { color:#e6cf8f; }
.page-program .kosu-kafa .an-arac a:hover { background:#e6cf8f; border-color:#e6cf8f; color:#1b2a36; }
.page-program .kosu-kafa .an-arac a:hover .ui-ikon { color:#1b2a36; }
/* BANKOCU koşu analizi ve güven / risk notları */
.page-program .kosu-kafa .yz-yorum { background:#00000026; border:1px solid #ffffff22; }
.page-program .kosu-kafa .yz-ozet-metin { color:#eef3f6; }
.page-program .kosu-kafa .icgoru-serit { padding-top:10px; }
.page-program .kosu-kafa .ic-not { color:#d5e2ea; }
.page-program .kosu-kafa a.ic-not { color:#ffe39a; }
.page-program .kosu-kafa .risk-not { background:#ffffff14; color:#ffe7b0; border:1px solid #ffffff2b; }
.page-program .kosu-kafa .netice { color:#d5e2ea; }
.page-program .kosu-kafa .netice strong { color:#fff; }
@media (max-width:700px) {
  .page-program .kosu-kafa { padding:14px 12px 12px; border-radius:14px; }
  .page-program .kosu-kafa .kosu-ust, .page-program .kosu-kafa[class*="zemin-"] .kosu-ust { padding:0 0 4px; margin:0; }
  .page-program .kosu-kafa .an-arac a { padding:8px 10px; }
}
/* koyu başlıkta kalın yazılar (at adı vb.) okunur olsun */
.page-program .kosu-kafa .risk-not { font-size:11.5px; background:#00000030; color:#f3e3bd; border-color:#e6cf8f55; }
.page-program .kosu-kafa .risk-not b, .page-program .kosu-kafa .risk-not strong { color:#ffd772; font-weight:800; }
.page-program .kosu-kafa .icgoru-serit b, .page-program .kosu-kafa .icgoru-serit strong,
.page-program .kosu-kafa .yz-yorum b, .page-program .kosu-kafa .yz-yorum strong { color:#fff; }
.page-program .kosu-kafa .ic-not { font-size:11.5px; }
/* risk notu BANKOCU koşu analizi kutusunun içinde, en altta */
.page-program .kosu-kafa .yz-yorum > div { min-width:0; flex:1; }
.page-program .kosu-kafa .yz-yorum .risk-not { display:block; margin-top:10px; padding:8px 10px; border-radius:8px; text-decoration:none; }
.page-program .kosu-kafa a.risk-kilit { color:#ffe39a; }
.page-program .kosu-kafa .yz-yalniz-risk .risk-not { margin-top:0; }

/* İdman bülteni: dereceler, form rozetleri ve kart aksiyonları. */
body.page-idman { background:#f6f5f9; }
body.page-idman .sayfa-kafa { background:linear-gradient(115deg,#304c73,#70558a); border-color:#6c6288; border-top-color:#d2b276; box-shadow:0 5px 18px #42345510; }
body.page-idman .sayfa-kafa h1 { color:#fff4db; }
body.page-idman .sayfa-kafa p { color:#e9e8f2; }
body.page-idman .agf-filtre { gap:8px; }
body.page-idman .agf-filtre > a { padding:9px 12px; background:#fff; border-color:#d7d3e3; color:#514b68; border-radius:7px; font-size:11px; }
body.page-idman .agf-filtre > a.aktif { background:linear-gradient(110deg,#5e477f,#826198); border-color:#70558d; color:#fff; }
body.page-idman .idb-izgara { gap:16px; align-items:stretch; }
body.page-idman .idb-hip { background:linear-gradient(110deg,#344d73,#685182); color:#fff; padding:13px 15px; border-radius:9px; border-left:3px solid #d8ba7e; font:800 16px/1.5 var(--govde); margin:10px 0 0; }
body.page-idman .idb-hip .paylas-btn { color:#fff4d6; background:#ffffff16; border:1px solid #ffffff55; border-radius:6px; padding:7px 10px; font:700 10px/1.5 var(--govde); }
body.page-idman .idb-kart { display:flex; flex-direction:column; gap:12px; padding:17px; background:linear-gradient(155deg,#f0e8f7,#fff 55%); border:1px solid #d6c8e1; border-top:3px solid #8d6aa8; border-radius:12px; box-shadow:0 5px 16px #4434550c; }
body.page-idman .idb-ust { gap:9px; padding-bottom:12px; border-bottom:1px solid #e2dbe9; }
body.page-idman .idb-ad { flex:1 1 150px; min-width:0; }
body.page-idman .idb-ad .at-ad { font:850 17px/1.4 var(--govde); color:#3f3055; }
body.page-idman .idb-ad .alt-satir { margin-top:5px; font:500 10px/1.7 var(--govde); color:#5c6077; }
body.page-idman .idb-ad .alt-satir a { color:#4e5d7a; font-weight:700; }
body.page-idman .idb-ust .paylas-kucuk { padding:7px 9px; background:#fff; color:#634b82; border:1px solid #c7b8d7; border-radius:7px; }
body.page-idman .idb-ust .yz-sira { padding:5px 8px; border:1px solid #d7c595; background:#f7edcf; color:#76591f; box-shadow:none; animation:none; text-shadow:none; font-size:10px; }
body.page-idman .idb-ust .yz-sira::after { display:none; }
body.page-idman .idb-rozet { display:flex; flex-wrap:wrap; gap:6px; }
body.page-idman .idb-n { padding:5px 8px; border:1px solid #c8b9da; background:#eee5f6; color:#654581; border-radius:6px; font:750 10px/1.5 var(--govde); }
body.page-idman .idb-super-idman { border-color:#d9bd80; background:#f9edcc; color:#76511d; }
body.page-idman .idb-yukseliste { border-color:#accabf; background:#e5f2ec; color:#2e6954; }
body.page-idman .idb-veri { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; border:0; padding:0; }
body.page-idman .idb-veri > div { display:flex; flex-direction:column; gap:5px; min-width:0; padding:11px; border:1px solid #ddd8e7; border-radius:8px; background:#fff; }
body.page-idman .idb-veri dt { color:#6a5c7c; font:750 10px/1.5 var(--govde); }
body.page-idman .idb-veri dd { margin:0; color:#35465e; font:600 12px/1.7 var(--govde); overflow-wrap:anywhere; }
body.page-idman .idb-veri dd > b { display:inline-block; padding:5px 8px; border:1px solid #d5b97e; background:#fff3d3; border-radius:6px; color:#75501b; font:850 19px/1.4 var(--govde); }
body.page-idman .idb-veri .alt-satir { color:#646b7c; font-size:10px; line-height:1.7; }
body.page-idman .idman-video { display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid #b8c5db; background:#e9eef8; color:#3c557b; border-radius:5px; font-size:10px; font-weight:750; margin-top:5px; }
body.page-idman .idb-egilim { margin:0; padding:11px; border:1px solid #bacfc4; border-left:3px solid #5e967d; background:#edf5f0; color:#345f4c; font:600 11px/1.8 var(--govde); border-radius:7px; }
body.page-idman .idb-islemler { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:5px; }
body.page-idman .idb-islemler a { display:inline-flex; align-items:center; justify-content:center; padding:9px 11px; border:1px solid #c6b6d6; border-radius:7px; color:#60477b; background:#fff; font:750 11px/1.5 var(--govde); text-decoration:none; }
body.page-idman .idb-islemler a:first-child { background:#6c4e88; color:#fff; border-color:#6c4e88; }
body.page-idman .idb-islemler a:hover { filter:brightness(.95); }
body.page-idman :is(.idb-kart,.idb-hip) :is(a,button):focus-visible { outline:3px solid #b38b42; outline-offset:3px; }
@media(max-width:600px) {
  body.page-idman .idb-kart { padding:13px; }
  body.page-idman .idb-hip { font-size:14px; }
  body.page-idman .idb-veri { grid-template-columns:minmax(0,1fr); }
  body.page-idman .idb-islemler a { flex:1 1 100%; }
}

/* İdman bülteni ince ayar: kompakt kartlar ve ayrı işaret renkleri. */
body.page-idman .idb-izgara { gap:11px; }
body.page-idman .idb-kart { padding:12px; gap:8px; border-radius:9px; background:#fff; box-shadow:0 3px 9px #44345509; }
body.page-idman .idb-ust { padding-bottom:8px; gap:7px; }
body.page-idman .idb-ad .at-ad { font-size:14px; }
body.page-idman .idb-ad .alt-satir { font-size:10px; line-height:1.5; margin-top:3px; }
body.page-idman .idb-veri { gap:6px; }
body.page-idman .idb-veri > div { padding:8px; gap:3px; border-radius:6px; background:#fafbfd; }
body.page-idman .idb-veri dd { font-size:11px; line-height:1.5; }
body.page-idman .idb-veri dd > b { font-size:16px; padding:3px 6px; }
body.page-idman .idb-egilim { padding:8px; font-size:10px; line-height:1.6; }
body.page-idman .idb-islemler { gap:6px; padding-top:2px; }
body.page-idman .idb-islemler a { padding:6px 8px; font-size:10px; }
body.page-idman .idb-n { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; font-size:9px; }
body.page-idman .idb-rozet .idb-super-idman { background:#fff0c0; border-color:#d7b15d; color:#79500b; }
body.page-idman .idb-rozet .idb-iyi-idman { background:#e0f1e8; border-color:#95bfa7; color:#286043; }
body.page-idman .idb-rozet .idb-yukseliste { background:#e0ecfc; border-color:#a3bcdf; color:#355a91; }
body.page-idman .idb-rozet .idb-idman-jokeyi-biniyor { background:#eee2f8; border-color:#c4a7db; color:#724893; }
body.page-idman .agf-filtre > .idb-filtre-super { background:#fff6db; color:#79500b; border-color:#dfc17d; }
body.page-idman .agf-filtre > .idb-filtre-super.aktif { background:#875d16; color:#fff; border-color:#875d16; }
body.page-idman .agf-filtre > .idb-filtre-iyi { background:#edf6f0; color:#286043; border-color:#b1d1be; }
body.page-idman .agf-filtre > .idb-filtre-iyi.aktif { background:#31734f; color:#fff; border-color:#31734f; }
body.page-idman .agf-filtre > .idb-filtre-yukselis { background:#edf3fe; color:#355a91; border-color:#b6c9e7; }
body.page-idman .agf-filtre > .idb-filtre-yukselis.aktif { background:#3c6298; color:#fff; border-color:#3c6298; }
body.page-idman .agf-filtre > .idb-filtre-jokey { background:#f3ebfa; color:#724893; border-color:#d2bce3; }
body.page-idman .agf-filtre > .idb-filtre-jokey.aktif { background:#795498; color:#fff; border-color:#795498; }
body.page-idman .agf-filtre > .idb-filtre-hepsi.aktif { background:#4b576d; border-color:#4b576d; color:#fff; }
body.page-idman .idb-hip { padding:11px 13px; margin-top:22px; border-top:1px solid #d4c8e0; box-shadow:0 -8px 0 #ede8f3; }
body.page-idman .idb-hip:first-child { margin-top:10px; }
body.page-idman .idb-hip-ad { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:14px; }
body.page-idman .idb-hip-ad small { width:100%; color:#e4d8ef; font:700 8px/1.4 var(--govde); letter-spacing:1px; }
body.page-idman .idb-hip-ad .ui-ikon { width:16px; height:16px; color:#f3d497; }
@media(max-width:600px) {
  body.page-idman .idb-veri { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-idman .idb-islemler a { flex:1 1 130px; }
}
@media(max-width:360px) {
  body.page-idman .idb-veri { grid-template-columns:minmax(0,1fr); }
}

/* Ana sayfa sürpriz vitrini: mor analiz, altın ganyan ve net karşılaştırma. */
body.page-index .surpriz-vitrin { background:#f3edf8; border-color:#cbbbdb; box-shadow:0 4px 16px #533d7010; }
body.page-index .surpriz-vitrin > .blok-baslik { background:linear-gradient(110deg,#4e396d,#79588e); border-left-color:#ddbb77; border-bottom:1px solid #cbb278; }
body.page-index .surpriz-vitrin > .blok-baslik h2 { color:#fff; }
body.page-index .surpriz-vitrin > .blok-baslik > span { color:#eee5f4; }
body.page-index .surpriz-vitrin .sz-kart { background:linear-gradient(155deg,#eee3f6,#fff 60%); border:1px solid #cdbbdf; border-top:3px solid #8863a7; border-radius:12px; padding:14px; gap:12px; box-shadow:0 4px 12px #51396710; }
body.page-index .surpriz-vitrin .sz-kart::after { display:none; }
body.page-index .surpriz-vitrin .sz-ad b { color:#443157; font:850 15px/1.5 var(--govde); }
body.page-index .surpriz-vitrin .sz-ad small { color:#5e5c73; opacity:1; font:500 10px/1.6 var(--govde); }
body.page-index .surpriz-vitrin .sz-kat { padding:5px 7px; border-radius:7px; background:#72508e; border-color:#72508e; color:#fff; font:800 12px/1.5 var(--govde); box-shadow:none; }
body.page-index .surpriz-vitrin .sz-oran { gap:8px; padding:10px; border:1px solid #dcd3e6; border-radius:9px; background:#fff; }
body.page-index .surpriz-vitrin .sz-oran > div { position:relative; grid-template-columns:70px minmax(0,1fr); grid-template-rows:auto 10px; row-gap:5px; padding-bottom:0; }
body.page-index .surpriz-vitrin .sz-oran > div::after { content:""; position:absolute; left:0; right:0; bottom:0; height:10px; border-radius:5px; background:#e9e7ef; pointer-events:none; }
body.page-index .surpriz-vitrin .sz-oran span { color:#655b75; opacity:1; font:750 10px/1.5 var(--govde); letter-spacing:.2px; }
body.page-index .surpriz-vitrin .sz-oran i { position:relative; z-index:1; height:10px; border-radius:5px; }
body.page-index .surpriz-vitrin .sz-b b { color:#724599; font:850 22px/1.3 var(--govde); }
body.page-index .surpriz-vitrin .sz-b i { background:linear-gradient(90deg,#a279bf,#704696); box-shadow:0 2px 5px #77509325; }
body.page-index .surpriz-vitrin .sz-a b { color:#4f6784; font:800 17px/1.3 var(--govde); }
body.page-index .surpriz-vitrin .sz-a i { background:linear-gradient(90deg,#a1b4cf,#627f9f); }
body.page-index .surpriz-vitrin .sz-alt { gap:8px; margin-top:auto; padding-top:0; color:#554b65; opacity:1; border:0; }
body.page-index .surpriz-vitrin .sz-alt .sz-gny { display:flex; align-items:center; gap:7px; width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #d1af65; border-radius:8px; background:linear-gradient(110deg,#f5dfa9,#fff2d0); color:#76511a; font:750 11px/1.5 var(--govde); }
body.page-index .surpriz-vitrin .sz-alt .sz-gny b { margin-left:auto; color:#71460e; font:850 25px/1.2 var(--govde); font-variant-numeric:tabular-nums; }
body.page-index .surpriz-vitrin .sz-alt .sz-gny .ui-ikon { width:19px; height:19px; flex:none; color:#94671e; }
body.page-index .surpriz-vitrin .sz-alt > span:not(.sz-gny) { padding:6px 8px; border-radius:6px; border:1px solid #ddd4e7; background:#f4f0f8; color:#655675; font:600 10px/1.6 var(--govde); }
body.page-index .surpriz-vitrin .sz-kart:hover { border-color:#9470ae; box-shadow:0 7px 18px #5139671a; color:#443157; }
body.page-index .surpriz-vitrin .sz-kart:focus-visible { outline:3px solid #9872b2; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  body.page-index .surpriz-vitrin.gorundu .sz-oran i { transform-origin:left center; animation:bk-surpriz-bar .8s ease-out both; }
}
@keyframes bk-surpriz-bar { from { transform:scaleX(0); } to { transform:scaleX(1); } }

/* ===== İdman durumu (TJK: ÇR / R / HR / HÇ / Ç) — 4 Kasım ===== */
.idm-durum { display:inline-block; padding:2px 7px; border-radius:6px; font-size:11.5px; font-weight:700; white-space:nowrap; background:#eef2f5; color:#34495c; }
.idm-durum.dr-cok-rahat { background:#d9f2e2; color:#0f6a35; }
.idm-durum.dr-rahat { background:#e6f5ec; color:#1b7a43; }
.idm-durum.dr-hafif-rahat { background:#eef7e8; color:#4b7a1e; }
.idm-durum.dr-hafif-calis { background:#fdf3e1; color:#8a5a0f; }
.idm-durum.dr-calis { background:#fce8e3; color:#a2412a; }
.idm-durum.dr-cok-calis { background:#fadcd6; color:#932f1c; }

/* ===== Program satırı ekleri + geçmiş yarış tabelası — 4 Kasım ===== */
.jk-at { display:inline-block; margin-left:4px; padding:0 5px; border-radius:5px; font-size:10.5px; font-weight:800; line-height:1.6; background:#eef2f6; color:#4a6074; vertical-align:1px; cursor:help; }
.jk-at.jk-at-kazanc { background:#e3f4e9; color:#17703f; }
.jk-at.jk-at-yeni { background:#fff4e0; color:#94600f; font-weight:700; }
.hp-ok { font-size:10.5px; font-weight:800; cursor:help; }
.hp-ok.hp-yukari { color:#b3401f; }   /* HP arttı: daha ağır yük / daha güçlü koşu sınıfı */
.hp-ok.hp-asagi { color:#17703f; }
.tabela-satir td { padding:2px 10px 9px !important; border-top:0 !important; background:transparent; }
.tr-gizle + .tabela-satir { display:none; }
.tabela { display:inline-flex; flex-wrap:wrap; align-items:center; gap:3px 2px; font-size:12px; line-height:1.5; color:#3b5163; }
.tb-etiket { display:inline-block; margin-right:6px; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8a9aa8; }
.tb-at { padding:1px 6px; border-radius:6px; background:#f2f5f8; white-space:nowrap; }
.tb-at a { color:inherit; text-decoration:none; }
.tb-at a:hover { text-decoration:underline; }
.tb-at small { color:#8597a6; font-size:10.5px; }
.tb-at.tb-bu { background:#10283b; color:#fff; }
.tb-at.tb-bu small { color:#c8d6e1; }
.tb-at.tb-rakip { background:#e5f0fb; color:#1c5fa3; font-weight:700; }
.tb-fark { padding:0 3px; font-size:10.5px; font-weight:800; color:#a06a1a; }
.tb-ara { padding:0 4px; color:#9aa8b4; }
.tb-kosan { margin-left:6px; font-size:10.5px; color:#9aa8b4; }
.tb-rakip-ornek { padding:0 5px; border-radius:5px; background:#e5f0fb; color:#1c5fa3; font-weight:700; }
.perf-kart { padding-bottom:6px; }
.perf-bas { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:8px; font-size:15px; }
.perf-tablo td, .perf-tablo th { white-space:nowrap; }
.perf-tablo tr.kazanan td:first-child { box-shadow:inset 3px 0 0 #1f9d55; }
/* Koşu bandındaki analiz düğmeleri üstteki koyu başlığa taşındı; bant yalnız kupon fişini taşır */
.page-program .bayi-dugmeler:not(:has(.kb-sar)) { display:none; }

/* ===== Bölüm paylaşımı: her veri bölümünün başlığında standart 📤 düğmesi — 4 Kasım ===== */
.paylas-oto { display:inline-flex; align-items:center; gap:5px; margin-left:10px; padding:4px 10px; border:1px solid #d8e1e8; border-radius:999px; background:#fff;
  color:#10283b; font:700 12px/1.2 inherit; letter-spacing:0; text-transform:none; vertical-align:middle; cursor:pointer; box-shadow:0 1px 2px #10283b0d; }
.paylas-oto:hover { background:#10283b; border-color:#10283b; color:#fff; }
.paylas-oto span { font-size:12px; }
@media (max-width:700px) { .paylas-oto { padding:4px 8px; } .paylas-oto span { display:none; } }
.panel-baslik h2 .paylas-oto, h2 .paylas-oto, h3 .paylas-oto { font-weight:700; }
.paylas-oto.paylas-oto-sag { position:absolute; top:10px; right:12px; z-index:3; margin:0; }

/* ===================== Analiz: sekme şeridi, Son yarışları, Rakip karşılaştırma — 4 Kasım ===================== */
/* Sekmeler: bilgisayarda hepsi görünür (satıra sarar); telefonda kaydırılır + oklar + kenar gölgesi */
.an-sekme-sar { position:relative; margin:0 0 16px; }
.an-sekme-sar .an-sekme { margin:0; }
@media (min-width:901px) {
  .an-sekme-sar .an-sekme { flex-wrap:wrap; overflow:visible; padding-bottom:0; }
  .an-sekme-sar .an-ok { display:none !important; }
}
@media (max-width:900px) {
  .an-sekme-sar .an-sekme { scroll-snap-type:x proximity; scrollbar-width:none; padding:2px 2px 4px; }
  .an-sekme-sar .an-sekme::-webkit-scrollbar { display:none; }
  .an-sekme-sar .an-sekme a { scroll-snap-align:start; }
  .an-sekme-sar.sag-var .an-sekme { -webkit-mask-image:linear-gradient(90deg,#000 80%,transparent); mask-image:linear-gradient(90deg,#000 80%,transparent); }
  .an-sekme-sar.sol-var.sag-var .an-sekme { -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 82%,transparent); mask-image:linear-gradient(90deg,transparent,#000 14%,#000 82%,transparent); }
  .an-sekme-sar.sol-var:not(.sag-var) .an-sekme { -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%); mask-image:linear-gradient(90deg,transparent,#000 16%); }
}
.an-ok { position:absolute; top:50%; z-index:2; width:34px; height:34px; margin-top:-19px; border-radius:50%; border:0; background:#10283b; color:#fff;
  font:800 22px/1 inherit; display:grid; place-items:center; box-shadow:0 4px 12px #10283b40; cursor:pointer; }
.an-ok[hidden] { display:none; }
.an-ok-sol { left:-4px; } .an-ok-sag { right:-4px; animation:an-ok-durt 1.4s ease-in-out 3; }
@keyframes an-ok-durt { 0%,100% { transform:translateX(0); } 50% { transform:translateX(5px); } }

/* Sekme giriş kartı */
.an-giris-ust { display:flex; flex-wrap:wrap; gap:12px 20px; justify-content:space-between; align-items:flex-end; }
.an-giris-ust h2 { margin:0 0 6px; }
.an-giris-ust p { margin:0; max-width:720px; color:#3d5466; line-height:1.55; }
.nasil-oku { margin-top:14px; border:1px solid #e3e9ee; border-radius:12px; background:#f7fafc; }
.nasil-oku summary { cursor:pointer; padding:10px 14px; font-weight:800; color:#10283b; list-style:none; }
.nasil-oku summary::-webkit-details-marker { display:none; }
.nasil-oku summary::before { content:'❔ '; }
.nasil-oku ul { margin:0; padding:0 14px 12px 32px; display:grid; gap:8px; font-size:13.5px; color:#3d5466; }
.nasil-oku li .pf-sira, .nasil-oku li .tb-at, .nasil-oku li .tb-fark { margin-right:4px; }

/* Son yarışları: at kartı */
.pf-kart { padding:0; overflow:hidden; border:1px solid #e1e8ee; }
.pf-bas { display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:space-between; align-items:center; padding:14px 18px; background:linear-gradient(100deg,#10283b,#1d4a52); color:#fff; }
.pf-kimlik { display:flex; align-items:center; gap:12px; }
.pf-kimlik h3 { margin:0; font-size:19px; }
.pf-kimlik h3 a { color:#fff; text-decoration:none; }
.pf-kimlik .no-rozet, .pf-kimlik [class*="no-"] { transform:scale(1.15); }
.pf-alt { display:block; font-size:12.5px; color:#c9d8e2; margin-top:2px; }
.pf-form { display:flex; align-items:center; gap:5px; }
.pf-form > span { font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#9fb6c6; margin-right:4px; }
.pf-sira { display:inline-grid; place-items:center; min-width:26px; height:26px; padding:0 5px; border-radius:8px; font-weight:900; font-size:13px; }
.pf-sira.ps-1 { background:#f3c94d; color:#4a3500; }
.pf-sira.ps-3 { background:#2e9d5b; color:#fff; }
.pf-sira.ps-5 { background:#dfe7ee; color:#26445a; }
.pf-sira.ps-x { background:#eef1f4; color:#8396a6; }
.pf-ozet { margin:0; padding:10px 18px; background:#f4f8fb; border-bottom:1px solid #e6edf2; font-size:13.5px; color:#3d5466; }
.pf-yarislar { list-style:none; margin:0; padding:6px 18px 12px; display:grid; gap:0; }
.pf-yaris { display:grid; grid-template-columns:56px 1fr; gap:14px; padding:14px 0; border-bottom:1px dashed #e1e8ee; }
.pf-yaris:last-child { border-bottom:0; }
.pf-sol { text-align:center; }
.pf-sira-b { min-width:46px; height:46px; font-size:22px; border-radius:12px; }
.pf-sol small { display:block; margin-top:3px; font-size:11px; color:#8396a6; font-weight:700; }
.pf-ust { font-size:14px; color:#10283b; }
.pf-ust a { color:#10283b; }
.pf-bilgi { display:flex; flex-wrap:wrap; gap:6px; margin:7px 0 0; }
.pf-bilgi span { padding:2px 8px; border-radius:999px; background:#f1f4f7; font-size:12px; color:#4a6074; font-weight:600; }
.pf-cumle { margin:9px 0 6px; padding:8px 11px; border-left:3px solid #e6cf8f; background:#fffaf0; border-radius:0 8px 8px 0; font-size:13.5px; color:#3b2f12; line-height:1.5; }
.pf-tabela .tabela { font-size:12.5px; }
.pf-tabela .tb-etiket { display:none; }
@media (max-width:700px) {
  .pf-bas { padding:12px 14px; } .pf-yarislar { padding:4px 12px 10px; } .pf-ozet { padding:9px 14px; }
  .pf-yaris { grid-template-columns:44px 1fr; gap:10px; } .pf-sira-b { min-width:38px; height:38px; font-size:18px; }
}

/* Tabela kutuları biraz daha belirgin */
.tabela { gap:4px 3px; }
.tb-at { border:1px solid #e3e9ee; }
.tb-at.tb-bu { border-color:#10283b; box-shadow:0 2px 6px #10283b33; }
.tb-at.tb-rakip { border-color:#9cc3ea; }

/* Rakip karşılaştırma */
.rk-vurgu { margin:0 0 12px; padding:10px 13px; border-radius:10px; background:#eef8f1; color:#174d2c; border:1px solid #cfe9d8; }
.rk-guc { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.rk-guc li { display:grid; grid-template-columns:28px minmax(150px,240px) 1fr minmax(150px,auto); align-items:center; gap:12px; padding:8px 10px; border-radius:10px; background:#f7fafc; border:1px solid #e8eef3; }
.rk-guc li:nth-child(1):not(.rk-yok) { background:#fff8e6; border-color:#f1dca2; }
.rk-guc li.rk-yok { opacity:.6; }
.rk-sira { font-weight:900; color:#10283b; text-align:center; }
.rk-at { display:flex; align-items:center; gap:6px; min-width:0; }
.rk-at .at-ad { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rk-bar { height:12px; border-radius:999px; background:#e3e9ee; overflow:hidden; }
.rk-bar i { display:block; height:100%; border-radius:999px; }
.rk-bar i.rk-iyi { background:linear-gradient(90deg,#2e9d5b,#47c27a); }
.rk-bar i.rk-orta { background:linear-gradient(90deg,#d9a520,#efc34d); }
.rk-bar i.rk-zayif { background:linear-gradient(90deg,#c9504a,#e07a6f); }
.rk-metin b { font-size:16px; color:#10283b; } .rk-metin small { color:#6a7f90; margin-left:4px; }
@media (max-width:700px) {
  .rk-guc li { grid-template-columns:24px 1fr; grid-template-areas:"s a" "s b" "s m"; gap:5px 10px; }
  .rk-sira { grid-area:s; } .rk-at { grid-area:a; } .rk-bar { grid-area:b; } .rk-metin { grid-area:m; }
}
.rk-acikla { margin:0 0 12px; color:#3d5466; line-height:1.6; font-size:13.5px; }
.ka-ornek { display:inline-block; padding:0 6px; border-radius:6px; font-weight:800; }
.ka-ornek.ka-ust, .ka-hucre.ka-ust { background:#dff3e6; color:#17703f; }
.ka-ornek.ka-alt, .ka-hucre.ka-alt { background:#fbe3e1; color:#a83a32; }
.ka-ornek.ka-esit, .ka-hucre.ka-esit { background:#eceff2; color:#4a5d6c; }
.ka-matris-yeni { border-collapse:separate; border-spacing:4px; width:100%; }
.ka-matris-yeni th, .ka-matris-yeni td { padding:2px; border:0 !important; text-align:center; background:none; }
.ka-matris-yeni thead th { vertical-align:bottom; font-size:11px; color:#6a7f90; }
.ka-matris-yeni .ka-dik span { display:inline-grid; place-items:center; min-width:28px; height:26px; border-radius:7px; background:#10283b; color:#fff; font-weight:800; font-size:13px; }
.ka-matris-yeni .ka-dik small { display:block; margin-top:3px; font-size:10px; color:#6a7f90; font-weight:600; white-space:nowrap; }
.ka-matris-yeni th.ka-sol { text-align:left; white-space:nowrap; padding-right:10px; font-size:13px; }
.ka-matris-yeni thead th.ka-sol { font-size:11px; }
.ka-matris-yeni tbody tr:hover th, .ka-matris-yeni tbody tr:hover td { background:#f4f8fb; }
.ka-hucre { display:inline-grid; place-items:center; min-width:44px; height:32px; border-radius:8px; font-weight:800; font-size:13.5px; }
.ka-matris-yeni td.ka-bos { background:#f6f8fa; border-radius:8px; }
.ka-matris-yeni td.ka-kose { background:repeating-linear-gradient(45deg,#0000 0 4px,#10283b14 4px 8px); border-radius:8px; }
.rk-yarislar { display:grid; gap:10px; }
.rk-yaris { border:1px solid #e1e8ee; border-radius:12px; overflow:hidden; }
.rk-yaris-bas { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; padding:9px 13px; background:#f4f8fb; font-size:13.5px; color:#26445a; }
.rk-tarih b { color:#10283b; }
.rk-sonuc { margin-left:auto; font-weight:700; }
.rk-sira-dizi { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:11px 13px; }
.rk-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 10px 5px 8px; border-radius:999px; background:#fff; border:1px solid #e1e8ee; font-size:13.5px; font-weight:700; color:#10283b; }
.rk-pill > b { color:#6a7f90; }
.rk-pill small { color:#8396a6; font-weight:600; }
.rk-pill-ilk { background:#e4f5ea; border-color:#a8dbbb; }
.rk-pill-ilk > b { color:#17703f; }
.rk-ok { color:#9fb2c1; font-weight:900; }
.pf-ozet, .an-giris-ust p, .rk-acikla, .pf-cumle { max-width:none; }
.an-giris-ust > div > p { max-width:760px; }

/* Koşu analizi: tüm sekmeler için ortak çalışma alanı. */
body.page-analiz { --analiz-renk:#495b70; --analiz-acik:#f0f3f6; background:#f5f6f8; }
body.page-analiz .ki-bas { padding:23px; border:1px solid #27384a; border-bottom:3px solid #d4b77c; border-radius:14px; background:#27384a; box-shadow:0 5px 20px #3b315510; }
body.page-analiz .ki-bas h1 { color:#fff5df; font:850 clamp(20px,2.5vw,28px)/1.4 var(--govde); margin:13px 0 9px; }
body.page-analiz .ki-bas p.soluk { color:#e3e5f0; font:500 12px/1.8 var(--govde); margin-bottom:0; }
body.page-analiz .ki-geri { display:inline-flex; padding:6px 10px; background:#ffffff15; border:1px solid #ffffff40; border-radius:6px; color:#fff0c7; font-size:11px; text-decoration:none; }
body.page-analiz .an-sekme-sar { padding:9px; border:1px solid #d8dee5; border-radius:11px; background:#edf0f3; margin:18px 0; }
body.page-analiz .an-sekme { gap:7px; margin:0; }
body.page-analiz .an-sekme a { display:inline-flex; align-items:center; min-height:38px; box-sizing:border-box; padding:8px 11px; border:1px solid #d8dee5; border-radius:7px; color:#48586b; background:#fff; font:750 11px/1.5 var(--govde); }
body.page-analiz .an-sekme a.aktif { background:var(--analiz-renk); border-color:var(--analiz-renk); color:#fff; box-shadow:none; }
body.page-analiz .an-sekme a:hover:not(.aktif) { background:var(--analiz-acik); border-color:var(--analiz-renk); }
body.page-analiz .an-ok { background:#604b7d; color:#fff; border-color:#604b7d; }
body.page-analiz main.kap > .panel { padding:19px; border:1px solid #dce1e7; border-radius:12px; background:#fff; box-shadow:0 3px 12px #26384b07; margin-bottom:18px; }
body.page-analiz .panel h2 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#293d51; font:800 16px/1.5 var(--govde); padding:0 0 12px; border-radius:0; border-bottom:1px solid #dce2e9; background:transparent; margin:0 0 14px; }
body.page-analiz .panel h2 small.soluk { color:#667487; font-size:10px; }
body.page-analiz .panel h3 { color:#293d51; font:800 14px/1.5 var(--govde); }
body.page-analiz .panel > p,body.page-analiz .an-giris p { font-size:12px; line-height:1.8; color:#536078; }
body.page-analiz .agf-filtre a { padding:8px 11px; border-color:#d2dae3; background:#fff; color:#4a5b6e; font-size:11px; border-radius:7px; }
body.page-analiz .agf-filtre a.aktif { background:var(--analiz-renk); border-color:var(--analiz-renk); color:#fff; }
body.page-analiz .ka-filtreler { gap:10px; padding:12px; border-radius:9px; background:var(--analiz-acik); border:1px solid #dce2e9; margin:12px 0; }
body.page-analiz .ka-filtreler label { font-size:11px; font-weight:700; color:#4a5b6e; }
body.page-analiz .ka-filtreler select { border-color:#c9d2de; background:#fff; color:#3f4b63; border-radius:6px; font-size:11px; }
body.page-analiz .tablo-sar { border:1px solid #d8e0e8; border-radius:9px; overflow-x:auto; }
body.page-analiz .agf-tablo thead th { background:var(--analiz-acik); color:#4a5b6e; border-bottom:1px solid #d8e0e8; padding:12px 10px; font:800 10px/1.5 var(--govde); }
body.page-analiz .agf-tablo tbody td { color:#374960; padding:12px 10px; border-color:#e7ebf0; font-size:12px; }
body.page-analiz .agf-tablo tbody tr:nth-child(even) { background:#f7f9fb; }
body.page-analiz .agf-tablo tbody tr:hover { background:var(--analiz-acik); }
body.page-analiz .at-ad { color:#334e68; font-weight:800; }
body.page-analiz .agf-tablo .forma { width:28px; height:28px; object-fit:contain; vertical-align:middle; margin-right:3px; }
body.page-analiz .alt-satir { color:#627087; font-size:10px; line-height:1.7; }
body.page-analiz .agf-tablo :is(.ist-iyi,.pm-mukemmel,.pm-iyi) { display:inline-block; padding:4px 7px; border:1px solid #bbd7c9; border-radius:5px; color:#2d6a50; background:#e7f3ec; }
body.page-analiz .agf-tablo :is(.ist-kotu,.pm-dusuk) { display:inline-block; padding:4px 7px; border:1px solid #e3c3ca; border-radius:5px; color:#994252; background:#faedf0; }
body.page-analiz .senaryo-sar { padding:12px; border:1px solid #cbdde6; border-radius:11px; background:#f7f9fb; overflow-x:auto; }
body.page-analiz .senaryo-lejant { display:flex; flex-wrap:wrap; gap:7px; padding:12px 0; }
body.page-analiz .senaryo-lejant > span { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #d4dee7; border-radius:6px; background:#fff; color:#536078; font-size:10px; }
body.page-analiz .senaryo-tempo,body.page-analiz .rk-vurgu { padding:13px; border:1px solid #d3bb82; border-left:3px solid #b08a3e; border-radius:8px; background:#fff5dd; color:#73561e; line-height:1.8; font-size:12px; }
body.page-analiz .senaryo-yorum { display:grid; gap:8px; padding:0; list-style:none; }
body.page-analiz .senaryo-yorum li { padding:11px 13px; background:var(--analiz-acik); border:1px solid #d5dce7; border-left:2px solid #a5b2c0; border-radius:7px; color:#3f556b; font-size:12px; line-height:1.8; }
body.page-analiz .tp-kutular { gap:10px; margin:14px 0; }
body.page-analiz .tp-kutu { padding:14px; border:1px solid #d8e0e8; border-top:3px solid var(--analiz-renk); background:#fff; border-radius:9px; }
body.page-analiz .tp-kutu span { color:#596a7d; font-size:10px; }
body.page-analiz .tp-kutu b { color:var(--analiz-renk); font:850 24px/1.4 var(--govde); margin:6px 0; }
body.page-analiz .tp-kutu small { color:#5f6d82; font-size:10px; }
body.page-analiz .dg-at { padding:13px; border:1px solid #d8e0e8; background:#fff; border-radius:9px; margin-bottom:10px; }
body.page-analiz .dg-at ul { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:9px 0 0; }
body.page-analiz .dg-at li { padding:8px 10px; border:1px solid #d8e0e8; background:#fff; border-radius:7px; color:#4b5b6c; font-size:11px; line-height:1.7; }
body.page-analiz .dg-at li .soluk { display:block; color:#667487; font-size:10px; }
body.page-analiz .rk-guc > li { border:1px solid #d8e0e8; border-radius:8px; padding:11px; margin-bottom:7px; background:#f6f7f9; }
body.page-analiz .rk-sira { background:#e8edf2; color:#495b70; border-radius:6px; }
body.page-analiz .rk-metin { color:#4b5b6c; }
body.page-analiz .rk-yaris { border:1px solid #d8e0e8; border-radius:9px; overflow:hidden; }
body.page-analiz .rk-yaris-bas { padding:11px; background:#eef1f5; color:#4b5b6c; }
body.page-analiz .rk-sonuc { padding:5px 8px; background:#495b70; color:#fff; border-radius:5px; font-size:10px; }
body.page-analiz .pf-kart .pf-bas { padding:12px; border:1px solid #cdd7e9; border-radius:8px; background:#f0f3f6; }
body.page-analiz .pf-kimlik .forma { width:34px; height:34px; object-fit:contain; flex:none; }
body.page-analiz .pf-ozet { padding:10px 12px; border-radius:7px; background:#f4eddd; color:#745c30; font-size:11px; }
body.page-analiz .pf-ozet b { display:inline-block; padding:1px 5px; background:#fff; border:1px solid #e0d1b3; border-radius:4px; color:#6f501e; }
body.page-analiz .pf-yaris { padding:12px; margin-bottom:8px; border:1px solid #dee1ed; border-radius:8px; background:#fafbfe; }
body.page-analiz .pf-bilgi { display:flex; flex-wrap:wrap; gap:5px; }
body.page-analiz .pf-bilgi > span { padding:4px 7px; border:1px solid #d8ddeb; border-radius:5px; background:#fff; color:#53647e; font-size:10px; }
body.page-analiz .nasil-oku { padding:9px 12px; background:#f3f5f7; border:1px solid #d8e0e8; border-radius:7px; color:#4b5b6c; font-size:11px; }
body.page-analiz .nasil-oku summary { cursor:pointer; font-weight:750; }
body.page-analiz .stil-bar { height:12px; background:#e6eaf2; border-radius:5px; }
body.page-analiz .kh-sec { padding:13px; background:#f7efde; border:1px solid #dfcca3; border-radius:8px; }
body.page-analiz .kh-sonuc { padding:12px; background:#fff5dc; color:#78561b; border:1px solid #e0c58c; border-radius:7px; }
body.page-analiz .panel .btn { border-radius:7px; font-size:11px; }
body.page-analiz :is(a,button,select,input):focus-visible { outline:3px solid #b29352; outline-offset:3px; }
@media(max-width:600px) {
  body.page-analiz .ki-bas { padding:17px; }
  body.page-analiz main.kap > .panel { padding:12px; }
  body.page-analiz .panel h2 { font-size:14px; padding:10px; }
  body.page-analiz .senaryo-sar { padding:5px; }
  body.page-analiz .agf-tablo tbody td,body.page-analiz .agf-tablo thead th { padding:9px 8px; }
  body.page-analiz .tp-kutu { padding:10px; }
}

/* Analiz okunaklılığı: açık başlık zemini ve net at/değişiklik ayrımı. */
body.page-analiz .pf-kart .pf-bas { color:#293d51; }
body.page-analiz .pf-kart .pf-bas .pf-alt { color:#41566e; opacity:1; font:600 11px/1.7 var(--govde); }
body.page-analiz .pf-kart .pf-bas .pf-form > span { color:#52677e; opacity:1; }
body.page-analiz .pf-kart .pf-bas .at-ad { color:#263e59; }
body.page-analiz .dg-liste { gap:13px; }
body.page-analiz .dg-at { display:grid; grid-template-columns:minmax(190px,.75fr) minmax(0,2fr); align-items:stretch; gap:0; padding:0; border:1px solid #cdd7e3; border-left:3px solid #a89369; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 3px 10px #34485f08; }
body.page-analiz .dg-at > .at-bas { align-items:center; gap:10px; padding:16px; background:linear-gradient(135deg,#e8edf3,#f5f7fa); border-right:1px solid #d8e0e8; min-width:0; }
body.page-analiz .dg-at > .at-bas .forma { width:37px; height:37px; object-fit:contain; flex:none; }
body.page-analiz .dg-at > .at-bas > div { min-width:0; }
body.page-analiz .dg-at .at-ad { font:800 14px/1.6 var(--govde); color:#2c435e; overflow-wrap:anywhere; }
body.page-analiz .dg-at > .at-bas .no { width:25px; height:25px; min-width:25px; font-size:11px; }
body.page-analiz .dg-at > .at-bas .kucuk.soluk { display:table; margin-top:7px; padding:3px 7px; background:#fff; border:1px solid #cad6e3; border-radius:5px; color:#496079; font:750 9px/1.5 var(--govde); }
body.page-analiz .dg-at > ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:center; gap:8px; padding:12px; margin:0; }
body.page-analiz .dg-at li { min-width:0; margin:0; padding:10px; background:#f7f8fa; border:1px solid #dce2e9; border-radius:7px; line-height:1.6; }
body.page-analiz .dg-at li .dg-degisim-baslik { display:block; color:#354b63; font:750 11px/1.6 var(--govde); }
body.page-analiz .dg-at li .kucuk.soluk { display:block; margin-top:6px; padding-top:6px; border-top:1px solid #e0e5eb; color:#52677e; font:500 10px/1.7 var(--govde); }
@media(max-width:850px) {
  body.page-analiz .dg-at { grid-template-columns:minmax(165px,.7fr) minmax(0,1.4fr); }
  body.page-analiz .dg-at > ul { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
  body.page-analiz .dg-at { grid-template-columns:minmax(0,1fr); }
  body.page-analiz .dg-at > .at-bas { padding:12px; border-right:0; border-bottom:1px solid #d8e0e8; }
  body.page-analiz .dg-at > ul { padding:10px; }
}

/* Araç merkezi: bilgi etiketli ve kategori renkli kompakt kartlar. */
body.page-araclar { background:#f7f6f9; }
body.page-araclar .sayfa-kafa { background:linear-gradient(110deg,#30486a,#69517f); border-color:#655d80; border-top-color:#d2b476; box-shadow:0 5px 16px #44345510; }
body.page-araclar .sayfa-kafa h1 { color:#fff3d8; }
body.page-araclar .sayfa-kafa p { color:#e3e5ef; }
body.page-araclar .arac-izgara { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; margin-top:20px; }
body.page-araclar .arac { --arac-koyu:#675082; --arac-acik:#efe7f6; display:flex; flex-direction:column; align-items:stretch; gap:12px; min-width:0; padding:17px; border:1px solid #d9d2e4; border-top:3px solid var(--arac-koyu); border-radius:11px; background:linear-gradient(155deg,var(--arac-acik),#fff 65%); color:#344258; box-shadow:0 4px 12px #44345509; text-decoration:none; }
body.page-araclar .arac-kupon { --arac-koyu:#826024; --arac-acik:#f7ecd4; }
body.page-araclar .arac-performans { --arac-koyu:#47638d; --arac-acik:#e5ecf8; }
body.page-araclar .arac-takip { --arac-koyu:#3a7374; --arac-acik:#e3f0f0; }
body.page-araclar .arac-rehber { --arac-koyu:#805e77; --arac-acik:#f1e7ef; }
body.page-araclar .arac-kart-ust { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.page-araclar .arac .arac-kart-ust > i { display:grid; place-items:center; flex:none; width:43px; height:43px; padding:0; border-radius:10px; background:var(--arac-koyu); color:#fff; box-shadow:0 3px 7px #35294218; }
body.page-araclar .arac .arac-kart-ust > i .ui-ikon { width:24px; height:24px; color:#fff; }
body.page-araclar .arac-kategori { display:inline-block; padding:4px 7px; border:1px solid #ffffff; border-radius:5px; background:#ffffffb8; color:var(--arac-koyu); font:750 9px/1.5 var(--govde); }
body.page-araclar .arac .arac-metin { display:flex; flex-direction:column; gap:7px; }
body.page-araclar .arac .arac-metin > b { color:#2f3d52; font:850 16px/1.4 var(--govde); }
body.page-araclar .arac .arac-metin > span { color:#536078; font:500 11px/1.8 var(--govde); }
body.page-araclar .arac-etiketler { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; }
body.page-araclar .arac-etiketler > span { padding:4px 7px; border:1px solid #dcd8e4; border-radius:5px; background:#fff; color:#596176; font:600 9px/1.5 var(--govde); }
body.page-araclar .arac .arac-ac { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 0 0; border-top:1px solid #dedbe6; color:var(--arac-koyu); font:800 11px/1.5 var(--govde); }
body.page-araclar .arac .arac-ok { position:static; display:grid; place-items:center; width:25px; height:25px; border-radius:6px; background:var(--arac-acik); color:var(--arac-koyu); opacity:1; font-size:16px; }
body.page-araclar .arac:hover { border-color:var(--arac-koyu); box-shadow:0 8px 20px #44345518; color:#344258; }
body.page-araclar .arac:focus-visible { outline:3px solid var(--arac-koyu); outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) {
  body.page-araclar .arac { transition:transform .2s ease,box-shadow .2s ease; }
  body.page-araclar .arac:hover { transform:translateY(-3px); }
  body.page-araclar .arac .arac-ok { transition:transform .2s ease; }
  body.page-araclar .arac:hover .arac-ok { transform:translate(2px,-2px); }
}
@media(max-width:1000px) { body.page-araclar .arac-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  body.page-araclar .arac-izgara { grid-template-columns:minmax(0,1fr); gap:11px; }
  body.page-araclar .arac { padding:15px; }
}

/* Program koşu bandı: pist türüne uygun degrade ve hafif yüzey deseni. */
body.page-program .bayi-bar.bayi-cim { --pist-koyu:#214a36; --pist-acik:#396b49; --pist-vurgu:#b9d59b; --pist-etiket:#edf5e5; --pist-yazi:#2d5436; }
body.page-program .bayi-bar.bayi-kum { --pist-koyu:#60432b; --pist-acik:#89633b; --pist-vurgu:#e3c18a; --pist-etiket:#fbefdb; --pist-yazi:#6b4b25; }
body.page-program .bayi-bar.bayi-sentetik { --pist-koyu:#354352; --pist-acik:#526779; --pist-vurgu:#c0cfdd; --pist-etiket:#edf2f7; --pist-yazi:#3f556b; }
body.page-program .bayi-bar:is(.bayi-cim,.bayi-kum,.bayi-sentetik) { --program-pist-renk:var(--pist-koyu); --program-pist-metin:#fff; --program-pist-doku:none; --program-pist-foto:none; background:repeating-linear-gradient(125deg,transparent 0 17px,#ffffff05 17px 18px),linear-gradient(110deg,var(--pist-koyu),var(--pist-acik)) !important; color:#fff; padding:13px 15px; border-top:2px solid var(--pist-vurgu); border-bottom:1px solid var(--pist-koyu); box-shadow:none; }
body.page-program .bayi-bar:is(.bayi-cim,.bayi-kum,.bayi-sentetik)::before,
body.page-program .bayi-bar:is(.bayi-cim,.bayi-kum,.bayi-sentetik)::after { display:none; background:none; animation:none; }
body.page-program .bayi-bar > b { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#fff; font:800 13px/1.6 var(--govde); text-shadow:none; }
body.page-program .bayi-bar > span { color:#f0f1ed; font:500 10px/1.7 var(--govde); opacity:1; text-shadow:none; }
body.page-program .bayi-bar > span b { color:#fff; font-size:10px; font-weight:750; }
body.page-program .bayi-bar .bayi-kosullar { gap:7px; }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul { display:flex; align-items:center; gap:7px; min-height:43px; padding:7px 9px; border:1px solid #ffffff50; border-radius:6px; background:var(--pist-etiket); color:var(--pist-yazi); box-shadow:none; }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul::after { display:none; animation:none; }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul small { color:var(--pist-yazi); font:600 9px/1.4 var(--govde); letter-spacing:0; }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul strong { color:var(--pist-yazi); font:800 11px/1.5 var(--govde); }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul > .ui-ikon { width:18px; height:18px; padding:0; color:var(--pist-yazi); border:0; border-radius:0; background:none; animation:none; }
body.page-program .bayi-bar .bayi-kosullar .bayi-kosul > .hava-svg { width:26px; height:26px; filter:saturate(.7); }
body.page-program .bayi-bar :is(.paylas-oto,.paylas-btn,[data-paylas]) { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:5px 9px; min-height:28px; border:1px solid var(--pist-vurgu); border-radius:6px; background:var(--pist-etiket); color:var(--pist-yazi); box-shadow:0 2px 4px #00000012; font:750 0/1.5 var(--govde); text-shadow:none; }
body.page-program .bayi-bar :is(.paylas-oto,.paylas-btn,[data-paylas]) > span { display:none; }
body.page-program .bayi-bar :is(.paylas-oto,.paylas-btn,[data-paylas])::before { content:"↗"; font-size:16px; line-height:1; }
body.page-program .bayi-bar :is(.paylas-oto,.paylas-btn,[data-paylas])::after { content:"Paylaş"; font-size:10px; }
body.page-program .bayi-bar :is(.paylas-oto,.paylas-btn,[data-paylas]):hover { background:#fff; color:var(--pist-yazi); border-color:#fff; }
body.page-program .bayi-bar :is(button,a):focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:600px) {
  body.page-program .bayi-bar:is(.bayi-cim,.bayi-kum,.bayi-sentetik) { grid-template-columns:minmax(0,1fr); gap:7px; padding:11px; }
  body.page-program .bayi-bar > .bayi-kosullar { grid-column:1; grid-row:auto; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; max-width:none; }
  body.page-program .bayi-bar .bayi-kosullar .bayi-kosul { min-height:37px; padding:5px 7px; }
}

/* Program tarihi ve şehir seçimi: keskin, kontrastlı ortak gezinme. */
body.page-program .gun-secici { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px; border:1px solid #4d5b72; border-top:3px solid #b5bfd0; border-radius:7px; background:repeating-linear-gradient(130deg,transparent 0 18px,#ffffff05 18px 19px),linear-gradient(115deg,#171f2d,#263349); color:#fff; box-shadow:0 4px 14px #29344724; }
body.page-program .tarih-gez { display:flex; align-items:center; gap:5px; padding:0; border:0; border-radius:0; background:transparent; }
body.page-program .tarih-gez::before,
body.page-program .hip-sekme::before { display:none; content:none; }
body.page-program .tarih-gez > a { box-sizing:border-box; width:36px; height:40px; border:1px solid #d5deec; border-radius:4px; background:#edf1f8; color:#34455f; font:800 22px/1 var(--govde); box-shadow:none; }
body.page-program .tarih-gez > a:hover { background:#fff; color:#293447; }
body.page-program .tarih-gez form { display:flex; align-items:center; min-width:0; margin:0; height:40px; }
body.page-program .tarih-gez input { box-sizing:border-box; width:145px; height:40px; min-height:40px; margin:0; padding:7px; border:0; border-radius:3px; background:#fff; color:#263d59; font:800 13px/1.4 var(--govde); }
body.page-program .hip-sekme { display:flex; align-items:stretch; flex-wrap:wrap; gap:7px; flex:1 1 260px; }
body.page-program .hip-sekme a,
body.page-program .hip-sekme a.hip-karma { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:40px; padding:9px 15px; border:1px solid #d5deec; border-radius:5px; background:#edf1f7; color:#34455f; font:800 12px/1.5 var(--govde); text-decoration:none; box-shadow:none; transition:none; transform:none; }
body.page-program .hip-sekme a:hover,
body.page-program .hip-sekme a.hip-karma:hover { background:#fff; color:#293447; border-color:#fff; transform:none; }
body.page-program .hip-sekme a.aktif,
body.page-program .hip-sekme a.hip-karma.aktif { border:1px solid #ffdf85; background:#f2d588; color:#49320d; box-shadow:none; }
body.page-program .hip-sekme .soluk { color:#e0edf1; }
body.page-program .gun-secici :is(a,input):focus-visible { outline:3px solid #fff; outline-offset:2px; }
@media(max-width:700px) {
  body.page-program .gun-secici { gap:9px; padding:9px; border-radius:6px; }
  body.page-program .tarih-gez { width:100%; box-sizing:border-box; justify-content:space-between; }
  body.page-program .tarih-gez form { flex:1; }
  body.page-program .tarih-gez input { width:100%; text-align:center; }
  body.page-program .hip-sekme { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); flex-basis:100%; width:100%; gap:6px; }
  body.page-program .hip-sekme a,body.page-program .hip-sekme a.hip-karma { padding:9px 8px; min-height:40px; font-size:12px; white-space:normal; }
}

/* Tarih isteğe bağlı açılır; günlük kullanımda şehirler önde. */
body.page-program .hip-sekme { order:1; }
body.page-program .program-tarih-sec { position:relative; order:2; flex:none; margin-left:auto; }
body.page-program .program-tarih-sec > summary { display:flex; align-items:center; justify-content:center; gap:6px; box-sizing:border-box; min-height:40px; padding:8px 11px; border:1px solid #8a99b1; border-radius:5px; background:#ffffff0c; color:#f0f3f8; font:700 11px/1.5 var(--govde); cursor:pointer; list-style:none; }
body.page-program .program-tarih-sec > summary::-webkit-details-marker { display:none; }
body.page-program .program-tarih-sec > summary .ui-ikon { width:16px; height:16px; }
body.page-program .program-tarih-sec[open] > summary { background:#3e4d66; }
body.page-program .program-tarih-sec > .tarih-gez { position:absolute; z-index:50; right:0; top:calc(100% + 8px); width:270px; box-sizing:border-box; padding:9px; border:1px solid #586982; border-radius:6px; background:#263349; box-shadow:0 8px 20px #10182830; }
body.page-program .program-tarih-sec:not([open]) > .tarih-gez { display:none; }
body.page-program .program-tarih-sec > summary:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:700px) {
  body.page-program .hip-sekme { flex-basis:100%; }
  body.page-program .program-tarih-sec { width:100%; margin-left:0; }
  body.page-program .program-tarih-sec > summary { min-height:34px; }
  body.page-program .program-tarih-sec > .tarih-gez { position:static; width:100%; margin-top:7px; box-shadow:none; }
}

/* Koşu eylemleri, mesafe ve pist etiketleriyle aynı satırda. */
body.page-program .kosu-kafa .program-baslik-metin .etiket-satir { align-items:center; gap:6px; }
body.page-program .kosu-kafa .etiket-satir > :is(.pist-isaret,.bilgi-cip) { display:inline-flex; align-items:center; box-sizing:border-box; min-height:28px; padding:5px 8px; border-radius:5px; font-size:10px; line-height:1.6; }
body.page-program .kosu-kafa .etiket-satir .kosu-eylem-satir { display:contents; margin:0; padding:0; border:0; }
body.page-program .kosu-kafa .kosu-eylem-satir :is(.btn,.paylas-btn,.durum-cip) { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:28px; padding:5px 8px; border:1px solid #ffffff40; border-radius:5px; background:#ffffff12; color:#f2f5f8; box-shadow:none; font:700 10px/1.6 var(--govde); text-decoration:none; white-space:normal; margin:0; }
body.page-program .kosu-kafa .kosu-eylem-satir .btn-ipek { background:#e9d5a6; border-color:#e9d5a6; color:#3e321b; }
body.page-program .kosu-kafa .kosu-eylem-satir :is(.btn,.paylas-btn):hover { background:#ffffff25; color:#fff; }
body.page-program .kosu-kafa .kosu-eylem-satir .btn-ipek:hover { background:#f4e4bf; color:#3e321b; }
body.page-program .kosu-kafa .kosu-eylem-satir :is(a,button):focus-visible { outline:2px solid #e9d5a6; outline-offset:2px; }

/* Yönetim → Ayarlar: hipodroma özel altılı birim fiyatı */
.birim-hip{margin:6px 0 16px;padding:12px 14px;border:1px solid var(--cizgi,#e3e6ea);border-radius:12px;background:var(--kart,#fff)}
.birim-hip summary{cursor:pointer;font-weight:700}
.birim-hip-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 14px}
.birim-hip-izgara label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-weight:500}
.birim-hip-izgara label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.birim-hip-izgara input{width:84px;flex:none;text-align:right}