/* VAR Kulübesi — flat tema stylesheet (assets/css/style.css) */
:root,[data-bs-theme="light"]{--bg:#eef0f4;--bg-2:#ffffff;--surface:#ffffff;--surface-2:#f3f5f8;--border:#e4e7ee;--border-2:#d6dbe4;--ink:#15181f;--ink-2:#454f5d;--muted:#6b7480;--muted-2:#9aa3af;--green:#009432;--green-2:#007e2a;--green-3:#006322;--green-soft:#e2f6ea;--green-glow:rgba(0,148,50,.16);--header:#16181d;--header-2:#1f222a;--yellow:#f5a524;--red:#ef4444;--shadow:0 1px 2px rgba(15,18,25,.04),0 4px 12px rgba(15,18,25,.06);--shadow-lg:0 14px 36px rgba(15,18,25,.12);--hero-ink:#fff}
[data-bs-theme="dark"]{--bg:#0b0d11;--bg-2:#101319;--surface:#14181f;--surface-2:#1a1f28;--border:#242b35;--border-2:#313a46;--ink:#eef1f6;--ink-2:#b4bcc8;--muted:#838d9a;--muted-2:#5d6671;--green:#1bb24b;--green-2:#10a23f;--green-3:#0c9437;--green-soft:rgba(27,178,75,.16);--green-glow:rgba(27,178,75,.22);--header:#0a0c10;--header-2:#0f1217;--yellow:#fbbf24;--red:#fb7185;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.45);--shadow-lg:0 14px 38px rgba(0,0,0,.55);--hero-ink:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;transition:background .3s,color .3s}
h1,h2,h3,h4,h5,h6{font-family:'Sora',sans-serif}
a{text-decoration:none}.text-green{color:var(--green)!important}
::selection{background:var(--green);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c2ccd6;border-radius:8px}[data-bs-theme="dark"] ::-webkit-scrollbar-thumb{background:#2b323d}
.sec-head{display:flex;align-items:center;gap:11px;margin:10px 0 15px}
.sec-head .ci{width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:19px}
.sec-head h4{margin:0;font-weight:800;font-size:19px;letter-spacing:-.3px}.sec-head .sub{font-size:12.5px;color:var(--muted)}
.sec-head .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--green)}
.btn-misli{background:var(--green);color:#fff;font-weight:800;border:none;border-radius:9px;transition:.15s}.btn-misli:hover{background:var(--green-2);transform:translateY(-1px);color:#fff}
.btn-misli-ghost{background:transparent;color:var(--green);font-weight:800;border:1.5px solid var(--green);border-radius:9px;transition:.15s}.btn-misli-ghost:hover{background:var(--green);color:#fff}
.btn-vk{background:var(--green);border:none;color:#fff;font-weight:800;border-radius:9px;transition:.15s}.btn-vk:hover{background:var(--green-2);color:#fff}
.vk-top .theme-toggle{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.spin{animation:spin 1s linear}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ===== TOP BAR ===== */
.vk-top{background:var(--header);position:sticky;top:0;z-index:1030;box-shadow:0 2px 10px rgba(0,0,0,.28)}
.vk-top .container-xl{display:flex;align-items:center;gap:16px;padding-top:11px;padding-bottom:11px}
.vk-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:'Sora';font-weight:800;font-size:20px;letter-spacing:-.4px;white-space:nowrap}
.vk-brand .mk{width:38px;height:38px;border-radius:10px;background:var(--green);display:grid;place-items:center;font-size:20px;border:none;color:#fff}
.vk-brand .dom{font-size:10.5px;font-weight:500;opacity:.85;font-family:'Plus Jakarta Sans'}
.vk-topsearch{flex:1;max-width:560px}
.vk-topsearch .input-group-text{background:#fff;border:none;color:var(--muted);border-radius:10px 0 0 10px}
.vk-topsearch .form-control{background:#fff;border:none;font-size:13.5px;border-radius:0 10px 10px 0;color:#15181f}
.vk-topsearch .form-control:focus{box-shadow:none}
.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:17px;cursor:pointer;transition:.15s;flex-shrink:0}
.theme-toggle:hover{background:rgba(255,255,255,.22)}
.theme-toggle .bi-moon-stars{display:none}[data-bs-theme="dark"] .theme-toggle .bi-sun{display:none}[data-bs-theme="dark"] .theme-toggle .bi-moon-stars{display:block}
.vk-nav2{background:var(--header-2);position:sticky;top:61px;z-index:1029;border-bottom:1px solid rgba(255,255,255,.06)}
.vk-nav2 .inner{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:0 2px}
.vk-nav2 a{color:rgba(255,255,255,.86);font-weight:700;font-size:13.5px;padding:12px 14px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid transparent;transition:.14s}
.vk-nav2 a:hover{color:#fff;background:rgba(255,255,255,.08)}
.vk-nav2 a.active{color:#fff;border-bottom-color:var(--green)}
.live-pulse{color:#ffd0d4!important;animation:livePulse 1.3s infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.25)}}
@media(max-width:991px){.vk-nav2{position:static}}

/* ===== HERO ===== */
.hero-wrap{padding:18px 0 26px}
.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:stretch}
.stack-hero{position:relative;height:360px}
.scard{position:absolute;inset:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;will-change:transform;background:#0a120d}
.scard .sc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scard .sc-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,12,.9) 0%,rgba(8,12,12,.55) 45%,rgba(8,12,12,.05) 100%),linear-gradient(0deg,rgba(8,12,12,.65),transparent 55%)}
.scard .sc-body{position:absolute;left:0;bottom:0;z-index:2;max-width:560px;padding:32px 40px;color:#fff;opacity:0;transform:translateY(10px);transition:.45s .15s}
.scard.front .sc-body{opacity:1;transform:none}
.sc-badge{display:inline-flex;align-items:center;gap:7px;background:var(--green);border-radius:8px;padding:5px 12px;font-weight:700;font-size:11.5px;margin-bottom:13px}
.sc-title{font-family:'Sora';font-weight:800;font-size:clamp(23px,2.8vw,34px);line-height:1.08;letter-spacing:-.5px;margin-bottom:11px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.sc-sum{font-size:14px;opacity:.95;margin-bottom:18px;line-height:1.5;max-width:500px}
.btn-hero{background:#fff;color:var(--green-3);font-weight:800;border:none;border-radius:10px;padding:10px 20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;transition:.16s}
.btn-hero:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.22);color:var(--green-3)}
.stack-dots{position:absolute;right:20px;top:20px;z-index:30;display:flex;gap:7px}
.stack-dots button{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s;padding:0}
.stack-dots button.active{background:#fff;width:22px;border-radius:5px}
/* promo slider */
.hero-promo-wrap{height:360px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}
.promo-carousel,.promo-carousel .carousel-inner,.promo-carousel .carousel-item{height:100%}
.hero-promo{height:100%;position:relative;padding:22px 20px;display:flex;flex-direction:column;gap:12px;color:#fff}
.hp-feat{background:var(--green)}
.hp-app{background:var(--header)}
.hp-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:4px 11px;border-radius:8px;font-size:11px;font-weight:800}
.hp-app .hp-badge{background:rgba(0,148,50,.22);border-color:rgba(0,148,50,.5);color:#1bb24b}
.hp-title{font-family:'Sora';font-weight:800;font-size:20px;line-height:1.2}
.hp-text{font-size:13px;line-height:1.55;opacity:.92;margin:0}
.hp-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
.hp-tile{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:700;transition:.15s;cursor:pointer;color:#fff}
.hp-tile:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.hp-tile i{font-size:21px}
.hp-btn{background:#fff;color:var(--green-3);font-weight:800;border:none;border-radius:10px;padding:11px;transition:.15s}
.hp-btn:hover{transform:translateY(-2px);color:var(--green-3)}
.hp-stores{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.hp-store{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:9px 13px;color:#fff}
.hp-store i{font-size:24px}
.hp-store span{display:flex;flex-direction:column;line-height:1.15;font-weight:800;font-size:14px}
.hp-store small{font-size:10px;font-weight:600;opacity:.75}
.promo-carousel .carousel-indicators{margin-bottom:10px}
.carousel-indicators [data-bs-target]{width:26px;height:5px;border-radius:5px;background:rgba(255,255,255,.45);border:none}.carousel-indicators .active{background:#fff;width:36px}
.carousel-control-prev,.carousel-control-next{width:7%;opacity:.5}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}

/* ===== STATS ===== */
.vk-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);transition:.18s}
.vk-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.vk-stat .si{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.si-green{background:var(--green-soft);color:var(--green)}.si-yellow{background:rgba(245,166,35,.14);color:var(--yellow)}.si-red{background:rgba(239,68,68,.13);color:var(--red)}.si-blue{background:rgba(37,99,235,.13);color:#2563eb}
.vk-stat .sv{font-family:'Sora';font-weight:800;font-size:21px;line-height:1}.vk-stat .sl{color:var(--muted);font-size:12px;margin-top:3px}

/* ===== CARD ===== */
.vk-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}
.vk-card-h{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid var(--border)}
.vk-card-h .ci{width:33px;height:33px;border-radius:9px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:16px}
.vk-card-h .t{font-family:'Sora';font-weight:800;font-size:15px}.vk-card-h .sub{font-size:12px;color:var(--muted)}
.vk-card-h .meta{margin-left:auto;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}

/* ===== ADS ===== */
.vk-ad{position:relative;background:var(--surface-2);border:1px dashed var(--border-2);border-radius:13px;display:grid;place-items:center;color:var(--muted-2)}
.vk-ad .lbl{position:absolute;top:8px;left:10px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);background:var(--bg-2);border:1px solid var(--border);padding:2px 7px;border-radius:6px}
.vk-ad .in{text-align:center;font-size:12px;padding:13px}.vk-ad .in i{font-size:21px;display:block;margin-bottom:5px}
.ad-board{min-height:90px}.ad-300{min-height:250px}.ad-inrow{min-height:54px;border-radius:11px}

/* ===== BÜLTEN ===== */
.bul-tools{background:var(--surface-2);border-bottom:1px solid var(--border)}
.bul-tools .form-control,.bul-tools .input-group-text{background:var(--bg-2);border:1px solid var(--border-2);color:var(--ink)}
.bul-tools .input-group-text{border-right:none;color:var(--muted)}
.bul-tools .form-control:focus{border-color:var(--green);box-shadow:0 0 0 .2rem var(--green-glow)}
.date-bar{display:flex;gap:7px;overflow-x:auto;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.date-pill{flex-shrink:0;min-width:62px;text-align:center;padding:7px 10px;border-radius:11px;border:1px solid var(--border-2);background:var(--bg-2);cursor:pointer;transition:.14s}
.date-pill:hover{border-color:var(--green)}.date-pill.active{background:var(--green);border-color:var(--green);color:#fff}
.date-pill .dl{font-weight:800;font-size:12px;font-family:'Sora'}.date-pill .dd{font-size:10px;opacity:.8}
.vk-seg .btn{border:1px solid var(--border-2);color:var(--muted);font-weight:700;font-size:12px;border-radius:8px!important;background:var(--bg-2)}
.vk-seg .btn:hover{color:var(--ink)}.vk-seg .btn.active{background:var(--green);border-color:var(--green);color:#fff}
.lg-head{display:flex;align-items:center;gap:10px;padding:10px 17px;background:var(--surface-2);cursor:pointer;border-top:1px solid var(--border);user-select:none}
.lg-head .flag{width:25px;height:18px;border-radius:4px;background:var(--bg-2);display:grid;place-items:center;font-size:9px;font-weight:800;border:1px solid var(--border)}
.lg-head .ln{font-family:'Sora';font-weight:800;font-size:13px}.lg-head .lc{font-size:11px;color:var(--muted)}
.lg-head .chev{margin-left:auto;color:var(--muted-2);transition:transform .25s}.lg.collapsed .chev{transform:rotate(-90deg)}.lg.collapsed .lg-body{display:none}
.bul-cols{display:grid;grid-template-columns:54px 1fr 196px 60px;gap:9px;align-items:center;padding:9px 17px;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.bul-cols .bc-o{display:grid;grid-template-columns:repeat(3,1fr) 38px;gap:5px;text-align:center}
.bul-cols .ms-tag{color:var(--muted-2);font-weight:700;text-transform:none;letter-spacing:0}
.mrow{display:grid;grid-template-columns:54px 1fr 196px 60px;gap:9px;align-items:center;padding:10px 17px;border-top:1px solid var(--border);cursor:pointer;transition:.12s}
.mrow:hover{background:var(--surface-2)}
.m-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}
.m-stat .tm{font-weight:800;font-family:'Sora'}.m-stat .dt{font-size:9.5px;color:var(--muted-2)}
.m-stat .min{font-weight:800;color:var(--red);display:inline-flex;align-items:center;gap:4px;font-size:12px}
.m-stat .min .ld{width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.3s infinite}
.m-stat .ft{font-size:10px;font-weight:800;color:var(--muted);background:var(--surface-2);padding:2px 7px;border-radius:6px;border:1px solid var(--border)}
.m-teams{display:flex;flex-direction:column;gap:6px;min-width:0}
.trow{display:flex;align-items:center;gap:8px}
.trow .crest{width:23px;height:23px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:8px;font-weight:800;flex-shrink:0}
.trow .nm{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow .sc{margin-left:auto;font-family:'Sora';font-weight:800;font-size:14px;min-width:18px;text-align:center}
.trow.win .nm{font-weight:800}.trow.lose .nm,.trow.lose .sc{color:var(--muted)}
.m-odds{display:flex;gap:5px}
.odd{position:relative;flex:1;min-width:0;border:1px solid var(--border-2);background:var(--bg-2);border-radius:8px;padding:5px 3px;text-align:center;transition:.14s}
.odd:hover{border-color:var(--green);background:var(--green-soft)}
.odd.sel{background:var(--green);border-color:var(--green)}.odd.sel .ov,.odd.sel .ok{color:#fff}
.odd .ok{font-size:9px;font-weight:800;color:var(--muted-2);text-transform:uppercase}
.odd .ov{font-family:'Sora';font-size:13px;font-weight:800;margin-top:1px;transition:color .3s}
.odd .oarrow{position:absolute;top:2px;right:4px;font-size:10px;font-weight:900;opacity:0;transition:opacity .3s}
.odd.up .ov{color:var(--green)}.odd.down .ov{color:var(--red)}.odd.up .oarrow{opacity:1;color:var(--green)}.odd.down .oarrow{opacity:1;color:var(--red)}
.odd-more{display:grid;place-items:center;flex:0 0 38px;min-width:38px;border:1px dashed var(--border-2);background:var(--surface-2);border-radius:8px;font-family:'Sora';font-weight:800;font-size:11px;color:var(--ink-2);cursor:pointer;transition:.14s}
.odd-more:hover{border-color:var(--green);color:var(--green);border-style:solid}
.m-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.btn-oyna{background:var(--green);color:#fff;border:none;border-radius:8px;font-weight:800;font-size:11px;padding:5px 0;transition:.14s;letter-spacing:.02em}
.btn-oyna:hover{background:var(--green-2)}.btn-oyna.added{background:var(--green-3)}
.m-icons{display:flex;align-items:center;justify-content:center;gap:8px}
.m-fav,.m-var{display:grid;place-items:center;cursor:pointer;transition:.13s;background:none;border:none;padding:0}
.m-fav{color:var(--muted-2);font-size:14px}.m-fav:hover,.m-fav.on{color:var(--yellow);transform:scale(1.15)}
.m-var{width:30px;height:20px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:9.5px;font-weight:800}
.m-var:hover{background:var(--green);color:#fff}
.mdetail{display:none;border-top:1px solid var(--border);background:var(--surface-2);padding:13px 17px}
.mrow.open + .mdetail{display:block}
.md-tabs{display:flex;gap:6px;margin-bottom:11px}
.md-tab{font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:8px;border:1px solid var(--border-2);background:var(--bg-2);color:var(--muted);cursor:pointer}
.md-tab.active{background:var(--green);border-color:var(--green);color:#fff}
.md-pane{display:none}.md-pane.active{display:block}
.book-tbl{width:100%;border-collapse:collapse;font-size:12px}
.book-tbl th{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);font-weight:800;padding:6px 4px}.book-tbl th:first-child{text-align:left}
.book-tbl td{padding:7px 4px;border-top:1px solid var(--border);text-align:center;vertical-align:middle}.book-tbl td:first-child{text-align:left;font-weight:700}
.book-site{display:inline-flex;align-items:center;gap:7px}
.book-site .lg2{width:22px;height:22px;border-radius:6px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}
.bcell{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25}.bcell .bo{font-family:'Sora';font-weight:800;font-size:13px}.bcell .bp{font-size:10px;color:var(--muted-2)}
.bcell.hot .bo,.bcell.hot .bp{color:var(--green);font-weight:800}
.hot-badge{display:inline-block;font-size:9px;font-weight:800;color:#fff;background:var(--green);border-radius:5px;padding:1px 5px;margin-top:2px}
.cmt{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.cmt:first-child{border-top:none}
.cmt .av{width:30px;height:30px;border-radius:9px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}
.cmt .cb{flex:1}.cmt .cu{font-weight:700;font-size:12px}.cmt .cm{font-size:10px;color:var(--muted-2);margin-left:6px}
.cmt .ct{font-size:12.5px;color:var(--ink-2);margin-top:2px}.cmt .cl{font-size:11px;color:var(--muted);margin-top:4px}
.cmt-box{display:flex;gap:8px;margin-top:11px}.cmt-box input{flex:1;background:var(--bg-2);border:1px solid var(--border-2);color:var(--ink);border-radius:9px;padding:7px 12px;font-size:12.5px}
.cmt-box input:focus{outline:none;border-color:var(--green)}
.no-result{padding:46px 20px;text-align:center;color:var(--muted-2)}.no-result i{font-size:32px;display:block;margin-bottom:9px}

/* ===== VAR MONITOR ===== */
.var-monitor{background:#0c130f;border:1px solid #1f2a23;border-radius:15px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.var-monitor *{color:#eef3f0}
.var-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #1f2a23}
.var-tag{display:inline-flex;align-items:center;gap:7px;font-family:'Sora';font-weight:800;font-size:11.5px;letter-spacing:.05em;color:#1bb24b!important}
.var-tag .rec{width:8px;height:8px;border-radius:50%;background:#ff5b67;animation:blink 1.3s infinite}
.var-min{font-size:12px;color:#8a988f!important;font-weight:700}
.var-body{padding:18px 15px}.var-league{text-align:center;font-size:11px;color:#8a988f!important;margin-bottom:13px}
.var-teams{display:flex;align-items:center;justify-content:space-between;gap:6px}
.var-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.var-team .crest{width:52px;height:52px;border-radius:14px;background:#121a15;border:1px solid #2b372e;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:14px}
.var-team .nm{font-weight:700;font-size:12px;text-align:center}
.var-score{font-family:'Sora';font-weight:800;font-size:34px;display:flex;align-items:center;gap:10px}.var-score .sep{color:#647067!important;font-size:22px}
.var-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.var-odd{background:#121a15;border:1px solid #2b372e;border-radius:9px;padding:8px 4px;text-align:center}.var-odd .ok{font-size:10px;color:#8a988f!important;font-weight:700}.var-odd .ov{font-family:'Sora';font-size:15px;font-weight:800;margin-top:2px}

/* ===== AI MODAL ===== */
.ai-out{background:var(--bg-2);border:1px solid var(--border);border-radius:11px;min-height:92px;overflow:hidden}
.ai-ph{padding:22px 16px;text-align:center;color:var(--muted-2);font-size:12.5px}.ai-ph i{font-size:24px;color:var(--green);display:block;margin-bottom:7px}
.ai-res{padding:15px}.ai-fav{display:inline-block;background:var(--green-soft);color:var(--green);font-weight:800;font-size:11px;padding:4px 10px;border-radius:8px;margin-bottom:10px}
.ai-txt{font-size:12.5px;color:var(--ink-2);white-space:pre-wrap;line-height:1.6}
.ai-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.ai-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);padding:3px 9px;border-radius:7px}
.typing{display:inline-flex;gap:4px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--green);animation:bnc 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}
@keyframes bnc{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

/* ===== MODAL shell ===== */
.vk-modal{background:var(--surface);border:1px solid var(--border-2);border-radius:16px}
.vk-modal .modal-header{border-bottom:1px solid var(--border)}
.vk-modal .modal-title{font-family:'Sora';font-weight:800;font-size:15px}

/* ===== CLUB BADGE (flat) ===== */
.club-badge{display:inline-grid;place-items:center;border-radius:50%;background:var(--c1);color:#fff;font-family:'Sora';font-weight:800;letter-spacing:.02em;flex-shrink:0;border:2px solid rgba(255,255,255,.18)}

/* ===== LEFT MENU ===== */
.side-menu{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:8px}
.sm-sec{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:14px 12px 7px}
.sm-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:12px;color:var(--ink);font-weight:600;font-size:13.5px;cursor:pointer;position:relative;transition:.14s}
.sm-item:hover{background:var(--surface-2);transform:translateX(2px)}
.sm-item .lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-item.active{background:var(--green-soft);color:var(--green-3);font-weight:800}
.sm-item.active::before{content:'';position:absolute;left:-8px;top:9px;bottom:9px;width:4px;border-radius:4px;background:var(--green)}
.sm-item .mi{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:15px;flex-shrink:0;transition:.14s}
.sm-item:hover .mi{color:var(--green)}
.sm-item.active .mi,.sm-item .mi-grad{background:var(--green);color:#fff}
.sm-item .cnt{font-size:11px;font-weight:800;color:var(--muted-2);background:var(--surface-2);padding:2px 8px;border-radius:20px}
.sm-item.active .cnt{background:var(--green);color:#fff}
.sm-cta{margin:11px 7px 4px;padding:14px;border-radius:14px;background:var(--green-soft);border:1px solid var(--green)}
.sm-cta-t{font-family:'Sora';font-weight:800;font-size:13.5px;color:var(--green-3)}.sm-cta-s{font-size:11.5px;color:var(--ink-2);margin-top:3px}

/* ===== STANDINGS ===== */
.stand-key{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2)}
.stand-key .kf{flex:1}.stand-key span:nth-child(1){width:22px;text-align:center}
.stand-row2{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--border);font-size:13px}
.stand-row2 .ps{width:22px;height:22px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:11px;color:var(--muted);flex-shrink:0}
.stand-row2 .ps.cl{background:var(--green);color:#fff}
.stand-row2 .nm{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stand-row2 .form{display:flex;gap:3px}
.fdot{width:7px;height:7px;border-radius:50%;display:inline-block}
.fdot.fG{background:var(--green)}.fdot.fB{background:var(--muted-2)}.fdot.fM{background:var(--red)}
.stand-row2 .pt{font-family:'Sora';font-weight:800;min-width:24px;text-align:right}
.stand-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;font-size:12px;font-weight:800;color:var(--green);border-top:1px solid var(--border)}

/* ===== APPLE-style sidebar cards ===== */
.ap-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.ap-head{display:flex;align-items:center;gap:11px;padding:15px 17px 11px}
.ap-head .ci{width:37px;height:37px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:17px}
.ap-head .t{font-family:'Sora';font-weight:800;font-size:14.5px;letter-spacing:-.2px}.ap-head .sub{font-size:11.5px;color:var(--muted)}
.ap-body{padding:0 13px 14px}
.ap-bar{height:5px;border-radius:5px;background:var(--border);overflow:hidden;margin-top:8px}.ap-bar i{display:block;height:100%;background:var(--green)}
.cstatus{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.03em}
.cstatus.live{background:rgba(239,68,68,.14);color:var(--red)}.cstatus.won{background:var(--green-soft);color:var(--green)}.cstatus.pending{background:rgba(245,166,35,.16);color:var(--yellow)}
.ap-cp{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:11px 13px;margin-bottom:9px;transition:.15s}.ap-cp:hover{border-color:var(--green)}.ap-cp:last-child{margin-bottom:0}
.ap-cp-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ap-cp-top .av{width:27px;height:27px;border-radius:9px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:11px}
.ap-cp-top .un{font-weight:700;font-size:12.5px;flex:1}
.ap-leg{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:4px 0;border-top:1px dashed var(--border-2)}.ap-leg:first-child{border-top:none}
.ap-leg .mt{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}
.ap-leg .pk{font-family:'Sora';font-weight:800;background:var(--surface);border:1px solid var(--border);padding:1px 7px;border-radius:6px;font-size:10.5px}
.ap-cp-f{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}
.ap-cp-f .tot{font-family:'Sora';font-weight:800;font-size:15px;color:var(--green)}
.ap-copy{font-size:11px;font-weight:800;border:none;background:var(--green);color:#fff;border-radius:8px;padding:5px 12px}.ap-copy:hover{background:var(--green-2)}
.ap-tr2{background:var(--surface-2);border:1px solid var(--border);border-radius:15px;padding:12px;margin-bottom:9px;transition:.15s}
.ap-tr2:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow)}.ap-tr2:last-child{margin-bottom:0}
.ap-tr2-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pl-ava{width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.pl-info{flex:1;min-width:0}.pl-info .pl{font-family:'Sora';font-weight:800;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-info .src{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.ap-tr2-h .fee{font-family:'Sora';font-weight:800;font-size:12px;color:var(--green);background:var(--green-soft);padding:3px 9px;border-radius:8px;white-space:nowrap}
.ap-tr2-mv{display:flex;align-items:center;gap:7px;font-size:12px}
.ap-tr2-mv .cn{font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}.ap-tr2-mv .cn.tn{color:var(--green)}
.ap-tr2-mv .ar{color:var(--muted-2)}.ap-tr2-mv .rel{font-family:'Sora';font-weight:800;color:var(--green);font-size:12px}

/* ===== HABER KÖŞESİ (sidebar) ===== */
.nw-item{display:block;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:10px;transition:.15s}
.nw-item:last-child{margin-bottom:0}
.nw-item:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow)}
.nw-img{position:relative;display:block;height:108px;background-size:cover;background-position:center;background-color:var(--border)}
.nw-cat{position:absolute;top:8px;left:8px;background:var(--green);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:7px}
.nw-b{padding:11px 13px}
.nw-tt{font-family:'Sora';font-weight:800;font-size:13px;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-by{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:11px;color:var(--muted)}
.nw-ava{width:23px;height:23px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--border);flex-shrink:0;border:1px solid var(--border-2)}
.nw-au{font-weight:700;color:var(--ink-2)}

/* ===== YOUTUBE (kompakt) ===== */
.yt-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.yt-head{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#ff0000;color:#fff}
.yt-logo{width:40px;height:28px;border-radius:8px;background:#fff;color:#ff0000;display:grid;place-items:center;font-size:21px;flex-shrink:0}
.yt-ht{flex:1;min-width:0}.yt-ht .t{font-family:'Sora';font-weight:800;font-size:14px}.yt-ht .s{font-size:11.5px;opacity:.93}
.yt-sub{background:#fff;color:#cc0000;font-weight:800;font-size:12px;padding:7px 13px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:.14s}.yt-sub:hover{background:#ffe0e0;color:#cc0000}
.yt-grid{display:grid;grid-template-columns:1fr 280px;gap:14px;padding:14px}
.yt-frame{position:relative;width:100%;height:300px;border-radius:12px;overflow:hidden;background:#000}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-main-meta{padding:10px 2px 0}.yt-main-meta .t{font-family:'Sora';font-weight:800;font-size:14px}.yt-main-meta .s{font-size:11.5px;color:var(--muted);margin-top:2px}
.yt-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}
.yt-item{display:flex;gap:10px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:7px;cursor:pointer;text-align:left;transition:.14s}
.yt-item:hover{border-color:#ff2d2d;transform:translateX(-2px)}
.yt-item.active{border-color:#ff0000;background:rgba(255,0,0,.07)}
.yt-thumb{position:relative;width:104px;height:60px;border-radius:9px;background-size:cover;background-position:center;background-color:#000;flex-shrink:0;display:grid;place-items:center;color:#fff}
.yt-thumb i{font-size:24px;opacity:.92;text-shadow:0 2px 8px rgba(0,0,0,.6);transition:.15s}.yt-item:hover .yt-thumb i{transform:scale(1.2)}
.yt-thumb .dur{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.82);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}
.yt-meta{min-width:0}.yt-meta .tt{font-weight:700;font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-meta .ss{font-size:11px;color:var(--muted);margin-top:3px}

/* ===== FOOTER ===== */
footer{background:#16181d;color:#aeb4bd;margin-top:34px}
footer h6{color:#fff;font-weight:800}
footer a{color:#8a929c;font-size:13px;transition:.14s}footer a:hover{color:var(--green)}
.fsoc{width:37px;height:37px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid!important;place-items:center;color:#c2cad3!important;font-size:15px;transition:.15s}.fsoc:hover{background:var(--green);color:#fff!important;border-color:var(--green)}

/* ===== TO TOP & misc ===== */
.to-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:13px;background:var(--green);color:#fff;border:none;display:grid;place-items:center;font-size:19px;box-shadow:0 8px 22px var(--green-glow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;z-index:60}
.to-top.show{opacity:1;pointer-events:auto;transform:none}

/* ===== RESPONSIVE ===== */
@media(max-width:1199px){.yt-grid{grid-template-columns:1fr 250px}}
@media(max-width:991px){.hero-grid{grid-template-columns:1fr}.hero-promo-wrap{height:auto}.promo-carousel,.promo-carousel .carousel-inner,.promo-carousel .carousel-item{height:auto}.hero-promo{min-height:230px}.stack-hero{height:330px}.yt-grid{grid-template-columns:1fr}.yt-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:4px}.yt-item{flex-direction:column;width:172px;flex-shrink:0;align-items:stretch}.yt-thumb{width:100%;height:96px}.sticky-side{position:static!important}}
@media(max-width:767px){.vk-top .container-xl{gap:9px}.vk-brand{font-size:17px}.vk-brand .mk{width:33px;height:33px;font-size:17px}.stack-hero{height:300px}.scard .sc-body{padding:24px}.sec-head h4{font-size:17px}}
@media(max-width:575px){.bul-cols{display:none}.hp-grid{grid-template-columns:repeat(2,1fr)}.stack-hero{height:290px}.scard .sc-body{padding:20px}.sc-title{font-size:21px}.sc-sum{font-size:12.5px;margin-bottom:14px}.stack-dots{top:16px;right:16px}.mrow{grid-template-columns:46px 1fr;gap:7px 9px}.m-odds{grid-column:1 / -1;margin-top:2px}.m-actions{grid-column:1 / -1;flex-direction:row;gap:9px;align-items:center}.m-actions .btn-oyna{flex:1;padding:7px 0}.m-icons{gap:16px}.yt-head{flex-wrap:wrap}.yt-sub{order:3;width:100%;justify-content:center}}

/* =====================================================================
   v13 EKLER — Sliderli Auth Modal, Sayfa Hero, Haber Grid, AI render
   ===================================================================== */
.vk-modal{border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg)}
.vk-modal .modal-header{border-bottom:1px solid var(--border)}
.ai-fav{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--green);margin-bottom:10px;font-size:14px}
.ai-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ai-tags .ai-tag{display:inline-flex;align-items:center;gap:5px;background:var(--green-soft);color:var(--green);border:1px solid var(--green-glow);padding:4px 10px;border-radius:30px;font-size:11.5px;font-weight:700}

/* ---- Auth modal ---- */
.auth-dialog{max-width:860px}
.auth-modal{position:relative;display:flex;overflow:hidden;padding:0;border-radius:20px}
.auth-x{position:absolute;top:14px;right:14px;z-index:5}
.auth-side{flex:0 0 42%;background:linear-gradient(160deg,var(--green),var(--green-3));color:#fff;padding:34px 30px;display:flex;align-items:center}
.auth-side img{margin-bottom:20px;filter:brightness(0) invert(1)}
.auth-side h4{font-family:'Sora';font-weight:800;font-size:22px;line-height:1.25;margin:0 0 18px}
.auth-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.auth-side li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.4;opacity:.95}
.auth-side li i{margin-top:2px}
.auth-main{flex:1;padding:30px 30px 26px;min-width:0}
.auth-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:22px}
.auth-tab{position:relative;z-index:2;background:none;border:0;padding:9px 0;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;border-radius:9px;transition:color .25s}
.auth-tab.active{color:#fff}
.auth-ind{position:absolute;z-index:1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--green);border-radius:9px;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.auth-switch.reg .auth-ind{transform:translateX(100%)}
.auth-viewport{overflow:hidden}
.auth-track{display:flex;width:200%;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.auth-track.reg{transform:translateX(-50%)}
.auth-pane{flex:0 0 50%;width:50%;padding:2px}
.ap-field{margin-bottom:14px}
.ap-field>label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.ap-inp{position:relative;display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;transition:border-color .2s,box-shadow .2s}
.ap-inp:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}
.ap-inp>i{padding:0 11px;color:var(--muted);font-size:15px}
.ap-inp input{flex:1;border:0;background:none;outline:none;padding:11px 6px 11px 0;color:var(--ink);font-size:14px}
.ap-eye{border:0;background:none;color:var(--muted);padding:0 12px;cursor:pointer;font-size:15px}
.ap-meter{height:5px;border-radius:4px;background:var(--surface-2);margin-top:8px;overflow:hidden}
.ap-meter #pwBar{display:block;height:100%;width:0;border-radius:4px;transition:width .3s,background .3s}
.ap-meter #pwBar.w1{width:33%;background:var(--red)}
.ap-meter #pwBar.w2{width:66%;background:var(--yellow)}
.ap-meter #pwBar.w3{width:100%;background:var(--green)}
.ap-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:12.5px}
.ap-check{display:flex;align-items:flex-start;gap:7px;color:var(--ink-2);cursor:pointer;font-size:12.5px;line-height:1.4}
.ap-check input{margin-top:2px}
.ap-link{color:var(--green);font-weight:600}
.ap-alt{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}
.ap-alt button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer;padding:0}
@media(max-width:640px){.auth-side{display:none}.auth-dialog{max-width:460px}}

/* ---- Sayfa hero (iç sayfalar) ---- */
.page-hero{background:linear-gradient(135deg,var(--green),var(--green-3));color:#fff;padding:30px 0;margin-bottom:26px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.page-hero .ph-bc{display:flex;align-items:center;gap:8px;font-size:12.5px;opacity:.9;margin-bottom:10px}
.page-hero .ph-bc a{color:#fff;opacity:.85}
.page-hero .ph-t{font-family:'Sora';font-weight:800;font-size:28px;margin:0;display:flex;align-items:center;gap:11px}
.page-hero .ph-d{margin:8px 0 0;font-size:14px;opacity:.92;max-width:640px}

/* ---- Haber grid ---- */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.nc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.nc:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.nc-img{height:170px;background-size:cover;background-position:center;position:relative}
.nc-cat{position:absolute;left:12px;top:12px;background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}
.nc-b{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
.nc-tt{font-family:'Sora';font-weight:700;font-size:15.5px;line-height:1.32;color:var(--ink);margin-bottom:8px}
.nc-sum{font-size:13px;color:var(--ink-2);line-height:1.5;flex:1}
.nc-by{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:12px;color:var(--muted)}
.nc-ava{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center}
.nc-by .nc-au{font-weight:600;color:var(--ink-2)}

/* ---- Transfer liste (geniş) ---- */
.tr-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}

/* ---- Bahis sitesi logoları (oran karşılaştırma) ---- */
.book-site{display:inline-flex;align-items:center;gap:8px}
.bklogo{position:relative;width:24px;height:24px;border-radius:7px;background:var(--bk,#009432);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.bklogo .bki{color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.3px}
.bklogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:2px}

/* ---- Header giriş / üye ol butonları ---- */
.vk-btn-login{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;padding:8px 16px;border-radius:11px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);transition:.16s}
.vk-btn-login:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}
.vk-btn-join{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px;padding:8px 18px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-3));border:1px solid transparent;box-shadow:0 6px 16px var(--green-glow);transition:.16s}
.vk-btn-join:hover{transform:translateY(-1px);box-shadow:0 9px 22px var(--green-glow);color:#fff}

/* ---- Auth modal: form (sol) + görsel panel (sağ) ---- */
.auth-dialog{max-width:920px}
.auth-modal{position:relative;display:flex;overflow:hidden;padding:0;border-radius:22px;min-height:560px}
.auth-main{flex:1;display:flex;flex-direction:column;padding:34px 36px 30px;min-width:0}
.auth-head{margin-bottom:18px}
.auth-logo{margin-bottom:18px;display:block}
.auth-title{font-family:'Sora';font-weight:800;font-size:23px;color:var(--ink);margin:0 0 6px}
.auth-sub{font-size:13.5px;color:var(--muted);margin:0}
.auth-media{flex:0 0 44%;position:relative;overflow:hidden;background:#0a120d}
.auth-media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-media-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,8,.80),rgba(6,10,8,.12) 55%,rgba(6,10,8,.40))}
.auth-close{position:absolute;top:16px;right:16px;z-index:4;border:none;background:rgba(20,28,24,.72);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:1px;padding:8px 16px;border-radius:9px;cursor:pointer;backdrop-filter:blur(4px);transition:.16s}
.auth-close:hover{background:var(--green)}
.auth-corner{position:absolute;width:54px;height:54px;border-color:rgba(255,255,255,.85);z-index:3;pointer-events:none}
.auth-corner.tl{top:16px;left:16px;border-top:2px solid;border-left:2px solid;border-top-left-radius:4px}
.auth-corner.br{bottom:16px;right:16px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px}
.auth-media-cap{position:absolute;left:24px;bottom:22px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff;font-family:'Sora';font-weight:800;font-size:30px;letter-spacing:-.5px;text-shadow:0 2px 16px rgba(0,0,0,.5)}
@media(max-width:680px){.auth-media{display:none}.auth-dialog{max-width:440px}.auth-modal{min-height:0}}

/* ---- Maç Drawer (sağ panel) ---- */
.md-overlay{position:fixed;inset:0;background:rgba(8,12,10,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s;z-index:1080}
.md-overlay.show{opacity:1;visibility:visible}
.match-drawer{position:fixed;top:0;right:0;height:100vh;width:430px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-18px 0 50px rgba(0,0,0,.28);transform:translateX(102%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:1090;display:flex;flex-direction:column}
.match-drawer.open{transform:none}
body.md-lock{overflow:hidden}
.mdw-head{position:relative;padding:18px 18px 14px;background:linear-gradient(135deg,var(--green),var(--green-3));color:#fff;flex:0 0 auto}
.mdw-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:9px;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.16s}
.mdw-x:hover{background:rgba(255,255,255,.32)}
.mdw-league{font-size:12px;font-weight:600;opacity:.92;margin-bottom:14px;padding-right:36px}
.mdw-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.mdw-team{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.mdw-team .crest{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:800;font-size:13px}
.mdw-team .tn{font-size:12.5px;font-weight:700;line-height:1.2}
.mdw-sc{font-family:'Sora';font-weight:800;font-size:26px;display:flex;align-items:center;gap:7px}
.mdw-sc span{opacity:.65}
.mdw-vs{font-family:'Sora';font-weight:800;font-size:15px;opacity:.85}
.mdw-statusbar{text-align:center;margin-top:12px;font-size:12px;font-weight:700}
.mdw-min{display:inline-flex;align-items:center;gap:6px;background:#e3203b;padding:4px 11px;border-radius:20px}
.mdw-min .ld{width:6px;height:6px;border-radius:50%;background:#fff}
.mdw-time,.mdw-ft{display:inline-block;background:rgba(255,255,255,.18);padding:4px 11px;border-radius:20px}
.mdw-tabs{display:flex;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--surface)}
.mdw-tab{flex:1;border:none;background:none;padding:13px 8px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;position:relative;transition:.16s}
.mdw-tab.active{color:var(--green)}
.mdw-tab.active::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--green)}
.mdw-body{flex:1;overflow-y:auto;padding:14px}
.mdw-pane{display:none}
.mdw-pane.active{display:block}
.mk-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.mkc{font-size:12px;font-weight:700;padding:6px 12px;border-radius:9px;background:var(--surface-2);color:var(--muted);cursor:pointer;border:1px solid var(--border)}
.mkc.active{background:var(--green);color:#fff;border-color:transparent}
.mk{margin-bottom:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.mk-h{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:800;color:var(--ink);background:var(--surface-2);border-bottom:1px solid var(--border)}
.mk-n{width:18px;height:18px;border-radius:5px;background:var(--green);color:#fff;font-size:10px;display:grid;place-items:center}
.mk-cells{display:grid;gap:6px;padding:8px}
.mk-cells.c2{grid-template-columns:1fr 1fr}
.mk-cells.c3{grid-template-columns:1fr 1fr 1fr}
.mk-cell{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);cursor:pointer;transition:.14s}
.mk-cell:hover{border-color:var(--green);background:rgba(0,148,50,.08)}
.mkl{font-size:11.5px;font-weight:600;color:var(--muted)}
.mko{font-size:14px;font-weight:800;color:var(--ink)}
.mk-cell:hover .mko{color:var(--green)}
.mk-sec{font-size:12.5px;font-weight:800;color:var(--ink);margin:16px 0 9px}
.mdw-tblwrap{overflow-x:auto}
.mdw-empty{padding:22px;text-align:center;color:var(--muted);font-size:13px}
.stat-wrap{display:flex;flex-direction:column;gap:14px;padding-top:4px}
.statline{display:grid;grid-template-columns:36px 1fr auto 1fr 36px;align-items:center;gap:8px}
.statline .stv{font-size:12px;font-weight:800;color:var(--ink);text-align:center}
.statline .stn{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;text-align:center}
.stbar{height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.stbar i{display:block;height:100%;background:var(--green);border-radius:4px;float:right}
.stbar.r i{float:left;background:#9aa4b0}
@media(max-width:520px){.match-drawer{width:100vw;max-width:100vw}}

/* ---- Maç widget'ı sidebar içine göm (VAR MONİTÖR konumunda, sağdan kayma yok) ---- */
.md-overlay{display:none!important}
.match-drawer{position:static;top:auto;right:auto;height:auto;width:auto;max-width:none;transform:none;box-shadow:none;border-left:none;border:1px solid var(--border);border-radius:14px;overflow:hidden;z-index:auto;display:none;flex-direction:column}
.match-drawer.open{display:flex}
body.md-lock{overflow:auto}
.match-drawer .mdw-head{border-radius:0}
.match-drawer .mdw-body{max-height:60vh}
@media(max-width:520px){.match-drawer{width:auto;max-width:none}}
@media(max-width:991px){.match-drawer .mdw-body{max-height:none}}

/* ---- Maç widget hero: saha + geri sayım + logo ---- */
.mw-hero{position:relative;border-radius:12px;overflow:hidden;margin-bottom:14px;min-height:190px;display:flex;background:linear-gradient(140deg,#0b8a3a,#066a2c)}
.mw-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 30px,transparent 30px 60px);pointer-events:none}
.mw-hero::after{content:"";position:absolute;left:50%;top:50%;width:96px;height:96px;border:2px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.mw-hero-in{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;padding:18px}
.mw-hero-card{width:100%;max-width:300px;background:rgba(4,58,26,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 14px;text-align:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.mw-hero-t{font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:12px;color:#eafff0}
.mw-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.cd-box b{display:block;font-size:24px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff}
.cd-box i{display:block;font-size:10px;font-style:normal;margin-top:5px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.04em}
.mw-hero-logo{border-top:1px solid rgba(255,255,255,.16);padding-top:12px;display:flex;justify-content:center}
.mw-hero-logo img{height:24px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.mw-hero-score{font-size:30px;font-weight:800;color:#fff;margin-bottom:6px}
.mw-hero-score span{opacity:.55;margin:0 6px}
.mw-hero-min{font-size:12px;color:#d6ffe2;margin-bottom:12px}
.mw-live{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.mw-live .ld{width:8px;height:8px;border-radius:50%;background:#ff5252;animation:mwpulse 1.4s infinite}
@keyframes mwpulse{0%{box-shadow:0 0 0 0 rgba(255,82,82,.6)}100%{box-shadow:0 0 0 8px rgba(255,82,82,0)}}

/* ---- Markete göre oyuncu dağılımı ---- */
.bet-dist{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}
.bd-head{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 2px}
.bd-head span:not(:first-child){text-align:center}
.bd-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;align-items:center}
.bd-site{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;min-width:0}
.bd-site .book-site{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-cell{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 6px;overflow:hidden;text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center}
.bd-cell .bar{position:absolute;left:0;top:0;bottom:0;background:var(--green-glow);z-index:0;transition:width .4s ease}
.bd-cell .v{position:relative;z-index:1;font-size:12px;font-weight:800;color:var(--ink)}
.bd-cell.top{border-color:var(--green)}
.bd-cell.top .v{color:var(--green)}
.bd-cell.top .bar{background:rgba(0,148,50,.20)}
.bd-sum{margin-top:9px;font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 10px;line-height:1.5}
.bd-sum b{color:var(--green)}
@media(max-width:520px){.cd-box b{font-size:21px}.bd-head,.bd-row{grid-template-columns:1.3fr 1fr 1fr 1fr}}

/* ============ v18b — Branş (spor) navigasyon barı ============ */
.sport-nav{display:flex;gap:8px;margin-top:16px;padding:6px 2px 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sport-nav::-webkit-scrollbar{display:none}
.sport-nav .sp-item{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:74px;padding:9px 12px 8px;border:0;border-radius:13px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-family:inherit;transition:background .16s,color .16s,box-shadow .16s}
.sport-nav .sp-item:hover{background:rgba(255,255,255,.18)}
.sport-nav .sp-ic{font-size:21px;line-height:1;display:grid;place-items:center;height:24px}
.sport-nav .sp-ic .bi{font-size:18px}
.sport-nav .sp-tx{font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}
.sport-nav .sp-item.active{background:#fff;color:var(--green);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.sport-nav .sp-item.active .sp-ic{filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
/* Canlı sayacı */
.sp-badge{position:absolute;top:-5px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10.5px;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.sp-badge.sp-live{background:#e11d2a;color:#fff;border:2px solid #0a7a33}
.sp-badge.sp-live::after{content:"";position:absolute;inset:0;border-radius:9px;background:#e11d2a;z-index:-1;will-change:transform,opacity;animation:spLive 1.7s ease-out infinite}
@keyframes spLive{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.2);opacity:0}100%{transform:scale(2.2);opacity:0}}
/* YENİ — yanıp sönen rozet */
.sp-badge.sp-new{top:-7px;right:-9px;background:#ffd23f;color:#0a2e16;border:1.5px solid #fff;letter-spacing:.03em;will-change:opacity;animation:spBlink 1.2s ease-in-out infinite}
@keyframes spBlink{0%,100%{opacity:1}50%{opacity:.4}}
.sport-nav .sp-item.is-new{box-shadow:inset 0 0 0 1.5px rgba(255,210,63,.6)}
/* Yakında — soluk branşlar (zarif) */
.sport-nav .sp-item.soon{background:rgba(255,255,255,.05);color:rgba(255,255,255,.55);cursor:default;pointer-events:none}
.sport-nav .sp-item.soon .sp-ic{filter:grayscale(1) opacity(.6)}
.sport-nav .sp-item.soon .sp-soon{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.72);background:rgba(255,255,255,.12);padding:1px 6px;border-radius:7px;margin-top:1px}
@media(max-width:575px){.sport-nav{gap:6px}.sport-nav .sp-item{min-width:66px;padding:8px 9px;border-radius:11px}.sport-nav .sp-ic{font-size:19px}.sport-nav .sp-tx{font-size:11px}}
.sport-nav{contain:layout style}

/* === v19b: drawer hero reorder (1↔2) + sabit VAR-AI tahmini === */
.mdw-hero{padding:10px 14px 0}
.mdw-hero:empty{display:none}
.mdw-hero .mw-hero{margin:0}
.ai-pin{position:relative;margin-bottom:14px;padding:14px;border-radius:16px;color:#eafff1;background:linear-gradient(150deg,#0c3d20,#08502a 55%,#0a3d22);border:1px solid rgba(120,255,170,.22);box-shadow:0 14px 30px rgba(0,40,18,.32);overflow:hidden}
.ai-pin::before{content:"";position:absolute;top:-40px;right:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(120,255,170,.20),transparent 70%);pointer-events:none}
.ai-top{display:flex;align-items:center;gap:10px;position:relative}
.ai-av{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;color:#0a2e16;background:linear-gradient(135deg,#7CFFB2,#28c66a);box-shadow:0 4px 12px rgba(40,198,106,.4)}
.ai-id{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.ai-name{font-weight:800;font-size:14px;display:flex;align-items:center;gap:5px}
.ai-name .bi{color:#5fd0ff;font-size:13px}
.ai-role{font-size:11px;color:rgba(220,255,235,.62);font-weight:600}
.ai-pinned{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#0a2e16;background:#ffd23f;padding:4px 9px;border-radius:8px;white-space:nowrap}
.ai-pred{display:flex;align-items:center;gap:14px;margin-top:13px;padding:12px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.ai-pred-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.ai-pl-k{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(220,255,235,.6);font-weight:700}
.ai-pl-v{font-size:22px;font-weight:900;line-height:1;color:#fff}
.ai-pl-d{font-size:12px;color:rgba(230,255,240,.82);font-weight:600}
.ai-conf{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto}
.ai-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#28e07a calc(var(--p)*1%),rgba(255,255,255,.14) 0)}
.ai-ring span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#08401f;font-size:14px;font-weight:900;color:#fff}
.ai-conf-lvl{font-size:10.5px;font-weight:700;color:rgba(220,255,235,.78)}
.ai-note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:rgba(232,255,241,.9)}
.ai-note b{color:#9affc4}
.ai-tips{margin-top:11px}
.ai-tip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0a2e16;background:linear-gradient(135deg,#9affc4,#42d883);padding:6px 11px;border-radius:9px}
.ai-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.10);font-size:10.5px;color:rgba(210,255,230,.6);display:flex;align-items:center;gap:6px}
@media(max-width:575px){.ai-pred{gap:10px;padding:10px}.ai-pl-v{font-size:19px}.ai-ring{width:54px;height:54px}.ai-ring span{width:41px;height:41px}}

/* ============ v19c — Story alanı + auth sosyal giriş + bülten branş barı + bilgilendirme ============ */
/* Story bubble şeridi */
.story-strip{display:flex;gap:15px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:center;flex-wrap:wrap}
@media (max-width:640px){.story-strip{justify-content:flex-start;flex-wrap:nowrap}}
/* Gol Kralligi karti */
.scorers-card .scorer-list{display:flex;flex-direction:column}
.scorer-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--border)}
.scorer-row:first-child{border-top:0}
.sc-rank{flex:0 0 24px;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;background:var(--surface-2);color:var(--ink-2)}
.sc-rank.r1{background:linear-gradient(135deg,#f7d046,#e0a82e);color:#5c4300}
.sc-rank.r2{background:linear-gradient(135deg,#dfe5ec,#b8c1cd);color:#3a4350}
.sc-rank.r3{background:linear-gradient(135deg,#e8b07a,#cd853f);color:#5a3310}
.scorer-row .sc-info{flex:1 1 auto;min-width:0}
.sc-info .sc-nm{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-info .sc-tm{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-goals{flex:0 0 auto;display:flex;align-items:baseline;gap:3px;color:var(--green)}
.sc-goals b{font-size:17px;font-weight:800;line-height:1}
.sc-goals .g{font-size:10px;color:var(--muted);font-weight:600}
.scorer-empty{padding:16px 14px;color:var(--muted);font-size:13px;text-align:center}
.story-strip::-webkit-scrollbar{display:none}
.story-bub{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;width:76px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.sb-ring{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#009432,#28e07a,#5fd0ff,#ffd23f);transition:transform .16s}
.story-bub:hover .sb-ring{transform:scale(1.06)}
.story-bub.seen .sb-ring{background:#d2dbd5}
.sb-ic{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#fff;border:2.5px solid #fff}
.sb-lbl{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.15;text-align:center;max-width:76px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grad-g1{background:linear-gradient(150deg,#0c8a3a,#28e07a)}
.grad-g2{background:linear-gradient(150deg,#c41020,#ff5b6a)}
.grad-g3{background:linear-gradient(150deg,#13486e,#2bb3e0)}
.grad-g4{background:linear-gradient(150deg,#7a4e00,#e0a200)}
.grad-g5{background:linear-gradient(150deg,#0a6b3a,#ffd23f)}
.grad-g6{background:linear-gradient(150deg,#5a3b00,#c98a00)}
/* Story görüntüleyici (full-screen, akıcı) */
.story-viewer{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center}
.story-viewer.open{display:flex}
.sv-backdrop{position:absolute;inset:0;background:rgba(6,10,8,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sv-stage{position:relative;width:min(420px,94vw);height:min(740px,92vh);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sv-bars{position:absolute;top:10px;left:10px;right:10px;z-index:5;display:flex;gap:5px}
.sv-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}
.sv-bar i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;will-change:transform}
.sv-bar.done i{transform:scaleX(1)}
.sv-bar.live i{animation-name:svBar;animation-timing-function:linear;animation-fill-mode:forwards}
@keyframes svBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sv-top{position:absolute;top:20px;left:12px;right:12px;z-index:5;display:flex;align-items:center;gap:10px}
.sv-id{display:flex;align-items:center;gap:9px;color:#fff}
.sv-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:16px;border:2px solid rgba(255,255,255,.85)}
.sv-name{font-weight:700;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.sv-x{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center}
.sv-card{position:absolute;inset:0}
.sv-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:46px 30px;text-align:center;color:#fff}
.sv-big{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-size:40px;background:rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.sv-tag{display:inline-block;padding:5px 13px;border-radius:30px;background:rgba(255,255,255,.92);color:#0a2e16;font-weight:800;font-size:12px;letter-spacing:.04em}
.sv-t{font-family:'Sora';font-weight:800;font-size:26px;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.sv-x2{font-size:16px;font-weight:600;opacity:.95}
.sv-sub{font-size:13.5px;opacity:.85}
.sv-foot{margin-top:8px}
.sv-foot img{height:26px;filter:brightness(0) invert(1);opacity:.9}
.sv-zone{position:absolute;top:0;bottom:0;z-index:4;border:0;background:transparent;cursor:pointer;width:33%;padding:0}
.sv-zone.prev{left:0}
.sv-zone.next{right:0;width:67%}
/* Auth — sosyal giriş */
.auth-title-lg{font-size:27px;line-height:1.26;letter-spacing:-.4px}
.auth-social{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.auth-soc{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:13px 16px;border-radius:11px;border:1.5px solid var(--border);background:#fff;color:var(--ink);font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
.auth-soc:hover{border-color:var(--green);box-shadow:0 5px 16px rgba(0,0,0,.08)}
.auth-soc .bi{font-size:19px}
.auth-soc.f .bi{color:#1877f2}
.auth-soc.a .bi{color:#111}
.auth-soc .soc-g{flex:0 0 auto}
.auth-terms{margin:auto 0 0;padding-top:24px;font-size:12px;line-height:1.55;color:var(--muted)}
.auth-terms a{color:var(--green);font-weight:600;text-decoration:none}
.auth-terms a:hover{text-decoration:underline}
/* Bülten bilgilendirme notu */
.odds-note{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;padding:13px 15px;border-radius:14px;background:linear-gradient(135deg,rgba(0,148,50,.09),rgba(0,148,50,.025));border:1px solid rgba(0,148,50,.2)}
.odds-note .on-ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:15px}
.odds-note p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.odds-note b{color:var(--ink)}
/* Branş barı — açık (bülten kartı) varyantı */
.sport-nav.sn-light{margin-top:0;padding:12px 14px 4px}
.sn-light .sp-item{background:var(--surface-2);color:var(--ink);text-decoration:none}
.sn-light .sp-item:hover{background:#e8f7ee}
.sn-light .sp-item.active{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(0,148,50,.22)}
.sn-light .sp-item.active .sp-tx{color:#fff}
.sn-light .sp-item.soon{background:var(--surface-2);color:var(--muted)}
.sn-light .sp-item.soon .sp-ic{filter:grayscale(1) opacity(.55)}
.sn-light .sp-item.soon .sp-soon{color:var(--muted);background:rgba(0,0,0,.06)}
.sn-light .sp-badge.sp-live{border-color:#fff}


/* ============ v20 — Admin entegrasyon: reklam / puan logo / story görsel / yorum / toast / auth ============ */

/* Reklam alanları */
.vk-adlink{display:block;text-align:center}
.vk-adlink .ad-img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto}
.vk-adhtml{text-align:center;overflow:hidden;border-radius:12px}
.vk-adhtml img{max-width:100%;height:auto}
.ad-inrow-wrap{display:block}

/* Puan durumu takım logosu */
.stand-logo{display:inline-block;width:22px;height:22px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;flex:0 0 22px;background-color:#0c1813}

/* Görselli story balonu */
.sb-ic.sb-img{background-size:cover;background-position:center;background-repeat:no-repeat}
.sv-ic.sv-ic-img{background-size:cover;background-position:center;background-repeat:no-repeat}
.sv-inner.sv-imgslide{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:flex-end;border-radius:18px;overflow:hidden}
.sv-imgslide .sv-imgmask{width:100%;padding:26px 22px 24px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.18) 55%,transparent);color:#fff}
.sv-imgslide .sv-t{font-size:21px;font-weight:800;margin-top:6px}
.sv-imgslide .sv-x2{font-size:14px;opacity:.92;margin-top:4px}
.sv-imgslide .sv-sub{font-size:12.5px;opacity:.8;margin-top:6px}

/* Yorum listesi */
.cmt-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.cmt-empty{color:#7d9c8c;font-size:13px;text-align:center;padding:14px 8px}

/* Toast (sol alt) */
.vk-toast{position:fixed;left:18px;bottom:18px;z-index:4000;display:flex;flex-direction:column;gap:9px;pointer-events:none}
.vk-toast .vkt{min-width:200px;max-width:330px;padding:12px 16px;border-radius:11px;font-size:13.5px;font-weight:700;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.4);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s;letter-spacing:.2px}
.vk-toast .vkt.show{opacity:1;transform:translateY(0)}
.vk-toast .vkt.err{background:linear-gradient(135deg,#c41020,#e11d2a);border:1px solid #ff5b6a}
.vk-toast .vkt.info{background:linear-gradient(135deg,#0c1813,#15311f);border:1px solid #235e3a;color:#c9f4da}
@media(max-width:520px){.vk-toast{left:10px;right:10px;bottom:10px}.vk-toast .vkt{max-width:none}}

/* ===== Auth modal: gerçek üyelik formları (sekmeli) ===== */
.auth-sub{color:#7d9c8c;font-size:13px;margin:4px 0 0}
.auth-switch{position:relative;display:flex;background:#0c1813;border:1px solid #20402f;border-radius:12px;padding:4px;margin:16px 0 18px}
.auth-switch .as-pill{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#009432,#1bb24b);border-radius:9px;transition:transform .28s cubic-bezier(.4,0,.2,1)}
.auth-switch.reg .as-pill{transform:translateX(100%)}
.auth-switch .auth-tab{position:relative;z-index:1;flex:1;background:none;border:0;color:#9fbdad;font-weight:700;font-size:14px;padding:8px 0;cursor:pointer;border-radius:9px}
.auth-switch .auth-tab.active{color:#fff}
.auth-viewport{overflow:hidden}
.auth-track{display:flex;width:200%;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.auth-track.reg{transform:translateX(-50%)}
.auth-track .auth-form{width:50%;flex:0 0 50%;padding:2px 2px 0;display:flex;flex-direction:column;gap:13px}
.ap-field{display:flex;flex-direction:column;gap:5px}
.ap-field>span:first-child{font-size:12px;color:#9fbdad;font-weight:600}
.ap-inp{display:flex;align-items:center;gap:9px;background:#0c1813;border:1px solid #244b39;border-radius:10px;padding:0 12px}
.ap-inp:focus-within{border-color:#1bb24b;box-shadow:0 0 0 .2rem rgba(27,178,75,.15)}
.ap-inp>i{color:#5f8772;font-size:15px}
.ap-inp input{flex:1;background:none;border:0;outline:0;color:#eafff2;font-size:14px;padding:11px 0}
.ap-eye{background:none;border:0;color:#5f8772;cursor:pointer;padding:4px}
.ap-submit{margin-top:4px;background:linear-gradient(135deg,#009432,#1bb24b);border:0;color:#fff;font-weight:800;font-size:14.5px;padding:12px;border-radius:11px;cursor:pointer;transition:filter .15s}
.ap-submit:hover{filter:brightness(1.08)}
.ap-alt{text-align:center;font-size:13px;color:#7d9c8c;margin:2px 0 0}
.ap-alt a{color:#1bb24b;font-weight:700;text-decoration:none}
.pw-meter{height:5px;background:#1a3326;border-radius:4px;overflow:hidden}
.pw-meter #pwBar{display:block;height:100%;width:0;transition:width .25s,background .25s}
.pw-meter #pwBar.w1{width:33%;background:#e11d2a}
.pw-meter #pwBar.w2{width:66%;background:#ffd23f}
.pw-meter #pwBar.w3{width:100%;background:#1bb24b}


/* ===== Yorum sil butonu ===== */
.cmt .cb .ch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmt .cb .ch .cm{margin-right:auto}
.cmt-del{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:8px;font-size:.86rem;line-height:1;transition:background .15s,color .15s;opacity:.65}
.cmt:hover .cmt-del{opacity:1}
.cmt-del:hover{background:rgba(239,68,68,.12);color:var(--red)}
.cmt-del:disabled{opacity:.4;cursor:default}

/* ===== Haber kart linki ===== */
a.nc-link{display:block;color:inherit;text-decoration:none}
a.nc-link:hover{text-decoration:none;color:inherit}
a.nc-link:hover .nc-tt{color:var(--green)}

/* ===== Süper Lig: ana sayfa O/Av/P kolonları ===== */
.stand-key .stt{flex:0 0 30px;width:30px;text-align:center}
.stand-row2 .stt{flex:0 0 30px;width:30px;text-align:center;font-family:'Sora';font-weight:700;font-size:11.5px;color:var(--ink-2)}
.stand-row2 .stt.av-pos{color:var(--green)}
.stand-row2 .stt.av-neg{color:var(--red)}
.sc-photo{display:inline-block;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface-2);flex:0 0 auto}

/* ===== Puan Durumu & Gol Krallığı tam sayfalar ===== */
.lig-wrap{max-width:1000px;margin:0 auto;padding:24px 0 48px}
.lig-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.lig-head .ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green-3));color:#fff;display:grid;place-items:center;font-size:23px;flex:0 0 auto}
.lig-head h1{font-family:'Sora';font-size:25px;font-weight:800;margin:0;color:var(--ink)}
.lig-head p{margin:3px 0 0;color:var(--muted);font-size:13px}
.lig-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.lig-table{width:100%;border-collapse:collapse;font-size:13.5px}
.lig-table th,.lig-table td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}
.lig-table tbody tr:last-child td{border-bottom:0}
.lig-table thead th{background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.lig-table th.tname,.lig-table td.tname{text-align:left;white-space:normal;min-width:170px}
.lig-table tbody tr:hover{background:var(--surface-2)}
.lig-table td.tname{font-weight:700;color:var(--ink)}
.lig-team{display:flex;align-items:center;gap:10px}
.lig-team .lg{width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center;flex:0 0 28px;background-color:var(--surface-2)}
.lig-rank{width:27px;height:27px;border-radius:8px;background:var(--surface-2);display:inline-grid;place-items:center;font-family:'Sora';font-weight:800;font-size:12px;color:var(--muted)}
.lig-rank.top{background:var(--green);color:#fff}
.lig-table td.cpt{font-family:'Sora';font-weight:800;color:var(--ink)}
.lig-table .av-pos{color:var(--green);font-weight:700}
.lig-table .av-neg{color:var(--red);font-weight:700}
@media(max-width:640px){.lig-table th,.lig-table td{padding:10px 5px;font-size:12.5px}.lig-table th.tname,.lig-table td.tname{min-width:120px}}
.scorer-page{display:flex;flex-direction:column}
.scr-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.scr-row:last-child{border-bottom:0}
.scr-row:hover{background:var(--surface-2)}
.scr-rank{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:13px;background:var(--surface-2);color:var(--muted)}
.scr-rank.r1{background:linear-gradient(135deg,#f7d046,#e0a82e);color:#5c4300}
.scr-rank.r2{background:linear-gradient(135deg,#dfe5ec,#b8c1cd);color:#3a4350}
.scr-rank.r3{background:linear-gradient(135deg,#e8b07a,#cd853f);color:#5a3310}
.scr-photo{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--surface-2)}
.scr-info{flex:1 1 auto;min-width:0}
.scr-nm{font-weight:700;color:var(--ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr-tm{color:var(--muted);font-size:12.5px}
.scr-ast{flex:0 0 auto;text-align:right;color:var(--ink-2);font-size:12.5px;min-width:70px}
.scr-goals{flex:0 0 auto;text-align:right;min-width:48px}
.scr-goals b{font-family:'Sora';font-size:20px;color:var(--green);line-height:1}
.scr-goals span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}

/* ============================================================
   VAR Kulubesi — Auth slider + Header avatar + Yorum linkleri + Profil (Talep 7)
   ============================================================ */
.auth-dialog{max-width:920px}
.auth-modal{position:relative;border:0;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(8,18,12,.45);background:var(--surface)}
.auth-main{display:grid;grid-template-columns:1fr .92fr;min-height:560px}
.auth-side{position:relative;display:flex;flex-direction:column;padding:30px 34px}
.auth-head{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.auth-logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--green);font-size:18px}
.auth-logo i{font-size:20px}
.auth-title{font-size:24px;font-weight:800;color:var(--ink);margin:10px 0 2px;line-height:1.15}
.auth-sub{color:var(--muted);font-size:13.5px}
.auth-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;margin:18px 0 6px}
.auth-ind{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--green);border-radius:9px;transition:transform .32s cubic-bezier(.4,.05,.2,1);box-shadow:0 6px 16px rgba(0,148,50,.35);z-index:0}
.auth-switch.reg .auth-ind{transform:translateX(100%)}
.auth-tab{position:relative;z-index:1;border:0;background:transparent;padding:9px 6px;font-weight:700;font-size:14px;color:var(--ink-2);cursor:pointer;border-radius:9px;transition:color .25s}
.auth-switch:not(.reg) .auth-tab.login,.auth-switch.reg .auth-tab.reg{color:#fff}
.auth-viewport{position:relative;overflow:hidden;flex:1}
.auth-track{display:flex;width:200%;transform:translateX(0);transition:transform .42s cubic-bezier(.4,.05,.2,1)}
.auth-track.reg{transform:translateX(-50%)}
.auth-pane{width:50%;flex:0 0 50%;padding-top:18px}
.auth-form{display:flex;flex-direction:column;gap:13px}
.ap-field{position:relative}
.ap-field>i.lead{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px}
.ap-inp{width:100%;height:46px;border:1.5px solid var(--border);border-radius:11px;padding:0 42px 0 38px;font-size:14.5px;background:var(--surface);transition:border-color .2s,box-shadow .2s}
.ap-inp:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,148,50,.14)}
.ap-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px;cursor:pointer}
.ap-eye:hover{color:var(--ink);background:var(--surface-2)}
.ap-meter{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden;margin-top:-4px}
.ap-meter>span{display:block;height:100%;width:0;border-radius:6px;transition:width .3s,background .3s}
.ap-meter.w1>span{width:33%;background:var(--red)}
.ap-meter.w2>span{width:66%;background:var(--yellow)}
.ap-meter.w3>span{width:100%;background:var(--green)}
.ap-submit{height:47px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .1s;box-shadow:0 10px 24px rgba(0,148,50,.3)}
.ap-submit:hover{filter:brightness(1.06)}
.ap-submit:active{transform:translateY(1px)}
.ap-alt{text-align:center;color:var(--muted);font-size:13px}
.ap-alt b{color:var(--green);cursor:pointer;font-weight:700}
.auth-terms{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.5}
.auth-err{background:#fdecec;border:1px solid #f6c9c9;color:#b42424;border-radius:10px;padding:9px 12px;font-size:13px;display:flex;gap:7px;align-items:center}
.auth-media{position:relative;overflow:hidden;background:#04130a}
.auth-media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.auth-media-shade{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,148,50,.78),rgba(2,30,16,.92))}
.auth-close{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.auth-close:hover{background:rgba(0,0,0,.5)}
.auth-media-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 32px}
.auth-media-cap{font-size:22px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.auth-media-cap i{color:var(--yellow)}
.auth-media-tag{color:rgba(255,255,255,.86);font-size:14px;margin:8px 0 16px;max-width:330px}
.auth-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.auth-feat li{display:flex;align-items:center;gap:10px;color:#fff;font-size:13.5px;font-weight:500}
.auth-feat li i{color:#7ff0a6;font-size:16px}
@media(max-width:720px){.auth-main{grid-template-columns:1fr}.auth-media{display:none}.auth-dialog{max-width:460px}}
.vk-userbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:40px;padding:4px 12px 4px 4px;cursor:pointer;font-weight:700;font-size:13.5px;color:var(--ink)}
.vk-userbtn:hover{border-color:var(--green);color:var(--green)}
.vk-uava{width:30px;height:30px;border-radius:50%;background:var(--green-soft) center/cover no-repeat;display:inline-flex;align-items:center;justify-content:center;color:var(--green);font-size:17px;flex:0 0 auto}
a.cu{color:inherit;text-decoration:none}
a.cu:hover{color:var(--green);text-decoration:underline}
a.av{display:inline-flex;text-decoration:none}
.cmt .av.av-img,a.av .av-img{background-size:cover;background-position:center;color:transparent}
a.av:hover{filter:brightness(.95)}
.prof-wrap{max-width:1080px;margin:0 auto}
.prof-flash{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:18px}
.prof-flash.success{background:var(--green-soft);color:var(--green-2);border:1px solid #b7e7c7}
.prof-flash.error{background:#fdecec;color:#b42424;border:1px solid #f6c9c9}
.prof-hero{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(8,18,12,.06)}
.prof-cover{height:120px;background:linear-gradient(120deg,var(--green),var(--green-3))}
.prof-hbody{display:flex;align-items:flex-end;gap:18px;padding:0 28px 18px;margin-top:-46px}
.prof-ava{width:104px;height:104px;border-radius:50%;border:4px solid var(--surface);background:var(--green-soft) center/cover no-repeat;box-shadow:0 8px 22px rgba(8,18,12,.18);flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.prof-ava-txt{font-size:38px;font-weight:800;color:var(--green)}
.prof-meta{padding-bottom:6px}
.prof-name{font-size:23px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.prof-badge{font-size:11.5px;font-weight:700;color:var(--green-2);background:var(--green-soft);border-radius:30px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px}
.prof-badge.admin{color:#fff;background:var(--green)}
.prof-sub{color:var(--muted);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:6px}
.prof-stats{display:flex;gap:10px;padding:0 28px 22px;flex-wrap:wrap}
.prof-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:10px 20px;text-align:center;min-width:92px}
.prof-stat b{display:block;font-size:21px;font-weight:800;color:var(--green);line-height:1}
.prof-stat span{font-size:12px;color:var(--muted)}
.prof-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:18px;box-shadow:0 6px 18px rgba(8,18,12,.04)}
.pc-h{font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--border)}
.pc-h i{color:var(--green)}
.pc-tag{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--green-2);background:var(--green-soft);border-radius:20px;padding:2px 9px}
.prof-empty{color:var(--muted);font-size:13.5px;padding:6px 0}
.prof-last .pl-match{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--green);text-decoration:none;font-size:14px}
.prof-last .pl-match:hover{text-decoration:underline}
.pl-match .vs{color:var(--muted);font-weight:600}
.pl-body{margin:9px 0 7px;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.pl-time{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:5px}
.team-chips{display:flex;flex-wrap:wrap;gap:9px}
.team-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:30px;padding:5px 13px 5px 6px;font-size:13px;font-weight:600;color:var(--ink)}
.team-chip img{border-radius:50%}
.prof-cmt{display:flex;flex-direction:column;gap:12px}
.pcmt{border:1px solid var(--border);border-radius:13px;padding:12px 14px;background:var(--surface-2)}
.pcmt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.pcmt-match{font-weight:700;color:var(--green);text-decoration:none;font-size:13.5px}
.pcmt-match:hover{text-decoration:underline}
.pcmt-time{color:var(--muted);font-size:11.5px;flex:0 0 auto}
.pcmt-body{color:var(--ink-2);font-size:14px;line-height:1.5}
.pcmt-foot{display:flex;align-items:center;gap:14px;margin-top:8px;color:var(--muted);font-size:12.5px}
.pcmt-foot .cmt-del{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:7px}
.pcmt-foot .cmt-del:hover{color:var(--red);background:#fdecec}
.prof-form{display:flex;flex-direction:column;gap:11px}
.prof-hint{font-size:11.5px;color:var(--muted)}
.ava-edit{display:flex;align-items:center;gap:14px}
.ava-prev{width:64px;height:64px;border-radius:50%;background:var(--green-soft) center/cover no-repeat;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:2px solid var(--border)}
.ava-prev-txt{font-size:24px;font-weight:800;color:var(--green)}
.team-pick{display:flex;flex-wrap:wrap;gap:8px}
.team-opt{position:relative;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border:1.5px solid var(--border);border-radius:30px;padding:6px 13px;cursor:pointer;transition:all .15s}
.team-opt input{position:absolute;opacity:0;pointer-events:none}
.team-opt.on{background:var(--green-soft);border-color:var(--green);color:var(--green-2)}
.prof-save{align-self:flex-start;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:700;font-size:13.5px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .2s}
.prof-save:hover{filter:brightness(1.07)}
@media(max-width:991px){.prof-hbody{flex-direction:column;align-items:center;text-align:center;margin-top:-52px}.prof-meta{padding-bottom:0}.prof-stats{justify-content:center}}

/* ===== Popüler Maçlar tablosu (API: kapi.varkulubesi.com/api/bulten.json) ===== */
.pm-wrap{padding:4px 0 2px}
.pm-tools{display:flex;align-items:center;gap:10px;padding:13px 15px 10px}
.pm-search{position:relative;flex:1;max-width:300px}
.pm-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}
.pm-search input{width:100%;height:39px;border:1px solid var(--border);border-radius:10px;padding:0 12px 0 34px;font-size:14px;background:var(--surface)}
.pm-search input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,148,50,.13)}
.pm-count{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.pm-empty{margin:8px 15px 18px;padding:24px;text-align:center;color:var(--muted);background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;font-size:14px}
.pm-scroll{overflow-x:auto;position:relative}
.pm-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.pm-tbl thead th{position:sticky;top:0;z-index:2;background:var(--green);color:#fff;font-weight:700;font-size:12.5px;padding:12px 8px;text-align:center;white-space:nowrap}
.pm-tbl thead th.pm-m{text-align:left;padding-left:16px}
.pm-tbl thead th.pm-bk{font-size:11.5px;letter-spacing:.3px}
.pm-tbl thead th.bk-nesine{background:#00713c}
.pm-tbl thead th.bk-misli{background:#ff5a1f}
.pm-tbl thead th.bk-birebin{background:#12a150}
.pm-tbl thead th.bk-iddaa{background:#f5c400;color:#3a2e00}
.pm-tbl thead th.pm-t{background:var(--green-3)}
.pm-tbl tbody td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--border);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.pm-tbl tbody tr:hover{background:var(--surface-2)}
.pm-tbl td.pm-m{text-align:left;padding-left:16px}
.pm-team{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}
.pm-team i{color:var(--green);font-size:14px}
.pm-bet{display:inline-block;min-width:30px;padding:2px 9px;border-radius:7px;background:var(--green-soft);color:var(--green-2);font-weight:700;font-size:12.5px}
.pm-odd{font-weight:700;color:var(--ink)}
.pm-tbl td.pm-t b{color:var(--green);font-weight:800}
.pm-tbl td .z{color:var(--muted)}
.pm-noresult{padding:22px;text-align:center;color:var(--muted);font-size:14px}
.pm-foot{display:flex;align-items:center;gap:7px;padding:11px 16px;font-size:11.5px;color:var(--muted);line-height:1.5}
@media(max-width:991px){.pm-tbl{font-size:12.5px}.pm-search{max-width:100%}}

/* ===== Populer Maclar v2 (responsive, tiklanabilir) ===== */
.pm-wrap{padding:2px 0 4px}
.pm-tools{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:12px 14px 6px}
.pm-search{position:relative;flex:1;min-width:180px;max-width:340px}
.pm-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px}
.pm-search input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:9px 14px 9px 34px;font-size:13px;font-weight:600;color:var(--ink);outline:none;transition:.15s}
.pm-search input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(0,148,50,.12)}
.pm-count{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.pm-count .bi-fire{color:var(--yellow)}
.pm-list{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px}
.pm-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto 16px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;transition:.15s;position:relative}
.pm-row:hover{border-color:var(--green);box-shadow:0 8px 20px rgba(0,148,50,.10);transform:translateY(-1px)}
.pm-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:var(--surface-2);color:var(--ink-2);font-weight:800;font-size:13px;border:1px solid var(--border)}
.pm-rank.top{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-color:transparent;box-shadow:0 3px 8px rgba(0,148,50,.3)}
.pm-main{min-width:0}
.pm-mt{font-weight:800;color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-mt .bi{color:var(--green);font-size:13px;margin-right:2px}
.pm-sub{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}
.pm-mk{font-size:11.5px;font-weight:600;color:var(--muted)}
.pm-bet{font-size:11px;font-weight:800;color:var(--green-3);background:var(--green-soft);border-radius:6px;padding:2px 7px}
.pm-od{font-size:11px;font-weight:800;color:#92400e;background:#fef3c7;border-radius:6px;padding:2px 7px;display:inline-flex;align-items:center;gap:3px}
.pm-od .bi{font-size:9px}
.pm-books{display:flex;gap:6px}
.pm-bk{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:5px 8px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);border-top-width:2px}
.pm-bk b{font-size:13px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.pm-bk i{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-top:3px}
.pm-bk.bk-nesine{border-top-color:#00713c}.pm-bk.bk-nesine i{color:#00713c}
.pm-bk.bk-misli{border-top-color:#ff5a1f}.pm-bk.bk-misli i{color:#ff5a1f}
.pm-bk.bk-birebin{border-top-color:#12a150}.pm-bk.bk-birebin i{color:#12a150}
.pm-bk.bk-iddaa{border-top-color:#caa200}.pm-bk.bk-iddaa i{color:#a98600}
.pm-tot{text-align:right;min-width:74px}
.pm-tot b{display:block;color:var(--green);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.pm-tot span{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-top:3px}
.pm-chev{color:var(--muted);font-size:15px;text-align:center}
.pm-row:hover .pm-chev{color:var(--green)}
.pm-noresult,.pm-empty{padding:26px 16px;text-align:center;color:var(--muted);font-weight:600;font-size:13px}
.pm-empty .bi,.pm-noresult .bi{display:block;font-size:22px;margin-bottom:8px;color:var(--border)}
.pm-foot{padding:10px 16px 14px;font-size:11px;color:var(--muted);line-height:1.5;border-top:1px dashed var(--border);margin-top:4px}
.pm-foot .bi{color:var(--green)}
@media (max-width:760px){
  .pm-row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px 10px}
  .pm-books{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;order:3}
  .pm-tot{order:2}
  .pm-chev{display:none}
  .pm-bk{min-width:0;flex:1;padding:5px 4px}
}

/* ===== Mac detay sayfasi (mac.php) ===== */
.mc-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:22px 18px;margin-bottom:16px}
.mc-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}
.mc-crest{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:800;font-size:20px;box-shadow:0 8px 20px rgba(0,148,50,.25)}
.mc-nm{font-weight:800;color:var(--ink);font-size:15px;line-height:1.2}
.mc-vs{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 6px}
.mc-vs-t{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:1px}
.mc-tot{font-size:24px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;line-height:1.1}
.mc-tot-l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.mc-bets{display:flex;flex-direction:column;gap:8px;padding:6px 14px 12px}
.mc-bet{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.mc-bet .pm-mt{font-size:13.5px}
.mc-cmt{padding:6px 14px 14px}
.mc-side{display:flex;flex-direction:column;padding:4px 6px 6px}
.mc-side-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;transition:.15s}
.mc-side-row:hover{background:var(--surface-2)}
.mc-side-nm{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-side-nm .bi{color:var(--green);margin-right:3px}
.mc-side-v{font-size:12px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:760px){
  .mc-bet{grid-template-columns:minmax(0,1fr) auto}
  .mc-bet .pm-books{grid-column:1 / -1;flex-wrap:wrap}
  .mc-bet .pm-bk{flex:1}
}


/* ============================================================
   v21 - Auth modal (Flashscore tarzi, e-posta + dogrulama)
   ============================================================ */
.auth-dialog{max-width:860px}
.auth-modal{display:flex;flex-direction:row;border:0;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(8,12,20,.45)}
.auth-show{flex:0 0 42%;background:linear-gradient(160deg,#0e1622 0%,#13202f 55%,#0c1b14 100%);color:#fff;padding:30px 26px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px}
.auth-show:before{content:"";position:absolute;inset:auto -40% -30% auto;width:260px;height:260px;background:radial-gradient(circle,rgba(0,148,50,.45),transparent 65%);filter:blur(8px)}
.auth-logo2{width:140px;margin-bottom:18px;position:relative;filter:brightness(0) invert(1)}
.auth-show-t{font-size:24px;font-weight:800;line-height:1.2;margin:0 0 8px;position:relative}
.auth-show-s{font-size:13.5px;color:#aeb9c6;margin:0 0 20px;position:relative}
.auth-show-feat{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:13px;position:relative}
.auth-show-feat li{display:flex;align-items:center;gap:11px;font-size:13.5px;color:#dde4ec}
.auth-show-feat li span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,148,50,.18);color:#3ddc7f;font-size:15px}
.auth-show-foot{font-size:12px;color:#8fa0b0;display:flex;align-items:center;gap:7px;position:relative;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.auth-show-foot i{color:#3ddc7f}
.auth-r{flex:1;background:var(--surface);padding:30px 30px 22px;position:relative;min-width:0}
.auth-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:9px;background:var(--surface-2);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;z-index:3;transition:.15s}
.auth-x:hover{background:#e7ebf1;color:var(--ink)}
.auth-tabs{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:2px;margin:4px 0 22px}
.auth-tabs .at{border:0;background:transparent;color:var(--ink-2);font-weight:700;font-size:14px;padding:9px 20px;border-radius:9px;cursor:pointer;transition:.15s}
.auth-tabs .at.active{background:var(--surface);color:var(--green);box-shadow:0 2px 8px rgba(8,12,20,.08)}
.auth-pane2{display:none;animation:apIn .25s ease}
.auth-pane2.active{display:block}
@keyframes apIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ap-h{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 16px}
.ap-back{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:0;margin:0 0 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.ap-back:hover{color:var(--green)}
.ap-vsub{font-size:13.5px;color:var(--ink-2);margin:0 0 16px}
.ap-vsub b{color:var(--green)}
.ap-field{display:block;margin-bottom:13px}
.ap-field>span:first-child{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.ap-inp{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:11px;padding:0 12px;transition:.15s}
.ap-inp:focus-within{border-color:var(--green);background:var(--surface);box-shadow:0 0 0 3px rgba(0,148,50,.12)}
.ap-inp>i{color:var(--muted);font-size:15px}
.ap-inp input{flex:1;border:0;background:transparent;outline:0;padding:12px 0;font-size:14.5px;color:var(--ink);min-width:0}
.ap-eye{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}
.ap-code{letter-spacing:8px;font-weight:800;font-size:20px !important;text-align:center}
.ap-meter{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden;margin:-4px 0 14px}
.ap-meter span{display:block;height:100%;width:0;border-radius:6px;transition:.25s}
.ap-meter span.w1{width:33%;background:var(--red)}
.ap-meter span.w2{width:66%;background:var(--yellow)}
.ap-meter span.w3{width:100%;background:var(--green)}
.ap-submit{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:800;font-size:15px;padding:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s;box-shadow:0 8px 20px rgba(0,148,50,.28)}
.ap-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,148,50,.36)}
.ap-submit:disabled,.ap-submit.loading{opacity:.65;cursor:wait;transform:none}
.ap-alt{text-align:center;font-size:13px;color:var(--ink-2);margin:14px 0 0}
.ap-alt a{color:var(--green);font-weight:700;text-decoration:none}
.auth-terms{font-size:11.5px;color:var(--muted);text-align:center;margin:16px 0 0;line-height:1.5}
.auth-terms a{color:var(--ink-2)}
@media(max-width:720px){
  .auth-modal{flex-direction:column}
  .auth-show{display:none}
  .auth-r{padding:26px 20px 18px}
}

/* ============================================================
   v21 - Mac detay sayfasi (oran tablosu tarzi)
   ============================================================ */
.match-top{background:linear-gradient(165deg,#0e1622 0%,#15202e 60%,#0d1a13 100%);color:#fff;padding:14px 0 0;position:relative;overflow:hidden}
.match-top:before{content:"";position:absolute;right:-10%;top:-40%;width:380px;height:380px;background:radial-gradient(circle,rgba(0,148,50,.30),transparent 65%)}
.mt-bar{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:13px;color:#aeb9c6}
.mt-back,.mt-fav{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#cdd6e0;background:rgba(255,255,255,.06);text-decoration:none;border:0;cursor:pointer}
.mt-back:hover,.mt-fav:hover{background:rgba(255,255,255,.13);color:#fff}
.mt-league{font-weight:700;color:#e6ecf3;display:inline-flex;align-items:center;gap:7px}
.mt-league i{color:#f5a524}
.mt-teams{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 0 24px;position:relative}
.mt-team{flex:1;max-width:230px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mt-crest{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1f6feb,#0b3a86);border:3px solid rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.mt-crest-2{background:linear-gradient(135deg,#e23b3b,#8a1414)}
.mt-nm{font-size:15.5px;font-weight:700;color:#fff;line-height:1.2}
.mt-center{flex:0 0 auto;min-width:120px;background:rgba(8,12,18,.5);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;backdrop-filter:blur(4px)}
.mt-c-lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:#8fa0b0}
.mt-c-val{font-size:24px;font-weight:800;color:#3ddc7f;line-height:1}
.mt-c-sub{font-size:11px;color:#aeb9c6}
.mt-tabs{display:flex;gap:4px;position:relative;overflow-x:auto;scrollbar-width:none}
.mt-tabs::-webkit-scrollbar{display:none}
.mtt{flex:0 0 auto;border:0;background:transparent;color:#aeb9c6;font-weight:700;font-size:14px;padding:14px 18px;cursor:pointer;border-bottom:3px solid transparent;display:inline-flex;align-items:center;gap:7px;transition:.15s;white-space:nowrap}
.mtt:hover{color:#fff}
.mtt.active{color:#fff;border-bottom-color:var(--green)}
.mtab-pane{display:none}
.mtab-pane.active{display:block;animation:apIn .25s ease}
/* market akordeon */
.mk-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 2px rgba(8,12,20,.04)}
.mk-h{display:flex;align-items:center;gap:11px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;color:var(--ink);user-select:none}
.mk-h::-webkit-details-marker{display:none}
.mk-no{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:var(--yellow);color:#3a2a00;font-size:12px;font-weight:800;display:grid;place-items:center}
.mk-t{flex:1;font-size:14.5px}
.mk-v{font-size:12px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.mk-chev{color:var(--muted);transition:transform .2s}
.mk-card[open] .mk-chev{transform:rotate(180deg)}
.mk-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:0 14px 16px}
.odd-box{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px solid var(--border);border-radius:11px;padding:11px 8px;background:var(--surface-2);transition:.15s;cursor:default}
.odd-box:hover{border-color:var(--green);background:var(--green-soft)}
.ob-l{font-size:12px;color:var(--ink-2);font-weight:600;text-align:center;line-height:1.2}
.ob-o{font-size:16px;font-weight:800;color:var(--green)}
/* hacim */
.mc-sec-t{font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;margin:0 0 4px}
.mc-sec-t i{color:var(--green)}
.mc-sec-s{font-size:13px;color:var(--muted);margin:0 0 16px}
.mc-cmt-count{font-size:12px;color:var(--muted);font-weight:600}
.mc-bets{display:flex;flex-direction:column;gap:10px}
.mc-bet{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}
.mcb-main{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.mcb-mk{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700}
.mcb-bet{font-size:14px;font-weight:700;color:var(--ink)}
.mcb-od{color:var(--green);margin-left:4px}
.mcb-books{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.mcb-bk{display:flex;flex-direction:column;gap:2px;align-items:center;border:1px solid var(--border);border-top-width:3px;border-radius:9px;padding:7px 4px;background:var(--surface-2)}
.mcb-bk i{font-style:normal;font-size:10.5px;color:var(--muted);font-weight:600}
.mcb-bk b{font-size:13px;color:var(--ink);font-weight:800}
.mcb-bk.bk-nesine{border-top-color:#00713c}.mcb-bk.bk-nesine i{color:#00713c}
.mcb-bk.bk-misli{border-top-color:#ff5a1f}.mcb-bk.bk-misli i{color:#ff5a1f}
.mcb-bk.bk-birebin{border-top-color:#12a150}.mcb-bk.bk-birebin i{color:#12a150}
.mcb-bk.bk-iddaa{border-top-color:#caa200}.mcb-bk.bk-iddaa i{color:#b58e00}
.mcb-tot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.mcb-tot span{font-size:12px;color:var(--muted);font-weight:600}
.mcb-tot b{font-size:16px;color:var(--green);font-weight:800}
/* sidebar */
.mc-side-h{font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:7px;margin:0 0 12px}
.mc-side-h i{color:#ff5a1f}
.mc-side{display:flex;flex-direction:column;gap:2px}
.mc-side-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;text-decoration:none;transition:.13s}
.mc-side-row:hover{background:var(--surface-2)}
.mc-side-rk{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:800;display:grid;place-items:center}
.mc-side-row:hover .mc-side-rk{background:var(--green);color:#fff}
.mc-side-nm{flex:1;font-size:13px;font-weight:600;color:var(--ink);line-height:1.25;min-width:0}
.mc-side-v{font-size:12px;font-weight:800;color:var(--green)}
.mc-side-all{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:700;color:var(--green);text-decoration:none}
@media(max-width:760px){
  .mt-teams{gap:8px;padding:18px 0 20px}
  .mt-crest{width:60px;height:60px;font-size:20px}
  .mt-nm{font-size:13px}
  .mt-center{min-width:96px;padding:10px 12px}
  .mt-c-val{font-size:20px}
  .mcb-books{grid-template-columns:repeat(2,1fr)}
}


/* ============================================================
   v22 - Mac detay sayfasi v2 (Bilyoner tarzi, birebir)
   ============================================================ */
.match-hero{background:linear-gradient(160deg,#0d1621 0%,#162433 55%,#0b1a14 100%);position:relative;overflow:hidden;color:#fff}
.match-hero::before{content:'';position:absolute;right:-8%;top:-35%;width:420px;height:420px;background:radial-gradient(circle,rgba(0,148,50,.28),transparent 70%);filter:blur(12px)}
.mh-top{display:flex;align-items:center;justify-content:space-between;padding:12px 0;position:relative;z-index:1}
.mh-back,.mh-fav{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#c8d4e0;background:rgba(255,255,255,.07);border:0;cursor:pointer;text-decoration:none;transition:.15s}
.mh-back:hover,.mh-fav:hover{background:rgba(255,255,255,.15);color:#fff}
.mh-league{font-size:14px;font-weight:700;color:#e8ecf1;display:inline-flex;align-items:center;gap:7px}
.mh-league i{color:#f5a524}
.mh-teams{display:flex;align-items:center;justify-content:center;gap:22px;padding:28px 0 18px;position:relative;z-index:1}
.mh-team{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mh-badge{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1a70d8,#0e4a9a);border:3px solid rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.4);text-decoration:none}
.mh-badge-2{background:linear-gradient(135deg,#e63b3b,#9a1818)}
.mh-name{font-size:16px;font-weight:700;color:#fff;line-height:1.2}
.mh-center{flex:0 0 auto;min-width:130px;background:rgba(8,14,20,.55);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;align-items:center;gap:3px;backdrop-filter:blur(4px)}
.mh-c-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#8fa0b0}
.mh-c-val{font-size:26px;font-weight:800;color:#3ddc7f;line-height:1}
.mh-c-sub{font-size:11px;color:#aeb9c6}
.mh-channels{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 16px;position:relative;z-index:1;font-size:13px;color:#aeb9c6}
.mh-channels i{color:#f5a524}
.mh-channels span{display:inline-flex;align-items:center;gap:5px}
.mh-tabs{display:flex;gap:4px;position:relative;z-index:1;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.08)}
.mh-tabs::-webkit-scrollbar{display:none}
.mh-t{flex:0 0 auto;border:0;background:transparent;color:#aeb9c6;font-weight:700;font-size:14px;padding:14px 18px;cursor:pointer;border-bottom:3px solid transparent;display:inline-flex;align-items:center;gap:7px;transition:.15s;white-space:nowrap}
.mh-t:hover{color:#fff}
.mh-t.active{color:#fff;border-bottom-color:var(--green)}
.mh-pills{display:flex;gap:8px;padding:14px 0 8px;flex-wrap:wrap}
.mh-pill{border:1px solid var(--border);border-radius:20px;padding:6px 14px;background:var(--surface);font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:.15s}
.mh-pill:hover{border-color:var(--green);color:var(--green)}
.mh-pill.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}
.market-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 2px rgba(8,12,20,.04)}
.market-h{display:flex;align-items:center;gap:11px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;color:var(--ink);user-select:none;font-size:15px}
.market-h::-webkit-details-marker{display:none}
.market-h .no{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:var(--yellow);color:#3a2a00;font-size:12px;font-weight:800;display:grid;place-items:center}
.market-h .t{flex:1}
.market-h .v{font-size:12px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.market-h .chev{color:var(--muted);transition:transform .2s}
.market-card[open] .chev{transform:rotate(180deg)}
.market-body{padding:0
/* v22: match page Bilyoner style */
.match-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: #fff;
  padding: 16px 0 0;
  margin-bottom: 16px;
}
.mh-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.mh-back {
  color: #fff;
  font-size: 22px;
  text-decoration: none;
}
.mh-league {
  font-size: 13px;
  font-weight: 700;
  opacity: 0.9;
  text-align: center;
  flex: 1;
}
.mh-fav {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.mh-teams {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 12px;
}
.mh-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.mh-badge {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #00713c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  text-decoration: none;
}
.mh-badge-2 {
  background: #ff5a1f;
}
.mh-name {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.mh-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  background: rgba(255,255,255,0.1);
  padding: 8px 16px;
  border-radius: 8px;
}
.mh-c-lbl {
  font-size: 12px;
  font-weight: 600;
}
.mh-c-val {
  font-size: 22px;
  font-weight: 800;
}
.mh-c-sub {
  font-size: 11px;
  opacity: 0.8;
}
.mh-channels {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  opacity: 0.85;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.mh-tabs {
  display: flex;
  gap: 0;
  overflow-x: auto;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.mh-t {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: rgba(255,255,255,0.7);
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.mh-t.active {
  color: #fff;
  border-bottom-color: #fff;
}
.mh-pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 0;
  margin-bottom: 8px;
}
.mh-pill {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.mh-pill.active {
  background: #111;
  color: #fff;
  border-color: #111;
}
.mh-tab {
  display: none;
}
.mh-tab.active {
  display: block;
}
.market-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-bottom: 10px;
  background: #fff;
  overflow: hidden;
}
.market-h {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  font-size: 14px;
}
.market-h .no {
  color: var(--muted);
  font-size: 12px;
  min-width: 18px;
}
.market-h .t {
  flex: 1;
}
.market-h .v {
  font-size: 12px;
  color: var(--muted);
  font-weight: 600;
}
.market-h .chev {
  color: var(--muted);
  transition: transform 0.2s;
}
.market-card[open] .chev {
  transform: rotate(180deg);
}
.market-body {
  padding: 0 14px 14px;
}
.odd-cell {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.odd-cell:hover {
  border-color: var(--green);
}
.odd-val {
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
}
.odd-lbl {
  font-size: 11px;
  color: var(--muted);
  margin-top: 2px;
}
.au-row {
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}
.au-side {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
}
.au-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
}
.au-box {
  font-size: 14px;
  font-weight: 800;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 4px 10px;
  min-width: 56px;
  text-align: center;
}
.au-box:hover {
  border-color: var(--green);
  cursor: pointer;
}