/*
 * DG-TASARIM-1 (sahip 12.10: "premium sayfa dizaynını ana siteye taşıyalım") — ana sitenin ortak görsel katmanı.
 * Referans: canlı tercihler.dganaliz.com (vps_src/tercihler/app/lib/app.html: DG-TASARIM-1 + belirgin başlıklar + başlık bantları).
 * YALNIZ GÖRÜNÜM: işaretleme / veri aynı. Yalnız config/tasarim.php açıkken yüklenir (layouts/app.php, auth.php); theme.css'ten SONRA.
 * Varsayılan açık tema; koyu tema seçmeli (html[data-theme="dark"], js/tema.js, tarayıcıda saklanır).
 * Yazı tipi: Plus Jakarta Sans (SIL Open Font License 1.1), kendi sunucumuzdan (/assets/fonts; CSP font-src 'self').
 */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400 800; font-display: swap;
    src: url("../fonts/pjs-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400 800; font-display: swap;
    src: url("../fonts/pjs-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- renkler: açık (varsayılan) ---------- */
:root, .app-content, .auth-shell, .sx {
    --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --dg-head: "Plus Jakarta Sans", system-ui, "Segoe UI", sans-serif;
    --color-bg: #F3F6F4;
    --color-surface: #FFFFFF;
    --color-surface-2: #F6F9F7;
    --color-surface-3: #EEF3EF;
    --color-border: #E4EBE6;
    --color-border-strong: #D3DDD6;
    --color-text: #17251C;
    --color-text-secondary: #4C5A51;
    --color-text-muted: #56645B;   /* DG-SEO-G4 Ö10: WCAG AA (açık zeminde ≥ 4,5:1; eski #6A786F) */
    --color-text-tertiary: #56645B;
    --color-accent: #2E7D32;
    --color-accent-fill: #2E7D32;
    --color-accent-fill-hover: #1E6B34;
    --color-accent-contrast: #FFFFFF;
    --color-accent-soft: #E8F4EA;
    --color-gold: #B7791F;
    --color-gold-soft: #FFF8E8;
    --color-success: #2E7D32;
    --color-success-soft: #E8F4EA;
    --color-danger: #D64545;
    --color-danger-soft: #FDECEC;
    --color-focus: #2E7D32;
    --color-scrim: rgba(18, 40, 25, .45);
    --color-header-bg: rgba(255, 255, 255, .94);
    --color-bar-bg: rgba(255, 255, 255, .97);
    --t-head: #123A20;          /* başlık */
    --t-eyebrow: #2E7D32;       /* üst etiket */
    --t-band: #EEF6F0;          /* kart başlık bandı */
    --t-band-line: #DCEADF;
    --t-band-a: #E2EFE5;        /* bağımsız başlık bandı degrade */
    --t-band-b: #EEF6F0;
    --t-band-edge: #D6E6DA;
    --t-group: #EAF3EC;         /* tablo lig başlığı */
    --t-row-line: #EFF3F0;
    --t-row-hover: #FAFCFA;
    --t-pill: #F1F5F2;
    --t-live-min: #C23A3A;   /* Ö12/1-a: canlı dakika beyazda ≥ 4,5:1 (eski #D64545 = 4,38) */
    --t-sh: 0 6px 24px rgba(23, 60, 35, .06), 0 1px 2px rgba(23, 60, 35, .05);
    --t-card: #FFFFFF;
    color-scheme: light;
}
/* ---------- renkler: koyu (seçmeli; sitenin önceki koyu değerleri) ---------- */
:root[data-theme="dark"], :root[data-theme="dark"] .app-content, :root[data-theme="dark"] .auth-shell, :root[data-theme="dark"] .sx {
    --color-bg: #101512;
    --color-surface: #18211C;
    --color-surface-2: #1E2923;
    --color-surface-3: #26332B;
    --color-border: #26332C;
    --color-border-strong: #37483E;
    --color-text: #F1F5F2;
    --color-text-secondary: #A8B8AD;
    --color-text-muted: #8A9D91;
    --color-text-tertiary: #8A9D91;
    --color-accent: #4ADE80;
    --color-accent-fill: #22C55E;
    --color-accent-fill-hover: #34D06C;
    --color-accent-contrast: #07140C;
    --color-accent-soft: rgba(34, 197, 94, .14);
    --color-gold: #D4AF60;
    --color-gold-soft: rgba(212, 175, 96, .14);
    --color-success: #4ADE80;
    --color-success-soft: rgba(34, 197, 94, .14);
    --color-danger: #F07874;
    --color-danger-soft: rgba(240, 120, 116, .14);
    --color-focus: #86EFAC;
    --color-scrim: rgba(4, 8, 6, .66);
    --color-header-bg: rgba(16, 21, 18, .92);
    --color-bar-bg: rgba(16, 21, 18, .96);
    --t-head: #E6F4E8;
    --t-eyebrow: #6EE7A0;
    --t-band: #1D2A22;
    --t-band-line: #2B3A31;
    --t-band-a: #1A2A20;
    --t-band-b: #1E2B23;
    --t-band-edge: #2B3A31;
    --t-group: #1D2A22;
    --t-row-line: #233029;
    --t-row-hover: #1C2620;
    --t-pill: #222E27;
    --t-live-min: #F07874;
    --t-sh: 0 6px 24px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);
    --t-card: #18211C;
    color-scheme: dark;
}

/* ---------- zemin + yazı ---------- */
html, body { font-family: var(--font-sans); }
body.page--app, body {
    background: radial-gradient(1200px 600px at 0% -10%, #E3F1E5 0%, rgba(227, 241, 229, 0) 60%),
                radial-gradient(900px 500px at 110% 10%, #EEF6EF 0%, rgba(238, 246, 239, 0) 60%), var(--color-bg);
    background-attachment: fixed;
    color: var(--color-text);
}
:root[data-theme="dark"] body { background: var(--color-bg); }
.app-main, .auth-shell { background: transparent; }
.app-content a { color: var(--color-accent); }
.app-content ::selection { background: rgba(46, 125, 50, .2); }
.num, .app-content .num { font-variant-numeric: tabular-nums; }

/* başlıklar */
.app-content .page-title, .auth-shell .page-title { font-family: var(--dg-head); font-weight: 800; letter-spacing: -.02em; color: var(--t-head); }
.app-content .section-title, .app-content .stats-sub { font: 800 1.125rem/1.2 var(--dg-head); letter-spacing: -.01em; color: var(--t-head); }
.app-content .eyebrow, .auth-shell .eyebrow { color: var(--t-eyebrow); font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

/* ---------- üst bar ---------- */
.app-header { background: var(--color-header-bg); border-bottom: 1px solid var(--color-border); box-shadow: 0 2px 12px rgba(23, 60, 35, .04);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.wordmark__web { color: #1E6B34; font-weight: 800; }
:root[data-theme="dark"] .wordmark__web { color: var(--color-text); }
.topnav__list { align-items: center; gap: 4px; }
.topnav__item { height: auto; padding: 9px 16px; border-radius: 999px; border-bottom: 0; color: var(--color-text-secondary); font-size: 13.5px; font-weight: 600; }
.topnav__item::after { display: none; }
a.topnav__item:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.topnav__item.is-active, a.topnav__item.is-active:hover { background: var(--color-accent-fill); color: var(--color-accent-contrast); box-shadow: 0 4px 12px rgba(46, 125, 50, .25); }
.topnav__item.is-active .nav-lock { color: inherit; }
.account-bar { gap: 8px; }
.account-bar__contact { color: var(--color-text-secondary); font-size: 13.5px; font-weight: 600; }
.app-header .btn--ghost { background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-secondary); border-radius: 999px; font-weight: 600; }
.app-header .btn--ghost:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.app-header .btn--primary { background: var(--color-accent-fill); border-color: var(--color-accent-fill); color: var(--color-accent-contrast); border-radius: 999px; font-weight: 700; box-shadow: 0 4px 12px rgba(46, 125, 50, .22); }
.app-header .btn--primary:hover { background: var(--color-accent-fill-hover); }
.account-bar__me { border-radius: 999px; }
/* arama + ay/güneş (layouts/app.php: .t-tools) */
.t-tools { display: inline-flex; align-items: center; gap: 6px; }
.t-ib, .app-content a.t-ib { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--color-border);
    background: var(--color-surface); color: var(--color-text-secondary); cursor: pointer; padding: 0; text-decoration: none; }
.t-ib:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.t-ib svg { width: 18px; height: 18px; }
.t-ib .t-sun { display: none; }
:root[data-theme="dark"] .t-ib .t-sun { display: block; }
:root[data-theme="dark"] .t-ib .t-moon { display: none; }
@media (max-width: 420px) { .t-tools .t-search { display: none; } }

/* çekmece + alt menü */
.app-sidebar { background: var(--color-surface); border-right: 1px solid var(--color-border); }
.app-sidebar__head { border-bottom: 1px solid var(--color-border); }
.nav__item { border-radius: 12px; font-weight: 600; }
a.nav__item:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.nav__item.is-active { background: var(--color-accent-fill); color: var(--color-accent-contrast); box-shadow: 0 4px 12px rgba(46, 125, 50, .22); }
.nav__item.is-active .icon, .nav__item.is-active .nav-lock { color: inherit; }
.nav__label { color: var(--t-eyebrow); font-weight: 700; letter-spacing: .14em; }
.tabbar { background: var(--color-bar-bg); border-top: 1px solid var(--color-border); }
.tabbar__item { color: var(--color-text-secondary); }
.tabbar__item.is-active { color: var(--color-accent); }

/* test ortamı bandı */
.env-notice { background: #FFF8E8; border-bottom: 1px solid #F0DDAE; color: #7A5A1A; }
:root[data-theme="dark"] .env-notice { background: rgba(240, 165, 74, .07); border-bottom-color: rgba(240, 165, 74, .16); color: var(--color-text-muted); }

/* altbilgi */
.site-foot { background: var(--color-surface); border-top: 1px solid var(--color-border); }
.site-foot__title { color: var(--t-eyebrow); font-weight: 800; letter-spacing: .12em; }
.site-foot__col a { color: var(--color-text-secondary); }
.site-foot__col a:hover { color: var(--color-accent); }
.site-foot__tagline, .site-foot__legal { color: var(--color-text-muted); }

/* ---------- kartlar ---------- */
.app-content .panel, .auth-shell .panel, .auth-shell .auth-card { background: var(--t-card); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: var(--t-sh); }
/* kart başlık bandı: kartın üst kısmı açık yeşil, alt çizgi (panel iç boşluğu --panel-pad → negatif kenar boşluğuyla kenara yaslanır) */
.app-content .panel > .panel__head { margin: calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) 14px; padding: 12px var(--panel-pad);
    background: var(--t-band); border-bottom: 1px solid var(--t-band-line); border-radius: 15px 15px 0 0; }
.app-content .panel > .panel__head .section-title { margin: 0; }

/* düğmeler */
.app-content .btn { border-radius: 12px; font-weight: 700; }
.app-content .btn--primary, .auth-shell .btn--primary { background: var(--color-accent-fill); border-color: var(--color-accent-fill); color: var(--color-accent-contrast); box-shadow: 0 6px 16px rgba(46, 125, 50, .22); }
.app-content .btn--primary:hover, .auth-shell .btn--primary:hover { background: var(--color-accent-fill-hover); }
.app-content .btn--secondary, .app-content .btn--ghost { background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-secondary); }
.app-content .btn--secondary:hover, .app-content .btn--ghost:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.app-content .input, .auth-shell .input { border-radius: 12px; border-color: var(--color-border); background: var(--color-surface); color: var(--color-text); }
.app-content .input:focus, .auth-shell .input:focus { outline: 2px solid #BFE0C4; border-color: var(--color-accent); }

/* tablolar */
.app-content .table thead th { background: var(--t-group); color: var(--t-head); font-weight: 800; font-size: 11.5px; letter-spacing: .05em; text-transform: uppercase; border-bottom: 1px solid var(--t-band-edge); }
.app-content .table td { border-bottom: 1px solid var(--t-row-line); }
.app-content .table tbody tr:hover { background: var(--t-row-hover); }

/* ---------- maç satırları (ana sayfa + Maçlar): bülten tablosu ---------- */
.day-row { border-top: 1px solid var(--t-row-line); }
.day-row:has(.day-row__detail:not(.day-row__detail--none)):hover, .lv .day-row.day-row:hover, .lv .day-row.day-row:focus-within { background: var(--t-row-hover); }
.day-row__time { display: inline-flex; align-items: center; justify-content: center; min-width: 50px; padding: 4px 8px; border-radius: 999px; background: var(--t-pill);
    color: var(--color-text-secondary); font-weight: 700; font-size: 12.5px; justify-self: start; }
.lv .day-row__time { color: var(--color-text-secondary); }
.day-row__teams { flex-direction: column; align-items: flex-start; gap: 3px; font-weight: 600; color: var(--color-text); }
.day-row__team { display: flex; align-items: center; gap: 7px; max-width: 100%; }
.day-row__vs { display: none !important; }
.day-row__team-link { color: var(--color-text); }
.lv .day-row__team, .lv .day-row__team a, .lv .day-row__team-link { color: var(--color-text) !important; }
/* durum / skor kutusu */
.lv .day-row__status, .day-row--live .day-row__status { background: var(--color-accent-soft); border: 0; border-radius: 12px; min-width: 64px; padding: 5px 10px; }
.lv .day-row__score, .day-row__score { color: var(--t-head); font-weight: 800; }
.day-row--live .day-row__score { color: var(--t-head); }
.lv .day-chip, .day-chip--live { background: none; border: 0; color: var(--t-live-min); font-weight: 700; }
.lv .day-chip__dot, .day-chip--live .day-chip__dot { background: var(--t-live-min); }
.day-chip { border-radius: 999px; }
.day-chip--finished { background: #EEF1EF; border-color: transparent; color: #7A877F; }
:root[data-theme="dark"] .day-chip--finished { background: var(--t-pill); color: var(--color-text-muted); }
.day-row__detail, .lv .day-row__detail { color: var(--color-text-muted) !important; font-weight: 600; }
/* lig başlığı: koyu yeşil kalın yazı, yeşil top simgesi */
.day-group__title, .hx-mlist .day-group__title, .lv .lv-strip, .hx-mlist .lv .day-group__title {
    background: var(--t-group); color: var(--t-head); font-weight: 800; letter-spacing: .04em; border-bottom: 1px solid var(--t-band-edge); border-top: 0; }
.day-group__title::before, .lv .lv-strip::before { content: ""; display: inline-block; flex: none; width: 14px; height: 14px; margin-right: 7px; vertical-align: -2px;
    background: url("../img/t-ball.svg") center / contain no-repeat; }
.hx-mlist .lv .day-group__title::before { display: none; }
.day-group__n, .hx-mlist .lv .day-group__n { background: var(--color-surface); color: var(--color-accent-fill-hover); border-radius: 999px; padding: 1px 8px; font-weight: 700; }

/* ---------- maç detayı ortak ---------- */
.mtabs__l { border-radius: 999px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text-secondary); font-weight: 600; font-size: 13.5px; padding: 9px 16px; }
.mtabs__l:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); border-color: var(--color-border); }
#mtab-ozet:checked ~ .mtabs__bar .mtabs__l--ozet, #mtab-form:checked ~ .mtabs__bar .mtabs__l--form, #mtab-h2h:checked ~ .mtabs__bar .mtabs__l--h2h,
#mtab-puan:checked ~ .mtabs__bar .mtabs__l--puan, #mtab-ist:checked ~ .mtabs__bar .mtabs__l--ist, #mtab-dg:checked ~ .mtabs__bar .mtabs__l--dg,
#mtab-oran:checked ~ .mtabs__bar .mtabs__l--oran, #mtab-canli:checked ~ .mtabs__bar .mtabs__l--canli, #mtab-sonuc:checked ~ .mtabs__bar .mtabs__l--sonuc,
#mtab-prem:checked ~ .mtabs__bar .mtabs__l--prem { background: var(--color-accent-fill); border-color: var(--color-accent-fill); color: var(--color-accent-contrast); box-shadow: 0 4px 12px rgba(46, 125, 50, .25); }
.mtabs__l--prem { color: #8A5A00; border-color: #F0DDAE; background: #FFF8E8; }

/* ---------- koyu temada açık sabit renkli yüzeyler ---------- */
:root[data-theme="dark"] .app-content .hx-card, :root[data-theme="dark"] .app-content .panel { background: var(--color-surface); }

/* ---------- skor / durum kutusu (ana sayfa + Maçlar) ---------- */
.day-row .day-row__status, .lv .day-row .day-row__status { border: 1px solid var(--color-border); border-radius: 12px; background: var(--t-pill); }
.day-row--live .day-row__status, .lv .day-row--live .day-row__status { border-color: transparent; background: var(--color-accent-soft); }
.day-row .day-row__score, .lv .day-row .day-row__score { font-family: var(--dg-head); font-weight: 800; color: var(--t-head); }
.day-row--live .day-chip, .lv .day-row--live .day-chip { color: var(--t-live-min); }
.day-row--live .day-chip__dot, .lv .day-row--live .day-chip__dot { background: var(--t-live-min); }

/* ---------- ana sayfa ---------- */
.hx { --hx-head: var(--dg-head); }
.hx-h2 { font-weight: 800; letter-spacing: -.01em; color: var(--t-head); }
.hx-card { background: var(--t-card); border-radius: 16px; box-shadow: var(--t-sh); }
.hx-hero { border-radius: 20px; box-shadow: 0 14px 36px rgba(30, 91, 42, .22); }
.hx-hero__title { font-weight: 800; letter-spacing: -.02em; }
.hx-eyebrow { letter-spacing: .14em; }
/* kart başlık bandı: Maçlar kartı */
.hx-mc__head { align-items: center; padding: 13px 18px; background: var(--t-band); border-bottom: 1px solid var(--t-band-line); }
.hx-mc__head + p, .hx-mc__head ~ .hx-muted:first-of-type { padding-inline: 18px; }
.hx-tabs { border-bottom: 1px solid var(--color-border); }
.hx-tabs button[aria-selected="true"] { color: var(--t-head); border-bottom-color: var(--color-accent-fill); }
/* bağımsız bölüm başlığı: degrade bant, sol yeşil şerit */
.hx-sec { align-items: center; padding: 10px 16px; border: 1px solid var(--t-band-edge); border-left: 5px solid #2E7D32; border-radius: 12px;
    background: linear-gradient(90deg, var(--t-band-a) 0%, var(--t-band-b) 100%); }
.hx-sec .hx-h2 { font-size: 19px; }
.hx-card > .hx-sec { margin: -1px -1px 14px; }
/* duyuru: koyu kart yerine açık altın */
.hx-ann { background: #FFF8E8; border: 1px solid #F0DDAE; color: #4A3A10; box-shadow: 0 6px 18px rgba(23, 60, 35, .06); border-radius: 16px; }
.hx-ann__k, .hx-ann__go, .app-content a.hx-ann__go { color: #8A5A00; }
.hx-ann__t { font-weight: 800; color: var(--t-head); }
.hx-ann__p { color: #5A5240; }
.hx-ann__dot { background: rgba(138, 90, 0, .22); }
/* uygulama yükleme çubuğu + lansman şeridi: açık */
.pwa-bar { background: var(--t-card); color: var(--color-text); border: 1px solid var(--color-border); box-shadow: var(--t-sh); border-radius: 16px; }
.pwa-bar__tx span { color: var(--color-text-muted); }
.pwa-bar__go { background: var(--color-accent-fill); color: #fff; border-radius: 999px; }
.pwa-bar__x { color: var(--color-text-muted); }
.pwa-bar__x:hover { color: var(--color-text); background: var(--color-surface-2); }
.dg-launch { background: #FFF8E8; color: #4A3A10; border: 1px solid #F0DDAE; border-radius: 16px; box-shadow: 0 6px 18px rgba(23, 60, 35, .05); }
.dg-launch__t b, .dg-launch__price { color: #8A5A00; }
.dg-launch__price { text-decoration-color: rgba(138, 90, 0, .45); }
.dg-launch__t .dg-launch__free, .dg-launch__ok { color: #2E7D32; }
.dg-launch__t small, .dg-launch__sub { color: #6A5A30; }
.dg-launch__sub a, .app-content .dg-launch__sub a { color: #8A5A00; }
.dg-launch__go, .app-content a.dg-launch__go { background: #2E7D32; color: #fff !important; border-radius: 999px; }
.dg-launch__go:hover, .app-content a.dg-launch__go:hover { background: #1E6B34; }
:root[data-theme="dark"] .hx-ann, :root[data-theme="dark"] .dg-launch { background: #231E12; border-color: #4A3D1E; color: #E9DFC7; }
:root[data-theme="dark"] .hx-ann__p, :root[data-theme="dark"] .dg-launch__t small, :root[data-theme="dark"] .dg-launch__sub { color: #C9BFA6; }
:root[data-theme="dark"] .hx-ann__k, :root[data-theme="dark"] .hx-ann__go, :root[data-theme="dark"] .dg-launch__t b, :root[data-theme="dark"] .dg-launch__price { color: #E3B34A; }
:root[data-theme="dark"] .hx-tmove { background: var(--t-band); border-color: var(--t-band-line); color: var(--color-text); }
:root[data-theme="dark"] .hx-tmove__t, :root[data-theme="dark"] .hx-tmove__p b { color: var(--t-head); }
:root[data-theme="dark"] .hx-tmove__p { color: var(--color-text-secondary); }
:root[data-theme="dark"] .hx-tmove__k { color: var(--t-eyebrow); }

/* ---------- yazı tipi birliği: eski dar başlık yazı tipi (Bahnschrift) sabit yazılmış yerler ---------- */
.sx { --sx-head: var(--dg-head); }
.lv .day-row__score, .mlv__score b, .mlv-st__v, .msa__v, .hx-lockcount__t b { font-family: var(--dg-head); font-weight: 800; }
/* İstatistikler / Performans: bölüm başlıkları koyu yeşil, 800 */
.sx h2, .sx h3, .pg h2 { color: var(--t-head); font-weight: 800; letter-spacing: -.01em; }

/* ---------- DG-MATCH-FACTS-01: ana sayfa tablosu (saat · maç · iddaa 1·X·2 · form · 2,5 Üst % · KG % · skor) ---------- */
.hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) auto 100px; grid-template-areas: "time teams fx status"; }
.hx-mlist .day-row--fx .day-row__detail { grid-area: status; width: 0; min-width: 0; padding: 0; overflow: hidden; }
.hx-mlist .day-row--fx .day-row__status { width: 100px; min-width: 100px; max-width: 100px; }
.day-row__fx { grid-area: fx; display: grid; grid-template-columns: 138px 74px 46px 46px; gap: 8px; align-items: center; }
.fx-odds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.fx-ob { display: grid; justify-items: center; padding: 3px 0; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); line-height: 1.1; }
.fx-ob small { font-size: 10px; font-weight: 700; color: var(--color-text-muted); }
.fx-ob b { font-size: 13px; font-weight: 700; color: var(--color-text); }
.fx-form { display: grid; gap: 3px; }
.fx-fl { display: flex; gap: 2px; }
.fx-fb { display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; font: 800 8px/1 var(--dg-head); font-style: normal; color: #fff; background: #9AA59E; }
.fx-fb--G { background: #2E7D32; } .fx-fb--M { background: #D64545; } .fx-fb--x { background: none; color: var(--color-text-muted); width: auto; }
.fx-pct { display: grid; justify-items: center; line-height: 1.1; }
.fx-pct small { display: none; }
.fx-pct b { font-size: 13px; font-weight: 800; color: var(--t-head); }
.fx-head { display: grid; align-items: center; gap: 0 var(--space-3); padding: 8px 18px; background: var(--color-surface); border-bottom: 1px solid var(--t-band-edge);
    font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--t-head); }
.fx-head > span:nth-child(1) { grid-area: time; } .fx-head > span:nth-child(2) { grid-area: teams; } .fx-head > span:nth-child(4) { grid-area: status; text-align: center; }
.fx-head__fx { grid-area: fx; display: grid; grid-template-columns: 138px 74px 46px 46px; gap: 8px; text-align: center; }
@media (max-width: 767px) {
    .fx-head { display: none; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx { height: auto; grid-template-columns: 2.9rem minmax(0, 1fr) 100px; grid-template-areas: "time teams status" "time fx fx"; row-gap: 6px; padding-block: 8px; }
    .day-row__fx { grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px; }
    .fx-form { display: none; }
    .fx-pct { display: inline-flex; align-items: baseline; gap: 4px; padding: 3px 8px; border-radius: 999px; background: var(--t-pill); }
    .fx-pct small { display: inline; font-size: 10.5px; font-weight: 700; color: var(--color-text-muted); }
}

/* ---------- Premium kartı karşılama bandının içinde (sahip 13.10) ---------- */
.hx-hero.hx-hero--card { grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    background: radial-gradient(120% 140% at 0% 0%, #0e6a3f 0%, transparent 55%), linear-gradient(135deg, var(--hx-pitch-1) 0%, var(--hx-pitch-2) 60%, var(--hx-pitch-3) 100%); }
.hx-tmove--hero { background: #FFFFFF; border-color: rgba(255, 255, 255, .6); box-shadow: 0 16px 36px rgba(3, 30, 18, .32); }
:root[data-theme="dark"] .hx-tmove--hero { background: var(--color-surface); }
@media (max-width: 1023px) { .hx-vit--empty { display: none; } }
/* lig başlığı: top simgesi + ad solda, sayı sağda */
.day-group__title { justify-content: flex-start; }
.day-group__title .day-group__n { margin-left: auto; }

/* ---------- maç önü "Maç özeti" tablosu (Premium .sumt düzeni) ---------- */
.sumt-wrap { overflow-x: auto; margin: 0 calc(-1 * var(--panel-pad)); padding: 0 var(--panel-pad); }
.sumt { width: 100%; border-collapse: collapse; font-size: 14px; }
.sumt th, .sumt td { padding: 9px 10px; border-bottom: 1px solid var(--t-row-line); text-align: left; vertical-align: middle; }
.sumt thead th { background: var(--t-group); color: var(--t-head); font-weight: 800; font-size: 13px; border-bottom: 1px solid var(--t-band-edge); }
.sumt thead th:first-child { border-radius: 10px 0 0 10px; } .sumt thead th:last-child { border-radius: 0 10px 10px 0; }
.sumt tbody th { width: 34%; color: var(--color-text-secondary); font-weight: 700; font-size: 13px; }
.sumt td { color: var(--color-text); font-weight: 600; }
.sumt tbody tr:hover td, .sumt tbody tr:hover th { background: var(--t-row-hover); }
.sumt tbody tr:last-child th, .sumt tbody tr:last-child td { border-bottom: 0; }
.sumt-frm { display: inline-flex; gap: 4px; }
.sumt-fb { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 800; background: #9AA59E; }
.sumt-fb--G { background: #2E7D32; } .sumt-fb--M { background: #D64545; }
.sumt-note { margin: 10px 0 0; font-size: 12.5px; color: var(--color-text-muted); }
.sumt-card + .ms2 .ms2-meters { margin-top: 0; }
@media (max-width: 520px) { .sumt { font-size: 13px; } .sumt th, .sumt td { padding: 8px 6px; } .sumt-fb { width: 19px; height: 19px; font-size: 10px; } .sumt-frm { gap: 2px; } }

/* ---------- Maç özeti: oran hücreleri + "Son 5 maç ve iddaa" (sahip 13.10) ---------- */
.sumt-odds { display: inline-flex; flex-wrap: nowrap; gap: 4px; }
.sumt-o { display: inline-flex; align-items: baseline; gap: 4px; padding: 3px 8px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); white-space: nowrap; font-size: 13px; }
.sumt-o small { font-size: 11px; font-weight: 700; color: var(--color-text-muted); }
.sumt-o b { font-weight: 700; color: var(--color-text); }
.sumt-o.is-won { background: var(--color-accent-soft); border-color: var(--color-accent); color: var(--color-accent-fill-hover); font-weight: 800; }
.sumt-o.is-won b, .sumt-o.is-won small { color: var(--color-accent-fill-hover); font-weight: 800; }
.sumt-o.is-dim { opacity: .5; }
.sumt-noodds { color: var(--color-text-muted); font-size: 12.5px; font-weight: 500; margin: 0; }
.sumt tbody tr.sumt-l5row td { padding: 12px 10px 14px; background: var(--color-surface-2); }
.sumt tbody tr.sumt-l5row:hover td { background: var(--color-surface-2); }
.sumt-l5__t { margin: 0 0 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--t-eyebrow); }
.sumt-l5grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sumt-l5__team { margin: 0 0 6px; font-weight: 800; color: var(--t-head); font-size: 13.5px; }
.sumt-l5 { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sumt-l5 li { display: grid; grid-template-columns: 22px 42px 16px minmax(0, 1fr) 36px auto; align-items: center; gap: 6px; font-size: 13px; }
.sumt-l5__d { color: var(--color-text-muted); font-size: 12px; }
.sumt-l5__v { font-size: 11px; font-weight: 700; color: var(--color-text-muted); }
.sumt-l5__opp { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.sumt-l5__s { text-align: center; font-weight: 800; color: var(--t-head); }
@media (max-width: 1100px) { .sumt-l5grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) {
    .sumt-l5 li { grid-template-columns: 19px 34px 12px minmax(0, 1fr) 30px; row-gap: 3px; font-size: 12px; }
    .sumt-l5 li .sumt-odds, .sumt-l5 li .sumt-noodds { grid-column: 2 / -1; }
    .sumt-o { padding: 2px 6px; font-size: 11.5px; gap: 3px; }
    .sumt-o small { font-size: 10px; }
}

/* Son 5 maç: alt alta, oranlar en önde (sahip 13.10) */
.sumt-l5grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sumt-l5__team span { font-weight: 600; color: var(--color-text-muted); }
.sumt-l5 li { grid-template-columns: auto 22px 46px 18px minmax(0, 1fr) 40px; gap: 10px; padding: 6px 0; border-top: 1px solid var(--t-row-line); }
.sumt-l5 li:first-child { border-top: 0; }
.sumt-l5 li > .sumt-odds, .sumt-l5 li > .sumt-noodds { min-width: 236px; }
.sumt-o.is-dim { opacity: 1; background: var(--color-surface-2); color: var(--color-text-muted); }
.sumt-o.is-dim b, .sumt-o.is-dim small { color: var(--color-text-muted); font-weight: 600; }
@media (max-width: 1100px) { .sumt-l5grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
    .sumt-l5 li { grid-template-columns: 19px 38px 14px minmax(0, 1fr) 32px; row-gap: 4px; gap: 6px; font-size: 12.5px; }
    .sumt-l5 li > .sumt-odds, .sumt-l5 li > .sumt-noodds { grid-column: 1 / -1; min-width: 0; }
    .sumt-o { padding: 2px 6px; font-size: 11.5px; gap: 3px; }
    .sumt-o small { font-size: 10px; }
}

/* ---------- maç detayı: iddaa oranları yatay şerit (başlığın altında, sahip 13.10) ---------- */
.obar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 14px 0; padding: 12px 16px; background: var(--t-card); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: var(--t-sh); }
.obar__t { margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--t-eyebrow); }
.obar__groups { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; flex: 1 1 auto; min-width: 0; }
.obar__g { display: inline-flex; align-items: center; gap: 8px; }
.obar__gt { font-size: 12.5px; font-weight: 700; color: var(--color-text-secondary); white-space: nowrap; }
.obar__sels { display: inline-flex; gap: 4px; }
.obar__sel { display: inline-grid; justify-items: center; min-width: 52px; padding: 4px 8px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); line-height: 1.15; }
.obar__sel small { font-size: 10.5px; font-weight: 700; color: var(--color-text-muted); }
.obar__sel b { font-size: 14px; font-weight: 800; color: var(--color-text); }
.obar__meta { display: flex; align-items: center; gap: 12px; margin: 0 0 0 auto; font-size: 12px; color: var(--color-text-muted); white-space: nowrap; }
.obar__meta a, .app-content .obar__meta a { font-weight: 700; color: var(--color-accent); text-decoration: none; }
@media (max-width: 640px) {
    .obar { padding: 12px; gap: 8px; }
    .obar__groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: 100%; }
    .obar__g { justify-content: space-between; }
    .obar__sel { min-width: 48px; padding: 3px 6px; }
    .obar__meta { margin: 0; width: 100%; justify-content: space-between; }
}
@media (min-width: 641px) {
    .obar { flex-wrap: nowrap; gap: 14px; }
    .obar__groups { flex-wrap: nowrap; gap: 14px; }
    .obar__g { gap: 6px; }
    .obar__sel { min-width: 46px; padding: 3px 6px; }
    .obar__meta { gap: 10px; }
}
@media (min-width: 641px) and (max-width: 1100px) { .obar { flex-wrap: wrap; } .obar__groups { flex-wrap: wrap; } }

/* ---------- Son maçlar: oranlar + skor hapı (sahip 13.10) ---------- */
.mt-last__score, .mt-last__score a, .app-content .mt-last__score a { color: #fff; text-decoration: none; }
.mt-last__row--w .mt-last__score { background: #2E7D32; } .mt-last__row--d .mt-last__score { background: #8A968F; } .mt-last__row--l .mt-last__score { background: #D64545; }
.mt-last__score { border-radius: 999px; padding: 2px 9px; }
.mt-odd { border-radius: 999px; padding: 2px 8px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text-secondary); }
.mt-odd.is-won { background: #2E7D32; border-color: #2E7D32; color: #fff; font-weight: 800; }
.mt-odd.is-won i { color: rgba(255, 255, 255, .85); }
.mt-odd.is-dim { background: #F1F4F2; border-color: #E6ECE8; color: #66726B; }   /* Ö12/1-a: soluk oran ≥ 4,5:1 (eski #9AA59E = 2,3) */
.mt-odd.is-dim i { color: #B3BCB6; }
:root[data-theme="dark"] .mt-odd.is-dim { background: var(--color-surface-2); border-color: var(--color-border); color: var(--color-text-muted); }

/* ---------- DG-HOME-FILL-01: ana sayfa veri kartları ---------- */
.hb-card { display: grid; align-content: start; gap: 10px; padding: 0 0 14px; overflow: hidden; }
.hb-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 12px 16px; background: var(--t-band); border-bottom: 1px solid var(--t-band-line); }
.hb-h { margin: 0; font: 800 17px/1.2 var(--dg-head); color: var(--t-head); letter-spacing: -.01em; }
.hb-sub { font-size: 12.5px; color: var(--color-text-muted); }
.hb-link, .app-content a.hb-link { color: inherit; text-decoration: none; }
.hb-link:hover { color: var(--color-accent); text-decoration: underline; }
.hb-note { margin: 0; padding: 0 16px; font-size: 12.5px; color: var(--color-text-muted); }
/* seriler */
.hb-ser { margin: 0; padding: 0 16px; list-style: none; display: grid; }
.hb-ser li { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; padding: 9px 0; border-top: 1px solid var(--t-row-line); }
.hb-ser li:first-child { border-top: 0; }
.hb-ser__n { display: grid; place-items: center; height: 44px; border-radius: 12px; background: var(--color-accent-soft); color: var(--color-accent-fill-hover); font: 800 22px/1 var(--dg-head); }
.hb-ser__t { display: grid; gap: 2px; min-width: 0; font-size: 14px; color: var(--color-text-secondary); line-height: 1.35; }
.hb-ser__t b { color: var(--t-head); font-weight: 800; }
.hb-ser__t small { font-size: 12px; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* gol / KG */
.hb-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.hb-pair > .hb-note { grid-column: 1 / -1; padding: 0 4px; }
.hb-rows { margin: 0; padding: 0 16px; list-style: none; display: grid; }
.hb-rows li { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--t-row-line); }
.hb-rows li:first-child { border-top: 0; }
.hb-time { display: inline-flex; justify-content: center; padding: 4px 0; border-radius: 999px; background: var(--t-pill); color: var(--color-text-secondary); font-weight: 700; font-size: 12.5px; }
.hb-m { display: grid; gap: 1px; min-width: 0; }
.hb-m b { font-weight: 700; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hb-m small { font-size: 12px; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hb-val { display: grid; gap: 2px; justify-items: end; }
.hb-val__top { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--color-text-muted); }
.hb-val__top b { font-size: 14px; font-weight: 800; color: var(--t-head); }
.hb-bar { width: 56px; height: 8px; }
.hb-bar__bg { fill: #EEF2EF; } .hb-bar__fg { fill: #2E7D32; }
:root[data-theme="dark"] .hb-bar__bg { fill: var(--color-surface-3); } :root[data-theme="dark"] .hb-bar__fg { fill: #4ADE80; }
.hb-val small { font-size: 11.5px; color: var(--color-text-muted); }
/* sürprizler */
.hb-sur { margin-top: 20px; }
.hb-surl { margin: 0; padding: 0 16px; list-style: none; display: grid; }
.hb-surl li { display: grid; grid-template-columns: minmax(0, 1fr) 52px auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--t-row-line); }
.hb-surl li:first-child { border-top: 0; }
.hb-score { text-align: center; font-weight: 800; color: var(--t-head); font-size: 16px; }
.hb-big { display: inline-flex; align-items: baseline; justify-content: center; gap: 5px; padding: 4px 10px; border-radius: 12px; background: #2E7D32; color: #fff; }
.hb-big small { font-size: 12px; font-weight: 700; opacity: .85; }
.hb-big b { font: 800 18px/1.1 var(--dg-head); }
.hb-odds { display: inline-flex; gap: 4px; }
@media (max-width: 1023px) { .hb-pair { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
    .hb-rows li { grid-template-columns: 48px minmax(0, 1fr); row-gap: 6px; }
    .hb-val { grid-column: 2; justify-items: start; }
    .hb-surl li { grid-template-columns: minmax(0, 1fr) auto; row-gap: 6px; }
    .hb-surl .hb-score { text-align: right; }
    .hb-surl .hb-big { justify-self: start; }
    .hb-surl .hb-odds { justify-self: end; }
}
/* ---------- /puan-durumu ---------- */
.pd-head { display: grid; gap: 4px; margin-block: 6px 14px; }
.pd-head .page-title { margin: 0; font-size: clamp(24px, 2.4vw, 32px); }
.pd-head__date { margin: 0; font-size: 12.5px; color: var(--color-text-muted); }
.pd-pills { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; margin-block: 0 14px; scrollbar-width: none; }
.pd-pill, .app-content a.pd-pill { flex: none; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text-secondary); font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.pd-pill:hover { background: var(--color-accent-soft); color: var(--color-accent-fill-hover); }
.pd-pill.is-active, .app-content a.pd-pill.is-active { background: var(--color-accent-fill); border-color: var(--color-accent-fill); color: var(--color-accent-contrast); box-shadow: 0 4px 12px rgba(46, 125, 50, .22); }
.pd-more, .app-content a.pd-more { font-size: 13px; font-weight: 700; color: var(--color-accent); text-decoration: none; }
.pd-table tbody tr:nth-child(-n+4) td:first-child { color: #2E7D32; font-weight: 800; }
/* üst menü 7 madde: dar masaüstünde sıkışmasın */
@media (min-width: 1024px) {
    .app-header__inner { gap: 12px; }
    .topnav__list { gap: 2px; }
    .topnav__item { padding: 8px 9px; font-size: 13px; }
    .account-bar { gap: 6px; }
    .account-bar__contact { display: none; }   /* İletişim altbilgide ve çekmecede */
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .t-tools .t-search, .account-bar__register { display: none; }
    .app-header__brand .wordmark__dg, .app-header__brand .wordmark__web { display: none; }
}

.hb-val small { white-space: nowrap; }
@media (min-width: 1024px) { .t-tools .t-search { display: none; } .topnav__item { padding: 8px 7px; } }   /* içerik en çok 1200 px: 7 madde + hesap düğmeleri ancak böyle sığar */
@media (max-width: 640px) { .hb-surl .hb-m b, .hb-surl .hb-m small, .hb-rows .hb-m b { white-space: normal; } .hb-odds .mt-odd { padding: 2px 6px; font-size: 12px; } }
@media (max-width: 1023px) { .hx-vit { order: 0; } }   /* telefonda önce maçlar, sonra Günün Serileri */
/* sahip 13.10 ("bu boşluk?"): sağ sütun = Günün Serileri + Sürpriz sonuçlar; masaüstünde kaydırırken sabit */
.hx-vit .hb-sur--side { margin-top: 0; }
.hb-sur--side .hb-surl li { grid-template-columns: minmax(0, 1fr) auto; row-gap: 6px; }
.hb-sur--side .hb-m b, .hb-sur--side .hb-m small { white-space: normal; }
.hb-sur--side .hb-score { text-align: right; }
.hb-sur--side .hb-odds { justify-self: end; }
.hb-sur--side .hb-odds .mt-odd { padding: 2px 6px; font-size: 12px; }
/* sahip 13.10: iki sütun aynı hizada biter — maç kutusu sağ sütun boyunca uzar, liste iç kaydırması kalan yüksekliği doldurur */
@media (min-width: 1024px) {
    .hx-main { align-items: stretch; }
    .hx-main > .hx-left { align-self: stretch; }
    .hx-left > .hx-mc { flex: 1 1 auto; display: flex; flex-direction: column; }
    .hx-mc > .hx-mlist { flex: 1 1 0; min-height: 240px; max-height: none; overflow-y: auto; }
}
/* ---------- DG-HOME-LAYOUT-01 (sahip 13.10: "her satırdaki iki kart aynı yükseklikte biter") ---------- */
@media (min-width: 1024px) { .hx-main { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }   /* 8/12 · 4/12 */
.hb-pair { align-items: stretch; }
@media (min-width: 768px) and (max-width: 1023px) {
    .hx-vit:not(.hx-vit--empty) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: stretch; }   /* seriler · sürprizler 6/6 */
    .hx-vit > .hb-card { margin: 0; }
}
@media (max-width: 1023px) {
    .hx-left > .hx-mc { height: 70vh; min-height: 420px; display: flex; flex-direction: column; }   /* telefon / tablet: maçlar sabit yükseklik, iç kaydırma */
    .hx-mc > .hx-mlist { flex: 1 1 0; min-height: 0; max-height: none; overflow-y: auto; }
}
.hx-main > .hx-vit { order: 0; }   /* home.css ≤1060 px kuralı vitrini öne alıyordu */

/* ---------- KART GÖRÜNÜMÜ (DG-TASARIM-1 eki, sahip 13.10: "çok hafif grimsi, saydam gibi, etrafında çerçeve, 3d görüntüsü gibi") ---------- */
:root {
    --card-bg: rgba(248, 250, 249, .72);
    --card-border: 1px solid rgba(46, 125, 50, .10);
    --card-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 1px 2px rgba(16, 40, 24, .05), 0 6px 18px rgba(16, 40, 24, .07);
    --card-shadow-hover: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 2px 4px rgba(16, 40, 24, .06), 0 10px 26px rgba(16, 40, 24, .10);
    --t-row-line: rgba(0, 0, 0, .05);
}
:root[data-theme="dark"] {
    --card-bg: rgba(255, 255, 255, .04);
    --card-border: 1px solid rgba(255, 255, 255, .08);
    --card-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 6px 18px rgba(0, 0, 0, .25);
    --card-shadow-hover: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 10px 26px rgba(0, 0, 0, .32);
    --t-row-line: rgba(255, 255, 255, .06);
}
/* zemin kartlardan bir ton farklı → kartlar "kalkık" durur */
body.page--app { background: linear-gradient(180deg, #F1F5F2 0%, #EBF1ED 100%); background-attachment: fixed; }
:root[data-theme="dark"] body.page--app { background: var(--color-bg); }
.app-content .hx-card, .app-content .hb-card, .app-content .panel, .app-content .hx-lg, .app-content .hx-steps li {
    background: var(--card-bg); border: var(--card-border); box-shadow: var(--card-shadow); border-radius: 16px;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.app-content .hx-card .day-row, .app-content .panel .day-row { background: transparent; }
.app-content .day-row, .app-content .hb-ser li, .app-content .hb-rows li, .app-content .hb-surl li, .app-content .table td { border-color: var(--t-row-line); }
@media (hover: hover) and (min-width: 1024px) {
    .app-content .hx-card, .app-content .hb-card, .app-content .panel, .app-content .hx-lg, .app-content .hx-steps li { transition: transform .15s ease, box-shadow .15s ease; }
    .app-content .hx-card:hover, .app-content .hb-card:hover, .app-content .hx-lg:hover, .app-content .hx-steps li:hover { transform: translateY(-1px); box-shadow: var(--card-shadow-hover); }
}
@media (prefers-reduced-motion: reduce) { .app-content .hx-card, .app-content .hb-card, .app-content .panel, .app-content .hx-lg, .app-content .hx-steps li { transition: none; } }
/* ---------- üst menü "Daha fazla ▾" + Premium kutusunda lansman satırı (sahip 13.10) ---------- */
.topnav { overflow: visible; }
.topnav__list { overflow: visible; }   /* DG-NAV-SIMPLE-01: hidden iken açılır menü kırpılıyordu; taşmayı fit() önler */
.topnav__more details { position: relative; }
.topnav__more summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.app-header, .app-header__inner { overflow: visible; }
.topnav__sx-links { display: none; }
.sx-hero__links { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 2px; }
.sx-hero__link { font-weight: 700; color: var(--color-accent); text-decoration: none; }
.sx-hero__link:hover { text-decoration: underline; }
.topnav__more { position: relative; display: flex; align-items: center; }
.topnav__more[hidden] { display: none; }
.topnav__more summary { list-style: none; cursor: pointer; }
.topnav__more summary::-webkit-details-marker { display: none; }
.topnav__more summary.is-active { background: var(--color-accent-fill); color: var(--color-accent-contrast); }
.topnav__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 220px; margin: 0; padding: 6px; list-style: none; display: grid; gap: 2px;
    background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; box-shadow: 0 12px 30px rgba(16, 40, 24, .14); }
.topnav__menu .topnav__item { width: 100%; justify-content: flex-start; border-radius: 10px; }
.hx-tmove__launch { margin: 0; font-size: 13px; font-weight: 700; color: #8A5A00; }
:root[data-theme="dark"] .hx-tmove__launch { color: #E3B34A; }
/* girişli üye: sağ üst sıkı (Premium işareti yalnız ★, Hesabım yalnız simge; ipucu ve ekran okuyucu metni korunur) */
@media (min-width: 1024px) {
    .account-bar__me .account-bar__label { display: none; }
    .account-bar__logout .btn { padding-inline: 12px; }
}

/* ---------- koyu tema: İstatistikler / iddaa İstatistikleri (stats.css .sx kendi açık renklerini sabitliyordu) ---------- */
.sx { --sx-head: var(--dg-head); --sx-body: var(--font-sans); color: var(--color-text); }
.app-content:has(> .sx), .app-main:has(.sx) { background: transparent; }
:root[data-theme="dark"] .sx { color-scheme: dark; }
:root[data-theme="dark"] .sx-league__lp strong { color: var(--color-text); }   /* lig rengi (lacivert / bordo) koyu zeminde okunmuyordu */
:root[data-theme="dark"] .sx .table td, :root[data-theme="dark"] .sx .table th { border-color: var(--t-row-line); }
.mt-last__row .mt-last__score, .mt-last__row .mt-last__score a { color: #fff; }   /* app.css --color-bg kullanıyordu: koyu temada koyu yazı */

/* DG-SITE-CHECK-01 (Kobra 13.10): ana sayfa tablosunda takım adı asla kesilmez; dar ekranda FORM / 2,5 ÜST / KG gizli */
.hx-mlist .day-row .day-row__team, .hx-mlist .day-row .day-row__team-link { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.hx-mlist .day-row, .hx-mlist .lv .day-row { height: auto; }
@media (min-width: 768px) and (max-width: 1023px) {
    .hx-mlist .day-row--fx .fx-form, .hx-mlist .day-row--fx .fx-pct { display: none; }
    .day-row__fx, .fx-head__fx { grid-template-columns: 138px; }
    .fx-head__fx > span:not(:first-child) { display: none; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .hx-mlist .day-row--fx .fx-form { display: none; }
    .day-row__fx, .fx-head__fx { grid-template-columns: 138px 46px 46px; }
    .fx-head__fx > span:nth-child(2) { display: none; }
}
/* sahip 13.10: biten maçta maç öncesi analiz kapalı kutuda */
.mpv-fold { margin-top: 14px; border: var(--card-border); border-radius: 16px; background: var(--card-bg); box-shadow: var(--card-shadow); }
.mpv-fold > summary { cursor: pointer; list-style: none; padding: 14px 18px; font-weight: 800; color: var(--t-head); display: flex; justify-content: space-between; gap: 10px; }
.mpv-fold > summary::-webkit-details-marker { display: none; }
.mpv-fold > summary span { font-weight: 600; color: var(--color-text-muted); margin-right: auto; }
.mpv-fold > summary::after { content: "+"; font-weight: 800; color: var(--color-accent); }
.mpv-fold[open] > summary::after { content: "–"; }
.mpv-fold > .mpv-an { margin: 0; border: 0; box-shadow: none; background: transparent; }
/* maç olayları: iç kaydırma yok, bütün goller ilk bakışta; oyuncu değişiklikleri düğmeyle (Kobra / sahip 13.10) */
.app-content .mlv-ev { max-height: none; overflow: visible; }
.mlv-ev--nosub .mlv-ev--sub { display: none; }
.mlv-ev__more { margin-top: 8px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-accent); font: 700 13px var(--font-sans); cursor: pointer; }
.mlv-ev__more:hover { background: var(--color-accent-soft); }

/* ---------- lig kartlarında bayrak şeridi (sahip 13.10: "yanına kendi bayrak renklerinde bir çizgi") ----------
   Tek harita: ülke (data-c, sağlayıcı adı) → yukarıdan aşağı bayrak renkleri, sert geçiş. Bilinmeyen ülke: marka yeşili. Dekoratif (yalnız CSS). */
:root { --flag-w: #FFFFFF; }
:root[data-theme="dark"] { --flag-w: #E8ECEA; }
.app-content .hx-lg, .app-content .sx-league { position: relative; overflow: hidden; padding-left: 20px; }
.app-content .hx-lg::before, .app-content .sx-league::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 16px 0 0 16px;
    background: var(--flag, #2E7D32); box-shadow: inset -1px 0 0 rgba(0, 0, 0, .08); pointer-events: none; }
.app-content .sx-league { border-top: var(--card-border); }   /* üst renkli çizgi yerine bayrak şeridi */
.app-content .sx-league:hover { border-top-color: rgba(46, 125, 50, .18); }
[data-c="Turkey"]  { --flag: #E30A17; }
[data-c="England"] { --flag: linear-gradient(180deg, var(--flag-w) 0 33.33%, #CE1124 33.33% 66.66%, var(--flag-w) 66.66% 100%); }
[data-c="Spain"]   { --flag: linear-gradient(180deg, #AA151B 0 25%, #F1BF00 25% 75%, #AA151B 75% 100%); }
[data-c="Italy"]   { --flag: linear-gradient(180deg, #009246 0 33.33%, var(--flag-w) 33.33% 66.66%, #CE2B37 66.66% 100%); }
[data-c="Germany"] { --flag: linear-gradient(180deg, #000000 0 33.33%, #DD0000 33.33% 66.66%, #FFCE00 66.66% 100%); }
[data-c="France"]  { --flag: linear-gradient(180deg, #0055A4 0 33.33%, var(--flag-w) 33.33% 66.66%, #EF4135 66.66% 100%); }
:root[data-theme="dark"] [data-c="Germany"] { --flag: linear-gradient(180deg, #3A3A3A 0 33.33%, #DD0000 33.33% 66.66%, #FFCE00 66.66% 100%); }   /* siyah bölüm koyu zeminde görünsün */

/* DG-MATCHES-MERGE-01: iddaa dışı maçlar anahtarı (sekme satırında değil, listenin altında) */
.fx-extra { display: grid; gap: 12px; margin-top: 14px; }
.fx-toggle { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 9px 14px; border-radius: 999px; border: var(--card-border); background: var(--card-bg); box-shadow: var(--card-shadow);
    font-weight: 700; color: var(--t-head); cursor: pointer; }
.fx-toggle input { width: 18px; height: 18px; accent-color: #2E7D32; margin: 0; }
.fx-toggle small { color: var(--color-text-muted); font-weight: 600; }
.fx-extra__sec .mc-sec__h { color: var(--t-head); }

/* DG-STANDINGS-ALL-01 (sahip 13.10 "hem yarım hem ligler az"): popüler lig düğmeleri satıra sarar (kesik yok) + "Tüm ligler" arama kutulu seçici */
.pd-nav { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 10px; margin-block: 0 14px; }
.pd-nav .pd-pills { flex: 1 1 520px; flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
.pd-all { position: relative; flex: 0 0 auto; }
.pd-all__btn { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--color-accent-fill);
    background: var(--color-surface); color: var(--color-accent-fill-hover); font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.pd-all__btn::-webkit-details-marker { display: none; }
.pd-all__btn small { color: var(--color-text-muted); font-weight: 600; }
.pd-all[open] .pd-all__btn { background: var(--color-accent-fill); color: var(--color-accent-contrast); }
.pd-all[open] .pd-all__btn small { color: inherit; opacity: .8; }
.pd-all__panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; width: min(380px, 92vw); padding: 10px; display: grid; gap: 8px;
    background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: 0 16px 40px rgba(16, 40, 24, .16); }
.pd-all__list { max-height: min(60vh, 460px); overflow-y: auto; display: grid; gap: 2px; }
.pd-all__c { margin: 8px 6px 2px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--t-eyebrow); }
.pd-all__i, .app-content a.pd-all__i { display: flex; justify-content: space-between; gap: 8px; padding: 7px 10px; border-radius: 10px; color: var(--color-text); text-decoration: none; font-size: 14px; }
.pd-all__i small { color: var(--color-text-muted); font-size: 12px; white-space: nowrap; }
.pd-all__i:hover { background: var(--color-accent-soft); }
.pd-all__i.is-active { background: var(--color-accent-soft); font-weight: 700; color: var(--color-accent-fill-hover); }
.pd-all__none { margin: 8px; color: var(--color-text-muted); font-size: 13px; }
@media (max-width: 640px) {
    .pd-all { flex: 1 1 100%; }
    .pd-all__btn { width: 100%; justify-content: center; }
    .pd-all__panel { position: static; width: 100%; margin-top: 8px; }
}

/* DG-HUB-TABLE-01 (Kobra; /iddaa-mac-istatistikleri): sekmeler + sıralanabilir tablo; satır yüksekliği her sekmede aynı */
.hb-tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-block: 4px 12px; padding-bottom: 2px; }
.hb-tabs::-webkit-scrollbar { display: none; }
.hb-tab { flex: none; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text-secondary); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.hb-tab:hover { background: var(--color-accent-soft); }
.hb-tab.is-active { background: var(--color-accent-fill); border-color: var(--color-accent-fill); color: var(--color-accent-contrast); }
.hb:not([data-tab="gol"]) .t-gol, .hb:not([data-tab="yari"]) .t-yari, .hb:not([data-tab="korner"]) .t-korner, .hb:not([data-tab="sonuc"]) .t-sonuc { display: none; }
.sx[data-sx-mode="LEAGUE_SEO"] .hb-t td { height: 46px; padding-block: 4px; }
.hb-t .hb-g th { text-align: left; padding: 12px 10px 6px; font-size: 13px; font-weight: 800; color: var(--t-head); background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.hb-r { cursor: pointer; }
.hb-r:hover td { background: var(--color-accent-soft); }
.hb-sort { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.hb-sort:focus-visible { outline: 2px solid var(--color-accent-fill); outline-offset: 2px; border-radius: 4px; }
.hb-arr::after { content: "↕"; opacity: .35; font-size: 11px; }
th.is-sorted { color: var(--t-head) !important; }
th[aria-sort="descending"] .hb-arr::after { content: "↓"; opacity: 1; }
th[aria-sort="ascending"] .hb-arr::after { content: "↑"; opacity: 1; }
.hb-lg { display: none; font-size: 11px; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 320px; }
.hb-t.is-sorted .hb-lg { display: block; }
.hb-team .st-team-link { white-space: nowrap; }
.hb-hi { background: var(--color-accent-soft); color: var(--t-head); font-weight: 800; }
td.hb-hi { box-shadow: inset 0 0 0 2px var(--color-surface); border-radius: 8px; }
.hb-lo { color: var(--color-text-muted); opacity: .7; }
.hb-form { display: inline-grid; gap: 3px; vertical-align: middle; }
.hb-more td { padding: 8px 10px 12px !important; text-align: left !important; background: var(--color-surface); }
.hb-more__in { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.hb-mi { display: inline-flex; align-items: baseline; gap: 6px; }
.hb-mi { display: none; }
.hb[data-tab="gol"] .hb-mi.t-gol, .hb[data-tab="yari"] .hb-mi.t-yari, .hb[data-tab="korner"] .hb-mi.t-korner, .hb[data-tab="sonuc"] .hb-mi.t-sonuc { display: inline-flex; }
.hb-mi small { font-size: 11.5px; color: var(--color-text-muted); font-weight: 700; }
.hb-mi b { padding: 2px 6px; border-radius: 6px; }
.hb-more__go, .app-content a.hb-more__go { margin-left: auto; font-weight: 700; color: var(--color-accent-fill-hover); text-decoration: none; }
@media (min-width: 700px) { .hb-more { display: none !important; } }
@media (max-width: 699px) {
    .hb-x { display: none !important; }
    .sx[data-sx-mode="LEAGUE_SEO"] .hb-t .st-col-team { min-width: 0; }
    .hb-team .st-team-link { white-space: normal; }
    .hb-r.is-open td { background: var(--color-accent-soft); }
    .hb-lg { max-width: 52vw; }
}
/* DG-HUB-TABLE-01 düzeltme: saat hücresi .num kuralından inline-flex alıyordu (20 px'e sıkışıp kesiliyordu); lig başlığı sola */
.sx[data-sx-mode="LEAGUE_SEO"] .hb-t td.mh-time { display: table-cell; width: 58px; min-width: 58px; text-align: left; color: var(--color-text-muted); font-variant-numeric: tabular-nums; }
.sx[data-sx-mode="LEAGUE_SEO"] .hb-t th.mh-time { text-align: left; }
.sx[data-sx-mode="LEAGUE_SEO"] .hb-t tr.hb-g th { text-align: left; color: var(--t-head); font-size: 13px; font-weight: 800; padding: 12px 10px 6px; }
/* DG-HUB-TABLE-01 telefon: Saat + Maç + seçili sekmenin ilk 2 sütunu yatay kaydırmasız sığar */
@media (max-width: 699px) {
    .sx[data-sx-mode="LEAGUE_SEO"] .hb-t th, .sx[data-sx-mode="LEAGUE_SEO"] .hb-t td { padding-inline: 5px; }
    .sx[data-sx-mode="LEAGUE_SEO"] .hb-t td.mh-time, .sx[data-sx-mode="LEAGUE_SEO"] .hb-t th.mh-time { width: 40px; min-width: 40px; font-size: 12px; padding-left: 8px; }
    .sx[data-sx-mode="LEAGUE_SEO"] .hb-t .st-col-team { font-size: 13.5px; }
    .sx[data-sx-mode="LEAGUE_SEO"] .hb-t thead th { font-size: 11px; letter-spacing: 0; }
    .hb-t th:not(.is-sorted) .hb-arr { display: none; }
    .hb-c { font-size: 13px; }
    .hb-more__go, .app-content a.hb-more__go { margin-left: 0; }
}
.sx[data-sx-mode="LEAGUE_SEO"] .hb-t tr.hb-g th, .sx[data-sx-mode="LEAGUE_SEO"] .hb-t tr.hb-more td { white-space: normal; width: auto; }   /* uzun lig adı tabloyu genişletmesin */
@media (max-width: 699px) { .sx[data-sx-mode="LEAGUE_SEO"] .hb-t thead th.hb-c { white-space: normal !important; line-height: 1.2; } }
/* DG-STANDINGS-PHONE-01 (Kobra 13.10): telefonda (<700px) popüler ligler tek satır, yatay kayar, sağ kenarda solma; "Tüm ligler" şeridin üstünde, tam genişlik */
.pd-pills { position: relative; }
@media (max-width: 699px) {
    .pd-nav { flex-direction: column; align-items: stretch; gap: 10px; }
    .pd-nav .pd-all { order: -1; flex: none; width: 100%; }
    .pd-nav .pd-all__btn { width: 100%; justify-content: center; }
    .pd-nav .pd-all__panel { position: static; width: 100%; margin-top: 8px; }
    .pd-nav .pd-pills { flex: none; flex-wrap: nowrap; overflow-x: auto; padding-right: 28px; scrollbar-width: none;
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); }
    .pd-nav .pd-pills::-webkit-scrollbar { display: none; }
}
/* DG-LEAGUE-PICKER-01: İstatistik Merkezi'nde seçici süzgeç kutusunun üstünde */
.pd-nav--sx { justify-content: flex-end; margin-block: 0 10px; }
@media (max-width: 699px) { .pd-nav { min-width: 0; max-width: 100%; } .pd-nav .pd-pills { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } }
@media (max-width: 420px) { .sx .pd-table th, .sx .pd-table td { padding-inline: 5px; } .sx .pd-table .st-col-team { min-width: 104px; } }   /* 375 px: P sütunu kırpılmasın */
@media (max-width: 860px) { .hx-hero.hx-hero--card { grid-template-columns: minmax(0, 1fr); } }   /* GOLIVE duman testi: telefonda Premium kartı başlığın üstüne biniyordu (iki sütun kalıyordu) */
/* 13.10 Kobra (sahip "maçın nerede oynanacağı tarih ve saatle birlikte yazılacaktı"): maç sayfası başlığında stadyum + şehir; telefonda ayrı satır */
.me-card__venue { display: inline-flex; align-items: center; gap: 4px; }
.me-card__venue .icon, .me-card__venue svg { flex: none; opacity: .85; }
@media (max-width: 640px) { .app-content .me-card .me-card__venue { flex-basis: 100%; justify-content: center; } }

/* DG-SOFT-VERIFY-01 + DG-APP-PREMIUM-01 (15.10): onay şeridi, honeypot, altbilgi 18+ */
.verify-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; padding: 8px 16px; background: var(--color-gold-soft, #FFF8E8); color: var(--color-text); font-size: 13.5px; border-bottom: 1px solid var(--color-border); text-align: center; }
.verify-strip a { font-weight: 700; color: var(--color-accent); }
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.site-foot__age { margin: 0 0 6px; font-size: 13px; color: var(--color-text-secondary); }
.site-foot__age b { display: inline-block; padding: 0 6px; border: 1px solid currentColor; border-radius: 6px; font-size: 12px; }

/* DG-GOOGLE-AUTH-01: Google ile devam et + "veya" ayracı */
.auth-google { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; font-weight: 700; }
.auth-google__g { flex: 0 0 auto; }
.auth-or { display: flex; align-items: center; gap: 12px; margin: 14px 0 6px; font-size: 13px; color: var(--color-text-secondary); }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--color-border); }

/* DG-SEO-G4 Ö10 (erişilebilirlik): paragraf içi bağlantılar yalnız renkle ayrılmaz */
.site-foot__age a, .site-foot__legal a, .site-foot__tagline a { text-decoration: underline; text-underline-offset: 2px; }

/* DG-SEO-G4 Ö10 (erişilebilirlik): logo "DG" metni açık zeminde ≥ 4,5:1 (marka altını yalnız metinde koyulaşır; çizgi/kenar --color-gold aynı) */
:root:not([data-theme="dark"]) .wordmark__dg { color: #966218; }

/* DG-SEO-G5 Ö12/1-b: takım adı bağlantıları mobilde ≥ 24 px dokunma alanı (görünüm aynı: dikey iç boşluk satır kutusunu büyütmez) */
.day-row__teams:has(.day-row__team-link) { gap: 7px; }
.day-row__teams .day-row__team-link { padding-block: 3.5px; margin-block: -3.5px; }   /* app.css 8 px iç boşluk alt alta iki bağlantıda çakışıyordu; 24,5 px alan, eksi kenar boşluğuyla satır yüksekliği aynı */   /* SEO kontrolü: alt alta iki bağlantının merkezleri ≥ 24 px (3 px aralıkta 21 px idi); iç boşluk tıklama alanlarını bindiriyordu */
/* DG-SEO-G5 Ö12/1: altbilgi "Popüler" satırı */
.site-foot__pop { margin: 0 0 8px; font-size: 13px; color: var(--color-text-muted); }
.site-foot__pop a { color: var(--color-text-secondary); text-decoration: underline; text-underline-offset: 2px; display: inline-block; padding-block: 3px; }

/* DUZELT-BAHIS (Doğan "Düzelt" 18.10, Kobra): masaüstü ana sayfa maç satırı saat + takımla başlar; iddaa 1·X·2 satırın SONUNDA, soluk ve küçük (bilgi amaçlı). Telefon düzeni ayrı (HOME-ROW-B). */
@media (min-width: 768px) {
    .hx-mlist .day-row--fx .day-row__fx, .fx-head__fx { display: contents; }
    .hx-mlist .day-row--fx .day-row__fx > .fx-odds, .fx-head__fx > span:nth-child(1) { grid-area: odds; }
    .hx-mlist .day-row--fx .day-row__fx > .fx-form, .fx-head__fx > span:nth-child(2) { grid-area: form; }
    .hx-mlist .day-row--fx .day-row__fx > .fx-pct:nth-child(3), .fx-head__fx > span:nth-child(3) { grid-area: o25; }
    .hx-mlist .day-row--fx .day-row__fx > .fx-pct:nth-child(4), .fx-head__fx > span:nth-child(4) { grid-area: kg; }
    .hx-mlist .day-row--fx .fx-odds { opacity: .72; gap: 3px; }
    .hx-mlist .day-row--fx .fx-ob { padding: 2px 0; border-radius: 8px; }
    .hx-mlist .day-row--fx .fx-ob b { font-size: 11.5px; font-weight: 600; color: var(--color-text-secondary); }
    .hx-mlist .day-row--fx .fx-ob small { font-size: 9px; }
    .fx-head__fx > span:nth-child(1) { opacity: .72; text-align: center; }
    .fx-head__fx > span { text-align: center; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) 100px 112px; grid-template-areas: "time teams status odds"; }
}
@media (min-width: 1024px) {
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) 46px 46px 100px 112px; grid-template-areas: "time teams o25 kg status odds"; }
}
@media (min-width: 1200px) {
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) 74px 46px 46px 100px 112px; grid-template-areas: "time teams form o25 kg status odds"; }
}


/* DESK-MENU-A (Kobra 18.10, Doğan): masaüstü (≥1024) üst çubuk sade — menüde 5 başlık; arama büyüteçte (tıklayınca açılır); Hesap oluştur ve İletişim üstte yok (Giriş ekranı / altbilgi); sağda Premium; girişli kullanıcıda "Ad ▾". Telefon aynı. */
.hd-prem, .me-dd { display: none; }
@media (min-width: 1024px) {
    body:not(.menu-yan) .account-bar__register, body:not(.menu-yan) .account-bar__contact, body:not(.menu-yan) .account-bar__me, body:not(.menu-yan) .account-bar__logout { display: none !important; }
    body:not(.menu-yan) .hd-prem { display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--color-warning, #c9a227) 55%, transparent); color: var(--color-text); font-size: 13.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
    body:not(.menu-yan) .hd-prem span { color: var(--color-warning, #c9a227); }
    body:not(.menu-yan) .hd-prem:hover { background: var(--color-surface-2); text-decoration: none; }
    body:not(.menu-yan) .me-dd { display: block; position: relative; }
    .me-dd__btn { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px; border-radius: 10px; color: var(--color-text); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
    .me-dd__btn::-webkit-details-marker { display: none; }
    .me-dd__btn:hover, .me-dd[open] .me-dd__btn { background: var(--color-surface-2); }
    .me-dd__n { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .me-dd__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 70; min-width: 180px; padding: 6px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); box-shadow: var(--shadow-2); display: grid; gap: 2px; }
    .me-dd__menu a, .me-dd__menu button { display: block; width: 100%; padding: 9px 12px; border: 0; border-radius: 8px; background: none; color: var(--color-text); font: inherit; font-size: 14px; text-align: left; text-decoration: none; cursor: pointer; }
    .me-dd__menu a:hover, .me-dd__menu button:hover { background: var(--color-surface-2); text-decoration: none; }
    .me-dd__menu form { margin: 0; }
    body:not(.menu-yan) .app-header .ara-f--top { position: relative; }
    body:not(.menu-yan) .app-header .ara-f--top .ara-f__in { display: none !important; }
    body:not(.menu-yan) .app-header .ara-f--top.is-open .ara-f__in { display: block !important; position: absolute; top: calc(100% + 10px); right: 0; left: auto; width: 380px; height: 44px; padding: 0 14px; z-index: 71; border: 2px solid var(--color-accent); border-radius: 999px; background: var(--color-surface); box-shadow: var(--shadow-2); font-size: 15px; }
    body:not(.menu-yan) .app-header .ara-f--top.is-open .ara-pop { position: absolute; top: calc(100% + 60px); right: 0; left: auto; width: 440px; }
}

/* DESK-SIDE-1 (B sürümü, yalnız staging çerezle: /menu-secimi?m=yan): ≥1200 sol yan menü 220 px, 1024–1199 simgeler; üst çubukta geniş arama. SEO 18.10: TFF 1. Lig. */
.side-nav { display: none; }
@media (min-width: 1024px) {
    .menu-yan .app { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
    .menu-yan .side-nav { display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; background: var(--color-surface); border-right: 1px solid var(--color-border); }
    .side-nav__head { display: none; }
    .sn { display: flex; flex-direction: column; gap: 2px; padding: 10px 8px 16px; flex: 1; }
    .sn__list { display: grid; gap: 2px; }
    .sn__item { position: relative; display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 10px; border-radius: 10px; color: var(--color-text-secondary); font-size: 14px; font-weight: 600; text-decoration: none; }
    a.sn__item:hover { background: var(--color-surface-2); color: var(--color-text); text-decoration: none; }
    .sn__item.is-active { background: var(--color-accent-soft); color: var(--color-text); box-shadow: inset 3px 0 0 var(--color-accent-fill); }
    .sn__item.is-active .icon { color: var(--color-accent); }
    .sn__item .icon { flex: none; }
    .sn__t { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .sn__live { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--color-danger); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-danger) 22%, transparent); }
    .sn__label { margin: 14px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-muted); }
    .sn__item--lg { min-height: 32px; font-size: 13.5px; font-weight: 500; }
    .sn__list--foot { margin-top: auto; padding-top: 12px; }
    .sn__item--sm { min-height: 32px; font-size: 13px; font-weight: 500; color: var(--color-text-muted); }
    .sn__t, .sn__label, .sn__list--lg { display: none; }
    .sn__item { justify-content: center; padding: 0; }
    .sn__live { position: absolute; top: 7px; right: 9px; }
    .menu-yan .app-header .topnav, .menu-yan .account-bar__register, .menu-yan .account-bar__contact, .menu-yan .hd-prem { display: none !important; }
    .menu-yan .app-header__inner { max-width: none; gap: var(--space-4); }
    .menu-yan .app-header .account-bar { flex: 1 1 auto; }
    .menu-yan .app-header .t-tools { flex: 1 1 auto; justify-content: flex-end; gap: var(--space-2); }
    .menu-yan .app-header .ara-f--top { flex: 1 1 auto; width: auto; max-width: 560px; margin: 0 auto 0 var(--space-4); }
    .menu-yan .app-header .ara-f--top .ara-f__in, .menu-yan .app-header .ara-f--top.is-open .ara-f__in { display: block; position: static; width: 100%; height: 38px; padding: 0 12px; margin-right: 6px; border: 1px solid var(--color-border); border-radius: 999px; box-shadow: none; font-size: 14px; }
    .menu-yan .app-header .ara-f--top .ara-pop, .menu-yan .app-header .ara-f--top.is-open .ara-pop { position: absolute; top: calc(100% + 6px); left: auto; right: 0; width: 440px; }
}
@media (min-width: 1200px) {
    .menu-yan .app { grid-template-columns: 220px minmax(0, 1fr); }
    .side-nav__head { display: flex; align-items: center; height: var(--header-height); padding: 0 16px; border-bottom: 1px solid var(--color-border); flex: none; }
    .menu-yan .app-header__brand { display: none; }
    .sn__t, .sn__label { display: block; }
    .sn__list--lg { display: grid; }
    .sn__item { justify-content: flex-start; padding: 0 10px; }
    .sn__live { position: static; }
    .menu-yan .app-content, .menu-yan .site-foot__inner, .menu-yan .site-foot__legal { max-width: 1680px; }
}
/* B sürümü: 1024–1499 aralığında ana sayfa sağ sütunu (seriler, sürpriz sonuçlar) alta iner; maç listesi tam genişlik */
@media (min-width: 1024px) and (max-width: 1499px) {
    .menu-yan .hx-main { grid-template-columns: minmax(0, 1fr); }
    .menu-yan .hx-main > .hx-vit { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-4); align-items: start; }
}

/* DG-LIVE-COUNT-1 (Kobra 18.10): iddaa dışı canlılar ayrı ve açık etiketli bağlantı; yan menü (B) Canlı Skor rozetinde tek sayı */
.hx-mc__other, .mc-sec__other { margin-left: 8px; font-size: 12.5px; font-weight: 600; color: var(--color-accent); text-decoration: none; white-space: nowrap; }
.hx-mc__other:hover, .mc-sec__other:hover { text-decoration: underline; }
.mc-sec__other { font-size: 13px; }
.sn__n { flex: none; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--color-danger); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1.5; text-align: center; }
@media (min-width: 1024px) and (max-width: 1199px) { .sn__n { position: absolute; top: 2px; right: 2px; min-width: 18px; padding: 0 4px; font-size: 10px; } }

/* SIKI-MASAUSTU-1 (Doğan / Kobra 18.10, KALICI KURAL): masaüstü (≥1024) yoğunluk — gövde 14 px, tablo 13 px, H1 26–28 px, kart başlığı 17–18 px,
   kart iç boşluğu yarı, maç satırı tek satır 36–40 px (logo 16 px), lig başlığı 28 px, iç kaydırma kutusu yok, tam genişlik; 44 px dokunma kuralı yalnız telefonda. Telefon dokunulmadı. */
.hx-lv-other { display: none; }
@media (max-width: 600px) {
    .hx .hx-mc .hx-mc__sum .hx-mc__other { display: none; }
    .hx .hx-mc .hx-lv-other { display: block; margin: 0; padding: 10px 12px 12px; font-size: 13px; font-weight: 600; text-align: center; }
    .hx .hx-mc .hx-lv-other a { color: var(--color-accent); text-decoration: none; }
}
/* Sürpriz sonuçlar: oran küçük ve gri (her genişlikte), skor öne çıkar */
.hb-sur .hb-odds .mt-odd { padding: 0 6px; border-color: transparent; background: none; color: var(--color-text-muted); font-size: 11.5px; font-weight: 500; }
.hb-sur .hb-odds .mt-odd i { color: var(--color-text-muted); }
.hb-sur .hb-odds .mt-odd.is-res { color: var(--color-text-secondary); font-weight: 600; }
.hb-sur .hb-score { font-size: 18px; font-weight: 800; color: var(--color-text); }

@media (min-width: 1024px) {
    /* yazı ölçeği */
    body.page--app, .app-content { font-size: 14px; }
    .app-content table { font-size: 13px; }
    .app-content td, .app-content th { padding-top: 6px; padding-bottom: 6px; }
    .app-content h1, .app-content .page-title, .app-content .mc-head__h1 { font-size: 27px; line-height: 1.15; }
    .app-content .hx-hero__title, .hx-hero--slim .hx-hero__title { font-size: 26px; }
    .app-content .section-title, .app-content .hx-h2, .app-content .hb-h, .app-content .mc-sec__h { font-size: 17.5px; }
    /* kart iç boşlukları yarı */
    .app-content .panel { padding: 10px 12px; }
    .app-content .panel__head { padding: 7px 12px; }
    .app-content .mc-head { padding: 12px 16px 12px; gap: 8px; }
    .mc-kpi { min-width: 78px; padding: 6px 10px; }
    .app-content .hx-hero, .hx-hero.hx-hero--slim { padding: 12px 18px 12px; }
    .hx-hero--slim .ara-hero { margin-top: 8px; }
    .hx-hero--slim .hx-eyebrow { margin-bottom: 4px; }
    /* 44 px dokunma alanı yalnız telefonda */
    .app-content .mc-chip, .app-content .hx-se__card, .app-content a.hx-se__card { min-height: 0; }

    /* ana sayfa sırası: hero → lansman satırı → MAÇLAR → kart şeridi → istatistik blokları → kalanlar */
    .hx > * { order: 5; }
    .hx > .hx-hero { order: 0; }
    .hx > .dg-launch { order: 1; }
    .hx > .hx-main { order: 2; }
    .hx > .gls { order: 3; }
    .hx > .hx-se { order: 4; }
    .hx { row-gap: 12px; }

    /* lansman şeridi tek ince satır */
    .dg-launch.dg-launch--home { min-height: 0; padding: 6px 8px 6px 16px; border-radius: 12px; }
    .dg-launch--home .dg-launch__t { font-size: 13.5px; }
    .dg-launch--home .dg-launch__go { min-height: 0; padding: 5px 14px; font-size: 13px; }

    /* Maçlar kartı tam genişlik; sağ sütun 1500 px altında altta (iki sütunlu ızgara) */
    .hx-main { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .hx-main > .hx-vit { order: 2; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; align-items: start; }
    .hx-mc { align-self: stretch; }
    .hx-mc__head { padding: 10px 14px 2px; }
    .hx-mc__sum { padding: 0 14px 8px; font-size: 13px; }
    /* iç kaydırma yok: liste sayfayla akar; uzun liste kesilir, altta "Bütün maçlar →" */
    .hx-mc > .hx-mlist, .hx-mlist { flex: none; max-height: 1560px; min-height: 0; overflow: hidden; overscroll-behavior: auto; -webkit-mask-image: linear-gradient(#000 calc(100% - 60px), transparent); mask-image: linear-gradient(#000 calc(100% - 60px), transparent); }
    .hx-mlist .day-group__title { position: static; padding: 6px 14px 4px; font-size: 11px; }
    .hx-mlist .lv-strip { min-height: 28px; padding: 5px 14px; font-size: 11.5px; line-height: 18px; }

    /* maç satırı tek satır: Saat · Ev – Deplasman · form · 2,5Ü · KG · skor · oranlar (sonda, küçük) */
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx { min-height: 38px; padding-top: 3px; padding-bottom: 3px; align-items: center; }
    .hx-mlist .day-row--fx .day-row__teams { flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 6px; min-width: 0; overflow: hidden; }
    .hx-mlist .day-row--fx .day-row__teams:has(.day-row__team-link) { gap: 6px; }
    .hx-mlist .day-row--fx .day-row__team { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 46%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
    .hx-mlist .day-row--fx .day-row__team-link { padding-block: 0; margin-block: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hx-mlist .day-row--fx .day-row__vs { display: inline; flex: none; color: var(--color-text-muted); }
    .hx-mlist .day-row--fx .day-row__logo { width: 16px; height: 16px; flex: none; }
    .hx-mlist .day-row--fx .day-row__time { font-size: 13px; }
    .hx-mlist .day-row--fx .fx-ob small { display: none; }
    .hx-mlist .day-row--fx .fx-ob { padding: 1px 0; }
    .fx-head { min-height: 28px; font-size: 11px; }

    /* kutular (Günün Serileri, Sürpriz sonuçlar, gol beklenen maçlar …): satır ~40 px, yazı 13–14 px */
    .hb-card { padding-bottom: 6px; }
    .hb-card .hb-h { padding-top: 10px; padding-bottom: 6px; }
    .hb-card li { min-height: 40px; padding-top: 5px; padding-bottom: 5px; font-size: 13.5px; }
    .hb-card li small { font-size: 12px; }
    .hb-ser__n { font-size: 15px; min-width: 30px; height: 30px; }

    /* /maclar: başlık sıkı; kart şeridi listenin altında (ilk ekranda maçlar) */
    .app-content:has(> .mc-days) { display: flex; flex-direction: column; }
    .app-content:has(> .mc-days) > * { order: 1; }
    .app-content:has(> .mc-days) > .gls { order: 5; margin-top: 12px; }
    .app-content:has(> .mc-days) > .mc-head { order: 0; }
    .mc-days { margin-bottom: 8px; }
    .match-list--mc .day-row { min-height: 36px; padding-top: 2px !important; padding-bottom: 2px !important; }
    .match-list--mc .day-row__logo { width: 16px; height: 16px; }
    .mc-lighead, .match-list--mc .lv-strip { min-height: 28px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
}
@media (min-width: 1500px) {
    .hx-main { grid-template-columns: minmax(0, 1fr) minmax(0, 380px); }
    .hx-main > .hx-vit { order: 0; grid-template-columns: minmax(0, 1fr); }
}

/* SIKI-MASAUSTU-1 R1: ilk ekranda 8–10 maç — hero ve Maçlar kartı başlık alanı tek satırlara iner; skor rozeti ve satır içi öğeler satır yüksekliğini aşmaz */
@media (min-width: 1024px) {
    .hx-hero--slim .hx-hero__title { font-size: 24px; }
    .hx-hero--slim .hx-eyebrow { font-size: 11px; margin-bottom: 2px; }
    .hx-hero--slim .ara-hero { margin-top: 6px; }
    .hx-hero--slim .ara-f--big { height: 40px; }
    .hx-hero--slim .ara-quick { margin-top: 4px; }
    .hx-hero--slim .ara-quick a { padding-top: 2px; padding-bottom: 2px; }
    .hx-hero .hx-today { padding: 8px 12px; gap: 0; }
    .hx-hero .hx-today li, .hx-hero .hx-today li a { min-height: 0; padding-top: 2px; padding-bottom: 2px; font-size: 13px; line-height: 20px; }
    .hx-hero .hx-today .hx-prem1 { margin-top: 4px; padding-top: 3px; padding-bottom: 3px; }

    /* Maçlar kartı: [Maçlar | özet] · [sekmeler | süzgeç] · liste · alt bağlantı */
    .hx-mc { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; }
    .hx-mc > * { grid-column: 1 / -1; }
    .hx-mc > .hx-mc__head { grid-column: 1; grid-row: 1; padding: 8px 12px 6px 14px; }
    .hx-mc > .hx-mc__sum { grid-column: 2; grid-row: 1; padding: 8px 14px 6px 0; justify-content: flex-end; }
    .hx-mc > .hx-muted { display: none; }   /* "Bugünün iddaa maç istatistikleri →" bağlantısı hero / kart şeridinde de var */
    .hx-mc .hx-livenote { display: none; }
    .hx-mc > .hx-tabs { grid-column: 1; grid-row: 2; margin: 0; padding: 0 8px 0 10px; border: 0; }
    .hx-mc > .hx-tabs button { min-height: 32px; padding: 4px 12px; font-size: 13.5px; }
    .hx-mc > .hx-flt { grid-column: 2; grid-row: 2; margin: 0; padding: 4px 14px 6px 0; }
    .hx-mc > .hx-mlist, .hx-mc > .hx-mc__foot { grid-column: 1 / -1; }
    .hx-mc > .hx-mc__foot { padding-top: 6px; padding-bottom: 8px; }
    .hx-mlist .fx-head { min-height: 26px; padding-top: 3px; padding-bottom: 3px; }
    .hx-mlist .lv > .day-group__title { display: none; }   /* "Canlı 121" sekmede yazıyor */

    /* satır içi öğeler 36 px'i aşmaz */
    .hx-mlist .day-row--fx .day-row__status { min-height: 0; }
    .hx-mlist .day-row--fx .day-row__score { font-size: 16px; line-height: 22px; padding-top: 1px; padding-bottom: 1px; }
    .hx-mlist .day-row--fx .day-chip { padding-top: 1px; padding-bottom: 1px; line-height: 18px; }
    .hx-mlist .day-row--fx .day-row__detail { min-height: 0; height: 26px; padding: 2px; }
    .hx-mlist .day-row--fx .day-row__time { min-height: 0; padding-top: 2px; padding-bottom: 2px; line-height: 18px; }
    .hx-mlist .day-row--fx .fx-form { row-gap: 2px; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx { min-height: 36px; padding-top: 2px; padding-bottom: 2px; }
}
/* SIKI-MASAUSTU-1 R2: Maçlar kartı ızgarası tam genişlik (hücreler esner) */
@media (min-width: 1024px) {
    .hx-mc { justify-items: stretch; place-items: center stretch; text-align: left; }
    .hx-mc > * { justify-self: stretch; min-width: 0; width: auto; max-width: none; }
    .hx-mc > .hx-mc__head { justify-self: start; }
}
/* SIKI-MASAUSTU-1 R3: .hx-left > .hx-mc esnek kutu kuralı ızgarayı eziyordu */
@media (min-width: 1024px) {
    .hx .hx-left > .hx-mc { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; justify-items: stretch; height: auto; min-height: 0; }
}
/* SIKI-MASAUSTU-1 R4: hero "Bugün" kutusu iki sütun, sekme etiketleri tek satır */
@media (min-width: 1024px) {
    .hx-hero .hx-today ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; row-gap: 0; }
    .hx-hero .hx-today li { min-height: 0; padding: 1px 0; border: 0; }
    .hx-hero .hx-today li a { min-height: 0; padding: 1px 0; }
    .hx-hero .hx-today__h { margin-bottom: 2px; }
    .hx .hx-mc > .hx-tabs button { white-space: nowrap; }
    .hx .hx-mc > .hx-tabs { align-self: stretch; display: flex; align-items: center; }
}
/* SIKI-MASAUSTU-1 R5: satır 36 px (skor kutusu 28 px), lig başlığı 24 px */
@media (min-width: 1024px) {
    .hx-mlist .day-row--fx .day-row__status { height: 28px; align-items: center; overflow: hidden; }
    .hx-mlist .day-row--fx .day-row__status > * { min-height: 0; }
    .hx-mlist .lv-strip, .hx-mlist .day-group__title { min-height: 24px; padding-top: 3px; padding-bottom: 3px; line-height: 18px; }
}
/* SIKI-MASAUSTU-1 R6: /maclar başlık alanı, gün şeridi, sekmeler sıkı */
@media (min-width: 1024px) {
    .app-content:has(> .mc-days) .mc-head { align-items: center; }
    .app-content:has(> .mc-days) .mc-head__title { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 14px; row-gap: 2px; }
    .app-content:has(> .mc-days) .mc-head__title > .eyebrow { display: none; }
    .app-content:has(> .mc-days) .mc-head .mc-head__h1, .app-content:has(> .mc-days) .mc-head h1.page-title { font-size: 27px; line-height: 1.15; flex: none; }
    .app-content:has(> .mc-days) .mc-head__date { margin: 0; font-size: 13px; }
    .app-content:has(> .mc-days) .mc-head__date.num { flex-basis: auto; }
    .app-content:has(> .mc-days) .mc-total { margin: 0; font-size: 12.5px; }
    .app-content:has(> .mc-days) .mc-kpi { min-width: 70px; padding: 4px 9px; }
    .app-content:has(> .mc-days) .mc-kpi b { font-size: 19px; }
    .mc-days a, .mc-days button { min-height: 0; padding-top: 3px; padding-bottom: 3px; }
    .app-content:has(> .mc-days) section.panel > .panel__head { padding: 5px 12px; }
    .app-content:has(> .mc-days) section.panel > .panel__head .section-title { font-size: 16px; }
    .mc-tabs .mc-tab { min-height: 0; padding-top: 5px; padding-bottom: 5px; }
    .app-content:has(> .mc-days) .filters { row-gap: 6px; }
}
/* SIKI-MASAUSTU-1 R7: tablolar 13 px, satır ~32 px (stats.css sonra yüklendiği için güçlü kural; yalnız ≥1024) */
@media (min-width: 1024px) {
    .app-content table, .app-content table td, .app-content table th { font-size: 13px !important; }
    .app-content table td, .app-content table th { padding-top: 6px !important; padding-bottom: 6px !important; }
}
/* LIG-SATIR-1 (Kobra 18.10, seçenek a): masaüstünde saat sıralı listelerde (canlı, öne çıkanlar, tümü) lig adı satırın içinde ayrı sütun, küçük ve gri; lig başlık satırları yok.
   Lige göre gruplu görünüm (katlı lig grupları, /maclar/tum) başlıklarıyla kalır. */
@media (min-width: 1024px) {
    .hx-mlist .lv-strip, .hx-mlist .hx-group > .day-group__title { display: none !important; }
    .hx-mlist .day-row--fx .day-row__league { display: block !important; grid-area: lg; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--color-text-muted); }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .hx-mlist .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) 150px 46px 46px 100px 112px; grid-template-areas: "time teams lg o25 kg status odds"; }
    .hx-mlist .fx-head::after { content: "Lig"; grid-area: lg; }
    .mc-secs--mk .lv-strip { display: none !important; }
    .mc-secs--mk .day-row { grid-template-columns: 46px minmax(0, 1fr) 54px minmax(0, 1fr) 190px auto; }
    .mc-secs--mk .day-row .day-row__league { display: block !important; grid-column: 5; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--color-text-muted); }
    .mc-secs--mk .day-row .day-row__detail, .mc-secs--mk .day-row .fav-star { grid-column: 6; }
}
@media (min-width: 1200px) {
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .hx-mlist .fx-head { grid-template-columns: 3.4rem minmax(0, 1fr) 170px 74px 46px 46px 100px 112px; grid-template-areas: "time teams lg form o25 kg status odds"; }
}

/* DESK-PULSE-1 (Doğan / Kobra 18.10; "Pulse of the Game" ilhamı): masaüstü (≥1200) ana sayfa üç sütun — yan menü · orta (öne çıkan maç + özet, maçlar, Premium tanıtımı) · sağ (puan durumu, sıradaki maçlar, uygulama).
   Koyu tema öncelikli ama iki temada da token'larla; cam efekti yalnız öne çıkan maç kartında. Yoğunluk standardı aynen (13–14 px). 1200 altında bu bloklar yok. */
.dk-top, .dk-right, .dk-prem { display: none; }
@media (min-width: 1200px) {
    .hx { grid-template-columns: minmax(0, 1fr) 320px; column-gap: 16px; }
    .hx > * { grid-column: 1; order: 7; }
    .hx > .hx-hero { order: 0; }
    .hx > .dk-top { order: 1; }
    .hx > .dg-launch { order: 2; }
    .hx > .hx-main { order: 3; }
    .hx > .dk-prem { order: 4; }
    .hx > .gls { order: 5; }
    .hx > .hx-se { order: 6; }
    .hx > .dk-right { grid-column: 2; grid-row: 1 / span 6; align-self: start; position: sticky; top: calc(var(--header-height) + 8px); display: grid; gap: 12px; order: 0; }

    /* hero ince: başlık + arama; günün sayıları özet kutucuklarında */
    .hx-hero.hx-hero--slim { grid-template-columns: minmax(0, 1fr); }
    .hx-hero--slim .hx-today { display: none; }
    .hx-hero--slim .hx-slim__row { display: flex; align-items: baseline; gap: 14px; }

    /* kart dili: yuvarlak köşe, ince yeşil kenar parlaması */
    .dk-feat, .dk-card, .dk-oz li, .dk-prem { border-radius: 16px; border: 1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-accent) 6%, transparent), 0 8px 24px -16px color-mix(in srgb, var(--color-accent) 45%, transparent); }

    /* öne çıkan maç + özet */
    .dk-top { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; align-items: stretch; }
    .dk-feat { position: relative; overflow: hidden; min-height: 196px; background: #0c1a12; color: #fff; isolation: isolate; }
    .dk-feat__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .55; filter: blur(1.5px) saturate(1.1); }
    .dk-feat::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, rgba(6, 20, 12, .92) 0%, rgba(6, 20, 12, .72) 55%, rgba(6, 20, 12, .45) 100%); }
    .dk-feat__in { display: grid; gap: 8px; padding: 12px 16px 14px; }
    .dk-feat__top { display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: rgba(255, 255, 255, .78); }
    .dk-feat__lg { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-tag { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: rgba(255, 255, 255, .12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-weight: 700; font-size: 12px; white-space: nowrap; }
    .dk-tag--live { background: rgba(229, 57, 53, .9); }
    .dk-dot { width: 7px; height: 7px; border-radius: 50%; background: #fff; }
    .dk-feat__mid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 14px; }
    .dk-tm { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 16px; }
    .dk-tm:last-child { flex-direction: row-reverse; text-align: right; }
    .dk-tm b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-tm img { flex: none; width: 40px; height: 40px; }
    .dk-sc { padding: 2px 16px; border-radius: 12px; background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 30px; font-weight: 800; letter-spacing: .02em; }
    .dk-btn { justify-self: start; display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; background: var(--color-accent-fill, #2E7D32); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
    .dk-btn:hover { filter: brightness(1.1); text-decoration: none; }
    /* sekmeler (yalnız CSS) */
    .dk-tabs__r { position: absolute; opacity: 0; pointer-events: none; }
    .dk-tabs__bar { display: flex; gap: 4px; margin-bottom: 6px; }
    .dk-tabs__l { padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: rgba(255, 255, 255, .7); cursor: pointer; }
    .dk-tabs__p { display: none; }
    #dk-t-s:checked ~ .dk-tabs__p--s, #dk-t-e:checked ~ .dk-tabs__p--e, #dk-t-k:checked ~ .dk-tabs__p--k { display: grid; }
    #dk-t-s:checked ~ .dk-tabs__bar .dk-tabs__l--s, #dk-t-e:checked ~ .dk-tabs__bar .dk-tabs__l--e, #dk-t-k:checked ~ .dk-tabs__bar .dk-tabs__l--k { background: rgba(255, 255, 255, .16); color: #fff; }
    .dk-tabs__r:focus-visible + .dk-tabs__r, .dk-tabs__r:focus-visible ~ .dk-tabs__bar { outline: 2px solid #8fe3a4; outline-offset: 2px; border-radius: 999px; }
    .dk-tabs__p--s { gap: 5px; }
    .dk-bar { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; column-gap: 8px; font-size: 12.5px; }
    .dk-bar > span { text-align: center; color: rgba(255, 255, 255, .75); }
    .dk-bar > b:last-of-type { text-align: right; }
    .dk-bar__t { grid-column: 1 / -1; width: 100%; height: 4px; border-radius: 2px; overflow: hidden; }
    .dk-bar__h { fill: #5fd17a; }
    .dk-bar__a { fill: rgba(255, 255, 255, .28); }
    .dk-evs { gap: 3px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; }
    .dk-ev { display: grid; grid-template-columns: 40px 110px minmax(0, 1fr); gap: 8px; }
    .dk-ev--away { color: rgba(255, 255, 255, .82); }
    .dk-ev__k--goal, .dk-ev__k--og { color: #8fe3a4; font-weight: 700; }
    .dk-ev__k--red { color: #ff8a80; font-weight: 700; }
    .dk-ev__k--yellow { color: #ffe082; }
    .dk-lu { grid-template-columns: 1fr 1fr; gap: 12px; font-size: 12px; }
    .dk-lu ol { margin: 2px 0 0; padding: 0; list-style: none; columns: 2; color: rgba(255, 255, 255, .85); }
    .dk-oz { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; list-style: none; }
    .dk-oz li { display: grid; align-content: center; gap: 2px; padding: 10px 12px; background: var(--color-surface); }
    .dk-oz b { font-size: 22px; font-weight: 800; color: var(--color-accent); line-height: 1.1; }
    .dk-oz span { font-size: 12px; color: var(--color-text-muted); line-height: 1.25; }

    /* sağ sütun */
    .dk-card { display: block; padding: 10px 12px 12px; background: var(--color-surface); }
    .dk-card__h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
    .dk-card__h h2 { margin: 0; font-size: 15px; font-weight: 700; }
    .dk-card__h a { font-size: 12.5px; color: var(--color-accent); text-decoration: none; white-space: nowrap; }
    .dk-st { width: 100%; border-collapse: collapse; font-size: 12.5px !important; }
    .dk-st th { padding: 3px 4px !important; font-size: 11px !important; font-weight: 600; color: var(--color-text-muted); text-align: left; }
    .dk-st td { padding: 4px !important; font-size: 12.5px !important; border-top: 1px solid var(--color-border); }
    .dk-st .num { text-align: right; }
    .dk-st__t { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-fm { white-space: nowrap; }
    .dk-fm i { display: inline-grid; place-items: center; width: 15px; height: 15px; margin-left: 2px; border-radius: 4px; font-style: normal; font-size: 9.5px; font-weight: 800; color: #fff; }
    .dk-fm__w { background: #2E7D32; }
    .dk-fm__d { background: #8a948e; }
    .dk-fm__l { background: #c62828; }
    .dk-up { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
    .dk-up__c { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; padding: 8px 10px; border-radius: 12px; background: var(--color-surface-2, var(--color-bg)); color: var(--color-text); text-decoration: none; }
    a.dk-up__c:hover { box-shadow: inset 0 0 0 1px var(--color-accent); text-decoration: none; }
    .dk-up__lg { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--color-text-muted); }
    .dk-up__w { font-size: 11.5px; color: var(--color-accent); font-weight: 700; }
    .dk-up__m { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
    .dk-up__t { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .dk-up__t:last-child { flex-direction: row-reverse; text-align: right; }
    .dk-up__t img { flex: none; width: 24px; height: 24px; }
    .dk-up__vs { font-size: 11px; font-weight: 800; color: var(--color-text-muted); }
    .dk-app { display: grid; gap: 2px; background: linear-gradient(135deg, #1b5e20, #2E7D32); color: #fff; text-decoration: none; }
    .dk-app b { font-size: 14.5px; }
    .dk-app span { font-size: 12.5px; color: rgba(255, 255, 255, .85); }
    .dk-app:hover { text-decoration: none; filter: brightness(1.08); }

    /* Premium tanıtımı: bulanık, sayısız temsili çizim */
    .dk-prem { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: center; padding: 14px 16px; background: var(--color-surface); }
    .dk-prem__txt h2 { margin: 0 0 4px; font-size: 17px; }
    .dk-prem__txt p { margin: 0 0 10px; font-size: 13px; color: var(--color-text-secondary); }
    .dk-prem__viz { display: grid; grid-template-columns: repeat(6, 1fr); align-items: end; gap: 8px; height: 92px; padding: 10px 12px; border-radius: 12px; background: var(--color-surface-2, var(--color-bg)); filter: blur(5px); opacity: .85; }
    .dk-pv { display: block; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #5fd17a, #2E7D32); }
    .dk-pv--1 { height: 40%; } .dk-pv--2 { height: 75%; } .dk-pv--3 { height: 55%; } .dk-pv--4 { height: 90%; } .dk-pv--5 { height: 35%; } .dk-pv--6 { height: 65%; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .hx { grid-template-columns: minmax(0, 1fr) 290px; }
    .dk-top { grid-template-columns: minmax(0, 1fr) 210px; }
    .dk-oz { grid-template-columns: 1fr; }
    .dk-oz li { padding: 6px 10px; }
    .dk-oz b { font-size: 18px; }
}
/* DESK-PULSE-1 R1: ilk ekranda maçlar — hero tek satır (başlık + arama), öne çıkan kart iki sütun (skor | sekmeler), lansman satırı listenin altında */
@media (min-width: 1200px) {
    .hx-hero.hx-hero--slim { padding: 10px 16px; }
    .hx-hero--slim .hx-hero__msg { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; align-items: center; }
    .hx-hero--slim .hx-eyebrow { display: none; }
    .hx-hero--slim .hx-hero__title { font-size: 21px; white-space: nowrap; }
    .hx-hero--slim .ara-hero { margin: 0; max-width: none; }
    .hx-hero--slim .ara-quick { display: none; }
    .hx > .dg-launch { order: 4; }
    .hx > .dk-prem { order: 4; }
    .dk-feat { min-height: 0; }
    .dk-feat__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; row-gap: 8px; padding: 10px 14px 12px; }
    .dk-feat__top { grid-column: 1 / -1; }
    .dk-feat__mid { grid-column: 1; align-self: center; gap: 10px; }
    .dk-feat__mid .dk-tm { flex-direction: column; align-items: center; text-align: center; gap: 4px; font-size: 14px; }
    .dk-feat__mid .dk-tm:last-child { flex-direction: column; text-align: center; }
    .dk-feat__mid .dk-tm b { max-width: 100%; }
    .dk-tm img { width: 34px; height: 34px; }
    .dk-sc { font-size: 26px; padding: 2px 12px; }
    .dk-tabs { grid-column: 2; grid-row: 2 / span 2; min-width: 0; }
    .dk-tabs__p { max-height: 118px; overflow: hidden; }
    .dk-feat .dk-btn { grid-column: 1; justify-self: center; }
    .app-content a.dk-btn, .dk-btn { color: #fff; }
    .dk-ev { grid-template-columns: 36px 92px minmax(0, 1fr); }
    .dk-ev > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-tag--live { gap: 5px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .dk-top { grid-template-columns: minmax(0, 1fr) 200px; }
    .dk-oz { grid-template-columns: 1fr 1fr; gap: 6px; }
    .dk-oz li { padding: 6px 8px; }
    .dk-oz b { font-size: 17px; }
    .dk-oz span { font-size: 11px; }
}

/* DESK-PULSE-1 yan menü: ≥1440 simge şeridi + lig paneli (kart); 1200–1439 tek sütun (simge + ad, altta açılır lig grupları); 1024–1199 yalnız simgeler */
.sn__rail, .sn__panel { display: contents; }
.sn-flag { flex: none; width: 18px; height: 12px; border-radius: 2px; }
@media (min-width: 1024px) {
    .sn__list--foot { order: 3; }
    .sn__grp { display: none; }
    .sn__grp > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
    .sn__grp > summary::-webkit-details-marker { display: none; }
    .sn__grp > summary::after { content: "▾"; font-size: 11px; color: var(--color-text-muted); transition: transform .15s; }
    .sn__grp:not([open]) > summary::after { transform: rotate(-90deg); }
    .sn__item--lg { gap: 8px; }
}
@media (min-width: 1200px) {
    .sn__grp { display: block; }
    .sn__grp .sn__list--lg { display: grid; }
}
@media (min-width: 1440px) {
    .menu-yan .app { grid-template-columns: 300px minmax(0, 1fr); }
    .menu-yan .side-nav { flex-direction: column; }
    .sn { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 8px; align-items: start; padding: 10px 10px 16px 8px; }
    .sn__rail { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 10px; height: calc(100vh - var(--header-height) - 30px); }
    .sn__rail .sn__t { display: none; }
    .sn__rail .sn__item { justify-content: center; padding: 0; min-height: 40px; }
    .sn__rail .sn__n { position: absolute; top: 1px; right: -2px; min-width: 18px; padding: 0 4px; font-size: 10px; }
    .sn__rail .sn__list--foot { margin-top: auto; }
    .sn__panel { display: block; padding: 8px 8px 10px; border-radius: 16px; background: var(--color-surface-2, var(--color-bg)); border: 1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-border)); box-shadow: 0 8px 22px -18px color-mix(in srgb, var(--color-accent) 50%, transparent); }
    .sn__panel .sn__label { margin: 8px 6px 4px; }
    .sn__panel .sn__grp:first-child .sn__label { margin-top: 2px; }
}
/* DESK-PULSE-1 R2: üç sütunda maç listesi her genişlikte tam (seriler / sürprizler altta), uygulama kartı yazısı beyaz */
@media (min-width: 1200px) {
    .hx-main, .hx .hx-main { grid-template-columns: minmax(0, 1fr); }
    .hx-main > .hx-vit { order: 2; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; }
    .app-content a.dk-app, .app-content a.dk-app b, .app-content a.dk-app span { color: #fff; }
}

/* ADIM-1 (Doğan / Kobra 18.10): (a) takım adları hiçbir genişlikte gizlenmez — liste kutusu daraldıkça önce lig sütunu, sonra form, sonra 2,5Ü / KG / oran sütunları kalkar; ad en son "…" ile kısalır (konteyner sorgusu).
   (b) "Günün istatistikleri" kart şeridi maç listesinin üstünde (ana sayfa: öne çıkan maç + özetin hemen altı; /maclar: liste üstü). Telefon / tablet aynı. */
@media (min-width: 1024px) {
    .hx-mlist, .mc-secs--mk { container-type: inline-size; }
    .hx-mlist .day-row--fx .day-row__teams { min-width: 120px; }
    .hx > .gls { order: 2; }
    .hx > .hx-main { order: 3; }
    .app-content:has(> .mc-days) > .gls { order: 1; margin-top: 0; }
}
@container (max-width: 1000px) {
    .hx-mlist .day-row--fx .day-row__league { display: none !important; }
    .hx-mlist .fx-head::after { content: none; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .hx-mlist .fx-head { grid-template-columns: 3.4rem minmax(120px, 1fr) 74px 46px 46px 100px 112px; grid-template-areas: "time teams form o25 kg status odds"; }
    .mc-secs--mk .day-row .day-row__league { display: none !important; }
    .mc-secs--mk .day-row { grid-template-columns: 46px minmax(0, 1fr) 54px minmax(0, 1fr) auto; }
    .mc-secs--mk .day-row .day-row__detail, .mc-secs--mk .day-row .fav-star { grid-column: 5; }
}
@container (max-width: 880px) {
    .hx-mlist .day-row--fx .fx-form, .hx-mlist .fx-head__fx > span:nth-child(2) { display: none !important; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .hx-mlist .fx-head { grid-template-columns: 3.4rem minmax(120px, 1fr) 46px 46px 100px 112px; grid-template-areas: "time teams o25 kg status odds"; }
}
@container (max-width: 700px) {
    .hx-mlist .day-row--fx .day-row__fx, .hx-mlist .fx-head__fx { display: none !important; }
    .hx-mlist .day-row.day-row--fx, .hx-mlist .lv .day-row.day-row--fx, .hx-mlist .fx-head { grid-template-columns: 3.4rem minmax(120px, 1fr) 100px; grid-template-areas: "time teams status"; }
}
/* ADIM-1 R1: iki takım adı alanı paylaşır (sabit %46 sınırı yok); kısalma yalnız gerçekten yer yoksa */
@media (min-width: 1024px) {
    .hx-mlist .day-row--fx .day-row__teams { display: grid; grid-template-columns: minmax(0, max-content) auto minmax(0, max-content); justify-content: start; align-items: center; column-gap: 6px; }
    .hx-mlist .day-row--fx .day-row__team { max-width: none; }
}

/* ADIM-1 ek (Doğan / Kobra 18.10, "maçların altında kalmış" → "EN ÜSTE"): ana sayfa sırası — arama (hero) → Günün istatistikleri → lansman şeridi + DG Analiz modeli kartı → öne çıkan maç + özet
   (≥1200 yan yana tek satır; telefonda alt alta) → maç listesi → kalanlar. Blokların içeriği ve tasarımı aynı; yalnız yer. */
@media (min-width: 1200px) {
    .hx { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px; }
    .hx > * { grid-column: 1 / 3; }
    .hx > .hx-hero { order: 0; }
    .hx > .gls { order: 1; }
    .hx > .dg-launch { order: 2; grid-column: 1; align-self: stretch; }
    .hx > .dk-prem { order: 2; grid-column: 2; }
    .hx > .dk-top { order: 3; }
    .hx > .hx-main { order: 4; }
    .hx > .dk-right { grid-column: 3; grid-row: 1 / span 6; }
    .dk-prem { padding: 8px 14px; gap: 12px; grid-template-columns: minmax(0, 1fr) 150px; }
    .dk-prem__txt p { margin-bottom: 6px; font-size: 12.5px; }
    .dk-prem__viz { height: 56px; padding: 6px 8px; gap: 5px; }
    .hx > .dg-launch.dg-launch--home { display: flex; align-items: center; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .hx { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 290px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .hx > .gls { order: 1; }
    .hx > .dg-launch { order: 2; }
    .hx > .hx-main { order: 3; }
}
/* telefon: Günün istatistikleri → lansman satırı → DG Analiz modeli → Maçlar (alt alta) */
@media (max-width: 600px) {
    .hx > .gls { order: 0; }
    .hx > .dg-launch, .hx > .dg-launch-m { order: 1; }
    .hx > .dk-prem { order: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px 14px; border-radius: 16px; background: var(--color-surface); border: 1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border)); }
    .hx > .hx-main { order: 2; }
    .hx > .hx-se { order: 3; }
    .dk-prem__txt h2 { margin: 0 0 4px; font-size: 16px; }
    .dk-prem__txt p { margin: 0 0 8px; font-size: 13px; color: var(--color-text-secondary); }
    .dk-prem__viz { display: grid; grid-template-columns: repeat(6, 1fr); align-items: end; gap: 6px; height: 48px; padding: 6px 8px; border-radius: 12px; background: var(--color-surface-2, var(--color-bg)); filter: blur(5px); opacity: .85; }
    .dk-pv { display: block; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #5fd17a, #2E7D32); }
    .dk-pv--1 { height: 40%; } .dk-pv--2 { height: 75%; } .dk-pv--3 { height: 55%; } .dk-pv--4 { height: 90%; } .dk-pv--5 { height: 35%; } .dk-pv--6 { height: 65%; }
    .dk-prem .dk-btn { display: inline-flex; padding: 6px 14px; border-radius: 999px; background: var(--color-accent-fill, #2E7D32); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
    .app-content a.dk-btn { color: #fff; }
}
/* ADIM-1 ek R1: lansman + DG Analiz modeli satırı kısa (≥1200) */
@media (min-width: 1200px) {
    .hx > .dg-launch.dg-launch--home { flex-wrap: nowrap; gap: 10px; padding: 8px 10px 8px 14px; }
    .hx > .dg-launch.dg-launch--home .dg-launch__t { font-size: 13px; line-height: 1.35; }
    .hx > .dg-launch.dg-launch--home .dg-launch__go { flex: none; white-space: nowrap; }
    .hx > .dk-prem { grid-template-columns: minmax(0, 1fr) 96px; align-items: center; padding: 8px 12px; }
    .dk-prem__txt h2 { font-size: 15px; margin-bottom: 2px; }
    .dk-prem__txt p { font-size: 12px; line-height: 1.35; margin-bottom: 6px; }
    .dk-prem .dk-btn { padding: 4px 12px; font-size: 12.5px; }
    .dk-prem__viz { height: 48px; padding: 5px 6px; gap: 4px; }
}

/* ADIM-2 (Doğan / Kobra 18.10): masaüstü (≥1024) maç satırı — Saat · Ev (logo + ad, sağa yaslı) · durum üstte küçük + SKOR · Deplasman (sola yaslı) · [Lig] · ›
   Ana sayfa ve /maclar aynı satır; 2,5Ü / KG / oran / form listede yok. Gruplama, sekmeler, süzgeçler, sıralama aynen. Telefon aynı. */
.mk-head { display: none; }
@media (min-width: 1024px) {
    .hx .hx-mc .hx-mlist .day-row { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) 64px minmax(0, 1fr) 170px 24px; grid-template-areas: none; align-items: center; gap: 0 8px; min-height: 36px; padding: 2px 14px !important; }
    .hx .hx-mc .mk-head { display: grid; grid-template-columns: 46px minmax(0, 1fr) 170px 24px; gap: 0 8px; padding: 5px 14px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--color-text-muted); border-bottom: 1px solid var(--color-border); }
    .hx .hx-mc .mk-head > span:nth-child(2) { text-align: center; }
    .hx .hx-mc .mk-head > span:last-child { text-align: center; }
    .hx-mlist .day-row .day-row__teams, .mc-secs--mk .day-row .day-row__teams { display: contents !important; }
    .hx-mlist .day-row .day-row__time, .mc-secs--mk .day-row .day-row__time { grid-column: 1; grid-row: 1; visibility: visible !important; font-size: 12.5px; color: var(--color-text-secondary); text-align: left; min-width: 0; width: auto; padding: 0; background: none; border: 0; }
    .hx-mlist .day-row .day-row__team, .mc-secs--mk .day-row .day-row__team { grid-row: 1; display: flex; align-items: center; gap: 6px; min-width: 0; max-width: none; overflow: hidden; white-space: nowrap; font-size: 14px; }
    .hx-mlist .day-row .day-row__team:nth-of-type(1), .mc-secs--mk .day-row .day-row__team:nth-of-type(1) { grid-column: 2; justify-content: flex-end; text-align: right; }
    .hx-mlist .day-row .day-row__team:nth-of-type(1) .day-row__logo, .mc-secs--mk .day-row .day-row__team:nth-of-type(1) .day-row__logo { order: 2; }
    .hx-mlist .day-row .day-row__team:nth-of-type(3), .mc-secs--mk .day-row .day-row__team:nth-of-type(3) { grid-column: 4; justify-content: flex-start; }
    .hx-mlist .day-row .day-row__team > a, .mc-secs--mk .day-row .day-row__team > a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-block: 0; margin-block: 0; }
    .hx-mlist .day-row .day-row__logo, .mc-secs--mk .day-row .day-row__logo { display: block; flex: none; width: 16px; height: 16px; }
    .hx-mlist .day-row .day-row__vs, .mc-secs--mk .day-row .day-row__vs { display: block !important; grid-column: 3; grid-row: 1; text-align: center; color: var(--color-text-muted); }
    .hx-mlist .day-row:has(.day-row__score) .day-row__vs, .mc-secs--mk .day-row:has(.day-row__score) .day-row__vs { visibility: hidden; }
    .hx-mlist .day-row .day-row__status, .mc-secs--mk .day-row .day-row__status { display: flex !important; flex-direction: column; align-items: center; justify-content: center; grid-column: 3; grid-row: 1; z-index: 1; min-height: 0; height: auto; overflow: visible; line-height: 1.1; }
    .hx-mlist .day-row .day-row__score, .mc-secs--mk .day-row .day-row__score { order: 2; min-width: 0; padding: 0; background: none; border: 0; font-size: 15px; font-weight: 800; line-height: 18px; }
    .hx-mlist .day-row .day-chip, .mc-secs--mk .day-row .day-chip { order: 1; display: block; padding: 0; min-height: 0; background: none; border: 0; font-size: 10.5px; font-weight: 700; line-height: 12px; color: var(--color-text-muted); }
    .hx-mlist .day-row .day-chip .day-chip__dot, .mc-secs--mk .day-row .day-chip .day-chip__dot { display: none; }
    .hx-mlist .day-row--live .day-chip, .hx-mlist .day-row--live .day-row__score, .mc-secs--mk .day-row--live .day-chip, .mc-secs--mk .day-row--live .day-row__score { color: var(--color-danger); }
    .hx-mlist .day-row--scheduled .day-chip, .mc-secs--mk .day-row--scheduled .day-chip { display: none; }
    .hx-mlist .day-row .day-row__league { display: block !important; grid-column: 5; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--color-text-muted); }
    .hx-mlist .day-row .day-row__detail { display: flex !important; grid-column: 6; grid-row: 1; justify-content: center; font-size: 0; padding: 4px 0; min-height: 0; color: var(--color-text-muted); }
    .hx-mlist .day-row .day-row__detail svg { width: 16px; height: 16px; }
    .hx-mlist .day-row .lv-tag, .hx-mlist .day-row .day-row__fx { display: none !important; }
}
@container (max-width: 820px) {
    .hx .hx-mc .hx-mlist .day-row { grid-template-columns: 46px minmax(0, 1fr) 64px minmax(0, 1fr) 24px; }
    .hx-mlist .day-row .day-row__league { display: none !important; }
    .hx-mlist .day-row .day-row__detail { grid-column: 5; }
    .hx .hx-mc .mk-head { grid-template-columns: 46px minmax(0, 1fr) 24px; }
    .hx .hx-mc .mk-head .mk-head__lg { display: none; }
}
/* ADIM-2 R1: skor hücresi sütun genişliğini aşmaz (eski skor kutusu min-width 118 / zemin / kenar kalktı) — ev sahibi adı örtülmez; satır ≤ 36–38 px */
@media (min-width: 1024px) {
    .hx-mlist .day-row .day-row__status, .mc-secs--mk .day-row .day-row__status { min-width: 0 !important; width: 100%; max-width: 100%; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0; gap: 0; }
    .hx-mlist .day-row .day-chip, .mc-secs--mk .day-row .day-chip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hx .hx-mc .hx-mlist .day-row { min-height: 36px; padding-top: 1px !important; padding-bottom: 1px !important; }
}

/* ADIM-2 ek (Doğan / Kobra 18.10): masaüstünde lig başlıkları geri (gruplu liste), lig sütunu satırdan kalktı; renk ayrımı — lig bandı koyu yeşil / beyaz, canlı rozeti kırmızı,
   takım adı koyu 600, skor kutusu (canlı kırmızı, biten koyu gri, başlamamış "–" gri), dakika canlıda kırmızı (devre arası turuncu), saat gri, › yeşil, hafif zebra. Telefon aynı. */
@media (min-width: 1024px) {
    /* lig başlığı bandı */
    .hx-mlist .hx-group > .day-group__title, .mc-secs--mk .lv-strip, .mc-secs--mk .mc-grp__h {
        display: flex !important; align-items: center; gap: 8px; position: static; margin: 0; min-height: 28px; padding: 4px 14px; border: 0; border-radius: 0;
        background: #1b5e20; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 20px; }
    .mc-secs--mk .mc-grp__h { width: 100%; text-align: left; cursor: pointer; }
    .hx-mlist .hx-group > .day-group__title .mk-flag, .mc-secs--mk .lv-strip .mk-flag, .mc-secs--mk .mc-grp__h .mk-flag { width: 18px; height: 12px; border-radius: 2px; flex: none; }
    .lg-h__t, .mc-grp__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .lg-h__live { flex: none; padding: 0 7px; border-radius: 999px; background: #e53935; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; }
    .hx-mlist .hx-group > .day-group__title .day-group__n, .mc-secs--mk .mc-grp__n { margin-left: auto; color: rgba(255, 255, 255, .75); font-weight: 600; font-size: 12px; background: none; }
    .hx-mlist .hx-group + .hx-group, .mc-secs--mk .mc-grp + .mc-grp { margin-top: 0; }

    /* satır: lig sütunu yok (lig başlıkta) */
    .hx .hx-mc .hx-mlist .day-row { grid-template-columns: 46px minmax(0, 1fr) 64px minmax(0, 1fr) 24px; }
    .hx-mlist .day-row .day-row__league, .mc-secs--mk .day-row .day-row__league { display: none !important; }
    .hx-mlist .day-row .day-row__detail { grid-column: 5; }
    .mc-secs--mk .day-row { grid-template-columns: 46px minmax(0, 1fr) 64px minmax(0, 1fr) auto; }
    .mc-secs--mk .day-row .day-row__detail, .mc-secs--mk .day-row .fav-star { grid-column: 5; }
    .hx .hx-mc .mk-head { grid-template-columns: 46px minmax(0, 1fr) 24px; }
    .hx .hx-mc .mk-head .mk-head__lg { display: none; }

    /* renkler */
    .hx-mlist .day-row .day-row__time, .mc-secs--mk .day-row .day-row__time { color: var(--color-text-muted); font-weight: 400; }
    .hx-mlist .day-row .day-row__team, .mc-secs--mk .day-row .day-row__team, .hx-mlist .day-row .day-row__team a, .mc-secs--mk .day-row .day-row__team a { color: var(--color-text); font-weight: 600; }
    .hx-mlist .day-row .day-row__score, .mc-secs--mk .day-row .day-row__score { min-width: 38px; padding: 0 6px; border-radius: 5px; text-align: center; font-size: 14px; line-height: 20px; background: var(--color-surface-2, #eef1ef); color: var(--color-text); }
    .hx-mlist .day-row--live .day-row__score, .mc-secs--mk .day-row--live .day-row__score { background: #d32f2f; color: #fff; }
    .hx-mlist .day-row--finished .day-row__score, .mc-secs--mk .day-row--finished .day-row__score { background: #e2e6e3; color: #37413b; }
    .hx-mlist .day-row--scheduled .day-row__vs, .mc-secs--mk .day-row--scheduled .day-row__vs { color: var(--color-text-muted); font-weight: 600; }
    .hx-mlist .day-row--live .day-chip, .mc-secs--mk .day-row--live .day-chip { color: #d32f2f; font-weight: 800; }
    .hx-mlist .day-row--live .day-chip[title="Devre arası"], .mc-secs--mk .day-row--live .day-chip[title="Devre arası"] { color: #ef6c00; }
    .hx-mlist .day-row .day-row__detail, .mc-secs--mk .day-row .day-row__detail { color: var(--color-accent); }
    .hx-mlist .day-row:nth-child(even of .day-row), .mc-secs--mk .day-row:nth-child(even of .day-row) { background: color-mix(in srgb, var(--color-text) 3.5%, transparent); }
    .hx-mlist .day-row__logo, .mc-secs--mk .day-row__logo { display: none !important; }
}
/* koyu tema: biten skor kutusu ve bant kontrastı */
/* ADIM-13 R5: sistem koyu tercihi bloğu kaldırıldı (site teması yalnız data-theme) */
@media (min-width: 1024px) {
    :root[data-theme="dark"] .hx-mlist .day-row--finished .day-row__score, :root[data-theme="dark"] .mc-secs--mk .day-row--finished .day-row__score { background: #3a4540; color: #e6ece8; }
    :root[data-theme="dark"] .hx-mlist .hx-group > .day-group__title, :root[data-theme="dark"] .mc-secs--mk .lv-strip, :root[data-theme="dark"] .mc-secs--mk .mc-grp__h { background: #14532d; }
}

/* ADIM-2 Maçkolik kesiti (Doğan / Kobra 18.10; önceki "koyu yeşil bant" yerine): masaüstü (≥1024) liste —
   lig başlığı çok açık yeşil-gri bant, koyu yazı (ülke kalın, lig normal), sağda "İY"; satır Saat · Durum · Ev (sağa) · SKOR (kalın, canlıda kırmızı) · Deplasman · İY (gri) · › ;
   satır ~28 px, takım 13 px / 500, skor 13 px kalın, saat ve durum 12 px; zebra beyaz / çok açık gri, her lig grubunda yeniden; logo ve lig sütunu yok.
   Renk yalnız: canlı skor / dakika (kırmızı), devre arası (turuncu), › (yeşil). Telefon aynı. */
@media (min-width: 1024px) {
    .hx-mlist .hx-group > .day-group__title, .mc-secs--mk .lv-strip, .mc-secs--mk .mc-grp__h {
        min-height: 26px; padding: 3px 14px; gap: 7px; background: #e9f0ec; color: #1f2a24; font-size: 12.5px; font-weight: 400; line-height: 20px; border-top: 1px solid #dbe5df; }
    .lg-h__t .lg-c, .mc-grp__t .lg-c { font-weight: 700; }
    .hx-mlist .hx-group > .day-group__title .day-group__n, .mc-secs--mk .mc-grp__n { color: #6b7770; font-size: 11.5px; }
    .lg-h__live { padding: 0 6px; font-size: 10.5px; line-height: 16px; }
    .hx-mlist .hx-group > .day-group__title::after, .mc-secs--mk .lv-strip::after, .mc-secs--mk .mc-grp__h::after { content: "İY"; flex: none; width: 34px; margin-right: 28px; text-align: center; font-size: 11px; font-weight: 600; color: #6b7770; }
    .mc-secs--mk .lv-strip::after { margin-left: auto; }
    .hx-mlist .hx-group > .day-group__title::before { display: none; }

    .hx .hx-mc .hx-mlist .day-row, .mc-secs--mk .day-row {
        display: grid !important; grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 34px 20px; align-items: center; gap: 0 8px;
        min-height: 28px; padding: 0 14px !important; font-size: 13px; background: #ffffff; border: 0; border-bottom: 1px solid #edf1ef; }
    .hx-mlist .day-row:nth-child(even of .day-row), .mc-secs--mk .mc-grp__list .day-row:nth-child(even of .day-row), .mc-secs--mk .day-row.day-row--z { background: #f5f7f6; }
    .mc-secs--mk [data-sec-list="CANLI"] .day-row:not(.day-row--z) { background: #ffffff; }
    .hx-mlist .day-row .day-row__status, .mc-secs--mk .day-row .day-row__status { display: contents !important; }
    .hx-mlist .day-row .day-row__time, .mc-secs--mk .day-row .day-row__time { grid-column: 1; grid-row: 1; font-size: 12px; font-weight: 400; color: #6b7770; }
    .hx-mlist .day-row .day-chip, .mc-secs--mk .day-row .day-chip { grid-column: 2; grid-row: 1; order: 0; display: block; justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; background: none; border: 0; font-size: 12px; font-weight: 400; line-height: 16px; color: #6b7770; }
    .hx-mlist .day-row--live .day-chip, .mc-secs--mk .day-row--live .day-chip { color: #d32f2f; font-weight: 700; }
    .hx-mlist .day-row--live .day-chip[title="Devre arası"], .mc-secs--mk .day-row--live .day-chip[title="Devre arası"] { color: #ef6c00; }
    .hx-mlist .day-row--scheduled .day-chip, .mc-secs--mk .day-row--scheduled .day-chip { display: none; }
    .hx-mlist .day-row .day-row__team, .mc-secs--mk .day-row .day-row__team, .hx-mlist .day-row .day-row__team a, .mc-secs--mk .day-row .day-row__team a { font-size: 13px; font-weight: 500; color: var(--color-text); }
    .hx-mlist .day-row .day-row__team:nth-of-type(1), .mc-secs--mk .day-row .day-row__team:nth-of-type(1) { grid-column: 3; }
    .hx-mlist .day-row .day-row__team:nth-of-type(3), .mc-secs--mk .day-row .day-row__team:nth-of-type(3) { grid-column: 5; }
    .hx-mlist .day-row .day-row__vs, .mc-secs--mk .day-row .day-row__vs { grid-column: 4; color: #9aa59e; font-weight: 600; }
    .hx-mlist .day-row .day-row__score, .mc-secs--mk .day-row .day-row__score { grid-column: 4; grid-row: 1; justify-self: center; order: 0; min-width: 0; padding: 0 !important; border-radius: 0; background: none !important; color: var(--color-text) !important; font-size: 13px; font-weight: 700; line-height: 18px; }
    .hx-mlist .day-row--live .day-row__score, .mc-secs--mk .day-row--live .day-row__score { color: #d32f2f !important; }
    .hx-mlist .day-row .day-row__ht, .mc-secs--mk .day-row .day-row__ht { grid-column: 6; grid-row: 1; text-align: center; font-size: 12px; color: #6b7770; }
    .hx-mlist .day-row .day-row__detail, .mc-secs--mk .day-row .day-row__detail { grid-column: 7; grid-row: 1; display: flex !important; justify-content: center; font-size: 0; padding: 0; min-height: 0; color: var(--color-accent); }
    .hx-mlist .day-row .day-row__detail svg, .mc-secs--mk .day-row .day-row__detail svg { width: 15px; height: 15px; }
    .mc-secs--mk .day-row .fav-star { display: none; }
    .hx .hx-mc .mk-head { grid-template-columns: 84px minmax(0, 1fr) 20px; padding: 4px 14px; }
    .hx .hx-mc .mk-head::after { content: none; }
}
/* koyu tema: aynı hafif farklar */
@media (min-width: 1024px) {
    :root[data-theme="dark"] .hx-mlist .day-row, :root[data-theme="dark"] .mc-secs--mk .day-row, :root[data-theme="dark"] .mc-secs--mk [data-sec-list="CANLI"] .day-row:not(.day-row--z) { background: #14211a; border-bottom-color: #1d2c24; }
    :root[data-theme="dark"] .hx-mlist .day-row:nth-child(even of .day-row), :root[data-theme="dark"] .mc-secs--mk .mc-grp__list .day-row:nth-child(even of .day-row), :root[data-theme="dark"] .mc-secs--mk .day-row.day-row--z { background: #18271f; }
    :root[data-theme="dark"] .hx-mlist .hx-group > .day-group__title, :root[data-theme="dark"] .mc-secs--mk .lv-strip, :root[data-theme="dark"] .mc-secs--mk .mc-grp__h { background: #1f3027; color: #e6ece8; border-top-color: #2a3d33; }
    :root[data-theme="dark"] .hx-mlist .day-row .day-row__time, :root[data-theme="dark"] .hx-mlist .day-row .day-chip, :root[data-theme="dark"] .hx-mlist .day-row .day-row__ht,
    :root[data-theme="dark"] .mc-secs--mk .day-row .day-row__time, :root[data-theme="dark"] .mc-secs--mk .day-row .day-chip, :root[data-theme="dark"] .mc-secs--mk .day-row .day-row__ht { color: #9fb0a6; }
    :root[data-theme="dark"] .hx-mlist .day-row--live .day-chip, :root[data-theme="dark"] .mc-secs--mk .day-row--live .day-chip, :root[data-theme="dark"] .hx-mlist .day-row--live .day-row__score, :root[data-theme="dark"] .mc-secs--mk .day-row--live .day-row__score { color: #ff6b6b !important; }
}
/* ADIM-13 R5: sistem koyu tercihi bloğu kaldırıldı (site teması yalnız data-theme) */
/* ADIM-2 Maçkolik R1: /maclar lig bandında eski simge yok; İY hücresi yalnız masaüstünde (telefon satırı aynı) */
.day-row__ht { display: none; }
@media (min-width: 1024px) {
    .hx-mlist .day-row .day-row__ht, .mc-secs--mk .day-row .day-row__ht { display: block; }
    .mc-secs--mk .lv-strip::before, .mc-secs--mk .mc-grp__h::before { display: none !important; content: none !important; }
}
/* ADIM-3 (Doğan / Kobra 18.10): ana sayfa üst yeşil arama bandı — en aynı, yükseklik ~yarı: iç boşluk az, başlık 19 px, arama kutusu ve "Ara" 36 px; başlık ve arama aynı satırda (≥1200). Telefon aynı. */
@media (min-width: 1200px) {
    .hx-hero.hx-hero--slim { padding: 3px 14px; }
    .hx-hero--slim .hx-hero__title { font-size: 19px; line-height: 1.2; }
    .hx-hero--slim .ara-hero .ara-f--big { min-height: 36px; height: 36px; padding: 0 3px 0 12px; }
    .hx-hero--slim .ara-hero .ara-f__in { height: 34px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
    .hx-hero--slim .ara-hero .ara-f__go { height: 30px; min-height: 0; padding: 0 14px; font-size: 13.5px; line-height: 30px; }
    .hx-hero--slim .ara-hero .ara-f--big svg { width: 16px; height: 16px; }
}
/* ADIM-4 (Doğan / Kobra 18.10): masaüstü "Günün istatistikleri" kartları ~%20 küçük — kart 300×90 → 240×72, görsel 150×90 → 120×72; başlık 13 px, alt satır 11,5 px; akış ve Duraklat aynen. Telefon aynı. */
@media (min-width: 1024px) {
    .gls.gls--s .gls__item { width: 240px; height: 72px; }
    .gls.gls--s .gls__card { height: 100%; }
    .gls.gls--s .gls__img { width: 120px; height: 72px; }
    .gls.gls--s .gls__card > .gls__t { top: 6px; left: 128px; right: 8px; font-size: 13px; line-height: 1.2; }
    .gls.gls--s .gls__item > .gls__m { left: 128px; right: 8px; bottom: 5px; font-size: 11.5px; line-height: 1.25; }
    .gls.gls--s .gls__track { min-height: 0; }
}
/* ADIM-5 (Doğan / Kobra 18.10): masaüstü lansman kutusu + "DG Analiz modeli" kartı ~%25 alçak — iç boşluk az, başlık 15 px, metin 12 px, düğmeler 30 px; lansman metni 2 satır; yan yana, genişlik aynı. Metin / renk aynı; telefon aynı. */
@media (min-width: 1200px) {
    .hx > .dg-launch.dg-launch--home { padding: 6px 8px 6px 12px; gap: 8px; }
    .hx > .dg-launch.dg-launch--home .dg-launch__t { font-size: 12px; line-height: 1.3; }
    .hx > .dg-launch.dg-launch--home .dg-launch__t * { font-size: inherit; }
    .hx > .dg-launch.dg-launch--home .dg-launch__go { height: 30px; min-height: 0; padding: 0 10px; font-size: 12px; line-height: 30px; }
    .hx > .dk-prem { grid-template-columns: minmax(0, 1fr) 64px; gap: 10px; padding: 6px 12px; }
    .hx > .dk-prem .dk-prem__txt h2 { font-size: 15px; line-height: 19px; margin: 0 0 2px; }
    .hx > .dk-prem .dk-prem__txt p { font-size: 12px; line-height: 1.3; margin: 0 0 4px; }
    .hx > .dk-prem .dk-btn { height: 30px; padding: 0 12px; font-size: 12px; line-height: 30px; }
    .hx > .dk-prem .dk-prem__viz { height: 40px; padding: 4px 5px; gap: 3px; }
}
/* ADIM-5 R1: lansman metni 2 satır (düğme altta), DG Analiz modeli kartında dikey boşluk yok → ~%25 alçak */
@media (min-width: 1200px) {
    .hx > .dg-launch.dg-launch--home { flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; }
    .hx > .dk-prem .dk-prem__txt h2 { margin: 0; }
    .hx > .dk-prem .dk-prem__txt p { margin: 0 0 2px; }
}
/* ADIM-5 R2: sütun yönünde metin / düğme esnemez */
@media (min-width: 1200px) {
    .hx > .dg-launch.dg-launch--home .dg-launch__t, .hx > .dg-launch.dg-launch--home .dg-launch__go { flex: 0 0 auto; }
    .hx > .dg-launch.dg-launch--home .dg-launch__t { width: 100%; }
}

/* ADIM-6 (Doğan / Kobra 18.10): masaüstünde (≥1024) ana sayfa araması üst çubukta (diğer sayfalarla aynı geniş kutu); yeşil arama bandı yok;
   H1 "Maç verisi, istatistik ve analiz." silinmez — istatistik kartlarının üstünde küçük sade başlık (16 px). Telefon aynı. */
@media (max-width: 1023px) {
    .ara-f--top.ara-f--onhome { display: none !important; }
}
@media (min-width: 1024px) {
    .app-header .ara-f--top.ara-f--onhome .ara-f__in { height: 36px; }
    .hx > .hx-hero, .hx > .hx-hero.hx-hero--slim, .hx > .hx-hero.hx-hero--card { display: block; min-height: 0; margin: 0; padding: 0 2px; border: 0; border-radius: 0; background: none !important; box-shadow: none !important; color: var(--color-text); overflow: visible; }
    .hx > .hx-hero::before, .hx > .hx-hero::after { display: none !important; content: none !important; }
    .hx > .hx-hero .ara-hero, .hx > .hx-hero .hx-eyebrow, .hx > .hx-hero .hx-today, .hx > .hx-hero .hx-hero__lead, .hx > .hx-hero .hx-hero__cta, .hx > .hx-hero .ara-quick, .hx > .hx-hero .hx-prem1 { display: none !important; }
    .hx > .hx-hero .hx-hero__msg, .hx > .hx-hero .hx-slim__row { display: block; }
    .hx > .hx-hero .hx-hero__title { margin: 0; font-size: 16px !important; font-weight: 700; line-height: 1.3; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; }
}
/* ADIM-6 R1: üst çubuk araması ortada (bütün sayfalarda aynı) */
@media (min-width: 1024px) {
    .menu-yan .app-header .ara-f--top { margin: 0 auto; }
}
/* ADIM-7 (Doğan / Kobra 18.10): masaüstü (≥1024) üst çubuk tam genişlik ve sabit — logo + "DG | ANALİZ" üst çubuğun sol başında, yan menünün tam üstünde (yan menüyle kaymaz);
   yan menü üst çubuğun altından başlar, kendi içinde kayar; arama logonun hemen sağından sola yaslı, en fazla 720 px. Telefon aynı. */
@media (min-width: 1024px) {
    .menu-yan { --sn-w: 64px; }
    .menu-yan .app-header { position: fixed; top: 0; left: 0; right: 0; z-index: calc(var(--z-header, 100) + 5); height: var(--header-height); }
    .menu-yan .app-main { padding-top: var(--header-height); }
    .menu-yan .side-nav { top: var(--header-height); height: calc(100vh - var(--header-height)); }
    .menu-yan .side-nav__head { display: none !important; }
    .menu-yan .app-header__inner { max-width: none; padding: 0 var(--gutter, 16px) 0 0; gap: 0; }
    .menu-yan .app-header__brand { display: flex !important; align-items: center; flex: 0 0 auto; min-width: var(--sn-w); height: 100%; padding: 0 16px; }
    .menu-yan .app-header .account-bar { flex: 1 1 auto; margin-left: 0; min-width: 0; }
    .menu-yan .app-header .t-tools { flex: 1 1 auto; justify-content: flex-start; gap: var(--space-2, 8px); min-width: 0; }
    .menu-yan .app-header .ara-f--top { flex: 1 1 auto; width: auto; max-width: 720px; margin: 0 auto 0 0; }
    .menu-yan .app-header .t-tools > .t-ib, .menu-yan .app-header .t-tools > button { margin-left: auto; flex: none; }
    .menu-yan .app-header .ara-f--top ~ .t-ib, .menu-yan .app-header .ara-f--top ~ button { margin-left: auto; }
    .menu-yan .hx > .dk-right { top: calc(var(--header-height) + 8px); }
}
@media (min-width: 1200px) {
    .menu-yan { --sn-w: 220px; }
    .menu-yan .app-header__brand { width: var(--sn-w); padding: 0 16px; }
}
@media (min-width: 1440px) {
    .menu-yan { --sn-w: 300px; }
}
/* ADIM-7 R1: sabit üst çubuk sayfa içi bağlantı atlamalarında içeriği örtmez */
@media (min-width: 1024px) {
    html:has(body.menu-yan) { scroll-padding-top: calc(var(--header-height) + 8px); }
}
/* ADIM-7 R2 (hata): logo bloğu yan menü genişliğinde sabit (küçülmez, taşmaz); arama bloğun bitiminden içerik boşluğu kadar (24 px) sonra, içerik sütunuyla hizalı; yer azsa arama daralır */
@media (min-width: 1024px) {
    .menu-yan .app-header__brand { flex: 0 0 var(--sn-w) !important; width: var(--sn-w); min-width: var(--sn-w); max-width: var(--sn-w); padding: 0 10px 0 12px; overflow: hidden; box-sizing: border-box; }
    .menu-yan .app-header__brand .wordmark { gap: 6px; max-width: 100%; overflow: hidden; flex-wrap: nowrap; }
    .menu-yan .app-header__brand .wordmark__logo img { width: 40px; height: 40px; }
    .menu-yan .app-header .account-bar { min-width: 0; }
    .menu-yan .app-header .ara-f--top { flex: 1 1 0; min-width: 0; max-width: 720px; margin: 0 auto 0 var(--content-gap, 24px); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .menu-yan .app-header__brand .wordmark__dg, .menu-yan .app-header__brand .wordmark__web { display: none; }
}
/* ADIM-7 R3: logo yazısı 220 px blokta tam görünür (harf aralığı ve amblem bir tık sıkı; yazı boyutu aynı) */
@media (min-width: 1200px) {
    .menu-yan .app-header__brand .wordmark__logo, .menu-yan .app-header__brand .wordmark__logo img { width: 40px; height: 40px; flex: none; }
    .menu-yan .app-header__brand .wordmark__web { letter-spacing: .1em; padding-left: 8px; }
}
/* ADIM-7 R4 (hata 2): logo yazısı hiçbir genişlikte kesilmez — kesme (overflow) yok, blok en az yan menü genişliğinde ama yazıdan dar olamaz (min-width: max-content);
   "DG ANALİZ" bir tık küçük (≈20 px) ve harf aralığı 2 px */
@media (min-width: 1024px) {
    .menu-yan .app-header__brand { flex: 0 0 auto !important; width: var(--sn-w); min-width: max-content; max-width: none; overflow: visible; }
    .menu-yan .app-header__brand .wordmark { overflow: visible; max-width: none; width: max-content; }
}
@media (min-width: 1200px) {
    .menu-yan .app-header__brand .wordmark__dg, .menu-yan .app-header__brand .wordmark__web { font-size: 20px; }
    .menu-yan .app-header__brand .wordmark__web { letter-spacing: 2px; padding-left: 8px; }
}
/* ADIM-8 (Doğan / Kobra 18.10): ana sayfa "Maçlar" kartı başlık alanı iki ince satır (masaüstü ≥1024) —
   1) Maçlar (16 px, sade) · sekmeler küçük hap (seçili dolu yeşil) · sağda "+N diğer canlı maç →"; 2) "Listede takım ara" (240×30, büyüteç) · lig çipleri tek satır (26 px, taşarsa yatay kayar).
   Özet satırı (iddaa bülteninde bugün … maç · lig · canlı) masaüstünde yok. Telefon aynı. */
@media (min-width: 1024px) {
    .hx .hx-left > .hx-mc { grid-template-columns: auto auto minmax(0, 1fr); row-gap: 0; }
    .hx .hx-mc > .hx-mc__head { grid-column: 1; grid-row: 1; align-self: center; padding: 6px 12px 4px 14px; }
    .hx .hx-mc > .hx-mc__head .hx-h2 { margin: 0; padding: 0; font-size: 16px; font-weight: 700; background: none; border: 0; box-shadow: none; color: var(--color-text); }
    .hx .hx-mc > .hx-mc__head .hx-h2::before, .hx .hx-mc > .hx-mc__head .hx-h2::after { display: none; }
    .hx .hx-mc > .hx-tabs { grid-column: 2; grid-row: 1; align-self: center; display: flex; align-items: center; gap: 6px; margin: 0; padding: 6px 0 4px; border: 0; background: none; }
    .hx .hx-mc > .hx-tabs button { display: inline-flex; align-items: center; gap: 5px; height: 28px; min-height: 0; padding: 0 11px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text); font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: none; }
    .hx .hx-mc > .hx-tabs button::after { display: none; }
    .hx .hx-mc > .hx-tabs button[aria-selected="true"] { background: #2E7D32; border-color: #2E7D32; color: #fff; }
    .hx .hx-mc > .hx-tabs button .hx-n { min-width: 0; padding: 0 5px; border-radius: 999px; font-size: 11.5px; line-height: 17px; background: color-mix(in srgb, currentColor 14%, transparent); color: inherit; }
    .hx .hx-mc > .hx-tabs button[data-hx-tab="CANLI"]::before { content: "●"; color: #e53935; font-size: 10px; line-height: 1; }
    .hx .hx-mc > .hx-tabs button[data-hx-tab="CANLI"][aria-selected="true"]::before { color: #fff; }
    .hx .hx-mc > .hx-mc__sum { grid-column: 3; grid-row: 1; justify-self: end; align-self: center; margin: 0; padding: 6px 14px 4px 8px; white-space: nowrap; }
    .hx .hx-mc > .hx-mc__sum > span { display: none; }
    .hx .hx-mc > .hx-mc__sum .hx-mc__other { margin: 0; font-size: 12.5px; }
    .hx .hx-mc > .hx-flt { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; margin: 0; padding: 2px 14px 8px; min-width: 0; }
    .hx .hx-mc > .hx-flt .hx-flt__q { flex: 0 0 240px; width: 240px; height: 30px; min-height: 0; padding: 0 10px 0 30px; border-radius: 8px; font-size: 13px; background: var(--color-surface) url("/assets/img/ara-16.svg") no-repeat 9px 50% / 15px 15px; }
    .hx .hx-mc > .hx-flt .hx-flt__lg { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; padding-bottom: 2px; }
    .hx .hx-mc > .hx-flt .mc-chip { flex: none; height: 26px; min-height: 0; padding: 0 10px; font-size: 12.5px; line-height: 24px; white-space: nowrap; }
}
/* ADIM-8 R1: lig çipleri kaydırılabilir ama çubuk görünmez (satır 34 px); üst satır 40 px */
@media (min-width: 1024px) {
    .hx .hx-mc > .hx-flt .hx-flt__lg { scrollbar-width: none; padding-bottom: 0; }
    .hx .hx-mc > .hx-flt .hx-flt__lg::-webkit-scrollbar { display: none; }
    .hx .hx-mc > .hx-flt { padding: 0 14px 6px; }
    .hx .hx-mc > .hx-tabs { padding: 6px 0; }
}

/* ADIM-9 (Doğan / Kobra 18.10): sekmeler kesin süzgeç — gizlenen satır / grup her durumda gizli (ADIM-2 satır kuralındaki display:grid !important [hidden]'ı eziyordu);
   lig başlığındaki açıklamasız maç sayısı masaüstünde yok ("● N canlı" yeterli). */
.hx-mlist .day-row[hidden], .mc-secs--mk .day-row[hidden], .hx-mlist .hx-group[hidden] { display: none !important; }
@media (min-width: 1024px) {
    .hx-mlist .hx-group > .day-group__title .day-group__n { display: none !important; }
}
/* ADIM-9 R1: gizleme kuralı satır kuralından daha özgül */
.hx .hx-mc .hx-mlist .day-row[hidden], .hx .hx-mc .hx-mlist .hx-group[hidden], .mc-secs--mk .day-row[hidden], .hx .hx-mc .hx-mlist li[hidden] { display: none !important; }
/* ADIM-9 R2: başlıktaki sayı kalkınca "İY" yine sağda (satırdaki İY sütununun üstünde) */
@media (min-width: 1024px) {
    .hx-mlist .hx-group > .day-group__title::after { margin-left: auto; }
}

/* ADIM-10 (Doğan / Kobra 18.10): seçili Maçlar sekmesi = seçili lig çipiyle aynı (açık yeşil zemin, ince yeşil kenar, yeşil yazı); seçili olmayanlar beyaz / gri kenar;
   sayı rozetleri sade gri; Canlı sekmesindeki kırmızı nokta kalır. Açık + koyu tema, her genişlik (aynı HTML). */
.hx .hx-mc .hx-tabs button[aria-selected="true"] { background: #e8f4ea !important; border: 1px solid #2E7D32 !important; color: #2E7D32 !important; font-weight: 600; box-shadow: none; }
.hx .hx-mc .hx-tabs button[aria-selected="true"]::after { display: none; }
.hx .hx-mc .hx-tabs button .hx-n, .hx .hx-mc .hx-tabs button[aria-selected="true"] .hx-n { background: #eef1ef !important; color: #5f6b64 !important; font-weight: 600; }
.hx .hx-mc .hx-tabs button[data-hx-tab="CANLI"][aria-selected="true"]::before { color: #e53935; }
:root[data-theme="dark"] .hx .hx-mc .hx-tabs button[aria-selected="true"] { background: rgba(34, 197, 94, .14) !important; border-color: #4ade80 !important; color: #4ade80 !important; }
:root[data-theme="dark"] .hx .hx-mc .hx-tabs button .hx-n { background: rgba(255, 255, 255, .08) !important; color: #9fb0a6 !important; }
/* ADIM-13 R5: sistem koyu tercihi bloğu kaldırıldı (site teması yalnız data-theme) */

/* ADIM-11 (Doğan / Kobra 18.10): lig başlığındaki "● N canlı" rozeti her başlıkta aynı hizada — sağa yaslı, masaüstünde "İY" sütun başlığının hemen solunda; 18 px, yazı 11 px, kırmızı aynı.
   Canlı maçı olmayan ligde rozet yok (yer tutmaz). Telefonda başlığın en sağında. */
.hx-mlist .hx-group > .day-group__title .lg-h__live { flex: none; order: 3; margin-left: auto; height: 18px; padding: 0 7px; font-size: 11px; line-height: 18px; display: inline-flex; align-items: center; gap: 3px; }
@media (max-width: 1023px) {
    .hx-mlist .hx-group > .day-group__title .day-group__n { order: 2; margin-left: auto; }
    .hx-mlist .hx-group > .day-group__title .day-group__n + .lg-h__live, .hx-mlist .hx-group > .day-group__title .lg-h__live { margin-left: 6px; }
    .hx-mlist .hx-group > .day-group__title:not(:has(.day-group__n)) .lg-h__live { margin-left: auto; }
}
@media (min-width: 1024px) {
    .hx-mlist .hx-group > .day-group__title::after { order: 4; }
    .hx-mlist .hx-group > .day-group__title:has(.lg-h__live)::after { margin-left: 8px; }
}

/* ADIM-11 ek (Doğan / Kobra 18.10, "kıpkırmızı olmasın"): "● N canlı" rozeti açık kırmızı zemin + kırmızı yazı (dolu değil); koyu temada saydam kırmızı zemin + açık kırmızı yazı */
.hx-mlist .hx-group > .day-group__title .lg-h__live, .lg-h__live { background: rgba(198, 40, 40, .12); color: #c62828; border: 0; }
:root[data-theme="dark"] .hx-mlist .hx-group > .day-group__title .lg-h__live, :root[data-theme="dark"] .lg-h__live { background: rgba(255, 107, 107, .15); color: #ff8a8a; }
/* ADIM-13 R5: sistem koyu tercihi bloğu kaldırıldı (site teması yalnız data-theme) */

/* ADIM-12 (Doğan / Kobra 18.10): Maçlar listesi [Lige göre] (gruplu) / [Tarihe göre] (başlıksız, saat sırası, lig adı satırda küçük gri) — her genişlik.
   Tarih görünümünde liste düz akış: gruplar ve listeler display:contents, sıra js/hx-mode.js (style.order). Telefonda yalnız iki düğme görünür (arama kutusu telefonda yine yok). */
.hx-flt__mode .mc-chip[aria-pressed="true"] { background: #e8f4ea; border-color: #2E7D32; color: #2E7D32; }
:root[data-theme="dark"] .hx-flt__mode .mc-chip[aria-pressed="true"] { background: rgba(34, 197, 94, .14); border-color: #4ade80; color: #4ade80; }
.hx-mlist.is-time { display: flex; flex-direction: column; }
.hx-mlist.is-time > .hx-group, .hx-mlist.is-time > .hx-group > .day-list { display: contents; }
.hx-mlist.is-time > .hx-group[hidden] { display: none !important; }
.hx-mlist.is-time > .hx-group > .day-group__title { display: none !important; }
.hx-mlist.is-time > .mk-head, .hx-mlist.is-time > .fx-head { order: -1; }
.hx-mlist.is-time > .hx-lv-other, .hx-mlist.is-time > .hx-empty, .hx-mlist.is-time > svg { order: 2147483000; }
.hx .hx-mc .hx-mlist.is-time .day-row { background: #ffffff; }
.hx .hx-mc .hx-mlist.is-time .day-row.day-row--z { background: #f5f7f6; }
:root[data-theme="dark"] .hx .hx-mc .hx-mlist.is-time .day-row { background: #14211a; }
:root[data-theme="dark"] .hx .hx-mc .hx-mlist.is-time .day-row.day-row--z { background: #18271f; }
@media (min-width: 1024px) {
    .hx .hx-mc .hx-mlist.is-time .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 150px 34px 20px; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__league { display: block !important; grid-column: 6; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: #7a867f; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__ht { grid-column: 7; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__detail { grid-column: 8; }
}
@container (max-width: 640px) {
    .hx .hx-mc .hx-mlist.is-time .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 34px 20px; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__league { display: none !important; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__ht { grid-column: 6; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__detail { grid-column: 7; }
}
@media (max-width: 600px) {
    .hx .hx-mc .hx-flt { display: flex !important; padding: 2px 12px 6px; margin: 0; }
    .hx .hx-mc .hx-flt .hx-flt__q { display: none; }
    .hx .hx-mc .hx-flt__mode .mc-chip { min-height: 0; height: 30px; padding: 0 12px; }
    .hx .hx-mc .hx-mlist.is-time .day-row .day-row__league { display: block !important; grid-column: 2 / 5; grid-row: 2; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 10.5px; line-height: 1.25; color: var(--color-text-muted); }
}

/* ADIM-12 ek: sıralama düğmelerinin önünde küçük gri "Sıralama:" etiketi */
.hx-flt__mode { align-items: center; }
.hx-flt__lbl { flex: none; margin-right: 2px; font-size: 12px; font-weight: 500; color: var(--color-text-muted); white-space: nowrap; }

/* ADIM-13 (Doğan / Kobra 18.10): ana sayfa Maçlar listesi kesilmez (bütün maçlar, aşağı indikçe parça parça); kesme / solma yok; yükleme işareti sade. */
.hx-mc > .hx-mlist, .hx .hx-mc .hx-mlist { max-height: none !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; }
.hx-more { padding: 14px 12px 16px; text-align: center; font-size: 12.5px; color: var(--color-text-muted); }
.hx-mlist.is-time > .hx-more { order: 2147483001; }
@media (max-width: 1023px) {
    .hx .hx-left > .hx-mc { height: auto !important; min-height: 0 !important; }
}

/* ADIM-13 R4: telefonda liste kutusu içerik kadar uzar (flex 1 1 0 + yükseklik auto → 320 px'te kesiliyordu); sayfa ile birlikte kayar. */
@media (max-width: 1023px) {
    .hx .hx-left > .hx-mc > .hx-mlist { flex: 0 0 auto !important; min-height: 0 !important; height: auto !important; }
    .hx .hx-left > .hx-mc { overflow: visible; }
}

/* ADIM-13 R6 (Doğan / Kobra 18.10): masaüstünde (≥1024) Maçlar kartı iç kaydırmalı tablo — görünür ~25 satır (en çok 720 px, ekran kısaysa en az 560 px); sayfa uzamaz.
   İnce ve görünür kaydırma çubuğu; sütun başlığı ve lig başlıkları kayarken üstte yapışkan. Bu kart için SIKI-MASAÜSTÜ "iç kaydırma yok" kuralının istisnası (Doğan).
   Telefonda iç kutu yok (ADIM-13 R4: liste sayfayla uzar). */
@media (min-width: 1024px) {
    .hx .hx-left > .hx-mc > .hx-mlist {
        height: auto !important;
        max-height: clamp(560px, calc(100vh - 140px), 720px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin;
        scrollbar-color: #a9bcb0 transparent;
        scrollbar-gutter: stable;
    }
    .hx .hx-left > .hx-mc > .hx-mlist::-webkit-scrollbar { width: 8px; }
    .hx .hx-left > .hx-mc > .hx-mlist::-webkit-scrollbar-track { background: transparent; }
    .hx .hx-left > .hx-mc > .hx-mlist::-webkit-scrollbar-thumb { background: #a9bcb0; border-radius: 4px; }
    .hx .hx-left > .hx-mc > .hx-mlist::-webkit-scrollbar-thumb:hover { background: #7f9888; }
    .hx .hx-left > .hx-mc > .hx-mlist > .mk-head { position: sticky; top: 0; z-index: 3; background: var(--color-surface); }
    .hx .hx-left > .hx-mc > .hx-mlist > .hx-group > .day-group__title { position: sticky; top: var(--hx-mkh, 26px); z-index: 2; }
    :root[data-theme="dark"] .hx .hx-left > .hx-mc > .hx-mlist { scrollbar-color: #3f5547 transparent; }
    :root[data-theme="dark"] .hx .hx-left > .hx-mc > .hx-mlist::-webkit-scrollbar-thumb { background: #3f5547; }
}

/* ADIM-14 (Doğan / Kobra 18.10): iddaa bülteni satırında kendi metin rozetimiz — "iddaa", 10,5 px, ince yeşil kenarlı hap (resmi iddaa logosu / amblemi YOK).
   Masaüstünde (≥1024) "İY" ile › arasında sabit sütun; iddaa dışı satırda sütun boş. Lig başlığındaki "İY" etiketi yeni sütun kadar sola (yalnız ana sayfa).
   Sıralama satırında "Yalnız iddaa" onay kutusu (her genişlikte). Telefon satır düzeni değişmedi (rozet yalnız masaüstü). */
.day-row__idd { display: none; }
.hx-flt__idd { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; font-size: 12.5px; color: var(--color-text-secondary); cursor: pointer; white-space: nowrap; user-select: none; }
.hx-flt__idd input { width: 15px; height: 15px; margin: 0; accent-color: #2E7D32; cursor: pointer; }
@media (min-width: 1024px) {
    .hx .hx-mc .hx-mlist .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 34px 42px 20px; }
    .hx .hx-mc .hx-mlist.is-time .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 150px 34px 42px 20px; }
    .hx .hx-mc .hx-mlist .day-row > .day-row__idd { display: inline-flex; grid-column: 7; justify-self: center; align-items: center; height: 16px; padding: 0 5px; border: 1px solid #2E7D32; border-radius: 999px; color: #2E7D32; font-size: 10.5px; font-weight: 600; line-height: 1; letter-spacing: .2px; }
    .hx .hx-mc .hx-mlist .day-row > .day-row__idd--none { border: 0; padding: 0; }
    .hx .hx-mc .hx-mlist .day-row > .day-row__detail { grid-column: 8; }
    .hx .hx-mc .hx-mlist.is-time .day-row > .day-row__ht { grid-column: 7; }
    .hx .hx-mc .hx-mlist.is-time .day-row > .day-row__idd { grid-column: 8; }
    .hx .hx-mc .hx-mlist.is-time .day-row > .day-row__detail { grid-column: 9; }
    .hx-mlist .hx-group > .day-group__title::after { margin-right: 78px; }
    :root[data-theme="dark"] .hx .hx-mc .hx-mlist .day-row > .day-row__idd:not(.day-row__idd--none) { border-color: #4ade80; color: #4ade80; }
}

/* ADIM-15 (Doğan / Kobra 18.10): "Günün Serileri" ve "Sürpriz sonuçlar" aynı görünür — aynı satır şablonu (.hb-ser), 5 satır, aynı yükseklik ve iç boşluk.
   Sürprizde sayı kutusunun simetriği olarak sağda skor kutusu; iki kart yan yana aynı yükseklikte (kısa olanın altı boş kalır, satırlar yukarıda). */
.hb-ser--sur li { grid-template-columns: minmax(0, 1fr) 52px; }
.hb-ser--sur .hb-ser__t b .hb-link { color: inherit; }
.hb-ser__n--sc { font-variant-numeric: tabular-nums; letter-spacing: 0; }
.hb-sur .hb-ser--sur .hb-ser__n--sc { color: var(--color-text); background: var(--color-surface-2, var(--color-accent-soft)); }
.hx-vit > .hb-series, .hx-vit > .hb-sur { align-self: stretch; align-content: start; }
.hx-vit > .hb-sur > .hb-note { margin-top: auto; padding-block: 8px 12px; }
@media (min-width: 1024px) {
    .hx-vit > .hb-sur { display: grid; grid-template-rows: auto auto 1fr; }
    .hx-vit > .hb-sur > .hb-note { align-self: end; }
}

/* ADIM-15 R1: masaüstünde iki kutunun satırları birebir aynı yükseklikte — üst satır tek satır, taşan kısım "…" (alt satır zaten tek satır). Telefon aynı. */
@media (min-width: 1024px) {
    .hx-vit > .hb-series .hb-ser__t > span, .hx-vit > .hb-sur .hb-ser__t > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* ADIM-15 R2: sürpriz skor kutusu Seriler'deki sayı kutusunun simetriği — aynı boy, nötr açık zemin (yeşil değil: skor, seri sayısı değil). */
.hb-sur .hb-ser--sur .hb-ser__n--sc { background: #eef2ef; color: var(--color-text); }
:root[data-theme="dark"] .hb-sur .hb-ser--sur .hb-ser__n--sc { background: rgba(255, 255, 255, .07); }

/* ADIM-16 (Doğan / Kobra 18.10): ana sayfa "İstatistikler" altındaki 4 bağlantı kartı — masaüstünde (≥1024) tek satır, 4 eşit sütun, kart ~64 px;
   başlık 13 px kalın en çok 2 satır, alt satır 11,5 px gri tek satır "…"; 1024–1199 px'te başlık 12,5 px. Telefonda 2×2. Bağlantı ve metinler aynı. */
.hx-se .hx-se__cards > li { min-width: 0; }
@media (max-width: 1023px) {
    .hx-se .hx-se__cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
    .hx-se .hx-se__cards { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
    .hx-se .hx-se__cards .hx-se__card { display: flex !important; flex-direction: column; justify-content: center; gap: 3px; box-sizing: border-box; height: 64px !important; min-height: 0 !important; padding: 8px 12px !important; min-width: 0; overflow: hidden; }
    .hx-se .hx-se__cards .hx-se__card > b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-size: 13px !important; font-weight: 700; line-height: 1.2 !important; margin: 0 !important; }
    .hx-se .hx-se__cards .hx-se__card > small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px !important; line-height: 1.25 !important; margin: 0 !important; color: var(--color-text-muted); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .hx-se .hx-se__cards .hx-se__card > b { font-size: 12.5px !important; }
}

/* ADIM-16 R1: telefonda 4 bağlantı kartı 2×2 (önce yatay kayan tek sıra hap). Başlık en çok 2 satır, alt satır telefonda önceki gibi gizli; dört kart eşit yükseklik. */
@media (max-width: 1023px) {
    .hx-se .hx-se__cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; overflow: visible !important; }
    .hx-se .hx-se__cards > li { display: flex; }
    .hx-se .hx-se__cards .hx-se__card { flex: 1 1 auto; align-content: center; min-width: 0; min-height: 52px; white-space: normal !important; }
    .hx-se .hx-se__cards .hx-se__card > b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; line-height: 1.25; }
}

/* ADIM-17 (Doğan / Kobra 18.10): öne çıkan maç dönen kart (≥1200, masaüstü paneli). Altta ‹ nokta › gezinme; sekmeler kart başına (sınıfla, kimlikle değil);
   takım adı kesilmez (13 px, en çok 2 satır); "Maç sayfasına git" 32 px. */
.dk-car { position: relative; min-width: 0; display: grid; }
.dk-car > .dk-feat { min-width: 0; }
.dk-car > .dk-feat[hidden] { display: none !important; }
.dk-car__nav { position: absolute; right: 14px; bottom: 10px; z-index: 3; display: flex; align-items: center; gap: 8px; }
.dk-car__nav[hidden] { display: none !important; }
.dk-car__dots { display: inline-flex; align-items: center; gap: 5px; }
.dk-car__b { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; background: rgba(0, 0, 0, .28); color: #fff; font: 600 15px/1 var(--font-sans); cursor: pointer; }
.dk-car__b:hover { background: rgba(255, 255, 255, .18); }
.dk-car__dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 4px; background: rgba(255, 255, 255, .42); cursor: pointer; transition: width .2s; }
.dk-car__dot[aria-current="true"] { width: 18px; background: #fff; }
.dk-car__b:focus-visible, .dk-car__dot:focus-visible { outline: 2px solid #8fe3a4; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .dk-car__dot { transition: none; } }
@media (min-width: 1200px) {
    .dk-car > .dk-feat .dk-feat__in { padding-bottom: 40px; }
    .dk-tabs__r--s:checked ~ .dk-tabs__p--s, .dk-tabs__r--e:checked ~ .dk-tabs__p--e, .dk-tabs__r--k:checked ~ .dk-tabs__p--k { display: grid; }
    .dk-tabs__r--s:checked ~ .dk-tabs__bar .dk-tabs__l--s, .dk-tabs__r--e:checked ~ .dk-tabs__bar .dk-tabs__l--e, .dk-tabs__r--k:checked ~ .dk-tabs__bar .dk-tabs__l--k { background: rgba(255, 255, 255, .16); color: #fff; }
    .dk-car .dk-feat__mid .dk-tm b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; white-space: normal; text-overflow: clip; font-size: 13px; line-height: 1.2; }
    .dk-car .dk-feat .dk-btn { height: 32px; padding: 0 12px; font-size: 12.5px; line-height: 32px; }
}

/* ADIM-17 R1: dönüşte sayfa zıplamasın — bütün kartlar aynı ızgara hücresinde üst üste; görünmeyen kart yer kaplar ama görünmez / odaklanmaz (kutu en uzun kart boyunda). */
.dk-car > .dk-feat { grid-area: 1 / 1; }
.dk-car > .dk-feat[hidden] { display: block !important; visibility: hidden; pointer-events: none; }

/* ADIM-18 (Doğan / Kobra 18.10): ana sayfa sağ sütun (≥1200) — tamamı tek ekrana sığar ve yapışkan; sığmazsa sütunun KENDİ içinde ince görünür kaydırma.
   Puan durumu: lig seçici, 8 satır × 26 px, 12,5 px, form çipi 14 px, solda bölge çizgisi (Avrupa yeşil / düşme kırmızı).
   Sıradaki büyük maçlar: tek satır saat · Ev – Dep · lig (gri), 6 maç, logo / iç kutu yok, zebra orta listeyle aynı. Derbi geri sayımı. Uygulama kartı ≤ 60 px. */
@media (min-width: 1200px) {
    .hx > .dk-right, .menu-yan .hx > .dk-right { top: calc(var(--header-height) + 8px); max-height: calc(100vh - var(--header-height) - 16px); overflow-y: auto; overscroll-behavior: contain; gap: 10px; align-content: start;
        scrollbar-width: thin; scrollbar-color: #a9bcb0 transparent; padding-right: 2px; }
    .hx > .dk-right::-webkit-scrollbar { width: 6px; }
    .hx > .dk-right::-webkit-scrollbar-thumb { background: #a9bcb0; border-radius: 3px; }
    :root[data-theme="dark"] .hx > .dk-right { scrollbar-color: #3f5547 transparent; }
    :root[data-theme="dark"] .hx > .dk-right::-webkit-scrollbar-thumb { background: #3f5547; }
    .dk-right > .dk-card { padding: 8px 10px 8px; }
    .dk-right .dk-card__h { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
    .dk-right .dk-card__h h2 { margin: 0; font-size: 14px; }
    .dk-right .dk-card__h a { font-size: 12px; white-space: nowrap; }
    /* lig seçici */
    .dk-lgsel select { height: 26px; padding: 0 24px 0 8px; border: 1px solid var(--color-border); border-radius: 8px; background-color: var(--color-surface); color: var(--color-text); font: 700 13.5px var(--font-sans); cursor: pointer; }
    .dk-lgsel select:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 1px; }
    /* puan durumu */
    .dk-right .dk-st tbody tr { height: 26px; }
    .dk-right .dk-st td { padding: 0 4px !important; font-size: 12.5px !important; line-height: 26px; }
    .dk-right .dk-st td:first-child { position: relative; padding-left: 8px !important; }
    .dk-right .dk-st tr.dk-st__z td:first-child::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 2px; }
    .dk-right .dk-st tr.dk-st__z--eu td:first-child::before { background: #2E7D32; }
    .dk-right .dk-st tr.dk-st__z--rel td:first-child::before { background: #c62828; }
    .dk-right .dk-st__t { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-right .dk-fm i { width: 14px; height: 14px; margin-left: 1px; font-size: 9px; border-radius: 3px; }
    /* sıradaki büyük maçlar — tek satır, zebra */
    .dk-ul { margin: 0 -10px; padding: 0; list-style: none; }
    .dk-ul li:nth-child(odd) .dk-ul__r { background: #fff; }
    .dk-ul li:nth-child(even) .dk-ul__r { background: #f5f7f6; }
    :root[data-theme="dark"] .dk-ul li:nth-child(odd) .dk-ul__r { background: #14211a; }
    :root[data-theme="dark"] .dk-ul li:nth-child(even) .dk-ul__r { background: #18271f; }
    .dk-ul__r { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 6px; height: 26px; padding: 0 10px; color: var(--color-text); font-size: 12.5px; text-decoration: none; }
    a.dk-ul__r:hover { text-decoration: none; box-shadow: inset 2px 0 0 var(--color-accent); }
    .app-content a.dk-ul__r { color: var(--color-text); }
    .dk-ul__t { color: var(--color-text-muted); font-size: 12px; }
    .dk-ul__m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
    .dk-ul__lg { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--color-text-muted); }
    /* derbi geri sayımı */
    .dk-dby { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; padding: 8px 12px !important; text-decoration: none; color: var(--color-text); }
    .app-content a.dk-dby { color: var(--color-text); }
    a.dk-dby:hover { text-decoration: none; box-shadow: inset 0 0 0 1px var(--color-accent); }
    .dk-dby__k { grid-column: 1 / -1; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--color-accent); }
    .dk-dby__m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
    .dk-dby__left { justify-self: end; font-size: 13px; font-weight: 800; color: #c62828; white-space: nowrap; }
    .dk-dby__left:empty { display: none; }
    .dk-dby__d, .dk-dby__h { grid-column: 1 / -1; font-size: 11.5px; color: var(--color-text-muted); }
    /* uygulama kartı ≤ 60 px */
    .dk-right > .dk-app { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 0; height: 44px; padding: 0 12px !important; }
    .dk-right > .dk-app b { font-size: 13.5px; }
    .dk-right > .dk-app span { font-size: 11.5px; }
}

/* ADIM-18 R1: sıradaki maçlar saat sütunu gün kısaltmasını da alır ("Pzt 20:00"). */
@media (min-width: 1200px) {
    .dk-ul__r { grid-template-columns: 62px minmax(0, 1fr) auto; }
}

/* ADIM-18 R2: derbi kutusu — maç adı kendi satırında (kesilmez), geri sayım tarih satırının sağında. */
@media (min-width: 1200px) {
    .dk-dby__m { grid-column: 1 / -1; grid-row: 2; }
    .dk-dby__d { grid-column: 1; grid-row: 3; }
    .dk-dby__left { grid-column: 2; grid-row: 3; }
    .dk-dby__h { grid-column: 1 / -1; grid-row: 4; }
}

/* ADIM-18 ek (Doğan / Kobra 18.10): puan durumu lig sekmeleri — küçük hap; taşarsa yatay kayar (ince çubuk); seçili sekme orta liste sekmesiyle aynı renk. Tablo 8 satır sabit. */
@media (min-width: 1200px) {
    .dk-card--st .dk-card__h { align-items: center; }
    .dk-lgtabs { display: flex; flex: 1 1 auto; min-width: 0; gap: 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #c9d6cd transparent; padding-bottom: 2px; }
    .dk-lgtabs::-webkit-scrollbar { height: 3px; }
    .dk-lgtabs::-webkit-scrollbar-thumb { background: #c9d6cd; border-radius: 2px; }
    .dk-lgtab { flex: none; height: 22px; padding: 0 8px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text-secondary); font: 600 11.5px/20px var(--font-sans); white-space: nowrap; cursor: pointer; }
    .dk-lgtab:hover { border-color: #2E7D32; }
    .dk-lgtab[aria-selected="true"] { background: #e8f4ea; border-color: #2E7D32; color: #2E7D32; }
    .dk-lgtab:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 1px; }
    :root[data-theme="dark"] .dk-lgtab[aria-selected="true"] { background: rgba(34, 197, 94, .14); border-color: #4ade80; color: #4ade80; }
    :root[data-theme="dark"] .dk-lgtabs { scrollbar-color: #3f5547 transparent; }
    .dk-right .dk-st tbody { height: 208px; }   /* 8 × 26 px — lig değişirken yükseklik sabit */
}

/* ADIM-18 R3 (Kobra 18.10): masaüstünde (≥1200) tam genişlik "Uygulamayı yükle" şeridi yok (uygulama kartı sağ sütunda); telefonda kalır.
   Sağ sütun sıkılaşır → 1366×768 sayfa en üstteyken de tamamı görünür (staging test bandıyla birlikte). */
@media (min-width: 1200px) {
    .pwa-bar { display: none !important; }
    .hx > .dk-right, .menu-yan .hx > .dk-right { gap: 8px; }
    .dk-right > .dk-card { padding: 6px 10px 6px; }
    .dk-right .dk-card__h { margin-bottom: 2px; }
    .dk-dby { padding: 6px 12px !important; }
    .dk-right > .dk-app { height: 40px; }
}

/* ADIM-18 R4: lig sekmeleri şeridi kartı genişletmesin — sağ sütun tek esnek kolon, kartlar min-width 0; şerit kendi içinde kayar. */
@media (min-width: 1200px) {
    .hx > .dk-right, .menu-yan .hx > .dk-right { grid-template-columns: minmax(0, 1fr); overflow-x: hidden; }
    .dk-right > * { min-width: 0; max-width: 100%; }
    .dk-card--st .dk-card__h { min-width: 0; }
}

/* ADIM-19 (Doğan / Kobra 18.10): %100 yakınlaştırmada normal ziyaretçi — görünür alan 1366×630 / 1536×720 / 1920×950.
   Sağ sütun tamamı iç kaydırmasız görünür (yüksekliğe göre kademeler); "Günün istatistikleri" kart başlığı en çok 2 satır, alt satır tek satır (çakışma yok);
   masaüstünde H1 "Günün istatistikleri" satırının solunda (≈32 px kazanç). */

/* 2) şerit kartı: başlık 2 satır + "…", alt satır tek satır — her boyutta */
.gls__item .gls__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; max-height: 2.4em; line-height: 1.2; }
.gls__item .gls__m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* derbi tek satır yalnız kısa ekranda */
.dk-dby__one { display: none; }

@media (min-width: 1200px) {
    /* 3) H1 + "Günün istatistikleri" tek satır */
    .hx > .hx-hero { margin-bottom: -32px; position: relative; z-index: 1; pointer-events: none; }
    .hx > .hx-hero .hx-hero__title { font-size: 15px !important; line-height: 27px; }
    .hx > .gls .gls__head { padding-left: 232px; }
    .hx > .gls .gls__h { position: relative; padding-left: 12px; }
    .hx > .gls .gls__h::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: var(--color-border); }
}

/* 1) sağ sütun — görünür yüksekliğe göre */
@media (min-width: 1200px) and (max-height: 760px) {
    .dk-right > .dk-app { display: none !important; }   /* uygulama sol menüde / footer'da */
}
@media (min-width: 1200px) and (max-height: 700px) {
    .dk-right .dk-st tbody tr:nth-child(n+7) { display: none; }
    .dk-right .dk-st tbody { height: 156px; }   /* 6 × 26 */
    .dk-ul li:nth-child(n+5) { display: none; }
    .dk-dby { display: block !important; padding: 7px 12px !important; }
    .dk-dby > *:not(.dk-dby__one) { display: none !important; }
    .dk-dby__one { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: var(--color-text-secondary); }
    .dk-dby__one b { color: var(--color-text); }
    .dk-dby__one [data-dk-cd-s] { color: #c62828; font-weight: 700; }
}
@media (min-width: 1200px) and (max-height: 600px) {
    .dk-right .dk-st tbody tr, .dk-ul__r { height: 24px; }
    .dk-right .dk-st td { line-height: 24px; }
    .dk-right .dk-st tbody { height: 144px; }   /* 6 × 24 */
}

/* ADIM-19 R1: H1 satırı — hero alt boşluğu başka kuralla 0 kalıyor; şerit yukarı çekilir (hero 27 px + satır aralığı 12 px). */
@media (min-width: 1200px) {
    .hx > .gls { margin-top: -39px !important; }
}

/* ADIM-19 ek (Doğan / Kobra 18.10): uygulama kartı her zaman derbinin altında, tek satır ince (36 px); yalnız ≤600 px görünür yükseklikte gizli.
   Sığması için derbi tek satır hâli artık ≤760 px'te (önce ≤700). Lig sekmeleri şeridinde kaydırma çubuğu gizli (kaydırma çalışır), sağ kenarda hafif solma. */
@media (min-width: 1200px) {
    .dk-right > .dk-app { display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; height: 36px; padding: 0 12px !important; white-space: nowrap; overflow: hidden; }
    .dk-right > .dk-app::before { content: "📱"; font-size: 14px; }
    .dk-right > .dk-app b { font-size: 13px; }
    .dk-right > .dk-app span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
    .dk-right > .dk-app span::before { content: "· "; }
    .dk-lgtabs { scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); padding-right: 20px; }
    .dk-lgtabs::-webkit-scrollbar { display: none; }
}
@media (min-width: 1200px) and (max-height: 760px) {
    .dk-dby { display: block !important; padding: 7px 12px !important; }
    .dk-dby > *:not(.dk-dby__one) { display: none !important; }
    .dk-dby__one { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: var(--color-text-secondary); }
    .dk-dby__one b { color: var(--color-text); }
    .dk-dby__one [data-dk-cd-s] { color: #c62828; font-weight: 700; }
}
@media (min-width: 1200px) and (max-height: 600px) {
    .dk-right > .dk-app { display: none !important; }
}

/* ADIM-20 (Doğan / Kobra 18.10): masaüstü sol menü (≥1200). Ana başlıklar 33 px, 13,5 px, simge 16 px; seçili = açık yeşil zemin + yeşil yazı (seçili sekme stili).
   Popüler ligler her zaman açık (10 lig, 29 px satır, bayrak, canlı rozeti "● n"); diğer gruplar kapalı açılır. ≥1440'taki iki sütun (simge şeridi + lig paneli) kaldırıldı:
   her genişlikte tek sütun, menü 240 px. Sığmazsa menü kendi içinde ince kayar. 1024–1199 simge şeridi ve telefon değişmedi. */
.sn__lv { display: none; }
@media (min-width: 1200px) {
    .sn__item { min-height: 33px; font-size: 13.5px; }
    .sn__item .icon { width: 16px; height: 16px; }
    .sn__item.is-active { background: #e8f4ea; color: #2E7D32; box-shadow: none; font-weight: 600; }
    .sn__item.is-active .icon { color: #2E7D32; }
    :root[data-theme="dark"] .sn__item.is-active { background: rgba(34, 197, 94, .14); color: #4ade80; }
    :root[data-theme="dark"] .sn__item.is-active .icon { color: #4ade80; }
    .sn__item--lg { min-height: 29px; font-size: 13px; }
    .sn__item--sm { min-height: 30px; }
    .sn__label { margin: 10px 10px 3px; }
    .sn__grp--fix > .sn__label { cursor: default; }
    .sn__grp > summary.sn__label { min-height: 26px; margin: 6px 0 0; padding: 0 10px; border-radius: 8px; }
    .sn__grp > summary.sn__label:hover { background: var(--color-surface-2); }
    .sn__lv { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 3px; height: 18px; padding: 0 6px; border-radius: 999px; background: rgba(198, 40, 40, .12); color: #c62828; font-size: 11px; font-weight: 700; line-height: 18px; }
    .sn__lv[hidden] { display: none; }
    :root[data-theme="dark"] .sn__lv { background: rgba(255, 107, 107, .15); color: #ff8a8a; }
    .menu-yan .side-nav { scrollbar-width: thin; scrollbar-color: #c9d6cd transparent; }
    .menu-yan .side-nav::-webkit-scrollbar { width: 6px; }
    .menu-yan .side-nav::-webkit-scrollbar-thumb { background: #c9d6cd; border-radius: 3px; }
}
@media (min-width: 1440px) {
    .menu-yan { --sn-w: 240px; }
    .sn { display: flex; flex-direction: column; gap: 2px; padding: 10px 8px 16px; grid-template-columns: none; }
    .sn__rail { display: contents; position: static; height: auto; }
    .sn__rail .sn__t { display: block; }
    .sn__rail .sn__item { justify-content: flex-start; padding: 0 10px; min-height: 33px; }
    .sn__rail .sn__n { position: static; min-width: 0; }
    .sn__panel { display: contents; padding: 0; border: 0; border-radius: 0; background: none; }
    .sn__panel .sn__label { margin: 10px 10px 3px; }
    .sn__panel .sn__grp > summary.sn__label { margin: 6px 0 0; }
}

/* ADIM-20 R1: ≥1440 sayfa ızgarası da 240 px menü sütunu (önce 300; değişken tek başına sütunu değiştirmiyordu). */
@media (min-width: 1440px) {
    .menu-yan .app { grid-template-columns: 240px minmax(0, 1fr); }
}

/* ADIM-20 R2: ≥1440 ana başlıklarda sayı rozeti sağa yaslı (1366 ile aynı). */
@media (min-width: 1440px) {
    .sn__rail .sn__t { flex: 1 1 0; min-width: 0; }
    .sn__rail .sn__n { margin-left: auto; }
}

/* ADIM-20 R3: ≥1440 tek sütunda öğeler tam genişlik (eski ızgaranın align-items:start kalıntısı). */
@media (min-width: 1440px) {
    .sn { align-items: stretch; }
}

/* ADIM-20 R4 (Yedek Webçi; Doğan / Kobra 18.10): (1) sol menü 1366×630'da iç kaydırmasız — popüler 6 lig (config), İletişim altbilgide; görünür yükseklik ≤760 px'te ana başlık 30 px, lig 26 px.
   (2) sağ sütun "📱 Uygulamayı indir →" dolu yeşil 32 px düğme HER yükseklikte (≤600 px'te puan 5 / büyük maç 3 satır).
   (3) puan kartı kart içine tam sığar: sabit sütun genişlikleri, form çipi 12 px / 2 px aralık / 10 px kalın; "Tümü →" şerit dışında sağda, şerit kendi alanında kayar + solma. */
@media (min-width: 1200px) and (max-height: 760px) {
    .sn { padding: 6px 8px 8px; gap: 1px; }
    .sn__list { gap: 1px; }
    .sn__item, .sn__rail .sn__item { min-height: 30px; }
    .sn__item--lg { min-height: 26px; }
    .sn__label, .sn__panel .sn__label { margin: 6px 10px 2px; }
    .sn__grp > summary.sn__label, .sn__panel .sn__grp > summary.sn__label { min-height: 26px; margin: 3px 0 0; }
}
@media (min-width: 1200px) {
    .sn__list--foot:empty { display: none; }
    /* (2) uygulama düğmesi */
    .dk-right > .dk-app, .app-content .dk-right > a.dk-app { display: flex !important; align-items: center; justify-content: center; gap: 6px; height: 32px; min-height: 0; padding: 0 12px !important;
        border: 0; border-radius: 8px; background: #2E7D32; color: #fff; box-shadow: none; text-decoration: none; }
    .dk-right > .dk-app:hover { background: #276b2b; text-decoration: none; }
    .dk-right > .dk-app:focus-visible { outline: 2px solid #2E7D32; outline-offset: 2px; }
    .dk-right > .dk-app span { display: none; }
    .dk-right > .dk-app b { font-size: 13px; font-weight: 700; color: #fff; }
    .dk-right > .dk-app b::after { content: " →"; }
    /* (3) puan kartı */
    .dk-right .dk-st { table-layout: fixed; width: 100%; }
    .dk-right .dk-st th:nth-child(1), .dk-right .dk-st td:nth-child(1) { width: 26px; }
    .dk-right .dk-st th:nth-child(3), .dk-right .dk-st td:nth-child(3) { width: 24px; }
    .dk-right .dk-st th:nth-child(4), .dk-right .dk-st td:nth-child(4) { width: 32px; }
    .dk-right .dk-st th:nth-child(5), .dk-right .dk-st td:nth-child(5) { width: 26px; }
    .dk-right .dk-st th:nth-child(6), .dk-right .dk-st td:nth-child(6) { width: 74px; }
    .dk-right .dk-st th, .dk-right .dk-st td { overflow: hidden; }
    .dk-right .dk-st__t { max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dk-right .dk-st td.dk-fm { padding-right: 2px !important; text-align: right; white-space: nowrap; font-size: 0 !important; }
    .dk-right .dk-fm i { display: inline-grid; place-items: center; width: 12px; height: 12px; margin: 0 0 0 2px; border-radius: 2px; font-size: 10px; font-weight: 800; line-height: 1; vertical-align: middle; }
    .dk-right .dk-fm i:first-child { margin-left: 0; }
    .dk-card--st .dk-card__h { display: flex; align-items: center; gap: 6px; min-width: 0; }
    .dk-card--st .dk-lgtabs { flex: 1 1 0; min-width: 0; }
    .dk-card--st .dk-card__h > a[data-dk-st-all] { flex: none; margin-left: 2px; font-size: 12px; white-space: nowrap; }
}
@media (min-width: 1200px) and (max-height: 600px) {
    .dk-right > .dk-app { display: flex !important; }
    .dk-right .dk-st tbody tr:nth-child(n+6) { display: none; }
    .dk-right .dk-st tbody { height: 120px; }   /* 5 × 24 */
    .dk-ul li:nth-child(n+4) { display: none; }
}

/* ADIM-21 KONTRAST (Yedek Webçi; Doğan / Kobra 18.10): WCAG AA — metin ≥4,5:1, büyük metin ≥3:1. Renk kimliği aynı, yalnız ton koyulaşır / açılır (yumuşak görünüm korunur).
   Not: koyu temada "beyaz satır / gün düğmesi" ölçümü geçiş (transition) animasyonu donmuş sekmeden kaynaklanıyordu; geçiş bitince zemin koyu (#18211C), gerçek hata değil. */
/* açık tema */
.env-notice__tag { color: #9a5800 !important; }                                                      /* 1,95 → 5,26 */
.mc-grp__live, .mc-grp__live .num { color: #a61b1b !important; }                                      /* 3,83 → 6,58 */
.hx-mlist .hx-group > .day-group__title .lg-h__live { color: #a61b1b !important; }                   /* 4,04 → 5,41 */
.hx-mlist .day-row .day-row__time, .mc-secs--mk .day-row .day-row__time,
.hx-mlist .day-row .day-row__ht, .mc-secs--mk .day-row .day-row__ht { color: #5a665f; }               /* 4,34 → 5,58 */
:root:not([data-theme="dark"]) .hx-mlist .day-row .day-row__vs, :root:not([data-theme="dark"]) .mc-secs--mk .day-row .day-row__vs { color: #5f6b64; }               /* 2,37 → 5,17 */
.hx-mlist .day-row--live .day-chip[title="Devre arası"], .mc-secs--mk .day-row--live .day-chip[title="Devre arası"] { color: #b45309; }   /* 2,86 → 4,67 / 5,02 */
.sn__n { background: #c62828 !important; color: #fff !important; }                                   /* 4,38 → 5,62 (koyu: 2,75 → 5,62) */
.dk-fm__d { background: #68726c !important; }                                                         /* 3,13 → 4,99 */
:root:not([data-theme="dark"]) .hx-sec > a { color: #256628; }                                                                       /* 4,32 → 5,88 */
.st-form__r--w, .sx .st-form__r--w { background: #15803d !important; }                               /* 3,61 → 5,02 */
.st-form__r--d, .sx .st-form__r--d { background: #5f6b72 !important; }                               /* 4,30 → 5,48 */
.st-form__r--l, .sx .st-form__r--l { background: #c0392b !important; }                               /* 4,38 → 5,44 */
.app-content .me-card .day-chip--live { background: #c62828; border-color: #c62828; }                /* 3,94 → 5,62 */
.dk-car__b { background: rgba(0, 0, 0, .62); }                                                        /* 2,18 → ≥9 (görsel zeminde) */
/* koyu tema */
:root[data-theme="dark"] .mc-day.is-cur .mc-day__w, :root[data-theme="dark"] .mc-day.is-cur .mc-day__d { color: #06240f; }   /* 1,74 → 9,51 */
:root[data-theme="dark"] .dk-btn, :root[data-theme="dark"] .app-content a.dk-btn, :root[data-theme="dark"] .dk-prem .dk-btn { color: #06240f !important; }   /* 2,28 → 7,27 */
:root[data-theme="dark"] .dk-dby__left, :root[data-theme="dark"] .dk-dby__one [data-dk-cd-s] { color: #ff8a8a; }   /* 2,93 → 7,27 */
:root[data-theme="dark"] .hx .hx-mc .hx-tabs button .hx-n { color: #b9c8bf !important; }             /* 4,43 → 5,78 */
:root[data-theme="dark"] .mc-grp__live, :root[data-theme="dark"] .mc-grp__live .num { color: #ff9e9a !important; }   /* 4,14 → 5,76 */
:root[data-theme="dark"] .hx-mlist .hx-group > .day-group__title .lg-h__live { color: #ff9e9a !important; }
:root[data-theme="dark"] .pd-table tbody tr:nth-child(-n+4) td:first-child { color: #4ade80; }                        /* 3,22 → 9,47 */
:root[data-theme="dark"] .pd-all__i small, :root[data-theme="dark"] .mlv__note { color: #a3b5a9; }    /* 4,47 → 5,96 */
:root[data-theme="dark"] .sx-league__note--old { color: #e0a050; }                                    /* 3,04 → 7,32 */
:root[data-theme="dark"] .fx-live, :root[data-theme="dark"] .fx-row__s b { color: #ff8a8a; }          /* 3,34 → 7,27 */
:root[data-theme="dark"] .env-notice__tag { color: #f0a54a !important; }                                    /* koyu zeminde açık ton kalır */

/* ADIM-22 (Yedek Webçi; Doğan / Kobra 18.10): telefonda / tablette (<1024) ilk ekranda tek Premium — sarı lansman şeridi kalır; başlıktaki Premium rozeti gizli;
   "DG Analiz modeli" kartı maç listesinin altına iner (aynı ızgara sırası, DOM'da sonra). Maçlar kartı yukarı çıkar. Masaüstü (≥1024) değişmez. */
@media (max-width: 1023px) {
    .hx-hero .hx-prem1--m { display: none !important; }
    .hx > .dk-prem { order: 2; }
}

/* ADIM-25 (Yedek Webçi; Doğan / Kobra 18.10): /maclar ve /canli (bugün) ana sayfa liste bileşeniyle — .hx--page tek kart, sayfa boyunda (iç kaydırma kutusu yok, solma yok);
   sekme satırının sağında "Biten maçlar →"; bayrağı çizilemeyen ülke gri kutu değil boşluk. */
.hx.hx--page { display: block; }
.hx--page .hx-mc, .hx--page .hx-mc > .hx-mlist, .hx--page .hx-mlist { max-height: none !important; height: auto !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; }
.hx--page > .panel__note { margin: 10px 4px 0; }
.hx-tabs__end { margin-left: auto; align-self: center; padding: 0 6px; font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--color-accent); text-decoration: none; }
.hx-tabs__end:hover { text-decoration: underline; }
.mk-flag--none, .sn-flag--none, .sx-flag--none { background: transparent !important; box-shadow: none !important; }
/* ADIM-25 R1: /maclar sekmeleri ana sayfadaki gibi küçük hap (tam genişliğe yayılmaz) */
.hx--page .hx-mc > .hx-tabs button, .hx--page .hx-tabs button[data-hx-tab] { flex: 0 0 auto !important; width: auto !important; }

/* PREM-WELCOME-1 (Doğan / Kobra 18.10): yalnız Premium üyeye karşılama kartı — lansman kutusunun yerinde, aynı boy, açık yeşil, sade. Telefonda ince tek satır. */
.dg-launch.dg-launch--prem { background: #e8f4ea; border-color: #b9dcc0; color: #1d3b25; animation: none; }
:root[data-theme="dark"] .dg-launch.dg-launch--prem { background: #16261c; border-color: #2c4a36; color: #dcebe0; }
.dg-prem-w__txt { min-width: 0; }
.dg-prem-w__h { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; }
.dg-prem-w__s { margin: 2px 0 0; font-size: 12.5px; color: var(--color-text-secondary); }
.dg-prem-w__go { display: flex; flex-wrap: wrap; gap: 6px; }
.dg-prem-w__b { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; border: 1px solid #2E7D32; border-radius: 999px; color: #1f5f23; font-size: 12.5px; font-weight: 600; text-decoration: none; white-space: nowrap; background: #fff; }
.dg-prem-w__b:hover { background: #f3faf4; text-decoration: none; }
.dg-prem-w__b--main { background: #2E7D32; color: #fff; }
.dg-prem-w__b--main:hover { background: #276b2b; }
:root[data-theme="dark"] .dg-prem-w__b { background: transparent; border-color: #4ade80; color: #b9f0cc; }
:root[data-theme="dark"] .dg-prem-w__b--main { background: #22c55e; color: #06240f; }
.app-content a.dg-prem-w__b--main { color: #fff; }
:root[data-theme="dark"] .app-content a.dg-prem-w__b--main { color: #06240f; }
.dg-launch-m--prem { background: #e8f4ea; border-color: #b9dcc0; color: #1d3b25; }
:root[data-theme="dark"] .dg-launch-m--prem { background: #16261c; border-color: #2c4a36; color: #dcebe0; }
.dk-prem--on .dk-prem__txt p { margin: 4px 0 10px; }

/* ADIM-26 (Yedek Webçi; Doğan / Kobra 18.10): Maç Sonuçları ana sayfa liste bileşeninde — kazanan takım kalın, ertelenen / iptal gri, sonuç çipi sade. Oran yok. */
.day-row__win { font-weight: 700; }
.hx-mlist .day-row--finished .day-chip--finished, .hx-mc--res .day-chip--finished { color: var(--color-text-muted); font-weight: 700; }
.hx-mc--res .day-row--off .day-row__teams, .hx-mc--res .day-row--off .day-chip { color: var(--color-text-muted); }
.hx-mc--res .day-row--off .day-chip { font-weight: 600; }
.hx-mc--res .hx-mc__head .hx-muted { font-size: 12.5px; }

/* SAG-SUTUN-1 (Doğan / Kobra 18.10): içerik sayfalarında (≥1200) ana sayfanın sağ sütunu — puan durumu dönüşü, sıradaki büyük maçlar, derbi, uygulama düğmesi.
   Tek bileşen (partials/home/desk.php part=right); sayfa içeriği solda tam genişlik, sütun 300 px yapışkan. 1200 altında sütun yok. */
@media (min-width: 1200px) {
    .hx.hx--page.hx--rail { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 16px; align-items: start; }
    .hx.hx--rail > :not(.dk-right) { grid-column: 1; }
    .hx.hx--rail > .dk-right { grid-column: 2 !important; grid-row: 1 / span 4 !important; }
}
@media (max-width: 1199px) {
    .hx.hx--rail > .dk-right { display: none !important; }
}

/* ADIM-27 (Yedek Webçi; Doğan / Kobra 18.10, 32_DG_TASARIM_KURALLARI): puan durumu + lig sayfaları ana sayfa düzeninde.
   (1) Lig / istatistik başlığı (sx-hero) sıkı: H1 26 px tek satır, geri bağlantısı + üst satır küçük, sayı hapları tek satır küçük → ~300 px yerine ~130 px.
   (2) Alt sayfa sekmeleri (segmented) tek satır, kendi alanında kayar, sağda solma. (3) Gövde 14 px. (4) Form rozetleri yumuşak (saydam zemin, renkli harf), kırmızı "kıpkırmızı" değil.
   (5) hx--doc: içerik sayfası + sağ sütun kabı (gövde 14 px). */
.hx.hx--doc { font-size: 14px; line-height: 1.45; }
.hx--doc > .hx-col { min-width: 0; }
@media (min-width: 1024px) {
    .sx { font-size: 14px; }
    .app-content .sx-hero { padding: 10px 16px 12px !important; }
    .sx-hero .sx-hero__in { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
    .sx-hero .sx-hero__back { height: auto; min-height: 0; padding: 2px 10px; font-size: 12px; }
    .sx-hero .sx-hero__eyebrow { margin: 0; font-size: 11.5px; }
    .app-content .sx-hero h1, .app-content .sx-hero .mc-head__h1 { flex: 1 1 100%; margin: 0; font-size: 26px !important; line-height: 1.15; }
    .sx-hero .sx-hero__chips { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; }
    .sx-hero .sx-hero__chips li { padding: 2px 9px; font-size: 12.5px; }
    .sx-hero .data-stamp { flex: 1 1 100%; margin: 0; font-size: 12px; }
    .sx:not([data-sx-mode="LEAGUE_SEO"]) nav.segmented { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding-right: 24px;
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
    .sx:not([data-sx-mode="LEAGUE_SEO"]) nav.segmented::-webkit-scrollbar { display: none; }
    .sx:not([data-sx-mode="LEAGUE_SEO"]) nav.segmented .segmented__item { flex: none; white-space: nowrap; padding: 4px 11px; font-size: 13px; min-height: 28px; }
    .pd .pd-head .page-title { font-size: 26px; }
}
.st-form__r--w, .sx .st-form__r--w { background: #e3f2e5 !important; color: #1f6b2b !important; }
.st-form__r--d, .sx .st-form__r--d { background: #eceff0 !important; color: #4a5550 !important; }
.st-form__r--l, .sx .st-form__r--l { background: #f6dede !important; color: #a61b1b !important; }
:root[data-theme="dark"] .st-form__r--w, :root[data-theme="dark"] .sx .st-form__r--w { background: rgba(74, 222, 128, .16) !important; color: #86efac !important; }
:root[data-theme="dark"] .st-form__r--d, :root[data-theme="dark"] .sx .st-form__r--d { background: rgba(255, 255, 255, .08) !important; color: #c9d3cd !important; }
:root[data-theme="dark"] .st-form__r--l, :root[data-theme="dark"] .sx .st-form__r--l { background: rgba(255, 107, 107, .16) !important; color: #ff9e9a !important; }
.dk-right .dk-fm__w { background: #e3f2e5 !important; color: #1f6b2b !important; }
.dk-right .dk-fm__d { background: #eceff0 !important; color: #4a5550 !important; }
.dk-right .dk-fm__l { background: #f6dede !important; color: #a61b1b !important; }
:root[data-theme="dark"] .dk-right .dk-fm__w { background: rgba(74, 222, 128, .16) !important; color: #86efac !important; }
:root[data-theme="dark"] .dk-right .dk-fm__d { background: rgba(255, 255, 255, .08) !important; color: #c9d3cd !important; }
:root[data-theme="dark"] .dk-right .dk-fm__l { background: rgba(255, 107, 107, .16) !important; color: #ff9e9a !important; }

/* ADIM-26 R1 (Doğan / Kobra 18.10): sonuç satırında gerçekleşen sonucun maç öncesi iddaa oranı — "iddaa" rozetinin solunda sabit 40 px sütun, küçük gri; ≥3,00 koyu gri kalın (sürpriz). */
.day-row__odd { display: none; }
@media (min-width: 1024px) {
    .hx .hx-mc.hx-mc--res .hx-mlist .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 34px 40px 42px 20px; }
    .hx .hx-mc.hx-mc--res .hx-mlist.is-time .day-row { grid-template-columns: 40px 36px minmax(0, 1fr) 46px minmax(0, 1fr) 150px 34px 40px 42px 20px; }
    .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__odd { display: block; grid-column: 7; justify-self: end; font-size: 11.5px; color: #5f6b64; }
    .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__odd--sur { color: #37413b; font-weight: 700; }
    .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__idd { grid-column: 8; }
    .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__detail { grid-column: 9; }
    .hx .hx-mc.hx-mc--res .hx-mlist.is-time .day-row > .day-row__ht { grid-column: 7; }
    .hx .hx-mc.hx-mc--res .hx-mlist.is-time .day-row > .day-row__odd { grid-column: 8; }
    .hx .hx-mc.hx-mc--res .hx-mlist.is-time .day-row > .day-row__idd { grid-column: 9; }
    .hx .hx-mc.hx-mc--res .hx-mlist.is-time .day-row > .day-row__detail { grid-column: 10; }
    .hx-mc--res .hx-mlist .hx-group > .day-group__title::after { margin-right: 118px; }
    :root[data-theme="dark"] .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__odd { color: #a3b5a9; }
    :root[data-theme="dark"] .hx .hx-mc.hx-mc--res .hx-mlist .day-row > .day-row__odd--sur { color: #e6ece8; }
}
/* ADIM-27 R1: alt sayfa sekmeleri tek satır (başka kural flex-wrap veriyordu) */
@media (min-width: 1024px) {
    .app-content .sx:not([data-sx-mode="LEAGUE_SEO"]) > nav.segmented { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden; }   /* SEKME-1 (SEO / Doğan 23.10): lig sekmeleri alt satıra kırılır */
}

/* PAGE-HEAD-1 (Yedek Webçi; Doğan / Kobra 18.10, 33_SAYFA_DENETIMI §3-1/§3-2): bütün sayfalarda ince başlık — hero kutuları (mc-head / sx-hero) ana sayfa ölçüsünde:
   H1 masaüstü 26 px, telefon 22 px; üst satır ve "← geri" küçük; sayı hapları tek satır küçük; gövde (≥1024) 14 px (--text-body). Şablonlar değişmedi (tek CSS noktası). */
@media (min-width: 1024px) {
    :root { --text-body: 0.875rem; }
    .app-content .mc-head .mc-head__h1, .app-content .mc-head h1, .app-content .mc-head .page-title, .app-content .page-header .page-title, .app-content > .page-title { font-size: 26px !important; line-height: 1.15; }
    .app-content .mc-head .eyebrow { margin: 0; font-size: 11.5px; }
}
@media (max-width: 1023px) {
    .app-content .sx-hero { padding: 12px 14px !important; }
    .sx-hero .sx-hero__in { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
    .sx-hero .sx-hero__back { height: auto; min-height: 32px; padding: 2px 10px; font-size: 12.5px; }
    .sx-hero .sx-hero__eyebrow { flex: 1 1 100%; margin: 0; font-size: 11.5px; }
    .app-content .sx-hero h1, .app-content .sx-hero .mc-head__h1, .app-content .mc-head .mc-head__h1, .app-content .mc-head h1 { flex: 1 1 100%; margin: 0; font-size: 22px !important; line-height: 1.2; }
    .sx-hero .sx-hero__chips { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 4px 0 0; padding-bottom: 2px; }
    .sx-hero .sx-hero__chips::-webkit-scrollbar { display: none; }
    .sx-hero .sx-hero__chips li { flex: none; padding: 2px 9px; font-size: 12.5px; }
    .sx-hero .data-stamp { flex: 1 1 100%; margin: 0; font-size: 12px; }
}
/* PAGE-HEAD-1 ek: puan durumu lig düğmeleri tek satır (kendi alanında kayar, sağda solma; "Tüm ligler" yanında); koyu başlık bandındaki veri satırı okunur */
@media (min-width: 1024px) {
    .pd .pd-nav { flex-wrap: nowrap !important; align-items: center; }
    .pd .pd-nav .pd-pills { flex: 1 1 auto !important; min-width: 0; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none; padding-right: 28px;
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
    .pd .pd-nav .pd-pills::-webkit-scrollbar { display: none; }
    .pd .pd-pill { padding: 5px 12px !important; font-size: 13px; }
}
.app-content .mc-head .data-stamp, .app-content .mc-head .data-stamp * { color: rgba(255, 255, 255, .86) !important; }
/* PAGE-HEAD-1 R1: okuma sayfaları (Hakkımızda, Yazılar, Premium — .hx.ab / .ab-card): gövde 14 px (16,5 değil), satır aralığı rahat, metin en çok ~72 karakter (Kobra istisnası); bölüm başlığı 17 px, kart başlığı ≤17,5 px */
@media (min-width: 1024px) {
    .hx.ab, .hx.ab p, .hx.ab li, .ab-card p, .ab-card li { font-size: 14px !important; line-height: 1.6; }
    .hx.ab .ab-card p, .hx.ab .ab-card li { max-width: 72ch; }
    .hx.ab h2, .ab-card h2 { font-size: 17px !important; line-height: 1.3; }
    .hx.ab h3, .ab-card h3 { font-size: 15px !important; }
}

/* DAY-ROW-STAT-1 (Yedek Webçi; Kobra 33_SAYFA_DENETIMI §3-4): günlük istatistik, takım "Son 10" ve hakem "Yönettiği maçlar" tablolarında maç hücresi TEK satır —
   takımlar (kısa ad) + lig adı aynı satırda sağda gri küçük; satır ~32 px (51 değil). Telefonda da tek satır, lig adı "…" ile kısalır. */
.st-col-team .st-lg { margin-left: 8px; font-size: 11.5px; color: var(--color-text-muted); white-space: nowrap; }
td.st-col-team { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; }
.st-table td.st-col-team, .sx .st-table td.st-col-team { width: 46%; }
@media (max-width: 1023px) {
    .st-col-team .st-lg { display: inline; font-size: 11px; }
}

/* ADIM-28 (Yedek Webçi; Doğan / Kobra 18.10): maç sayfası — bölümler sayfa içi bağlantılı ve hepsi görünür (SEO), yapışkan bölüm şeridi; maç kartı ≤160 px (telefon ~130);
   "Maçlara Dön" ince; maça özel sağ sütun (aynı lig puan durumu, iki takım vurgulu, dönüş yok). Bölüm içerikleri aynı, yalnız sıra ve sıkılık. */
.mtabs--anchor .mtabs__p { display: block !important; }
.mtabs--anchor .mt-sec { margin: 0 0 14px; scroll-margin-top: calc(var(--header-height, 64px) + 56px); }
.mtabs--anchor .mt-h { margin: 4px 2px 8px; font: 700 16px/1.25 var(--dg-head, inherit); color: var(--color-text); }
.mtabs__nav { position: sticky; top: var(--header-height, 64px); z-index: 20; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 12px; padding: 6px 2px;
    background: var(--color-bg, #f1f5f2); -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent); }
.mtabs__nav::-webkit-scrollbar { display: none; }
.mtabs__a { flex: none; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface);
    color: var(--color-text-secondary); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.mtabs__a:hover { border-color: #2E7D32; color: #1f5f23; text-decoration: none; }
.app-content .mtabs__a { color: var(--color-text-secondary); }
:root[data-theme="dark"] .mtabs__nav { background: var(--color-bg, #0f1712); }
.hx--match .me__back { display: inline-flex; align-items: center; gap: 4px; height: 26px; margin: 0 0 8px; padding: 0 10px; font-size: 12.5px; }
:root[data-theme="dark"] .hx--match .me__back, :root[data-theme="dark"] .app-content .me__back { color: #b9f0cc; }
@media (min-width: 1024px) {
    .hx--match .me-card { padding: 10px 18px 12px !important; }
    .hx--match .me-card__meta { margin: 0 0 6px; font-size: 12.5px; gap: 4px 12px; }
    .hx--match .me-sb { gap: 12px; min-height: 0; }
    .hx--match .me-sb__badge, .hx--match .me-sb__badge img { width: 34px; height: 34px; }
    .hx--match .me-sb__name { font-size: 20px; }
    .hx--match .me-sb__score { font-size: 34px; padding: 2px 14px; }
}
@media (max-width: 1023px) {
    .hx--match .me-card { padding: 10px 12px !important; }
    .hx--match .me-card__meta { margin: 0 0 4px; font-size: 11.5px; }
    .hx--match .me-sb__badge, .hx--match .me-sb__badge img { width: 28px; height: 28px; }
    .hx--match .me-sb__name { font-size: 15px; }
    .hx--match .me-sb__score { font-size: 26px; }
    .mtabs__nav { top: 0; }
}
.dk-right .dk-st tr.dk-st__hl td { background: #e8f4ea; font-weight: 700; }
:root[data-theme="dark"] .dk-right .dk-st tr.dk-st__hl td { background: rgba(34, 197, 94, .14); }
.dk-right .dk-card--st-hl .dk-st tbody { height: auto !important; }
.dk-right .dk-card--st-hl .dk-st tbody tr:nth-child(n+9):not(.dk-st__hl) { display: none; }
.dk-right .dk-card--st-hl .dk-st tbody tr.dk-st__hl { display: table-row !important; }
.app-content .hx--match .me__back { height: 26px !important; min-height: 0 !important; padding: 0 10px !important; font-size: 12.5px !important; margin-bottom: 8px !important; }
/* ADIM-28 R1: telefonda maç kartı ~130 px — stadyum satırı ve takım altı mini sayılar (korner / kart) gizli (Canlı bölümünde var), logo 24 px, "Maçlara Dön" ince */
@media (max-width: 1023px) {
    .hx--match .me-card__venue, .hx--match .me-sb__ms { display: none !important; }
    .hx--match .me-sb__badge, .hx--match .me-sb__badge img { width: 24px !important; height: 24px !important; }
    .hx--match .me-sb__score { padding: 0 10px; }
    .hx--match .me-card { padding: 8px 10px !important; }
}

/* ADIM-29 (Yedek Webçi; Kobra 33_SAYFA_DENETIMI §3-6/3-7/3-9): (1) takım sayfası tabloları telefonda sütun sığdırarak (yatay kaydırma yok): sabit düzen, hücre "…",
   tarih / yer / skor dar sütun. (2) Maç sayfası özet form çipleri yumuşak (G/B/M saydam zemin + renkli harf; kural §1). Bayraklar ADIM-25 (Flag::EXTRA). */
@media (max-width: 600px) {
    .sx:has(.tm-mini) .st-table-wrap { overflow-x: visible !important; }
    .sx:has(.tm-mini) .st-table { table-layout: fixed; width: 100% !important; min-width: 0 !important; }
    .sx:has(.tm-mini) .st-table th, .sx:has(.tm-mini) .st-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 4px !important; padding-right: 4px !important; font-size: 12.5px; }
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:first-child { width: 62px; }
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:nth-child(3) { width: 44px; }
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:nth-child(4):not(:last-child) { width: 46px; }
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:nth-child(5) { width: 44px; }
    .sx:has(.tm-mini) .st-table.tm-vs th:first-child { width: 40%; }
}
.ms2-dot--w { background: #e3f2e5 !important; color: #1f6b2b !important; }
.ms2-dot--d { background: #eceff0 !important; color: #4a5550 !important; }
.ms2-dot--l { background: #f6dede !important; color: #a61b1b !important; }
:root[data-theme="dark"] .ms2-dot--w { background: rgba(74, 222, 128, .16) !important; color: #86efac !important; }
:root[data-theme="dark"] .ms2-dot--d { background: rgba(255, 255, 255, .08) !important; color: #c9d3cd !important; }
:root[data-theme="dark"] .ms2-dot--l { background: rgba(255, 107, 107, .16) !important; color: #ff9e9a !important; }
/* ADIM-29 R1: telefonda takım tablolarında sütun payları — tarih tam, yer okunur, oyuncu adı geniş */
@media (max-width: 600px) {
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:first-child { width: 84px; }
    .sx:has(.tm-mini) .st-table:not(.tm-vs):not(.st-squad):not(.tm-mini) th:nth-child(3) { width: 64px; }
    .sx:has(.tm-mini) .st-table.st-squad th:first-child { width: 46%; }
    .sx:has(.tm-mini) .st-table.st-squad th:nth-child(2) { width: 70px; }
}

/* ADIM-30 (Yedek Webçi; Kobra §3-8): Premium sayfası renk sadeleştirme — altın yalnız tek vurgu ("en avantajlı" rozeti + orta kart kenarı); fiyatlar nötr koyu, metinler değişmedi (hukuk onaylı).
   Hesap / Premium / Yazılar / Hakkımızda: kart başlığı ≤17,5 px, gövde 14 px (PAGE-HEAD-1 tokenı). */
.pm .pm-card__price, .pm-card__price { color: var(--color-text) !important; }
:root[data-theme="dark"] .pm .pm-card__price { color: #e6ece8 !important; }
@media (min-width: 1024px) {
    .pm .hx-h2, .pm-card__t { font-size: 17.5px !important; }
    .app-content .panel .section-title { font-size: 16px; }
}

/* RAIL-M-1 (Yedek Webçi; Kobra 18.10): telefonda / tablette (<1200) sağ sütun içerikleri sayfa sonunda (içerikten sonra, altbilgiden önce) — masaüstü kuralları kopyası, .hx--rail kapsamında. */
@media (max-width: 1199px) {
    .hx--rail > .dk-right { top: calc(var(--header-height) + 8px); max-height: calc(100vh - var(--header-height) - 16px); overflow-y: auto; overscroll-behavior: contain; gap: 10px; align-content: start;
        scrollbar-width: thin; scrollbar-color: #a9bcb0 transparent; padding-right: 2px; }
    .hx--rail > .dk-right::-webkit-scrollbar { width: 6px; }
    .hx--rail > .dk-right::-webkit-scrollbar-thumb { background: #a9bcb0; border-radius: 3px; }
    :root[data-theme="dark"] .hx--rail > .dk-right { scrollbar-color: #3f5547 transparent; }
    :root[data-theme="dark"] .hx--rail > .dk-right::-webkit-scrollbar-thumb { background: #3f5547; }
    .hx--rail .dk-right > .dk-card { padding: 8px 10px 8px; }
    .hx--rail .dk-right .dk-card__h { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
    .hx--rail .dk-right .dk-card__h h2 { margin: 0; font-size: 14px; }
    .hx--rail .dk-right .dk-card__h a { font-size: 12px; white-space: nowrap; }
    .hx--rail .dk-lgsel select { height: 26px; padding: 0 24px 0 8px; border: 1px solid var(--color-border); border-radius: 8px; background-color: var(--color-surface); color: var(--color-text); font: 700 13.5px var(--font-sans); cursor: pointer; }
    .hx--rail .dk-lgsel select:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 1px; }
    .hx--rail .dk-right .dk-st tbody tr { height: 26px; }
    .hx--rail .dk-right .dk-st td { padding: 0 4px !important; font-size: 12.5px !important; line-height: 26px; }
    .hx--rail .dk-right .dk-st td:first-child { position: relative; padding-left: 8px !important; }
    .hx--rail .dk-right .dk-st tr.dk-st__z td:first-child::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 2px; }
    .hx--rail .dk-right .dk-st tr.dk-st__z--eu td:first-child::before { background: #2E7D32; }
    .hx--rail .dk-right .dk-st tr.dk-st__z--rel td:first-child::before { background: #c62828; }
    .hx--rail .dk-right .dk-st__t { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hx--rail .dk-right .dk-fm i { width: 14px; height: 14px; margin-left: 1px; font-size: 9px; border-radius: 3px; }
    .hx--rail .dk-ul { margin: 0 -10px; padding: 0; list-style: none; }
    .hx--rail .dk-ul li:nth-child(odd) .dk-ul__r { background: #fff; }
    .hx--rail .dk-ul li:nth-child(even) .dk-ul__r { background: #f5f7f6; }
    :root[data-theme="dark"] .hx--rail .dk-ul li:nth-child(odd) .dk-ul__r { background: #14211a; }
    :root[data-theme="dark"] .hx--rail .dk-ul li:nth-child(even) .dk-ul__r { background: #18271f; }
    .hx--rail .dk-ul__r { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 6px; height: 26px; padding: 0 10px; color: var(--color-text); font-size: 12.5px; text-decoration: none; }
    .hx--rail a.dk-ul__r:hover { text-decoration: none; box-shadow: inset 2px 0 0 var(--color-accent); }
    .hx--rail .app-content a.dk-ul__r { color: var(--color-text); }
    .hx--rail .dk-ul__t { color: var(--color-text-muted); font-size: 12px; }
    .hx--rail .dk-ul__m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
    .hx--rail .dk-ul__lg { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--color-text-muted); }
    .hx--rail .dk-dby { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; padding: 8px 12px !important; text-decoration: none; color: var(--color-text); }
    .hx--rail .app-content a.dk-dby { color: var(--color-text); }
    .hx--rail a.dk-dby:hover { text-decoration: none; box-shadow: inset 0 0 0 1px var(--color-accent); }
    .hx--rail .dk-dby__k { grid-column: 1 / -1; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--color-accent); }
    .hx--rail .dk-dby__m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
    .hx--rail .dk-dby__left { justify-self: end; font-size: 13px; font-weight: 800; color: #c62828; white-space: nowrap; }
    .hx--rail .dk-dby__left:empty { display: none; }
    .hx--rail .dk-dby__d, .hx--rail .dk-dby__h { grid-column: 1 / -1; font-size: 11.5px; color: var(--color-text-muted); }
    .hx--rail .dk-right > .dk-app { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 0; height: 44px; padding: 0 12px !important; }
    .hx--rail .dk-right > .dk-app b { font-size: 13.5px; }
    .hx--rail .dk-right > .dk-app span { font-size: 11.5px; }
    .hx--rail .dk-ul__r { grid-template-columns: 62px minmax(0, 1fr) auto; }
    .hx--rail .dk-dby__m { grid-column: 1 / -1; grid-row: 2; }
    .hx--rail .dk-dby__d { grid-column: 1; grid-row: 3; }
    .hx--rail .dk-dby__left { grid-column: 2; grid-row: 3; }
    .hx--rail .dk-dby__h { grid-column: 1 / -1; grid-row: 4; }
    .hx--rail .dk-card--st .dk-card__h { align-items: center; }
    .hx--rail .dk-lgtabs { display: flex; flex: 1 1 auto; min-width: 0; gap: 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #c9d6cd transparent; padding-bottom: 2px; }
    .hx--rail .dk-lgtabs::-webkit-scrollbar { height: 3px; }
    .hx--rail .dk-lgtabs::-webkit-scrollbar-thumb { background: #c9d6cd; border-radius: 2px; }
    .hx--rail .dk-lgtab { flex: none; height: 22px; padding: 0 8px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text-secondary); font: 600 11.5px/20px var(--font-sans); white-space: nowrap; cursor: pointer; }
    .hx--rail .dk-lgtab:hover { border-color: #2E7D32; }
    .hx--rail .dk-lgtab[aria-selected="true"] { background: #e8f4ea; border-color: #2E7D32; color: #2E7D32; }
    .hx--rail .dk-lgtab:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 1px; }
    :root[data-theme="dark"] .hx--rail .dk-lgtab[aria-selected="true"] { background: rgba(34, 197, 94, .14); border-color: #4ade80; color: #4ade80; }
    :root[data-theme="dark"] .hx--rail .dk-lgtabs { scrollbar-color: #3f5547 transparent; }
    .hx--rail .dk-right .dk-st tbody { height: 208px; }
    .hx--rail > .dk-right { gap: 8px; }
    .hx--rail .dk-right > .dk-card { padding: 6px 10px 6px; }
    .hx--rail .dk-right .dk-card__h { margin-bottom: 2px; }
    .hx--rail .dk-dby { padding: 6px 12px !important; }
    .hx--rail .dk-right > .dk-app { height: 40px; }
    .hx--rail > .dk-right { grid-template-columns: minmax(0, 1fr); overflow-x: hidden; }
    .hx--rail .dk-right > * { min-width: 0; max-width: 100%; }
    .hx--rail .dk-card--st .dk-card__h { min-width: 0; }
    .hx--rail .dk-right > .dk-app { display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; height: 36px; padding: 0 12px !important; white-space: nowrap; overflow: hidden; }
    .hx--rail .dk-right > .dk-app::before { content: "📱"; font-size: 14px; }
    .hx--rail .dk-right > .dk-app b { font-size: 13px; }
    .hx--rail .dk-right > .dk-app span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
    .hx--rail .dk-right > .dk-app span::before { content: "· "; }
    .hx--rail .dk-lgtabs { scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); padding-right: 20px; }
    .hx--rail .dk-lgtabs::-webkit-scrollbar { display: none; }
    .hx--rail .dk-right > .dk-app, .hx--rail .app-content .dk-right > a.dk-app { display: flex !important; align-items: center; justify-content: center; gap: 6px; height: 32px; min-height: 0; padding: 0 12px !important;
        border: 0; border-radius: 8px; background: #2E7D32; color: #fff; box-shadow: none; text-decoration: none; }
    .hx--rail .dk-right > .dk-app:hover { background: #276b2b; text-decoration: none; }
    .hx--rail .dk-right > .dk-app:focus-visible { outline: 2px solid #2E7D32; outline-offset: 2px; }
    .hx--rail .dk-right > .dk-app span { display: none; }
    .hx--rail .dk-right > .dk-app b { font-size: 13px; font-weight: 700; color: #fff; }
    .hx--rail .dk-right > .dk-app b::after { content: " →"; }
    .hx--rail .dk-right .dk-st { table-layout: fixed; width: 100%; }
    .hx--rail .dk-right .dk-st th:nth-child(1), .hx--rail .dk-right .dk-st td:nth-child(1) { width: 26px; }
    .hx--rail .dk-right .dk-st th:nth-child(3), .hx--rail .dk-right .dk-st td:nth-child(3) { width: 24px; }
    .hx--rail .dk-right .dk-st th:nth-child(4), .hx--rail .dk-right .dk-st td:nth-child(4) { width: 32px; }
    .hx--rail .dk-right .dk-st th:nth-child(5), .hx--rail .dk-right .dk-st td:nth-child(5) { width: 26px; }
    .hx--rail .dk-right .dk-st th:nth-child(6), .hx--rail .dk-right .dk-st td:nth-child(6) { width: 74px; }
    .hx--rail .dk-right .dk-st th, .hx--rail .dk-right .dk-st td { overflow: hidden; }
    .hx--rail .dk-right .dk-st__t { max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hx--rail .dk-right .dk-st td.dk-fm { padding-right: 2px !important; text-align: right; white-space: nowrap; font-size: 0 !important; }
    .hx--rail .dk-right .dk-fm i { display: inline-grid; place-items: center; width: 12px; height: 12px; margin: 0 0 0 2px; border-radius: 2px; font-size: 10px; font-weight: 800; line-height: 1; vertical-align: middle; }
    .hx--rail .dk-right .dk-fm i:first-child { margin-left: 0; }
    .hx--rail .dk-card--st .dk-card__h { display: flex; align-items: center; gap: 6px; min-width: 0; }
    .hx--rail .dk-card--st .dk-lgtabs { flex: 1 1 0; min-width: 0; }
    .hx--rail .dk-card--st .dk-card__h > a[data-dk-st-all] { flex: none; margin-left: 2px; font-size: 12px; white-space: nowrap; }
    .hx--rail .hx.hx--rail > :not(.dk-right) { grid-column: 1; }
    .hx--rail .hx.hx--rail > .dk-right { grid-column: 2 !important; grid-row: 1 / span 4 !important; }
    .hx.hx--rail > .dk-right { display: grid !important; position: static !important; top: auto; max-height: none !important; overflow: visible !important; gap: 10px; margin: 16px 0 0; }
    .hx--rail .dk-right > .dk-card { padding: 8px 12px; }
}
/* RAIL-TM-1: takımların sıradaki maçları kartı */
.dk-tm__n { margin: 6px 0 2px; font-size: 12.5px; font-weight: 700; }
.dk-tm__n a { color: var(--color-text); text-decoration: none; }
.dk-card--tm .dk-ul__m small { color: var(--color-text-muted); font-weight: 500; }
/* ADIM-32: /uygulama — ince başlık, iki kart (≥1024 yan yana), masaüstünde QR kutusu; emoji yok, ince çizgi simgeler */
.ai.ai2 { display: grid; gap: 12px; max-width: none; margin: 0; }
.ai2-head { margin: 0; }
.ai2-feat { margin: 2px 0 0; font-size: 14px; }
.ai2-grid { display: grid; gap: 12px; }
.ai2-card { display: grid; align-content: start; gap: 10px; }
.ai2-h { display: flex; align-items: center; gap: 8px; margin: 0; font: 700 16px/1.3 var(--hx-head); color: var(--color-text); }
.ai2-ic { display: inline-block; flex: none; color: var(--color-text-muted); vertical-align: middle; }
.ai2-h .ai2-ic { color: var(--color-text); }
.ai2-s { margin: 0; font-size: 14px; color: var(--color-text); }
.ai2-note { margin: 0; font-size: 13px; color: var(--color-text-muted); }
.ai2-btn { justify-self: start; min-height: 40px; }
.ai2-btn--off { cursor: not-allowed; border: 1px dashed var(--color-border); background: var(--color-surface-2); color: var(--color-text-muted) !important; }
.ai2 .ai-box { justify-items: start; text-align: left; gap: 8px; }
.ai2-steps { display: grid; gap: 6px; margin: 0; padding: 0 0 0 22px; list-style: decimal; font-size: 14px; color: var(--color-text); }
.ai2-steps li { display: list-item; list-style: decimal outside; padding-left: 2px; line-height: 1.5; }
.ai2-steps li::marker { font-weight: 700; color: var(--color-text); }
.ai2-steps .ai2-ic { margin: -2px 0 0 4px; vertical-align: middle; }
.ai2-qr { display: none; }
.ai2-qr__svg { display: block; flex: none; width: 132px; height: 132px; border-radius: 6px; }
.ai2-qr__t { display: grid; gap: 6px; }
.ai2-url { margin: 0; font-size: 15px; font-weight: 700; color: var(--color-text); }
@media (min-width: 1024px) {
    .ai2-grid { grid-template-columns: 1fr 1fr; }
    .ai2-qr { display: flex; align-items: center; gap: 16px; }
}
@media (max-width: 1023px) {
    .ai2-btn { min-height: 44px; }
}
/* ADIM-33: giriş / kayıt açılır penceresi (js/auth-modal.js) — yumuşak: 16 px köşe, ince kenar, hafif gölge; arka plan bulanık + koyu; telefonda alttan panel */
html.am-lock { overflow: hidden; }
.am { box-sizing: border-box; width: min(380px, calc(100vw - 32px)); max-width: none; max-height: min(88vh, 760px); margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain;
    border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); color: var(--color-text);
    box-shadow: 0 18px 50px rgba(6, 20, 13, .18), 0 2px 8px rgba(6, 20, 13, .08);
    opacity: 0; transform: translateY(8px) scale(.985); transition: opacity .18s ease-out, transform .18s ease-out; }
.am.is-in { opacity: 1; transform: none; }
.am::backdrop { background: rgba(8, 18, 12, .42); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.am__h { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 14px 6px 20px; background: var(--color-surface); }
.am__t { margin: 0; font: 700 18px/1.3 var(--hx-head, inherit); color: var(--color-text); }
.am__x { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--color-text-secondary); cursor: pointer; }
.am__x:hover { background: var(--color-surface-2); color: var(--color-text); }
.am__b { display: grid; gap: 10px; padding: 6px 20px 20px; font-size: 14px; }
.am__b > * { margin-top: 0; margin-bottom: 0; }
.am__load { padding: 28px 0; text-align: center; color: var(--color-text-secondary); }
.am .auth-google { min-height: 44px; border-radius: 12px; font-size: 14.5px; }
.am .auth-or { margin: 2px 0; font-size: 12.5px; }
.am .form { display: grid; gap: 10px; }
.am .field { margin: 0; }
.am .auth-forgot { margin: -2px 0 0; font-size: 13px; }
.am .auth-submit { min-height: 44px; font-size: 15px; border-radius: 12px; }
.am .auth-consent { margin: 4px 0 0; }
.am__sw { margin: 4px 0 0; padding-top: 12px; border-top: 1px solid var(--color-border); text-align: center; font-size: 14px; color: var(--color-text-secondary); }
.am__go { font-weight: 700; }
@media (max-width: 767px) {
    .am { width: 100%; max-height: 90vh; margin: auto 0 0; border-bottom: 0; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px);
        transform: translateY(40px); transition: opacity .2s ease-out, transform .24s cubic-bezier(.2, .8, .2, 1); }
    .am.is-in { transform: none; }
    .am__h::before { content: ""; position: absolute; top: 6px; left: 50%; width: 36px; height: 4px; margin-left: -18px; border-radius: 2px; background: var(--color-border); }
    .am__h { padding-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .am, .am.is-in { transition: none; transform: none; opacity: 1; }
}
/* ADIM-34 Ö-2 (SEO / Kobra 19.10): koyu tema kontrastı — tam tarama (/, /maclar, /mac-sonuclari, /mac/…, /takim/…, /puan-durumu, /istatistikler, /iddaa-mac-istatistikleri, /premium; masaüstü + telefon).
   Koyu gri #8A9D91 düz kartta geçiyordu, yeşil vurgulu satırda (seçili / üzerine gelinen) 3,47'ye düşüyordu → #A9B8AE (vurgulu satırda ≥4,6, kartta ≥7). */
:root[data-theme="dark"], :root[data-theme="dark"] .app-content, :root[data-theme="dark"] .auth-shell, :root[data-theme="dark"] .sx { --color-text-muted: #A9B8AE; --color-text-tertiary: #A9B8AE; }
/* telefon maç satırı: ADIM-21 açık tema tonları koyu temaya da uygulanıyordu (saat 2,75, İY 2,56) */
:root[data-theme="dark"] .hx-mlist .day-row .day-row__time, :root[data-theme="dark"] .mc-secs--mk .day-row .day-row__time,
:root[data-theme="dark"] .hx-mlist .day-row .day-row__ht, :root[data-theme="dark"] .mc-secs--mk .day-row .day-row__ht { color: #A9B8AE; }          /* 2,75 → 7,9 */
:root[data-theme="dark"] .hx-mlist .day-row--live .day-chip[title="Devre arası"], :root[data-theme="dark"] .mc-secs--mk .day-row--live .day-chip[title="Devre arası"] { color: #F0B35A; }   /* 2,56 → 6,9 */
/* /premium lansman şeridi "Giriş yap" */
:root[data-theme="dark"] .dg-launch__sub a, :root[data-theme="dark"] .app-content .dg-launch__sub a { color: #E3B34A; }                                  /* 2,80 → 8,7 */
/* maç sayfası son maçlar çipleri (iki tema) ve kazanan oranın küçük etiketi */
.mt-last__row--d .mt-last__score { background: #5F6B72; } .mt-last__row--l .mt-last__score { background: #C62828; }                                     /* 3,07 → 5,48 · 4,38 → 5,62 */
.mt-odd.is-won i { color: #fff; }                                                                                                                      /* 4,19 → 5,1 */
/* iddaa maç istatistikleri: düşük yüzde soluk değil, yalnız gri */
.hb-lo { opacity: 1; }                                                                                                                                 /* 2,45 → ≥4,6 */
/* ana sayfa yeşil alan üst yazısı (telefon, 11 px) */
.hx-hero .hx-eyebrow { color: #BFF0D5; }                                                                                                               /* 4,40 → 5,3 */
/* ADIM-34 Ö-5 (SEO / Kobra 19.10, §2 "büyük hero yok"): /maclar ve /mac-sonuclari üst kutusu telefonda ince — başlık + tarih tek satır, sayılar tek satır çip şeridi
   (kendi alanında kayar). Üst etiket, iddaa istatistik bağlantısı, "toplam … maç" satırı ve veri damgası telefonda gizli (HTML'de duruyor). */
@media (max-width: 1023px) {
    .app-content .mc-head:has(> .mc-kpis), .app-content .mc-head.ms-head { display: grid !important; gap: 8px !important; min-height: 0 !important; padding: 10px 14px !important; }
    .mc-head:has(> .mc-kpis) .eyebrow, .mc-head.ms-head .eyebrow, .mc-head.ms-head .data-stamp,
    .mc-head:has(> .mc-kpis) .mc-head__date:has(> a), .mc-head:has(> .mc-kpis) .mc-total { display: none !important; }
    .mc-head:has(> .mc-kpis) .mc-head__title, .mc-head.ms-head .mc-head__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
    .app-content .mc-head:has(> .mc-kpis) .mc-head__h1, .app-content .mc-head.ms-head .mc-head__h1 { flex: 0 1 auto !important; margin: 0; font-size: 20px !important; }
    .mc-head:has(> .mc-kpis) .mc-head__date, .mc-head.ms-head .mc-head__date { margin: 0; font-size: 12.5px; }
    .mc-head.ms-head .mc-head__date + .mc-head__date { flex: 1 1 100%; }
    .mc-head:has(> .mc-kpis) .mc-kpis { display: flex !important; flex-wrap: nowrap; gap: 6px; margin: 0 !important; overflow-x: auto; scrollbar-width: none; }
    .mc-head:has(> .mc-kpis) .mc-kpis::-webkit-scrollbar { display: none; }
    .mc-head .mc-kpis .mc-kpi { flex: none; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 5px; min-width: 0 !important; min-height: 44px !important;
        padding: 0 12px !important; border-radius: 999px !important; }
    .mc-head .mc-kpis .mc-kpi > b { font-size: 15px !important; line-height: 1; }
    .mc-head .mc-kpis .mc-kpi > span { margin: 0 !important; font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; }
}
/* ADIM-34b (Doğan / Kobra 19.10: "arama kısmını biraz büyütelim, rengini belirginleştirelim") — masaüstü üst çubuk araması; telefon aynen.
   42 px, en çok 760 px; zemin hafif yeşil-gri, 1,5 px kenar, odakta yeşil kenar + yumuşak gölge; yazı 14,5 px; yer tutucu ≥4,5:1; büyüteç yeşil ve kutunun içinde sağda. */
@media (min-width: 1024px) {
    .app-header .ara-f--top { position: relative; flex: 1 1 auto !important; width: 100% !important; max-width: 760px !important; }
    .app-header .ara-f--top .ara-f__in { box-sizing: border-box; width: 100% !important; height: 42px !important; min-height: 42px; padding: 0 48px 0 16px !important;
        border: 1.5px solid #b9d1c1 !important; border-radius: 999px; background: #eef4f0 !important; color: var(--color-text); font-size: 14.5px !important;
        transition: border-color .15s ease, box-shadow .15s ease; }
    .app-header .ara-f--top .ara-f__in::placeholder { color: #56645b; opacity: 1; }                                  /* #eef4f0 üzerinde 5,6:1 */
    .app-header .ara-f--top .ara-f__in:focus { outline: none; border-color: #2e7d32 !important; box-shadow: 0 0 0 3px rgba(46, 125, 50, .16); }
    .app-header .ara-f--top .t-search { position: absolute; top: 50%; right: 4px; width: 34px !important; height: 34px !important; min-width: 0; margin: 0 !important; transform: translateY(-50%);
        border: 0 !important; border-radius: 50%; background: transparent !important; color: #2e7d32 !important; box-shadow: none !important; }
    .app-header .ara-f--top .t-search:hover { background: rgba(46, 125, 50, .1) !important; }
    :root[data-theme="dark"] .app-header .ara-f--top .ara-f__in { background: #1c2a22 !important; border-color: #37483e !important; }
    :root[data-theme="dark"] .app-header .ara-f--top .ara-f__in::placeholder { color: #a9b8ae; }                     /* #1c2a22 üzerinde 7,6:1 */
    :root[data-theme="dark"] .app-header .ara-f--top .ara-f__in:focus { border-color: #4ade80 !important; box-shadow: 0 0 0 3px rgba(74, 222, 128, .18); }
    :root[data-theme="dark"] .app-header .ara-f--top .t-search { color: #4ade80 !important; }
    :root[data-theme="dark"] .app-header .ara-f--top .t-search:hover { background: rgba(74, 222, 128, .12) !important; }
}
/* ADIM-34b ek (Kobra 19.10): yer tutucu "Takım, Lig, Oyuncu, Hakem Ara" telefonda da tam görünsün (ana sayfa / arama sayfası büyük kutusu, ≤479 px):
   soldaki süs büyüteç gizli ("Ara" düğmesi duruyor), yazı 16 px (iPhone yakınlaştırmaz), düğme 44 px. 360 px telefonda da sığar. */
@media (max-width: 479px) {
    form:has(#ara-q-big) .ara-f__ico { display: none !important; }
    form:has(#ara-q-big) { padding-left: 12px !important; }
    #ara-q-big { font-size: 16px !important; }
    form:has(#ara-q-big) .ara-f__go { min-width: 44px; padding-left: 10px !important; padding-right: 10px !important; }
}
/* BİLDİRİM-1 (Kobra 19.10): favori yıldızı (gri ince; açıkken altın), sayfa açıkken uyarı kartları (sağ alt, 16 px köşe), 🔔 paneli. js/notify.js */
.bl-star { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--color-text-muted); cursor: pointer; }
.bl-star svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.bl-star:hover { color: var(--color-text); background: var(--color-surface-2); }
.bl-star[aria-pressed="true"] { color: #b7860b; }
.bl-star[aria-pressed="true"] svg { fill: currentColor; }
:root[data-theme="dark"] .bl-star[aria-pressed="true"] { color: #e3b34a; }
.day-row.bl-has, .hx .hx-mlist .hx-group .day-row.bl-has, .hx-group .day-list > .day-row.bl-has { position: relative; padding-left: 30px !important; }
.day-row .bl-star--row { position: absolute; top: 50%; left: 4px; z-index: 3; transform: translateY(-50%); }   /* satırın görünmez bağlantı katmanının üstünde */
.lg-h .bl-star--lg, .bl-mp .bl-star { position: relative; z-index: 3; }
.lg-h .bl-star--lg { margin-left: 2px; }
.bl-on .hx-mlist .mk-head { padding-left: 30px !important; }
.bl-mp { position: absolute; top: 8px; right: 8px; z-index: 2; }
.bl-toasts { position: fixed; right: 16px; bottom: 16px; z-index: 60; display: grid; gap: 8px; width: min(340px, calc(100vw - 32px)); pointer-events: none; }
.bl-toast { display: block; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); color: var(--color-text) !important;
    font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none !important; box-shadow: 0 10px 30px rgba(6, 20, 13, .16); pointer-events: auto;
    opacity: 0; transform: translateY(8px); transition: opacity .2s ease-out, transform .2s ease-out; }
.bl-toast.is-in { opacity: 1; transform: none; }
a.bl-toast:hover { border-color: var(--color-accent-fill); }
.bl-bell { position: relative; display: inline-flex; }
.bl-panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 70; width: 260px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 16px;
    background: var(--color-surface); color: var(--color-text); box-shadow: 0 12px 32px rgba(6, 20, 13, .16); font-size: 14px; text-align: left; white-space: normal; }
.bl-panel[hidden] { display: none; }
.bl-panel__h { margin: 0 0 2px; font-weight: 700; }
.bl-panel__s { margin: 0 0 8px; font-size: 12.5px; color: var(--color-text-secondary); }
.bl-row { display: flex; align-items: center; gap: 8px; min-height: 32px; cursor: pointer; }
.bl-fs { margin: 6px 0 0; padding: 6px 0 0; border: 0; border-top: 1px solid var(--color-border); }
.bl-fs legend { padding: 0; font-size: 12.5px; font-weight: 700; color: var(--color-text-secondary); }
.bl-panel__f { margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--color-border); font-size: 13px; }
.bl-panel__f span { color: var(--color-text-secondary); }
@media (max-width: 1023px) {
    .bl-star { width: 44px; height: 44px; }
    .day-row.bl-has, .hx .hx-mlist .hx-group .day-row.bl-has, .hx-group .day-list > .day-row.bl-has { padding-left: 36px !important; }
    .day-row .bl-star--row { left: -6px; }
    .lg-h .bl-star--lg { margin: -10px -6px -10px 0; }
    .bl-row { min-height: 44px; }
    .bl-toasts { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
    .bl-bell--flt { margin-left: auto; }
    .bl-bell--flt .bl-bell__b { width: 44px; height: 44px; }
    .bl-panel { width: min(280px, calc(100vw - 48px)); }
}
@media (prefers-reduced-motion: reduce) { .bl-toast { transition: none; } }
/* BİLDİRİM-1 R1: panelde "Sesi dene" düğmesi (Ses satırının sağında) */
.bl-snd { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bl-try { min-height: 32px; padding: 0 12px; border: 1px solid var(--color-border-strong, var(--color-border)); border-radius: 999px; background: var(--color-surface-2); color: var(--color-text); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.bl-try:hover { border-color: var(--color-accent-fill); }
@media (max-width: 1023px) { .bl-try { min-height: 44px; } }
/* BİLDİRİM-1 R2 (Kobra 19.10: zil daha görünür): üst çubuk zili yeşil + favori sayısı rozeti; liste süzgeç satırında "Bildirimler" düğmesi; ilk favoride bir kez ipucu balonu */
.bl-bell__b, .bl-bell__t { position: relative; }
.app-header .bl-bell__b, .bl-bell__b { color: #2e7d32 !important; }
:root[data-theme="dark"] .bl-bell__b { color: #4ade80 !important; }
.bl-badge { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px;
    background: #c62828; color: #fff; font-size: 10.5px; font-weight: 800; line-height: 1; }
.bl-badge[hidden] { display: none; }
.bl-bell--flt { margin-left: auto; }
.bl-bell__t { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border: 1px solid #b9d1c1; border-radius: 999px; background: #eef4f0;
    color: #256628; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.bl-bell__t:hover { border-color: #2e7d32; }
:root[data-theme="dark"] .bl-bell__t { border-color: #37483e; background: #1c2a22; color: #4ade80; }
.bl-tip { position: absolute; top: calc(100% + 8px); right: 0; z-index: 75; display: flex; align-items: center; gap: 6px; padding: 7px 6px 7px 12px; border-radius: 12px;
    background: #2e7d32; color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 8px 24px rgba(6, 20, 13, .2); }
.bl-tip::before { content: ""; position: absolute; top: -5px; right: 14px; width: 10px; height: 10px; background: #2e7d32; transform: rotate(45deg); }
.bl-tip__x { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 16px; line-height: 1; cursor: pointer; }
.bl-tip__x:hover { background: rgba(255, 255, 255, .16); }
@media (max-width: 1023px) {
    .bl-bell__t { min-height: 44px; }
    .bl-tip__x { width: 44px; height: 44px; margin: -10px -6px -10px 0; }
}
.t-tools > .bl-bell--top + .t-ib { margin-left: 6px !important; }   /* R2: zil tema düğmesinin hemen solunda */
/* SEKME-1 (SEO / Doğan 23.10): lig sekme şeridi — kısa adlar, alt satıra kırılır, kaydırma yok; seçili sekme vurgulu */
@media (min-width: 1024px) {
    .app-content .sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented { flex-wrap: wrap !important; overflow: visible !important; gap: 4px; }
    .app-content .sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented .segmented__item { flex: none; padding: 5px 11px; font-size: 13px; min-height: 28px; }
}
@media (max-width: 720px) {   /* SEKME-1 (SEO 23.10): telefonda 3–4 satır — sıkı yazı ve boşluk */
    .sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented { gap: 2px 1px !important; padding: 4px !important; }
    .sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented .segmented__item { padding: 5px 7px !important; font-size: 12.5px !important; line-height: 1.25; min-height: 0 !important; }
}

/* SEKME-2 (SEO / Doğan 23.10): gruplu sekme şeridi — etiket sütunu 120 px, sekmeler hizalı; seçili sekme yeşil hap; telefonda etiket grubun üstünde */
.sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented.segmented--grp { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 0 !important; overflow: visible !important; padding: 4px 10px !important; }
.segmented--grp .sgp { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; column-gap: 8px; padding: 4px 0; }
.segmented--grp .sgp + .sgp { border-top: 1px solid var(--color-border); }
.segmented--grp .sgp__l { font-size: 11.5px; font-weight: 600; letter-spacing: .02em; color: var(--color-text-muted); white-space: nowrap; }
.segmented--grp .sgp__t { display: flex; flex-wrap: wrap; gap: 2px 3px; min-width: 0; }
.sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented--grp .segmented__item { flex: none; padding: 5px 10px !important; font-size: 13px; min-height: 0; }
@media (max-width: 720px) {
    .segmented--grp .sgp { grid-template-columns: minmax(0, 1fr); row-gap: 3px; padding: 6px 0; }
    .segmented--grp .sgp__l { padding: 0 2px; }
    .sx[data-sx-mode="LEAGUE_SEO"] > nav.segmented--grp .segmented__item { padding: 5px 8px !important; font-size: 12.5px !important; }
}

/* SERI-KUTU-1 (SEO 23.10): Günün Serileri altı "Tüm seriler" */
.hb-ser-more { margin: 0; padding: 8px 16px 12px; border-top: 1px solid var(--t-row-line); font-size: 13px; font-weight: 700; text-align: right; }
.hb-ser-more a { color: var(--color-accent-fill-hover); text-decoration: none; }
@media (hover: hover) { .hb-ser-more a:hover { text-decoration: underline; } }

/* DG-PRODUCT-003 (27.10): telefonda sekme — js/match-tabs.js seçili bölüm dışındakilere [hidden] verir (yukarıdaki !important kuralını ezer); JS yoksa alt alta */
.mtabs--anchor .mtabs__p[hidden] { display: none !important; }
.mtabs__a[aria-selected="true"] { background: var(--color-text, #17251c); border-color: var(--color-text, #17251c); color: var(--color-surface, #fff); }
@media (min-width: 1024px) { .mtabs__a[aria-selected="true"] { background: var(--color-surface); border-color: var(--color-border); color: inherit; } }
.mlv-lu__tn { margin: 0; font: inherit; }
.mt-sec > .mlv--ssr { margin: 0 0 12px; }
.mi__oth > summary { cursor: pointer; margin: 6px 0 0; font-size: 13px; color: var(--color-text-secondary); }
.mi__oth[open] > summary { margin-bottom: 4px; }

/* g198 (Kobra 27.10): takım takibi ☆ ve ipucu */
.bl-star--team { width: 32px; height: 32px; margin-left: 4px; vertical-align: middle; }   /* g205: dokunma alanı (QA-023) */
.bl-tm { display: inline-block; margin-left: 6px; vertical-align: middle; }
.me-sb__team .bl-star--team, .ma-team .bl-star--team { position: relative; z-index: 3; }
.bl-tip { margin: 8px 0 0; padding: 6px 10px; border-radius: 8px; background: var(--color-surface-2, #f5f7f6); color: var(--color-text-secondary); font-size: 13px; }
.bl-tm .bl-star--team { color: inherit; opacity: 0.9; }
.bl-tm .bl-star--team:hover { background: rgba(255, 255, 255, 0.15); color: inherit; }
.bl-tm .bl-star--team[aria-pressed="true"] { color: #f2c94c; opacity: 1; }

/* DG-SEO-009 m.3 (27.10): canlı maç rozeti + son olay */
.me-sb__lv { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: rgba(255, 255, 255, 0.92); }
.me-sb__last { display: block; margin-top: 2px; max-width: 220px; font-size: 12px; line-height: 1.3; color: rgba(255, 255, 255, 0.82); overflow-wrap: anywhere; }
.me-sb__last[hidden], .me-sb__lv[hidden] { display: none; }

/* g206 (Kobra 27.10): bildirim panelinde takip ettiğim takımlar */
.bl-tl { margin: 10px 0 0; padding-top: 8px; border-top: 1px solid var(--color-border); }
.bl-tl__h { margin: 0 0 4px; font-size: 13px; font-weight: 700; }
.bl-tl__l { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.bl-tl__l li { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 32px; border-bottom: 1px solid var(--t-row-line, var(--color-border)); }
.bl-tl__l li:last-child { border-bottom: 0; }
.bl-tl__none { color: var(--color-text-secondary); font-size: 12px; }
.bl-tl__x { flex: none; padding: 2px 10px; border: 1px solid var(--color-border-strong, var(--color-border)); border-radius: 999px; background: transparent; color: var(--color-text); font: inherit; font-size: 12px; cursor: pointer; }
.bl-tl__x:hover { background: var(--color-surface-2); }
@media (max-width: 1023px) { .bl-tl__l li { min-height: 44px; } .bl-tl__x { min-height: 32px; } }

/* g206b (Kobra 27.10): telefonda bildirim paneli ekrana sığsın — liste uzayınca alt menünün altında kalıyordu; üstte sabit, en çok görünür yükseklik, içeride kayar */
@media (max-width: 1023px) {
    .bl-panel { position: fixed; top: 64px; right: 12px; left: 12px; width: auto; max-width: 360px; margin: 0 auto; max-height: calc(100vh - 64px - 76px); overflow-y: auto; overscroll-behavior: contain; }
}

/* g208 (QA önerisi, 8k): masaüstünde de bildirim paneli ekrana sığsın — uzun takım listesinde içeride kayar */
.bl-panel { max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; }

/* A7 (Kobra 28.10): takım sayfası başlığında telefonda "Takip et" düğmesi görünür (yalnız ☆ idi); durumu etiketle de söyler */
@media (max-width: 767px) {
    .bl-tm { display: block; margin: 8px 0 2px; }
    .bl-tm .bl-star--team { width: auto; height: 36px; margin: 0; padding: 0 14px 0 10px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.12); color: #fff; font: inherit; font-size: 14px; font-weight: 600; }
    .bl-tm .bl-star--team::after { content: "Takip et"; }
    .bl-tm .bl-star--team[aria-pressed="true"]::after { content: "Takip ediliyor"; }
}


/* DG-PRODUCT-002B2 (Kobra 28.10): kadro olay simgeleri + ≤600 px tek takım seçici (radyo + CSS; JS'siz) */
.mlv-lu__r { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mlv-lu__sel { display: none; }
.mlv-lu__evs { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: 8px; vertical-align: middle; font-size: 11px; font-weight: 700; color: var(--color-text-secondary); white-space: nowrap; }
.mlv-lu__ev { display: inline-flex; align-items: center; gap: 3px; }
.mlv-lu__ev i { display: inline-block; font-style: normal; line-height: 1; }
.mlv-lu__ev--g i::before, .mlv-lu__ev--og i::before { content: "\26BD"; font-size: 12px; }
.mlv-lu__ev--og i { border: 1px solid #c0392b; border-radius: 50%; padding: 0 1px; }
.mlv-lu__ev--a i::before { content: "A"; font-weight: 800; color: var(--color-accent, #0b7a45); }
.mlv-lu__ev--y i, .mlv-lu__ev--r i { width: 8px; height: 11px; border-radius: 1px; }
.mlv-lu__ev--y i { background: #f1c40f; }
.mlv-lu__ev--r i { background: #d62d20; }
.mlv-lu__ev--out i::before { content: "\2193"; color: #c0392b; font-size: 13px; }
.mlv-lu__ev--in i::before { content: "\2191"; color: var(--color-accent, #0b7a45); font-size: 13px; }
@media (max-width: 600px) {
    .mlv-lu__sel { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 4px 0 10px; }
    .mlv-lu__sel label { min-height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 8px; text-align: center; border: 1px solid var(--color-border); border-radius: 999px; font-weight: 600; font-size: 14px; cursor: pointer; }
    #lu-h:checked ~ .mlv-lu__sel label[for="lu-h"], #lu-a:checked ~ .mlv-lu__sel label[for="lu-a"] { background: #e3f3ea; border-color: #0b7a45; color: #0b5c35; }
    #lu-h:focus-visible ~ .mlv-lu__sel label[for="lu-h"], #lu-a:focus-visible ~ .mlv-lu__sel label[for="lu-a"] { outline: 2px solid #0b7a45; outline-offset: 2px; }
    #lu-h:checked ~ .mlv-lu__g .mlv-lu__c:nth-child(2) { display: none; }
    #lu-a:checked ~ .mlv-lu__g .mlv-lu__c:nth-child(1) { display: none; }
    .mlv-lu__sel ~ .mlv-lu__g { grid-template-columns: minmax(0, 1fr); }
    .mlv-lu__sel ~ .mlv-lu__g .mlv-lu__l li { display: flex; align-items: center; min-height: 40px; }
    .mlv-lu__sel ~ .mlv-lu__g .mlv-lu__evs { margin-left: auto; padding-left: 8px; }
}

/* MAC-AKIS-1 (Kobra 28.10): maç akışı zaman çizgisi (sunucuda SVG) */
.mfl { margin: 0 0 14px; padding: 12px 14px 10px; background: var(--color-surface, #fff); border: 1px solid var(--color-border); border-radius: 14px; }
.mfl__h { margin: 0 0 2px; font: 700 15px/1.25 var(--dg-head, inherit); }
.mfl__c { margin: 0 0 6px; font-size: 12px; color: var(--color-text-secondary); }
.mfl__svg { display: block; width: 100%; height: auto; max-height: 210px; }
.mfl-a { stroke: var(--color-border-strong, #b8c4bd); stroke-width: 2; }
.mfl-ht { stroke: var(--color-border-strong, #b8c4bd); stroke-width: 1; stroke-dasharray: 3 3; }
.mfl-t { stroke: var(--color-border-strong, #b8c4bd); stroke-width: 1; }
.mfl-n { fill: var(--color-text-muted, #6b7a72); font-size: 13px; }
.mfl-g { fill: #1f7a3a; stroke: #ffffff; stroke-width: 1.5; }
.mfl-og { fill: #1f7a3a; stroke: #d62d20; stroke-width: 2; }
.mfl-y { fill: #f1c40f; }
.mfl-r { fill: #d62d20; }
.mfl-s { fill: var(--color-text-secondary, #46554d); font-size: 18px; font-weight: 700; }
.mfl a:focus-visible { outline: 2px solid #0b7a45; outline-offset: 2px; }
.mfl__lg { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 4px 0 0; font-size: 12px; color: var(--color-text-secondary); }
.mfl__lg span { display: inline-flex; align-items: center; gap: 5px; }
.mfl-lg { display: inline-block; font-style: normal; width: 10px; height: 10px; text-align: center; line-height: 10px; font-size: 12px; font-weight: 700; }
.mfl-lg--g { width: 11px; height: 11px; border-radius: 50%; background: #1f7a3a; }
.mfl-lg--y { width: 8px; height: 11px; border-radius: 1px; background: #f1c40f; }
.mfl-lg--r { width: 8px; height: 11px; border-radius: 1px; background: #d62d20; }
:root[data-theme="dark"] .mfl-g { stroke: #16211b; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mfl-g { stroke: #16211b; } }

/* MAC-PUAN-1 (Kobra 28.10): en yüksek maç puanları kutusu + kadro satırı puanı */
.mrt { margin: 0 0 14px; padding: 12px 14px 10px; background: var(--color-surface, #fff); border: 1px solid var(--color-border); border-radius: 14px; }
.mrt__h { margin: 0 0 2px; font: 700 15px/1.25 var(--dg-head, inherit); }
.mrt__l { margin: 0 0 6px; font-size: 12px; color: var(--color-text-secondary); }
.mrt__ol { list-style: none; margin: 0; padding: 0; }
.mrt__ol li { display: flex; align-items: baseline; gap: 8px; min-height: 36px; padding: 6px 0; border-top: 1px solid var(--color-border); }
.mrt__ol li:first-child { border-top: 0; }
.mrt__n { flex: 1 1 auto; min-width: 0; font-weight: 600; }
.mrt__t { flex: none; font-size: 12.5px; color: var(--color-text-secondary); }
.mrt__p { flex: none; min-width: 34px; text-align: right; font-size: 16px; color: var(--color-accent, #0b7a45); }
.mlv-lu__rt { margin-left: auto; padding-left: 8px; font-size: 12px; font-weight: 700; color: var(--color-accent, #0b7a45); }
.mlv-lu__rtn { margin: 0 0 4px; font-size: 11.5px; color: var(--color-text-muted, #6b7a72); }
.mlv-lu__l li:has(.mlv-lu__rt) { display: flex; align-items: center; }


/* TAKIMIM-1 (Kobra 28.10): ana sayfada takip edilen takım kartları + takvime ekle bağlantısı */
.tkm { margin: 12px 0 10px; }
.tkm__h { margin: 0 0 6px; font: 700 15px/1.25 var(--dg-head, inherit); }
.tkm__row { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.tkm__row::-webkit-scrollbar { display: none; }
.tkm__c { flex: 0 0 min(280px, 82%); padding: 10px 12px; background: var(--color-surface, #fff); border: 1px solid var(--color-border); border-radius: 12px; font-size: 13px; }
.tkm__n { display: block; margin: 0 0 2px; font-weight: 700; font-size: 15px; color: var(--color-text); }
.tkm__r, .tkm__x { margin: 2px 0; color: var(--color-text-secondary); }
.tkm__f { display: flex; align-items: center; gap: 4px; margin: 4px 0; }
.tkm__fl { margin-right: 4px; font-size: 12px; color: var(--color-text-muted, #6b7a72); }
.tkm__b { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; font-size: 11px; font-weight: 700; background: var(--color-surface-2, #eef2ef); }
.tkm__b--G { background: #d9f0e1; color: #0b5c35; }
.tkm__b--M { background: #fbdcd8; color: #a3261b; }
.tkm__b--B { background: #eceeed; color: #46554d; }
.tm-ics { margin: 4px 0 0; font-size: 13px; }
.tm-ics a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.12); color: #fff; text-decoration: none; font-weight: 600; }
@media (min-width: 1024px) { .tkm__c { flex-basis: 300px; } }


/* DG-WEB-036 (Kobra 28.10): veri kapsamı — mevcut satırlara küçük ek */
.ds-cov { color: inherit; }
.mcv { margin: 0 0 10px; font-size: 12.5px; color: var(--color-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 600px) {
    .ds-cov .ds-c:nth-child(n+2) { display: none; }
    .ds-cov:has(.ds-c:nth-child(2))::after { content: " …"; }
}

/* 8l (Webci 28.10, telefonda gezi): ana sayfa / maç listesi satırında takım adları ~8 karakterde kesiliyordu (gizli 5. sütun + geniş orta sütun); sütunlar daraltıldı → ad alanı ~%60 genişler */
@media (max-width: 480px) {
    .hx .hx-mc .day-row, .mc-secs--mk .day-row, .mc-fav .day-row { grid-template-columns: 38px minmax(0, 1fr) 36px minmax(0, 1fr) auto !important; gap: 0 5px !important; }
}


/* Ana sayfa telefon düzeni (Kobra 28.10, 8l): liste popülerlik sırasıyla, SEO cümlesi listenin altında, hero + kaydırıcı küçük → liste ilk ekranda (≤480 px) */
@media (max-width: 480px) {
    .hx-tanim { order: 2; }
    .hx-hero .hx-eyebrow, .hx-hero .hx-hero__live { display: none; }
    .hx-hero .ara-quick { display: flex; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .hx-hero .ara-quick::-webkit-scrollbar { display: none; }
    .hx-mlist { display: flex; flex-direction: column; }
    .hx-mlist > .hx-group[data-mp="0"] { order: 0; }
    .hx-mlist > .hx-group[data-mp="1"] { order: 1; }
    .hx-mlist > .hx-group[data-mp="2"] { order: 2; }
    .hx-mlist > .hx-group[data-mp="3"] { order: 3; }
    .hx-mlist > .hx-group[data-mp="4"] { order: 4; }
    .hx-mlist > .hx-group[data-mp="5"] { order: 5; }
    .hx-mlist > .hx-more { order: 9; }
}

/* Telefon lig + maç sayfası sadeleştirme (Kobra 28.10, 8l; yalnız ≤480 px) */
.ans-vend { display: none; }
@media (max-width: 480px) {
    .sx-answer .ans-v { display: none; }
    .sx-answer .ans-vend { display: block; margin: 2px 0 0; font-size: 12px; color: var(--color-text-secondary); }
    .sx-hero__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sx-hero__chips::-webkit-scrollbar { display: none; }
    .sx-hero__chips li { flex: none; }
    p.sx-answer:has(+ section.ms-ozet) { display: none; }   /* cevap cümlesi HTML'de durur; görünümde Maç özeti kartıyla birleşik */
    .ma-back { display: none; }
    .ms-ozet > .hx-h2 { display: none; }
}
/* Telefon lig sayfası 2. tur (Kobra 28.10): stats.css sonradan yüklendiği için özgüllük artırıldı; tablo ≤650 px için hero/cevap kutusu sıkılaştırıldı (≤480 px) */
@media (max-width: 480px) {
    .sx .sx-hero__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sx .sx-hero__chips li { flex: none; }
    .sx:has(.sx-answer--hub) .sx-hero__back, .sx:has(.sx-answer--hub) .sx-hero__eyebrow { display: none; }
    .sx:has(.sx-answer--hub) .sx-hero { padding-block: 14px; }
    .sx .sx-answer--hub { padding: 10px 14px; font-size: 14.5px; line-height: 1.4; }
    .sx .sx-answer--hub p { margin: 0 0 4px; }
}
@media (max-width: 480px) {
    .sx[data-sx-mode="LEAGUE_SEO"] .sx-hero__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sx[data-sx-mode="LEAGUE_SEO"] .sx-hero__chips li { flex: none; }
}
@media (max-width: 480px) {
    .sx:has(.sx-answer--hub) .sgp__t { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sx:has(.sx-answer--hub) .sgp__t::-webkit-scrollbar { display: none; }
    .sx:has(.sx-answer--hub) .sgp__t .segmented__item { flex: none; }
}


/* g247 (Doğan 28.10): bildirim paneli — favori maç listesi */
.bl-fm { margin: 10px 0 0; padding-top: 8px; border-top: 1px solid var(--color-border); }
.bl-fm .bl-tl__l li { gap: 6px; }
.bl-fm__a { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text); text-decoration: none; font-weight: 600; }
.bl-fm__a:hover { text-decoration: underline; }
.bl-fm__s { flex: none; font-size: 12px; color: var(--color-text-secondary); }
.bl-fm__x { flex: none; min-width: 32px; padding: 2px 8px; font-size: 16px; line-height: 1; }
.bl-fm__n { margin: 6px 0 0; font-size: 12px; color: var(--color-text-secondary); }


/* g248 (Doğan 28.10): ★ Favoriler sekmesi — 4 sekme telefonda da sığar */
@media (max-width: 480px) { .hx-tabs button { font-size: 12.5px; padding-left: 2px; padding-right: 2px; white-space: nowrap; } .hx-tabs .hx-n { margin-left: 2px; } }
@media (max-width: 480px) {
    .hx-mc .hx-tabs, .hx-tabs { gap: 0 !important; padding-left: 4px !important; padding-right: 4px !important; }
    .hx-mc .hx-tabs button, .hx-tabs button { flex: 1 1 auto !important; font-size: 12px !important; padding-left: 3px !important; padding-right: 3px !important; white-space: nowrap; }
    .hx-tabs .hx-n { font-size: 11px !important; padding: 1px 5px !important; margin-left: 2px !important; }
}