:root{
    /* Marka (her iki temada sabit) */
    --ink:#0a1124;--ink2:#0f1830;--ink3:#15233f;
    --gold:#e3a82b;--gold2:#f6cb5e;--gold-soft:rgba(227,168,43,.12);
    --red:#e2433a;--green:#1fbf6b;
    /* Açık tema (varsayılan) */
    --bg:#f8f9fc;--bg2:#eef1f7;
    --card:#ffffff;--card2:#f6f8fc;
    --text:#0f1a2e;--heading:#0b1426;--text2:#3d4759;--muted:#6b768c;
    --line:#e7ecf4;--line2:#eff3f9;
    --sh1:0 1px 2px rgba(12,20,40,.04), 0 6px 20px rgba(12,20,40,.06);
    --sh2:0 12px 44px rgba(12,20,40,.12);
    --sh-gold:0 8px 28px rgba(227,168,43,.34);
    --r:16px;--rs:12px;
  }
  [data-theme="dark"]{
    --bg:#393b4e;--bg2:#42445a;
    --card:#3f4255;--card2:#474a60;
    --text:#e9ecf1;--heading:#ffffff;--text2:#c3c8d6;--muted:#9298ab;
    --line:#4d5066;--line2:#454862;
    --gold:#c8ccd4;--gold2:#eef1f6;--gold-soft:rgba(200,204,212,.14);
    --sh1:0 1px 2px rgba(0,0,0,.35), 0 8px 26px rgba(0,0,0,.3);
    --sh2:0 18px 54px rgba(0,0,0,.45);
    --sh-gold:0 10px 32px rgba(180,186,196,.22);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Manrope',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .4s ease,color .4s ease;min-height:100vh}
  /* Açık temada zemine yumuşak premium degrade */
  body{
    background:
      radial-gradient(60% 40% at 92% 0%, rgba(227,168,43,.07), transparent 60%),
      radial-gradient(55% 40% at 0% 100%, rgba(120,150,210,.06), transparent 60%),
      var(--bg);
  }
  /* Koyu tema: R10 tarzı düz koyu lacivert-mor zemin */
  [data-theme="dark"] body{
    background:#393b4e;
  }
  /* Koyu temada header/üst bar/alt nav paletle uyumlu (gri-mor) */
  [data-theme="dark"] .ubar{background:#2f313f;border-bottom:1px solid rgba(255,255,255,.06)}
  [data-theme="dark"] .ubar::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
  [data-theme="dark"] .hd{background:rgba(47,49,63,.88);border-bottom:1px solid rgba(255,255,255,.07)}
  [data-theme="dark"] .subnav{background:#3f4255;border-bottom:1px solid var(--line)}
  [data-theme="dark"] .tick{background:#33354a;border-bottom:1px solid rgba(255,255,255,.05)}
  [data-theme="dark"] footer{background:#2f313f;border-top:3px solid var(--gold)}
  /* Kartlar zeminden ince kenar + yumuşak gölgeyle ayrışsın */
  [data-theme="dark"] .wbox,[data-theme="dark"] .ncard,[data-theme="dark"] .sc,
  [data-theme="dark"] .pcard,[data-theme="dark"] .kblok,[data-theme="dark"] .cl,
  [data-theme="dark"] .sa-panel,[data-theme="dark"] .cs-lig-grup,[data-theme="dark"] .tw-akis,
  [data-theme="dark"] .tw-detay{border-color:rgba(255,255,255,.08)}
  body,.card,.ncard,.sc,.pcard,.aside-card,.cl,.tags a,.tr-i,.trust-in{transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
  a{text-decoration:none;color:inherit}
  img{max-width:100%;display:block}
  h1,h2,h3,h4,.dis{font-family:'Sora',sans-serif;letter-spacing:-.02em;color:var(--heading)}
  .wrap{max-width:1240px;margin:0 auto;padding:0 22px}
  .gold{color:var(--gold)}
  ::selection{background:var(--gold);color:var(--ink)}
  .ico{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

  .ubar{background:linear-gradient(90deg,#05080f 0%,#0a1124 50%,#05080f 100%);color:#8a93a8;font-size:12px;border-bottom:1px solid rgba(227,168,43,.14);position:relative}
  .ubar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(227,168,43,.55),transparent)}
  .ubar-in{display:flex;align-items:center;justify-content:space-between;height:40px}
  .ubar .l{display:flex;gap:18px;align-items:center}
  .ubar .l span{display:inline-flex;align-items:center;gap:7px;font-weight:600}
  .ubar .l .ico{font-size:14px;color:var(--gold)}
  .ubar-live{color:#e7ecf6 !important;font-weight:800 !important;letter-spacing:.4px;text-transform:uppercase;font-size:11px}
  .ubar-live i{width:8px;height:8px;border-radius:50%;background:#1fbf6b;box-shadow:0 0 0 0 rgba(31,191,107,.6);animation:ubarPulse 1.8s infinite}
  @keyframes ubarPulse{0%{box-shadow:0 0 0 0 rgba(31,191,107,.55)}70%{box-shadow:0 0 0 7px rgba(31,191,107,0)}100%{box-shadow:0 0 0 0 rgba(31,191,107,0)}}
  .ubar-lig{color:var(--gold) !important}
  .ubar .r{display:flex;gap:9px;align-items:center}
  .ubar-take{color:#7d869c;font-weight:600;letter-spacing:.2px;padding-right:12px;border-right:1px solid rgba(255,255,255,.1)}
  .ubar .r a{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#aeb6c9;transition:.22s}
  .ubar .r a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);transform:translateY(-1px)}
  .ubar .r a .ico{font-size:13px}

  .hd{background:rgba(9,15,32,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(255,255,255,.04),0 8px 30px rgba(0,0,0,.28)}
  .hd-in{display:flex;align-items:center;justify-content:space-between;height:80px;gap:12px}
  .logo{display:flex;align-items:center;gap:13px;color:#fff;flex-shrink:0}
  .logo .mk{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:800;font-size:20px;font-family:'Sora';box-shadow:0 8px 22px rgba(227,168,43,.4),inset 0 1px 0 rgba(255,255,255,.4);position:relative;overflow:hidden}
  .logo .mk::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translateX(-120%);animation:shine 5s infinite}
  @keyframes shine{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
  .logo .nm{font-family:'Sora';font-weight:800;font-size:23px;line-height:1;color:#fff}
  .logo .nm span{color:var(--gold)}
  .logo .nm small{display:block;font-size:9px;letter-spacing:4px;color:#8089a0;font-weight:600;margin-top:4px;font-family:'Manrope'}
  .nav{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;min-width:0}
  .nav a{position:relative;padding:9px 10px;color:#c2cbdd;font-size:12px;font-weight:700;border-radius:10px;transition:color .25s,background .25s;letter-spacing:0;white-space:nowrap;flex-shrink:0}
  .nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:5px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:3px;transition:.32s cubic-bezier(.34,1.56,.64,1);opacity:0}
  .nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .nav a:hover::after{left:12px;right:12px;opacity:1}
  .nav a.on{color:var(--gold);background:rgba(227,168,43,.1)}
  .nav a.on::after{left:12px;right:12px;opacity:1;box-shadow:0 0 10px rgba(227,168,43,.6)}
  .hd-act{display:flex;align-items:center;gap:9px;flex-shrink:0}
  .isearch,.theme-tg{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#dfe5f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:.25s;position:relative;overflow:hidden}
  .isearch:hover,.theme-tg:hover{background:rgba(255,255,255,.12);border-color:rgba(227,168,43,.5);color:#fff;transform:translateY(-1px)}
  .theme-tg .ico{font-size:18px;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .3s}
  .theme-tg .i-sun{position:absolute;opacity:0;transform:rotate(-90deg) scale(.4)}
  .theme-tg .i-moon{opacity:1;transform:none}
  [data-theme="dark"] .theme-tg .i-sun{opacity:1;transform:none;color:var(--gold)}
  [data-theme="dark"] .theme-tg .i-moon{opacity:0;transform:rotate(90deg) scale(.4)}
  .blogin{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;padding:0 22px;height:44px;border-radius:12px;font-size:13px;box-shadow:0 6px 18px rgba(227,168,43,.35),inset 0 1px 0 rgba(255,255,255,.4);transition:.25s;font-family:'Sora';letter-spacing:.3px;position:relative;overflow:hidden}
  .blogin::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%);transition:.6s}
  .blogin:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(227,168,43,.55)}
  .blogin:hover::before{transform:translateX(130%)}
  .blogin .ico{font-size:16px}
  .burger{display:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:.2s}
  .burger:hover{background:rgba(255,255,255,.12)}

  /* ===== ALT NAVİGASYON (kulüp/lig şeridi) ===== */
  .subnav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:90;box-shadow:var(--sh1)}
  .subnav-in{display:flex;align-items:center;gap:6px;height:52px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .subnav-in::-webkit-scrollbar{display:none}
  .subnav a{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:30px;font-size:12.5px;font-weight:700;color:var(--text2);white-space:nowrap;transition:.22s;border:1px solid transparent;flex-shrink:0}
  .subnav a:hover{background:var(--bg2);color:var(--head);border-color:var(--line);transform:translateY(-1px)}
  .subnav a .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px rgba(0,0,0,.04)}
  .subnav .canli{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:11.5px;white-space:nowrap;background:linear-gradient(135deg,var(--red),#f0584f);padding:7px 14px;border-radius:30px;box-shadow:0 4px 12px rgba(226,67,58,.35);flex-shrink:0}
  .subnav .canli i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.1s infinite}
  @media(max-width:760px){.subnav .canli{display:none}}

  .tick{background:var(--ink2);border-bottom:1px solid rgba(255,255,255,.05);color:#cdd4e4;font-size:13px;overflow:hidden}
  .tick-in{display:flex;align-items:center;gap:18px;height:50px}
  .tick .tg{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:800;padding:7px 14px;border-radius:9px;font-size:11px;white-space:nowrap;letter-spacing:.5px;font-family:'Sora'}
  .tick .tg i{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1.1s infinite}
  @keyframes blink{50%{opacity:.25}}
  .mq{flex:1;overflow:hidden;position:relative;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  .mq-trk{display:inline-flex;gap:46px;animation:mqmove 38s linear infinite;padding-left:100%}
  .tick:hover .mq-trk{animation-play-state:paused}
  .mq-trk a{display:inline-flex;align-items:center;gap:9px;color:#cdd4e4}
  .mq-trk a b{color:var(--gold);font-weight:700}
  .mq-trk a:hover{color:#fff}
  @keyframes mqmove{to{transform:translateX(-100%)}}
  .tick .all{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--gold);font-weight:700;font-size:12px;font-family:'Sora'}

  .hero{position:relative;color:#fff;overflow:hidden;background:var(--ink)}
  .hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1522778526097-ce0a22ceb253?q=80&w=1800&auto=format&fit=crop') center/cover;opacity:.5}
  .hero-tint{position:absolute;inset:0;background:linear-gradient(105deg,var(--ink) 8%,rgba(10,17,36,.86) 45%,rgba(15,35,63,.4) 100%)}
  .hero-glow{position:absolute;right:-120px;top:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(227,168,43,.22),transparent 68%);border-radius:50%}
  .hero-in{position:relative;z-index:3;display:grid;grid-template-columns:1fr 350px;gap:42px;padding:62px 0 72px;align-items:center}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--gold-soft);border:1px solid rgba(227,168,43,.32);color:var(--gold);font-size:11.5px;font-weight:700;padding:8px 16px;border-radius:40px;letter-spacing:.4px;margin-bottom:24px}
  .eyebrow i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(227,168,43,.2)}
  .hero h1{font-family:'Sora';font-size:62px;line-height:.98;font-weight:800;letter-spacing:-.03em}
  .hero h1 .g{background:linear-gradient(120deg,var(--gold) 10%,var(--gold2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}
  .hero p{margin:24px 0 32px;color:#c1cadd;max-width:520px;font-size:16px}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap}
  .cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;padding:16px 28px;border-radius:13px;font-size:14.5px;box-shadow:var(--sh-gold);transition:.22s;font-family:'Sora'}
  .cta:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(227,168,43,.55)}
  .cta-2{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;padding:16px 26px;border-radius:13px;font-size:14.5px;transition:.22s}
  .cta-2:hover{background:rgba(255,255,255,.16)}
  .cta-2 .pl{width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:11px}

  .tbox{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;backdrop-filter:blur(12px)}
  .tbox h3{font-size:12px;color:var(--gold);letter-spacing:1.4px;margin-bottom:6px;text-transform:uppercase;display:flex;align-items:center;gap:8px;font-family:'Manrope';font-weight:800}
  .ti{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;transition:.2s}
  .ti:last-child{border-bottom:none;padding-bottom:0}
  .ti:hover{transform:translateX(3px)}
  .ti .n{width:28px;height:28px;border-radius:9px;background:rgba(227,168,43,.16);color:var(--gold);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Sora'}
  .ti img{width:50px;height:50px;border-radius:11px;object-fit:cover;flex-shrink:0}
  .ti .x{font-size:13px;color:#e7ebf4;line-height:1.3;font-weight:600}
  .ti .x small{color:#8089a0;font-size:11px;display:flex;align-items:center;gap:5px;margin-top:4px;font-weight:500}

  .trust{position:relative;z-index:5;margin-top:-34px}
  .trust-in{background:var(--card);border-radius:var(--r);box-shadow:var(--sh2);border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
  .tr-i{display:flex;align-items:center;gap:15px;padding:22px 24px;border-right:1px solid var(--line2);transition:.2s}
  .tr-i:last-child{border-right:none}
  .tr-i:hover{background:#fafbfd}
  .tr-i .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--gold-soft),rgba(227,168,43,.04));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;border:1px solid rgba(227,168,43,.18)}
  .tr-i b{display:block;font-size:14.5px;color:var(--heading);font-family:'Sora'}
  .tr-i small{color:var(--muted);font-size:12px}

  .off{background:linear-gradient(120deg,var(--ink),var(--ink3));border-radius:var(--r);padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:var(--sh2);flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}
  .off::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gold),var(--gold2))}
  .off .lab{font-weight:800;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:11px;font-family:'Sora';padding-left:6px}
  .off .lab .d{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(31,191,107,.22);animation:pl 2s infinite}
  @keyframes pl{50%{opacity:.4}}
  .off .lab small{display:block;color:#9aa6c2;font-weight:500;font-size:11px;font-family:'Manrope'}
  .chip{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:13px;padding:10px 15px;transition:.22s}
  .chip:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
  .clb{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:#fff;font-family:'Sora';flex-shrink:0}
  .chip .rt{display:flex;align-items:center;gap:8px}
  .chip .ar{color:var(--gold)}
  .chip .pl{font-weight:700;color:#fff;font-size:12.5px;line-height:1.15}
  .chip .pl small{display:block;color:#9aa6c2;font-size:10px;font-weight:500}
  .chip .bd{background:var(--green);color:#fff;font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.5px}
  .off .all{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--ink);font-weight:800;padding:11px 18px;border-radius:11px;font-size:12.5px;font-family:'Sora';white-space:nowrap;transition:.2s}
  .off .all:hover{background:var(--gold2)}

  .sec{padding:42px 0}
  .sh{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
  .sh h2{font-size:24px;font-weight:800;display:flex;align-items:center;gap:12px}
  .sh h2 .bar{width:6px;height:26px;background:linear-gradient(var(--gold),var(--gold2));border-radius:4px}
  .sh .lk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:700;transition:.2s}
  .sh .lk:hover{color:var(--gold)}

  .lead{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}
  .ftr{position:relative;border-radius:var(--r);overflow:hidden;min-height:430px;display:flex;align-items:flex-end;box-shadow:var(--sh1);color:#fff}
  .ftr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
  .ftr:hover img{transform:scale(1.05)}
  .ftr .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,26,.97) 5%,rgba(7,12,26,.35) 50%,rgba(7,12,26,.1) 100%);z-index:1}
  .ftr .bd{position:relative;z-index:2;padding:30px}
  .badge-r{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:800;font-size:11px;padding:6px 13px;border-radius:8px;letter-spacing:.4px;margin-bottom:14px;font-family:'Sora';box-shadow:0 6px 16px rgba(226,67,58,.45)}
  .badge-r i{width:7px;height:7px;background:#fff;border-radius:50%;animation:blink 1.1s infinite}
  .ftr h3{font-family:'Sora';font-size:27px;font-weight:800;line-height:1.15;margin-bottom:12px}
  .ftr p{color:#cdd4e4;font-size:14px;max-width:560px;margin-bottom:14px}
  .ftr .mt{display:flex;gap:16px;color:#aeb6c9;font-size:12.5px;font-weight:600}
  .ftr .mt span{display:inline-flex;align-items:center;gap:6px}

  .side-list{display:flex;flex-direction:column;gap:14px}
  .sc{display:flex;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:var(--rs);padding:13px;box-shadow:var(--sh1);transition:.22s}
  .sc:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:#dfe3ec}
  .sc .ph{position:relative;width:118px;height:90px;border-radius:10px;overflow:hidden;flex-shrink:0}
  .sc .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}
  .sc:hover .ph img{transform:scale(1.08)}
  .sc .tg{position:absolute;top:7px;left:7px;background:var(--gold);color:var(--ink);font-size:9px;font-weight:800;padding:3px 7px;border-radius:5px;font-family:'Sora';letter-spacing:.3px}
  .sc .in{display:flex;flex-direction:column;justify-content:center}
  .sc .in h4{font-size:14.5px;font-weight:700;color:var(--heading);line-height:1.3;margin-bottom:8px}
  .sc .in small{color:var(--muted);font-size:11.5px;display:flex;align-items:center;gap:6px;font-weight:600}

  .triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
  .fblk{position:relative;border-radius:var(--r);overflow:hidden;min-height:330px;display:flex;align-items:flex-end;box-shadow:var(--sh1);color:#fff;border:1px solid var(--line)}
  .fblk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
  .fblk:hover img{transform:scale(1.06)}
  .fblk .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,26,.97),rgba(7,12,26,.1));z-index:1}
  .fblk .bd{position:relative;z-index:2;padding:24px}
  .kick{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--ink);font-weight:800;font-size:10px;padding:6px 12px;border-radius:7px;letter-spacing:.4px;margin-bottom:13px;font-family:'Sora'}
  .fblk h3{font-family:'Sora';font-size:19px;font-weight:800;line-height:1.25;margin-bottom:10px}
  .fblk p{font-size:13px;color:#cdd4e4;margin-bottom:16px}
  .rd{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:10px 17px;border-radius:10px;font-size:12px;font-weight:700;transition:.22s;font-family:'Sora'}
  .rd:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

  .pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px 20px;box-shadow:var(--sh1)}
  .pi{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px dashed var(--line);transition:.2s}
  .pi:last-child{border-bottom:none}
  .pi:hover{transform:translateX(3px)}
  .pi .n{font-family:'Sora';font-size:26px;font-weight:800;color:#dfe3ec;width:30px;flex-shrink:0;line-height:1}
  .pi:nth-child(1) .n,.pi:nth-child(2) .n,.pi:nth-child(3) .n{background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .pi .t{font-size:13.5px;font-weight:700;color:var(--heading);line-height:1.3}
  .pi .t small{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:600;font-size:11px;margin-top:5px}
  .pi .t small span{display:inline-flex;align-items:center;gap:4px}

  .vgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}
  .vid{position:relative;border-radius:var(--r);overflow:hidden;min-height:240px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh1)}
  .vid.big{min-height:380px}
  .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
  .vid:hover img{transform:scale(1.06)}
  .vid .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,26,.95),rgba(7,12,26,.08));z-index:1}
  .vid .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(227,168,43,.95);display:flex;align-items:center;justify-content:center;z-index:3;transition:.25s;box-shadow:0 8px 24px rgba(0,0,0,.4)}
  .vid .pl .ico{font-size:24px;color:var(--ink);margin-left:3px}
  .vid:hover .pl{transform:translate(-50%,-50%) scale(1.12);background:var(--gold)}
  .vid .du{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px;z-index:3;backdrop-filter:blur(4px)}
  .vid .bd{position:relative;z-index:2;padding:20px}
  .vid .bd .kk{display:inline-block;background:var(--gold);color:var(--ink);font-size:9.5px;font-weight:800;padding:4px 10px;border-radius:6px;margin-bottom:10px;font-family:'Sora'}
  .vid h3{font-family:'Sora';font-size:17px;font-weight:800;line-height:1.25}
  .vid.big h3{font-size:22px}

  .tags{display:flex;flex-wrap:wrap;gap:11px}
  .tags a{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:40px;padding:10px 19px;font-size:13px;font-weight:700;color:var(--text2);transition:.22s;box-shadow:var(--sh1)}
  .tags a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateY(-2px)}
  .tags a:hover b{color:var(--ink)}
  .tags a b{color:var(--gold);margin-right:3px;font-weight:800}

  .clubs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .cl{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 12px;text-align:center;transition:.25s;box-shadow:var(--sh1)}
  .cl:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:rgba(227,168,43,.4)}
  .cl .lg{width:56px;height:56px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:17px;font-family:'Sora';box-shadow:0 6px 16px rgba(16,22,38,.18)}
  .cl b{font-size:13px;color:var(--heading);display:block;font-family:'Sora'}
  .cl small{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px}

  .stats{background:linear-gradient(120deg,var(--ink),var(--ink3));border-radius:22px;padding:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;overflow:hidden;box-shadow:var(--sh2)}
  .stats::before{content:"";position:absolute;right:-60px;bottom:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(227,168,43,.16),transparent 68%);border-radius:50%}
  .stats::after{content:"";position:absolute;left:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(31,191,107,.1),transparent 68%);border-radius:50%}
  .st{text-align:center;position:relative;z-index:2;border-right:1px solid rgba(255,255,255,.09)}
  .st:last-child{border-right:none}
  .st .ic{color:var(--gold);font-size:22px;margin-bottom:10px}
  .st b{display:block;font-size:40px;color:#fff;font-weight:800;line-height:1;font-family:'Sora'}
  .st small{font-size:12.5px;color:#9aa6c2;margin-top:9px;display:block}

  .nl{background:linear-gradient(125deg,#0d1630,#14254a);border-radius:22px;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--sh2)}
  .nl::before{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(227,168,43,.2),transparent 65%);border-radius:50%}
  .nl-l{position:relative;z-index:2;color:#fff}
  .nl-l .kk{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
  .nl-l h3{font-family:'Sora';font-size:30px;font-weight:800;line-height:1.1;margin-bottom:12px}
  .nl-l p{color:#aeb6c9;font-size:14px;max-width:420px}
  .nl-r{position:relative;z-index:2}
  .nl-r form{display:flex;flex-direction:column;gap:12px}
  .nl-r .row{display:flex;gap:10px}
  .nl-r input{flex:1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:12px;padding:16px 18px;font-size:14px;outline:none;color:#fff;font-family:'Manrope'}
  .nl-r input::placeholder{color:#8089a0}
  .nl-r input:focus{border-color:var(--gold)}
  .nl-r button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:12px;padding:16px 28px;font-size:14px;cursor:pointer;transition:.2s;white-space:nowrap;font-family:'Sora';box-shadow:var(--sh-gold)}
  .nl-r button:hover{transform:translateY(-2px)}
  .nl-r .note{color:#8089a0;font-size:11.5px;display:flex;align-items:center;gap:6px}
  .nl-msg{margin-top:10px;font-size:13px;font-weight:600;color:var(--gold2);min-height:18px}

  footer{background:var(--ink);color:#aeb6c9;margin-top:52px;padding:56px 0 26px;border-top:3px solid var(--gold)}
  .fg{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.3fr;gap:34px}
  .fg h4{color:#fff;font-size:13px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.7px;font-family:'Sora'}
  .fg a{display:flex;align-items:center;gap:8px;color:#8e97ad;font-size:13px;padding:7px 0;transition:.2s}
  .fg a:hover{color:var(--gold);transform:translateX(4px)}
  .fg a .ico{font-size:13px;opacity:.5}
  .fa p{font-size:13px;color:#8e97ad;margin-top:16px;line-height:1.7;max-width:330px}
  .fsoc{display:flex;gap:11px;margin-top:20px}
  .fsoc a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:.22s}
  .fsoc a:hover{background:var(--gold);color:var(--ink);transform:translateY(-3px)}
  .cpy{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:24px;font-size:12px;color:#727b92;flex-wrap:wrap;gap:12px}
  .cpy a{color:#8e97ad}.cpy a:hover{color:var(--gold)}

  .top{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border:none;cursor:pointer;box-shadow:var(--sh-gold);z-index:90;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;visibility:hidden;transition:.3s}
  .top.show{opacity:1;visibility:visible}

  .mmenu{position:fixed;inset:0;z-index:200;visibility:hidden;opacity:0;transition:.3s}
  .mmenu.open{visibility:visible;opacity:1}
  .mmenu .scrim{position:absolute;inset:0;background:rgba(7,12,26,.65);backdrop-filter:blur(4px)}
  .mmenu .panel{position:absolute;top:0;right:0;bottom:0;width:300px;max-width:84vw;background:var(--ink);border-left:1px solid rgba(255,255,255,.08);padding:24px;transform:translateX(100%);transition:.35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:6px;overflow-y:auto}
  .mmenu.open .panel{transform:translateX(0)}
  .mmenu .mhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .mmenu .mhd .nm{font-family:'Sora';font-weight:800;font-size:18px;color:#fff}
  .mmenu .mhd .nm span{color:var(--gold)}
  .mmenu .mclose{background:rgba(255,255,255,.08);border:none;color:#fff;width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}
  .mmenu .panel a{color:#cdd4e4;font-size:14.5px;font-weight:700;padding:13px 14px;border-radius:10px;transition:.2s;display:flex;align-items:center;justify-content:space-between}
  .mmenu .panel a:hover,.mmenu .panel a.on{background:rgba(227,168,43,.12);color:var(--gold)}
  .mmenu .panel a .ico{font-size:15px;opacity:.6}
  .mmenu .mlogin{margin-top:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)!important;justify-content:center!important;font-family:'Sora'}

  .srch{position:fixed;inset:0;z-index:210;visibility:hidden;opacity:0;transition:.3s;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh}
  .srch.open{visibility:visible;opacity:1}
  .srch .scrim{position:absolute;inset:0;background:rgba(7,12,26,.75);backdrop-filter:blur(6px)}
  .srch .box{position:relative;z-index:2;width:min(640px,90vw);transform:translateY(-16px);transition:.35s}
  .srch.open .box{transform:translateY(0)}
  .srch .field{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:16px;padding:6px 6px 6px 22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
  .srch .field .ico{font-size:22px;color:var(--muted)}
  .srch .field input{flex:1;border:none;outline:none;font-size:18px;padding:18px 0;font-family:'Manrope';color:var(--heading);background:none}
  .srch .field button{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:15px 24px;font-weight:800;font-family:'Sora';cursor:pointer;font-size:14px}
  .srch .hint{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;justify-content:center}
  .srch .hint span{font-size:11px;color:#8089a0;align-self:center;margin-right:4px}
  .srch .hint a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#dfe3ec;padding:7px 14px;border-radius:30px;font-size:12.5px;font-weight:600;transition:.2s}
  .srch .hint a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

  .rv{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.6,.2,1)}
  .rv.in{opacity:1;transform:none}
  /* Güvenlik: JS çalışmazsa veya 2.5sn içinde tetiklenmezse içerik yine görünür */
  .no-rv .rv{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mq-trk,.logo .mk::after{animation:none}}
  body.lock{overflow:hidden}

  /* ===== EDİTÖRYEL MANŞET VİTRİNİ ===== */
  .board{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;padding:26px 0 8px}
  .lead-main{position:relative;border-radius:var(--r);overflow:hidden;min-height:480px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh1)}
  .lead-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}
  .lead-main:hover img{transform:scale(1.04)}
  .lead-main .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,22,.94) 8%,rgba(6,11,22,.45) 48%,rgba(6,11,22,.08) 100%);z-index:1}
  .lead-main .bd{position:relative;z-index:2;padding:34px 32px}
  .lead-main h2{font-family:'Sora';font-size:32px;line-height:1.14;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.02em}
  .lead-main p{color:#d4dbe9;font-size:15px;line-height:1.6;max-width:640px;margin-bottom:14px}
  .kategori-etiket{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;font-size:11px;padding:6px 13px;border-radius:7px;letter-spacing:.5px;margin-bottom:16px;font-family:'Sora'}
  .lead-meta{display:flex;gap:18px;color:#aeb6c9;font-size:12.5px;font-weight:600}
  .lead-meta span{display:inline-flex;align-items:center;gap:6px}
  .lead-side{display:flex;flex-direction:column;gap:16px}
  .lead-side .ls{position:relative;border-radius:var(--rs);overflow:hidden;flex:1;min-height:148px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh1)}
  .lead-side .ls img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
  .lead-side .ls:hover img{transform:scale(1.06)}
  .lead-side .ls .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,22,.92),rgba(6,11,22,.15));z-index:1}
  .lead-side .ls .bd{position:relative;z-index:2;padding:16px 18px}
  .lead-side .ls .k{font-size:10px;font-weight:800;color:var(--gold2);letter-spacing:.5px;font-family:'Sora';display:block;margin-bottom:6px}
  .lead-side .ls h3{font-family:'Sora';font-size:15px;line-height:1.28;font-weight:700;color:#fff}

  /* Bölüm başlığı - editöryel */
  .ed-head{display:flex;align-items:center;gap:14px;margin:8px 0 20px;border-bottom:2px solid var(--line);padding-bottom:0}
  .ed-head h2{font-family:'Sora';font-size:17px;font-weight:800;color:var(--head);text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:3px solid var(--gold);margin-bottom:-2px}
  .ed-head .lk{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px;padding-bottom:12px}
  .ed-head .lk:hover{color:var(--gold)}

  /* Ana akış: sol içerik + sağ sidebar */
  .flow{display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:start}
  .flow-main{min-width:0}
  .news-row2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .nc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;box-shadow:var(--sh1);transition:.2s}
  .nc:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
  .nc .ph{position:relative;height:180px;overflow:hidden}
  .nc .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
  .nc:hover .ph img{transform:scale(1.06)}
  .nc .ph .k{position:absolute;top:11px;left:11px;color:#fff;font-size:9.5px;font-weight:800;padding:4px 9px;border-radius:5px;font-family:'Sora';letter-spacing:.4px}
  .nc .bd{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
  .nc .bd h3{font-family:'Sora';font-size:16px;line-height:1.3;font-weight:700;color:var(--head);margin-bottom:8px}
  .nc .bd p{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:12px;flex:1}
  .nc .bd .mt{display:flex;gap:13px;color:var(--muted);font-size:11px;font-weight:600}
  .nc .bd .mt span{display:inline-flex;align-items:center;gap:5px}

  /* Liste tarzı haber (sol akış, yatay) */
  .hlist{display:flex;flex-direction:column;gap:2px;margin-top:8px}
  .hrow{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);transition:.2s}
  .hrow:hover{padding-left:6px}
  .hrow .ph{width:150px;height:100px;border-radius:11px;overflow:hidden;flex-shrink:0;position:relative}
  .hrow .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
  .hrow:hover .ph img{transform:scale(1.06)}
  .hrow .in{display:flex;flex-direction:column;justify-content:center;min-width:0}
  .hrow .in .k{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.5px;font-family:'Sora';margin-bottom:6px}
  .hrow .in h3{font-family:'Sora';font-size:16.5px;line-height:1.3;font-weight:700;color:var(--head);margin-bottom:7px}
  .hrow .in p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:8px;display:none}
  .hrow .in .mt{display:flex;gap:13px;color:var(--muted);font-size:11.5px;font-weight:600}
  .hrow .in .mt span{display:inline-flex;align-items:center;gap:5px}

  /* Sidebar bloğu */
  .swid{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px}
  .wbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1);overflow:hidden}
  .wbox .wh{padding:15px 18px;border-bottom:1px solid var(--line);font-family:'Sora';font-weight:800;font-size:13px;color:var(--head);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:9px}
  .wbox .wh .ico{color:var(--gold);font-size:17px}
  .wbox .wb{padding:6px 18px}
  .rank{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
  .rank:last-child{border-bottom:none}
  .rank .nn{font-family:'Sora';font-size:22px;font-weight:800;color:var(--line);width:26px;flex-shrink:0;line-height:1}
  .rank:nth-child(-n+3) .nn{color:var(--gold)}
  .rank .rt{font-size:13.5px;font-weight:700;color:var(--head);line-height:1.32}
  .rank .rt small{display:flex;align-items:center;gap:5px;color:var(--muted);font-weight:600;font-size:11px;margin-top:5px}
  .wfeat{position:relative;display:block;min-height:200px;display:flex;align-items:flex-end;color:#fff}
  .wfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .wfeat .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,22,.94),rgba(6,11,22,.1));z-index:1}
  .wfeat .bd{position:relative;z-index:2;padding:16px 18px}
  .wfeat .k{font-size:10px;font-weight:800;color:var(--gold2);letter-spacing:.5px;font-family:'Sora';display:block;margin-bottom:6px}
  .wfeat h3{font-family:'Sora';font-size:16px;line-height:1.28;font-weight:700;color:#fff}

  /* ===== CANLI SKOR WIDGET ===== */
  .scorebox .wb{padding:0}
  .match{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);gap:10px}
  .match:last-child{border-bottom:none}
  .match .lig{font-size:9.5px;color:var(--muted);font-weight:700;width:38px;flex-shrink:0;text-transform:uppercase}
  .match .takimlar{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
  .match .tk{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .match .tk .ad{font-size:13px;font-weight:600;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .match .tk .sk{font-size:14px;font-weight:800;color:var(--head);font-family:'Sora';flex-shrink:0}
  .match .durum{font-size:10px;font-weight:800;padding:3px 7px;border-radius:5px;flex-shrink:0}
  .match .durum.live{background:rgba(226,67,58,.14);color:var(--red)}
  .match .durum.ft{background:var(--bg2);color:var(--muted)}
  .match .min{font-size:10px;color:var(--red);font-weight:700;text-align:center;margin-top:2px}

  /* ===== KATEGORİ BLOĞU (gazete tarzı) ===== */
  .kblok{margin-top:40px}
  .kblok-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .kblok-head .bar{width:5px;height:24px;border-radius:3px}
  .kblok-head h2{font-family:'Sora';font-size:20px;font-weight:800;color:var(--head)}
  .kblok-head .lk{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px}
  .kblok-head .lk:hover{color:var(--gold)}
  .kblok-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
  .kbig{position:relative;border-radius:var(--r);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh1)}
  .kbig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
  .kbig:hover img{transform:scale(1.05)}
  .kbig .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,22,.95),rgba(6,11,22,.1));z-index:1}
  .kbig .bd{position:relative;z-index:2;padding:22px}
  .kbig h3{font-family:'Sora';font-size:21px;line-height:1.2;font-weight:800;margin-bottom:8px}
  .kbig .mt{font-size:12px;color:#aeb6c9;display:flex;gap:14px;font-weight:600}
  .kbig .mt span{display:inline-flex;align-items:center;gap:5px}
  .ksmall{display:flex;flex-direction:column;gap:14px}
  .ksrow{display:flex;gap:13px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .ksrow:last-child{border-bottom:none;padding-bottom:0}
  .ksrow .ph{width:84px;height:62px;border-radius:9px;overflow:hidden;flex-shrink:0}
  .ksrow .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
  .ksrow:hover .ph img{transform:scale(1.07)}
  .ksrow h4{font-family:'Sora';font-size:13.5px;line-height:1.32;font-weight:700;color:var(--head)}
  .ksrow small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:600;margin-top:6px}

  /* ===== VİDEO ŞERİDİ ===== */
  .vstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .vcard{position:relative;border-radius:var(--rs);overflow:hidden;min-height:170px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh1)}
  .vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
  .vcard:hover img{transform:scale(1.07)}
  .vcard .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,22,.92),rgba(6,11,22,.15));z-index:1}
  .vcard .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(227,168,43,.95);display:flex;align-items:center;justify-content:center;z-index:3;transition:.25s}
  .vcard .pl .ico{font-size:18px;color:#0a1124;margin-left:2px}
  .vcard:hover .pl{transform:translate(-50%,-50%) scale(1.12)}
  .vcard .bd{position:relative;z-index:2;padding:14px}
  .vcard h4{font-family:'Sora';font-size:13.5px;line-height:1.3;font-weight:700;color:#fff}
  .vcard .sure{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px;z-index:3}

  /* ===== YAZARLAR ŞERİDİ ===== */
  .yazarlar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .yazar{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh1);transition:.2s}
  .yazar:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
  .yazar .av{width:54px;height:54px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;color:#0a1124;font-weight:800;font-size:19px;font-family:'Sora'}
  .yazar .in b{font-family:'Sora';font-size:14px;color:var(--head);display:block}
  .yazar .in small{font-size:11.5px;color:var(--gold);font-weight:700;display:block;margin:2px 0 6px}
  .yazar .in p{font-size:12px;color:var(--muted);line-height:1.5}

  @media(max-width:980px){
    .kblok-grid{grid-template-columns:1fr}
    .vstrip{grid-template-columns:1fr 1fr}
    .yazarlar{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .vstrip,.yazarlar{grid-template-columns:1fr}
  }

  @media(max-width:980px){
    .board{grid-template-columns:1fr}
    .lead-main{min-height:360px}
    .lead-side{flex-direction:row}
    .flow{grid-template-columns:1fr}
    .swid{position:static}
  }
  @media(max-width:600px){
    .lead-side{flex-direction:column}
    .news-row2{grid-template-columns:1fr}
    .lead-main h2{font-size:23px}
    .hrow .ph{width:104px;height:78px}
    .hrow .in h3{font-size:14.5px}
  }

  /* ===== ARTICLE (haber detay) ===== */
  .crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:22px 0 0;flex-wrap:wrap}
  .crumb a{color:var(--muted);font-weight:600}
  .crumb a:hover{color:var(--gold)}
  .crumb .sep{opacity:.5}
  .art{display:grid;grid-template-columns:1fr 340px;gap:34px;padding:24px 0 10px}
  .art-main{min-width:0}
  .art-cat{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:800;font-size:11px;padding:6px 13px;border-radius:8px;font-family:'Sora';letter-spacing:.4px;margin-bottom:16px}
  .art h1{font-family:'Sora';font-size:36px;line-height:1.12;font-weight:800;color:var(--heading);margin-bottom:14px}
  .art .lede{font-size:17px;color:var(--text2);line-height:1.6;margin-bottom:20px;font-weight:500}
  .art-meta{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;font-weight:600;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;flex-wrap:wrap}
  .art-meta span{display:inline-flex;align-items:center;gap:7px}
  .art-cover{width:100%;border-radius:var(--r);overflow:hidden;margin-bottom:24px;box-shadow:var(--sh1)}
  .art-cover img{width:100%;max-height:460px;object-fit:cover}
  .art-body{font-size:16.5px;line-height:1.8;color:var(--text)}
  .art-body p{margin-bottom:18px}
  .art-body h2,.art-body h3{color:var(--heading);margin:26px 0 12px}
  .art-body img{border-radius:12px;margin:18px 0}
  .art-share{display:flex;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}
  .art-share b{font-size:13px;color:var(--heading);font-family:'Sora'}
  .art-share a{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:.2s}
  .art-share a:hover{transform:translateY(-2px)}
  .aside-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px 20px;box-shadow:var(--sh1);margin-bottom:20px}
  .aside-card .hd-t{font-family:'Sora';font-weight:800;font-size:15px;color:var(--ink);padding:14px 0 10px;display:flex;align-items:center;gap:9px;border-bottom:2px solid var(--line);margin-bottom:4px}
  .aside-card .hd-t::before{content:"";width:5px;height:17px;background:var(--gold);border-radius:3px}

  .grid-news{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .ncard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1);transition:.22s;display:flex;flex-direction:column}
  .ncard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
  .ncard .ph{position:relative;height:185px;overflow:hidden}
  .ncard .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
  .ncard:hover .ph img{transform:scale(1.07)}
  .ncard .ph .tg{position:absolute;top:12px;left:12px;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:6px;font-family:'Sora';letter-spacing:.4px}
  .ncard .bd{padding:16px;display:flex;flex-direction:column;flex:1}
  .ncard .bd h3{font-size:16px;font-weight:700;color:var(--heading);line-height:1.32;margin-bottom:10px}
  .ncard .bd p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px;flex:1}
  .ncard .bd .mt{display:flex;gap:14px;color:var(--muted);font-size:11.5px;font-weight:600}
  .ncard .bd .mt span{display:inline-flex;align-items:center;gap:5px}
  .page-hero{background:linear-gradient(120deg,var(--ink),var(--ink3));color:#fff;padding:46px 0;position:relative;overflow:hidden;border-bottom:1px solid rgba(227,168,43,.18)}
  .page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.6;pointer-events:none}
  .page-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(227,168,43,.22),transparent 68%);border-radius:50%;pointer-events:none}
  .page-hero .in{position:relative;z-index:2}
  .page-hero h1{font-family:'Sora';font-size:40px;font-weight:800;color:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:12px;line-height:1.05;letter-spacing:-.02em}
  .page-hero>.wrap>.in>p,.page-hero p{color:#aeb6c9;font-size:14.5px}
  .page-hero .crumb{font-size:13px}
  .page-hero .crumb a{color:#aeb6c9;transition:.2s}
  .page-hero .crumb a:hover{color:var(--gold)}
  .page-hero .crumb .sep{color:#5d6982;margin:0 4px}
  .page-hero .crumb span{color:#fff}
  .page-hero p{color:#aeb6c9;margin-top:8px;font-size:14.5px}
  .empty{text-align:center;padding:60px 20px;color:var(--muted)}

  @media(max-width:1080px){
    .triple{grid-template-columns:1fr 1fr}
    .triple>div:last-child{grid-column:1/-1}
    .vgrid{grid-template-columns:1fr 1fr}
    .vid.big{grid-column:1/-1}
    .art{grid-template-columns:1fr}
    .grid-news{grid-template-columns:1fr 1fr}
  }
  @media(max-width:1300px){
    .nav{display:none}
    .burger{display:flex}
  }
  @media(max-width:1250px){
    .ubar .l span:nth-child(n+2),.ubar-take{display:none}
    .burger{display:flex}
  }
  @media(max-width:920px){
    .hero-in,.lead,.nl{grid-template-columns:1fr}
    .hero h1{font-size:44px}
    .trust-in{grid-template-columns:1fr 1fr}
    .tr-i:nth-child(2){border-right:none}
    .stats{grid-template-columns:1fr 1fr}
    .clubs{grid-template-columns:repeat(3,1fr)}
    .fg{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .triple,.vgrid,.trust-in,.clubs,.fg,.grid-news{grid-template-columns:1fr}
    .tr-i,.st{border-right:none}
    .hero h1{font-size:36px}
    .stats{grid-template-columns:1fr 1fr}
    .nl,.stats{padding:26px}
    .ftr h3{font-size:22px}
    .art h1{font-size:27px}
  }


/* ============================================================
   MOBİL UYGULAMA DENEYİMİ (bottom tab bar + dokunmatik)
   ============================================================ */
.appbar{display:none}
@media(max-width:760px){.appbar-sheet{display:block}}

@media(max-width:760px){
  /* Alt navigasyon barı - uygulama hissi */
  .appbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;
    background:var(--card);border-top:1px solid var(--line);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -4px 24px rgba(8,13,24,.12);
    justify-content:space-around;align-items:stretch;
  }
  .appbar a,.appbar button{
    flex:1;background:none;border:none;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    color:var(--muted);font-size:10px;font-weight:700;font-family:'Manrope';
    padding:7px 2px;border-radius:12px;transition:.2s;-webkit-tap-highlight-color:transparent;
  }
  .appbar a .ico,.appbar button .ico{font-size:22px;transition:.2s;stroke-width:1.8}
  .appbar a.on{color:var(--gold)}
  .appbar a.on .ico{transform:translateY(-1px);stroke-width:2.2}
  .appbar a:active,.appbar button:active{background:var(--bg2);transform:scale(.94)}
  .appbar .center{position:relative}
  .appbar .center .fab{
    width:50px;height:50px;border-radius:50%;margin-top:-22px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 20px rgba(227,168,43,.5);border:3px solid var(--card);
  }
  .appbar .center .fab .ico{font-size:22px;color:#0a1124}
  .appbar .center span{margin-top:2px}

  /* İçerik alt bar arkasında kalmasın */
  body{padding-bottom:74px}
  .top{bottom:84px}

  /* Mobilde üst aksiyon sadeleşsin: giriş butonu gizlensin (alt barda var) */
  .hd-act .blogin{display:none}
  /* Üstte yalnızca arama kalsın; tema/üye/dil/burger alt bar menüsünde */
  .hd-act .theme-tg,.hd-act .uye-menu,.hd-act .burger,.lang-sec{display:none}
  .hd-in{height:64px}
  .logo .mk{width:42px;height:42px;font-size:17px}
  .logo .nm{font-size:19px}
  .logo .nm small{display:none}
  .isearch,.theme-tg{width:40px;height:40px}

  /* Dokunmatik: kartlar tam genişlik, daha büyük dokunma alanı */
  .wrap{padding:0 14px}
  .lead-main{min-height:300px;border-radius:14px}
  .lead-main h2{font-size:21px}
  .lead-side{flex-direction:column}
  .hrow{padding:14px 0}
  .subnav{top:64px}
  .subnav-in{height:50px}

  /* Daha akıcı kaydırma */
  .subnav-in,.mq{-webkit-overflow-scrolling:touch}
}

/* Mobil arama/menü tam ekran sayfa hissi */
@media(max-width:760px){
  .srch{padding-top:0}
  .srch .box{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;padding:18px}
  .srch .field{border-radius:14px}
  .mmenu .panel{width:84vw}
}

/* App-sheet: alt bardan açılan "Daha Fazla" menüsü */
.appbar-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:130;
  background:var(--card);border-radius:22px 22px 0 0;
  padding:10px 18px calc(20px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -10px 40px rgba(8,13,24,.3);
  transform:translateY(110%);transition:.32s cubic-bezier(.4,0,.2,1);visibility:hidden;
}
.appbar-sheet.open{transform:none;visibility:visible}
.appbar-sheet .grab{width:42px;height:5px;border-radius:3px;background:var(--line);margin:6px auto 14px}
.appbar-sheet h4{font-family:'Sora';font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.appbar-sheet .links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.appbar-sheet .links a{display:flex;align-items:center;gap:11px;padding:14px;border-radius:13px;background:var(--bg2);color:var(--head);font-weight:700;font-size:13.5px}
.appbar-sheet .links a .ico{font-size:18px;color:var(--gold)}
.appbar-sheet .links a:active{transform:scale(.97)}
.sheet-scrim{position:fixed;inset:0;background:rgba(8,13,24,.5);z-index:129;opacity:0;visibility:hidden;transition:.3s}
.sheet-scrim.open{opacity:1;visibility:visible}
@media(min-width:761px){.appbar-sheet,.sheet-scrim{display:none!important}}


/* ============================================================
   YATAY KAYMA (overflow) KORUMASI - mobil
   ============================================================ */
html{overflow-x:hidden;max-width:100%}
body{overflow-x:hidden;overflow-x:clip;max-width:100%;position:relative}
*{min-width:0}

@media(max-width:760px){
  /* Dekoratif taşan daireleri sınırla (yatay scroll yapmasınlar) */
  .hero,.stats,.nl,.page-hero{overflow:hidden}
  .hero-glow{right:-60px;top:-60px;width:280px;height:280px}
  .stats::before,.stats::after,.nl::before,.page-hero::after{display:none}

  /* trust kartının negatif margin'i taşma yapmasın */
  .trust{margin-top:-20px}

  /* Grid/flex çocukları taşmasın */
  .board,.flow,.lead,.triple,.kblok-grid,.vstrip,.yazarlar,
  .news-row2,.grid-news,.clubs,.fg,.stats,.trust-in{max-width:100%}

  /* Uzun başlık/paragraf kelimeleri satıra sığsın (sadece metin blokları) */
  h1,h2,h3,h4,.ftr p,.lead-main p,.nc p,.hrow p,.art-body p,.rank .rt,.nc h3,.hrow h3{overflow-wrap:break-word}

  /* Yatay şeritlerdeki öğeler bölünmesin, tek satır kalsın */
  .subnav a,.subnav .canli,.mq-trk a,.tick .tg,.tick .all,.nav a,.appbar a span,.appbar button span{white-space:nowrap;word-break:normal;overflow-wrap:normal}

  /* Resimler asla taşmasın */
  img{max-width:100%;height:auto}

  /* Yatay kaydırılabilir şeritler container'ı taşırmasın */
  .subnav-in,.mq,.scroll,.swid{max-width:100%}

  /* Tablolar (panel vb.) taşarsa kendi içinde kayar, sayfayı kaydırmaz */
  table{max-width:100%}
}


/* ============================================================
   SÖZLÜK
   ============================================================ */
.sozluk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sterim{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh1);transition:.2s;position:relative;overflow:hidden}
.sterim::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--gold),var(--gold2));transform:scaleY(0);transform-origin:top;transition:.25s}
.sterim:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:rgba(227,168,43,.4)}
.sterim:hover::before{transform:scaleY(1)}
.sterim h3{font-family:'Sora';font-size:17px;font-weight:800;color:var(--head);margin-bottom:8px;display:flex;align-items:center;gap:9px}
.sterim h3 .ico{color:var(--gold);font-size:18px}
.sterim p{font-size:13.5px;color:var(--muted);line-height:1.6}
.sterim .devam{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12px;font-weight:700;color:var(--gold);font-family:'Sora'}

.alpha{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.alpha a{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);font-weight:800;font-size:13px;color:var(--text2);font-family:'Sora';transition:.18s}
.alpha a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

.sozluk-detay{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start;padding:24px 0}
.sd-main{min-width:0}
.sd-main .tip{display:inline-flex;align-items:center;gap:7px;background:var(--gold-soft);color:#a5721a;border:1px solid rgba(227,168,43,.3);font-weight:700;font-size:11px;padding:6px 13px;border-radius:30px;margin-bottom:16px;font-family:'Sora'}
.sd-main h1{font-family:'Sora';font-size:34px;font-weight:800;color:var(--head);margin-bottom:14px;line-height:1.15}
.sd-main .kisa{font-size:17px;color:var(--text2);line-height:1.6;font-weight:500;padding:16px 20px;background:var(--bg2);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;margin-bottom:22px}
.sd-body{font-size:16px;line-height:1.85;color:var(--text)}
.sd-body p{margin-bottom:16px}

/* Haber içindeki sözlük iç linkleri */
.art-body .sozluk-link{color:var(--gold);font-weight:700;border-bottom:1px dashed var(--gold);transition:.18s}
.art-body .sozluk-link:hover{background:var(--gold-soft);border-bottom-style:solid}

@media(max-width:980px){
  .sozluk-detay{grid-template-columns:1fr}
}
@media(max-width:600px){
  .sozluk-grid{grid-template-columns:1fr}
  .sd-main h1{font-size:25px}
}


/* ============================================================
   TRANSFER KULİSİ (DUYUM AKIŞI)
   ============================================================ */
.kulis-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1);overflow:hidden;margin-bottom:22px}
.kulis-head{display:flex;align-items:center;gap:11px;padding:16px 20px;background:linear-gradient(135deg,var(--ink),var(--ink3));color:#fff}
.kulis-head .rdot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(226,67,58,.25);animation:blink 1.1s infinite}
.kulis-head h2{font-family:'Sora';font-size:16px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.kulis-head .canli-yz{margin-left:auto;font-size:11px;color:var(--gold2);font-weight:700;letter-spacing:.5px}
.kulis-list{max-height:420px;overflow-y:auto}
.duyum{display:flex;gap:13px;padding:14px 20px;border-bottom:1px solid var(--line);transition:.18s}
.duyum:last-child{border-bottom:none}
.duyum:hover{background:var(--bg2)}
.duyum .saat{flex-shrink:0;font-family:'Sora';font-size:11px;font-weight:800;color:var(--gold);width:42px;padding-top:2px}
.duyum .icerik{min-width:0}
.duyum .kaynak{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text2);margin-bottom:4px}
.duyum .kaynak .rozet{background:var(--gold-soft);color:#a5721a;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;border:1px solid rgba(227,168,43,.25);letter-spacing:.3px}
.duyum .metin{font-size:13.5px;line-height:1.5;color:var(--text)}
.duyum .metin a{color:var(--gold);font-weight:600}


/* ============================================================
   PREMIUM KOYU TEMA — Siyah & Altın Lüks Katman
   ============================================================ */
[data-theme="dark"] body{
  background:
    radial-gradient(900px 500px at 78% -8%, rgba(200,204,212,.07), transparent 60%),
    radial-gradient(800px 600px at -10% 8%, rgba(200,204,212,.04), transparent 55%),
    var(--bg);
  background-attachment:fixed;
}

/* Header: derin cam + altın alt çizgi */
[data-theme="dark"] .hd{
  background:rgba(30,34,41,.82);
  border-bottom:1px solid rgba(200,204,212,.16);
  box-shadow:0 1px 0 rgba(200,204,212,.06),0 10px 34px rgba(0,0,0,.4);
}
[data-theme="dark"] .hd::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,204,212,.45),transparent);
}

/* Alt navigasyon şeridi koyu zemine otursun */
[data-theme="dark"] .subnav{background:rgba(11,14,22,.6);border-bottom:1px solid var(--line)}

/* Kartlara ince altın kenar vurgusu (hover) */
[data-theme="dark"] .sc:hover,
[data-theme="dark"] .ncard:hover,
[data-theme="dark"] .hrow:hover,
[data-theme="dark"] .kblok:hover{border-color:rgba(200,204,212,.34)}

/* Bölüm başlığı altın bar parıltısı */
[data-theme="dark"] .sh h2 .bar,
[data-theme="dark"] .kblok-head .bar{box-shadow:0 0 14px rgba(200,204,212,.45)}

/* Giriş butonu — premium altın, daha derin gölge */
[data-theme="dark"] .blogin{box-shadow:0 8px 24px rgba(200,204,212,.32),inset 0 1px 0 rgba(255,255,255,.5)}

/* Logo markası altın kenar halkası */
[data-theme="dark"] .logo .mk{box-shadow:0 8px 22px rgba(200,204,212,.4),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(200,204,212,.25)}

/* İnce, lüks scrollbar (altın) */
[data-theme="dark"] *{scrollbar-width:thin;scrollbar-color:rgba(200,204,212,.45) transparent}
[data-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px}
[data-theme="dark"] ::-webkit-scrollbar-track{background:transparent}
[data-theme="dark"] ::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--gold),rgba(200,204,212,.4));
  border-radius:20px;border:2px solid var(--bg);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* Başlıklarda hafif ışıltı (manşet vb.) */
[data-theme="dark"] .lead-main h2,
[data-theme="dark"] .ftr h3{text-shadow:0 2px 18px rgba(0,0,0,.55)}

/* Manşet/öne çıkan kartların alt degradesi daha derin (lüks kontrast) */
[data-theme="dark"] .ftr .ov,
[data-theme="dark"] .fblk .ov,
[data-theme="dark"] .lead-main .ov{
  background:linear-gradient(0deg,rgba(3,4,7,.98) 4%,rgba(3,4,7,.45) 48%,rgba(3,4,7,.06) 100%);
}

/* Footer üst altın çizgi */
[data-theme="dark"] footer{border-top:1px solid rgba(200,204,212,.14)}

/* "Tümü" linkleri hover'da altın parıltı */
[data-theme="dark"] .sh .lk:hover,
[data-theme="dark"] .kblok-head .lk:hover{text-shadow:0 0 12px rgba(200,204,212,.4)}


/* ============================================================
   PREMIUM KOYU TEMA — Sinematik Kartlar & Mikro-Animasyon
   ============================================================ */

/* Manşet vitrini: ince altın çerçeve, hover'da kalkış + parıltı */
[data-theme="dark"] .lead-main,
[data-theme="dark"] .kbig,
[data-theme="dark"] .ftr,
[data-theme="dark"] .fblk{
  border:1px solid rgba(200,204,212,.16);
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  transition:transform .5s cubic-bezier(.2,.6,.2,1),box-shadow .5s,border-color .5s;
}
[data-theme="dark"] .lead-main:hover,
[data-theme="dark"] .kbig:hover,
[data-theme="dark"] .ftr:hover,
[data-theme="dark"] .fblk:hover{
  transform:translateY(-4px);
  border-color:rgba(200,204,212,.42);
  box-shadow:0 28px 70px rgba(0,0,0,.66),0 0 0 1px rgba(200,204,212,.22);
}
/* Manşet üst köşe altın ışıma */
[data-theme="dark"] .lead-main::after{
  content:"";position:absolute;top:0;right:0;width:240px;height:240px;z-index:1;
  background:radial-gradient(circle at 80% 20%,rgba(200,204,212,.18),transparent 60%);
  pointer-events:none;
}

/* Kategori etiketleri: cam + ince kenar (lüks rozet) */
[data-theme="dark"] .kategori-etiket,
[data-theme="dark"] .ncard .ph .tg,
[data-theme="dark"] .hrow .in .k{letter-spacing:.6px}
[data-theme="dark"] .kategori-etiket{
  box-shadow:0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter:blur(2px);
}

/* Haber kartları: hover'da yukarı + altın hat */
[data-theme="dark"] .ncard{transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s,border-color .35s}
[data-theme="dark"] .ncard:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.6)}
[data-theme="dark"] .ncard .ph::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 60%,rgba(3,4,7,.5));
  opacity:0;transition:.35s;
}
[data-theme="dark"] .ncard:hover .ph::after{opacity:1}

/* Liste satırı (hrow): hover'da sol altın çizgi */
[data-theme="dark"] .hrow{position:relative}
[data-theme="dark"] .hrow::before{
  content:"";position:absolute;left:-6px;top:14px;bottom:14px;width:3px;border-radius:3px;
  background:linear-gradient(var(--gold),var(--gold2));transform:scaleY(0);transform-origin:top;
  transition:.3s cubic-bezier(.2,.6,.2,1);
}
[data-theme="dark"] .hrow:hover::before{transform:scaleY(1)}
[data-theme="dark"] .hrow:hover .in h3{color:var(--gold2)}

/* Kulüp / istatistik kartları altın hover halkası */
[data-theme="dark"] .cl:hover{box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 0 1px rgba(200,204,212,.3)}

/* Video kartları: oynat düğmesi altın ışıma */
[data-theme="dark"] .vcard:hover .pl{box-shadow:0 0 0 6px rgba(200,204,212,.2),0 10px 26px rgba(0,0,0,.5)}

/* Bölüm/blok başlıkları üstten ince altın çizgiyle ayrılsın */
[data-theme="dark"] .kblok-head{position:relative;padding-bottom:14px;border-bottom:1px solid var(--line)}
[data-theme="dark"] .kblok-head::after{
  content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

/* "Tümü" link okları kayma animasyonu */
.kblok-head .lk .ico,.sh .lk .ico{transition:transform .25s}
.kblok-head .lk:hover .ico,.sh .lk:hover .ico{transform:translateX(4px)}

/* Reveal animasyonu daha zarif (blur + yukarı) */
.rv{opacity:0;transform:translateY(28px);filter:blur(2px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1),filter .8s}
.rv.in{opacity:1;transform:none;filter:none}

/* Genel buton/etiket parlama hover'ı (altın CTA) */
[data-theme="dark"] .cta:hover,[data-theme="dark"] .blogin:hover{box-shadow:0 16px 40px rgba(200,204,212,.45)}

/* Üst "yukarı çık" butonu altın ışıma */
[data-theme="dark"] .top{box-shadow:0 10px 30px rgba(200,204,212,.4)}

@media(prefers-reduced-motion:reduce){
  .rv{filter:none}
  [data-theme="dark"] .lead-main:hover,[data-theme="dark"] .kbig:hover,
  [data-theme="dark"] .ncard:hover,[data-theme="dark"] .ftr:hover,[data-theme="dark"] .fblk:hover{transform:none}
}

/* Fail-safe: içerik hiçbir tarayıcıda JS/reveal animasyonu yüzünden gizli kalmasın. */
.rv,.rv.in{opacity:1!important;transform:none!important;filter:none!important}


/* ============================================================
   ANA SAYFA TRANSFER DUYUM MODÜLLERİ (premium)
   ============================================================ */
/* kblok'u gerçek bir "kart" yüzeyi yap (sadece koyu temada zengin) */
.kblok{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--sh1)}
.kblok-head{margin-bottom:14px}
.kblok-head h2{font-size:18px}

/* Duyum satır listesi */
.dm-list{display:flex;flex-direction:column}
.dm-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 12px;border-radius:12px;transition:background .2s,transform .2s}
.dm-row+.dm-row{border-top:1px solid var(--line2)}
.dm-row:hover{background:var(--card2);transform:translateX(2px)}
.dm-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.dm-oyuncu{font-weight:700;font-size:14.5px;color:var(--heading);line-height:1.2}
a.dm-oyuncu:hover{color:var(--gold)}
.dm-kaynak{color:var(--muted);font-size:12px}
.dm-meta{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}
.dm-skor{display:inline-flex;align-items:baseline;font-family:'Sora';font-weight:800;font-size:15px;color:var(--gold)}
.dm-skor i{font-style:normal;font-size:10px;color:var(--muted);margin-left:1px;font-weight:600}
/* Renkli, yarı saydam zemin + canlı kenarlı lüks durum etiketi */
.dm-badge{display:inline-block;padding:5px 12px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:.3px;background:color-mix(in srgb, var(--bg) 24%, transparent);color:color-mix(in srgb, var(--bg) 70%, #ffffff);border:1px solid color-mix(in srgb, var(--bg) 55%, transparent)}

/* Güvenilir duyumcular mini kart grid */
.duyumcu-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.duyumcu-mini{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card2);transition:transform .25s,border-color .25s,box-shadow .25s}
.duyumcu-mini:hover{transform:translateY(-3px);border-color:rgba(200,204,212,.4);box-shadow:0 14px 32px rgba(0,0,0,.5)}
.dm-av{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a0a0a;font-weight:800;font-family:'Sora';display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 16px rgba(200,204,212,.35)}
.dm-av-info{min-width:0}
.dm-av-info b{display:block;font-size:14.5px;color:var(--heading);font-family:'Sora'}
.dm-av-info small{color:var(--muted);font-size:12px}

/* Kulüp grid */
.kulup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kulup-kart{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card2);font-family:'Sora';font-weight:700;color:var(--heading);transition:transform .25s,border-color .25s,box-shadow .25s}
.kulup-kart:hover{transform:translateY(-3px);border-color:rgba(200,204,212,.4);box-shadow:0 14px 32px rgba(0,0,0,.5)}
.kulup-bar{flex:0 0 auto;width:6px;height:30px;border-radius:4px}
.kulup-ad{flex:1}
.kulup-ok{color:var(--muted);font-size:16px;transition:transform .25s,color .25s}
.kulup-kart:hover .kulup-ok{color:var(--gold);transform:translateX(3px)}

@media(max-width:600px){
  .kblok{padding:18px 16px}
  .duyumcu-mini-grid,.kulup-grid{grid-template-columns:1fr}
}


/* Canlı skor rozeti (widget başlığında) */
.wh .canli-rozet{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--red),#f0584f);padding:4px 9px;border-radius:30px;letter-spacing:.4px}
.wh .canli-rozet i{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.1s infinite}
.scorebox .wh{display:flex;align-items:center}


/* ===== CANLI SKORLAR SAYFASI ===== */
.cs-gunler{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.cs-gun{padding:9px 18px;border-radius:30px;background:var(--card);border:1px solid var(--line);color:var(--text2);font-weight:700;font-size:13px;transition:.2s}
.cs-gun:hover{border-color:var(--gold);color:var(--heading);transform:translateY(-1px)}
.cs-gun.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border-color:transparent;box-shadow:0 6px 16px rgba(227,168,43,.3)}
.cs-bos{padding:40px 22px;text-align:center;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:16px;font-weight:600}
.cs-blok{margin:0 0 30px}
.cs-bh{display:flex;align-items:center;gap:10px;font-size:18px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 14px}
.cs-bh small{font-size:12px;font-weight:700;color:var(--muted);background:var(--bg2);padding:2px 10px;border-radius:20px}
.cs-pulse{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(226,67,58,.6);animation:csPulse 1.6s infinite}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(226,67,58,.55)}70%{box-shadow:0 0 0 8px rgba(226,67,58,0)}100%{box-shadow:0 0 0 0 rgba(226,67,58,0)}}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.cs-mac{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--sh1);transition:.2s}
.cs-mac:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:var(--gold)}
.cs-lig{flex-shrink:0;min-width:38px;text-align:center;font-size:10.5px;font-weight:800;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(227,168,43,.2);padding:5px 7px;border-radius:8px;letter-spacing:.3px}
.cs-tk{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cs-ad{font-size:14px;font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-sk{flex-shrink:0;font-family:'Sora';font-weight:800;font-size:16px;color:var(--heading);min-width:18px;text-align:center}
.cs-durum{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:5px 9px;border-radius:8px;white-space:nowrap}
.cs-durum.live{color:#fff;background:linear-gradient(135deg,var(--red),#f0584f);display:inline-flex;align-items:center;gap:6px}
.cs-durum.live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:csPulse 1.6s infinite}
.cs-durum.ft{color:var(--green);background:rgba(31,191,107,.12);border:1px solid rgba(31,191,107,.25)}
.cs-durum.ns{color:var(--text2);background:var(--bg2);border:1px solid var(--line)}
.cs-not{margin-top:22px;font-size:12px;color:var(--muted);text-align:center}
@media(max-width:520px){.cs-grid{grid-template-columns:1fr}}


/* ===== ÜYE HESAP MENÜSÜ ===== */
.uye-menu{position:relative}
.uye-btn{display:inline-flex;align-items:center;gap:9px;background:var(--card2);border:1px solid var(--line);border-radius:30px;padding:5px 12px 5px 5px;cursor:pointer;color:var(--heading);font-weight:700;font-size:13px;font-family:'Manrope',sans-serif;transition:.2s;max-width:200px}
.uye-btn:hover{border-color:var(--gold);transform:translateY(-1px)}
.uye-btn img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.uye-btn .uye-harf{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}
.uye-btn .uye-ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.uye-drop{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:200}
.uye-drop.open{opacity:1;visibility:visible;transform:none}
.uye-bilgi{padding:12px 13px;border-bottom:1px solid var(--line);margin-bottom:6px}
.uye-bilgi b{display:block;color:var(--heading);font-size:14px}
.uye-bilgi small{display:block;color:var(--muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uye-cikis{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;color:var(--red);font-weight:700;font-size:13.5px;transition:.18s}
.uye-cikis:hover{background:rgba(226,67,58,.1)}
.uye-cikis .ico{font-size:17px}
@media(max-width:980px){.uye-btn .uye-ad{display:none}}

.uye-uyari{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;background:#1f2733;color:#fff;border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--red);padding:13px 16px;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);font-size:13.5px;font-weight:600;max-width:92vw;animation:uyeIn .3s ease}
.uye-uyari button{background:none;border:none;color:#9aa3b2;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
.uye-uyari button:hover{color:#fff}
@keyframes uyeIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}


/* Canlı skor sayfası SEO/SSS bölümü */
.cs-seo{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.cs-seo h2{font-size:20px;font-family:'Sora';font-weight:800;color:var(--heading);margin:24px 0 12px}
.cs-seo h2:first-child{margin-top:0}
.cs-seo p{color:var(--text2);font-size:14.5px;line-height:1.7;margin:0 0 12px}
.cs-seo strong{color:var(--heading)}
.cs-faq{display:flex;flex-direction:column;gap:10px}
.cs-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2px 16px;transition:.2s}
.cs-faq details[open]{border-color:var(--gold)}
.cs-faq summary{cursor:pointer;font-weight:700;color:var(--heading);padding:14px 0;font-size:14.5px;list-style:none;position:relative;padding-right:28px}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--gold);font-weight:400;transition:.2s}
.cs-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.cs-faq details p{padding:0 0 14px;margin:0;color:var(--text2);font-size:14px;line-height:1.65}


/* ===== YORUMLAR ===== */
.yorumlar{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.yorum-baslik{font-size:21px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 20px;display:flex;align-items:center;gap:10px}
.yorum-baslik span{font-size:13px;font-weight:700;color:var(--gold);background:var(--gold-soft);padding:3px 12px;border-radius:20px}
.yorum-bildirim{padding:12px 16px;border-radius:11px;font-size:13.5px;font-weight:600;margin-bottom:16px}
.yorum-bildirim.ok{background:rgba(31,191,107,.12);border:1px solid rgba(31,191,107,.3);color:var(--green)}
.yorum-bildirim.hata{background:rgba(226,67,58,.12);border:1px solid rgba(226,67,58,.3);color:var(--red)}
.yorum-form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:26px}
.yf-head{display:flex;align-items:center;gap:11px;margin-bottom:13px;font-size:13.5px;color:var(--text2)}
.yf-head strong{color:var(--heading)}
.yf-head img,.yf-harf{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}
.yf-harf{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.yorum-form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;color:var(--text);font-size:14.5px;font-family:'Manrope',sans-serif;resize:vertical;min-height:80px;outline:none;transition:.2s}
.yorum-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.yf-alt{display:flex;justify-content:flex-end;margin-top:12px}
.yf-alt button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:11px;padding:11px 26px;font-size:14px;cursor:pointer;font-family:'Sora';transition:.2s}
.yf-alt button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(227,168,43,.4)}
.yorum-giris{background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:26px;text-align:center;margin-bottom:26px}
.yorum-giris p{color:var(--text2);font-size:14.5px;margin:0 0 16px;font-weight:600}
.yorum-giris-btn{display:inline-flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);color:var(--heading);font-weight:700;padding:12px 22px;border-radius:12px;font-size:14px;transition:.2s}
.yorum-giris-btn:hover{border-color:var(--gold);transform:translateY(-2px)}
.yorum-giris-btn .ico{font-size:18px;color:var(--gold)}
.yorum-liste{display:flex;flex-direction:column;gap:18px}
.yorum{display:flex;gap:13px}
.y-av{width:42px;height:42px;border-radius:50%;flex-shrink:0;object-fit:cover}
.y-harf{background:linear-gradient(135deg,var(--ink2),var(--ink3));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.y-govde{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 16px}
.y-ust{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.y-ust strong{color:var(--heading);font-size:14px}
.y-ust time{color:var(--muted);font-size:12px}
.y-govde p{color:var(--text2);font-size:14px;line-height:1.6;margin:0}
.yorum-bos{color:var(--muted);text-align:center;padding:24px;font-weight:600}


/* ===== DİL DEĞİŞTİRİCİ (TR/EN) ===== */
.lang-sec{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;margin-right:4px}
.lang-btn{background:none;border:none;color:#aeb6c9;font-weight:800;font-size:11px;letter-spacing:.3px;cursor:pointer;padding:4px 9px;border-radius:6px;transition:.18s;font-family:'Manrope',sans-serif}
.lang-btn:hover{color:#fff}
.lang-btn.on{background:var(--gold);color:var(--ink)}

/* Google Translate'in araya soktuğu çerçeveyi/banner'ı gizle (sayfa kaymasın) */
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}
body{top:0!important}
#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
@media(max-width:920px){.lang-sec{display:inline-flex}}


/* ===== CANLI SPOR AKIŞI ===== */
.sa-hero-stats{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap;color:#aeb6c9;font-size:13.5px}
.sa-hero-stats b{color:#fff;font-weight:800}
.sa-hero-stats .sep2{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3)}
.sa-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--red),#f0584f);padding:5px 12px;border-radius:20px;letter-spacing:.4px;box-shadow:0 4px 12px rgba(226,67,58,.4)}
.sa-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:csPulse 1.6s infinite}

.sa-one{margin:0 0 16px}
.sa-akis{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.sa-kart{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh1);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s}
.sa-kart:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--gold)}
.sa-gorsel{position:relative;height:175px;overflow:hidden;background:var(--bg2)}
.sa-gorsel img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(.4,0,.2,1)}
.sa-kart:hover .sa-gorsel img{transform:scale(1.06)}
.sa-kaynak-rozet{position:absolute;left:12px;top:12px;font-size:10.5px;font-weight:800;letter-spacing:.3px;color:#fff;background:rgba(10,17,36,.78);backdrop-filter:blur(6px);padding:5px 11px;border-radius:8px;text-transform:uppercase;border:1px solid rgba(255,255,255,.12)}
.sa-icerik{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.sa-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sa-kaynak{font-size:11px;font-weight:800;letter-spacing:.3px;color:var(--gold);background:var(--gold-soft);padding:3px 9px;border-radius:6px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.sa-meta time{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap;flex-shrink:0;margin-left:auto}
.sa-nokta{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(31,191,107,.16)}
.sa-baslik{font-size:16px;font-weight:800;color:var(--heading);line-height:1.36;margin:0;font-family:'Manrope',sans-serif;letter-spacing:-.01em}
.sa-ozet{font-size:13px;color:var(--text2);line-height:1.6;margin:0}
.sa-devam{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--gold);padding-top:4px}
.sa-devam .ico{font-size:14px;transition:.2s}
.sa-kart:hover .sa-devam .ico{transform:translateX(3px)}

/* Öne çıkan büyük kart (yatay) */
.sa-kart-buyuk{flex-direction:row}
.sa-kart-buyuk .sa-gorsel{height:auto;width:48%;min-height:260px;flex-shrink:0}
.sa-kart-buyuk .sa-icerik{justify-content:center;padding:30px 32px;gap:13px}
.sa-kart-buyuk .sa-baslik{font-size:26px;line-height:1.25;font-family:'Sora';font-weight:800}
.sa-kart-buyuk .sa-ozet{font-size:15px;line-height:1.7}
.sa-kart-buyuk .sa-devam{font-size:13.5px}
@media(max-width:720px){
  .sa-kart-buyuk{flex-direction:column}
  .sa-kart-buyuk .sa-gorsel{width:100%;min-height:0;height:200px}
  .sa-kart-buyuk .sa-icerik{padding:18px}
  .sa-kart-buyuk .sa-baslik{font-size:20px}
}


/* ===== SPOR HABERİ İÇ DETAY ===== */
.spor-detay{max-width:780px;margin:0 auto}
.sd-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sd-meta time{color:var(--muted);font-size:13px}
.spor-detay h1{font-size:32px;line-height:1.2;margin:0 0 20px;font-family:'Sora';font-weight:800;color:var(--heading)}
.sd-foto{margin:0 0 22px;border-radius:16px;overflow:hidden;background:var(--bg2)}
.sd-foto img{width:100%;display:block;max-height:440px;object-fit:cover}
.sd-ozet{font-size:17px;line-height:1.75;color:var(--text2)}
.sd-ozet p{margin:0 0 16px}
.sd-icerik{font-size:16px;line-height:1.78;color:var(--text2)}
.sd-icerik p{margin:0 0 16px}
.sd-icerik strong{color:var(--heading)}
.sd-icerik h2{font-size:21px;font-family:'Sora';font-weight:800;color:var(--heading);margin:26px 0 12px}
.sd-icerik a{color:var(--gold);font-weight:700}
.sd-atif{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.sd-atif a{color:var(--text2);font-weight:600}
.sd-kaynak-kutu{margin-top:28px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:16px;border-left:4px solid var(--gold)}
.sd-kaynak-kutu p{margin:0 0 16px;color:var(--text2);font-size:14px;line-height:1.6}
.sd-kaynak-kutu strong{color:var(--heading)}
.sd-kaynak-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;padding:12px 24px;border-radius:12px;font-size:14px;font-family:'Sora';transition:.2s}
.sd-kaynak-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(227,168,43,.4)}
.sd-diger{margin-top:46px;padding-top:30px;border-top:1px solid var(--line)}
.sd-diger>h2{font-size:21px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 20px}


/* ===== ÜYE GİRİŞ / SÖZLEŞME ===== */
.giris-kutu{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--sh1)}
.giris-kutu h1{font-size:26px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 6px}
.giris-alt{color:var(--text2);font-size:14.5px;margin:0 0 22px}
.giris-hata{background:rgba(226,67,58,.12);border:1px solid rgba(226,67,58,.3);color:var(--red);padding:12px 16px;border-radius:11px;font-size:13.5px;font-weight:600;margin-bottom:18px}
.sozlesme-kutu{max-height:300px;overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:20px;font-size:13.5px;line-height:1.7;color:var(--text2)}
.sozlesme-kutu h2{font-size:17px;color:var(--heading);margin:0 0 10px;font-family:'Sora'}
.sozlesme-kutu h3{font-size:14.5px;color:var(--heading);margin:16px 0 6px}
.sozlesme-kutu p{margin:0 0 10px}
.giris-form{display:flex;flex-direction:column;gap:16px}
.kabul-satir{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text2);cursor:pointer}
.kabul-satir input{width:18px;height:18px;margin-top:1px;accent-color:var(--gold);flex-shrink:0}
.kabul-satir a{color:var(--gold);font-weight:700}
.kabul-satir small{color:var(--muted);font-weight:600}
.kabul-ops{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:13px}
.kabul-ops input{accent-color:var(--green)}
.giris-not{font-size:12px;color:var(--muted);line-height:1.5;margin:0;text-align:center}
.gbtn-buyuk{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#fff;color:#1f2733;font-weight:700;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px;cursor:pointer;font-family:'Manrope',sans-serif;transition:.2s}
.gbtn-buyuk:hover{background:#f1f3f6;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)}

/* Üyelik sözleşmesi sayfası */
.sozlesme-icerik{max-width:780px;margin:0 auto;font-size:15.5px;line-height:1.8;color:var(--text2)}
.sozlesme-icerik h2{font-size:24px;font-family:'Sora';color:var(--heading);margin:0 0 14px}
.sozlesme-icerik h3{font-size:18px;color:var(--heading);margin:24px 0 8px}
.sozlesme-icerik p{margin:0 0 14px}


/* ===== ANA SAYFA SPOR AKIŞI MİNİ WIDGET ===== */
.wh-link{margin-left:auto;font-size:11.5px;font-weight:800;color:var(--gold);letter-spacing:.3px;text-transform:uppercase}
.wh-link:hover{text-decoration:underline}
.sa-mini-liste{display:flex;flex-direction:column;gap:0;padding:4px 0}
.sa-mini{display:flex;gap:13px;align-items:flex-start;padding:16px 2px;border-bottom:1px solid var(--line)}
.sa-mini:first-child{padding-top:8px}
.sa-mini:last-child{border-bottom:none;padding-bottom:8px}
.sa-mini:hover .sa-mini-baslik{color:var(--gold)}
.sa-mini-img{width:58px;height:58px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--bg2)}
.sa-mini-img img{width:100%;height:100%;object-fit:cover}
.sa-mini-ic{display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:2px}
.sa-mini-baslik{font-size:13.5px;font-weight:700;color:var(--heading);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.18s}
.sa-mini-meta{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sporbox .wh{display:flex;align-items:center;gap:8px}
.sporbox .wb{padding:6px 18px 10px}


/* ===== TWITTER TARZI CANLI AKIŞ (TIMELINE) ===== */
.tw-akis{max-width:600px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}
.tw-akis-bar{display:flex;align-items:center;gap:9px;padding:14px 18px;font-size:13px;font-weight:700;color:var(--text2);border-bottom:1px solid var(--line);background:var(--card2);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
.tw-live-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(226,67,58,.6);animation:csPulse 1.6s infinite;flex-shrink:0}
.tw-post{display:flex;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);transition:.15s;cursor:default}
.tw-post:last-of-type{border-bottom:none}
.tw-post:hover{background:var(--bg2)}
.tw-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;font-family:'Sora';text-decoration:none}
.tw-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tw-head{display:flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.2}
.tw-ad{font-weight:800;color:var(--heading);font-size:14.5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.tw-ad:hover{text-decoration:underline}
.tw-ok{width:16px;height:16px;flex-shrink:0}
.tw-handle{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.tw-dot{color:var(--muted);font-size:13px}
.tw-zaman{color:var(--muted);font-size:13.5px;white-space:nowrap}
.tw-metin{display:block;color:var(--heading);font-size:15.5px;line-height:1.45;font-weight:600;margin-top:3px;text-decoration:none}
.tw-metin:hover{text-decoration:underline}
.tw-ozet{display:block;color:var(--text2);font-size:14px;line-height:1.55;margin-top:5px;text-decoration:none}
.tw-gorsel{display:block;margin-top:11px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.tw-gorsel img{width:100%;display:block;max-height:340px;object-fit:cover;transition:.4s}
.tw-gorsel:hover img{transform:scale(1.02)}
.tw-alt{display:flex;align-items:center;gap:22px;margin-top:12px}
.tw-act{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none;transition:.18s}
.tw-act svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tw-act:hover{color:var(--gold)}
.tw-kaynakad{margin-left:auto;color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
@media(max-width:520px){
  .tw-akis{border-radius:0;border-left:none;border-right:none}
  .tw-post{padding:14px}
  .tw-alt{gap:16px}
}


/* ===== TWITTER TARZI GÖNDERİ DETAY SAYFASI ===== */
.tw-detay-wrap{padding:0 0 40px}
.tw-detay{max-width:600px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh;background:var(--card)}
.tw-detay-bar{display:flex;align-items:center;gap:18px;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card) 86%,transparent);backdrop-filter:blur(10px)}
.tw-geri{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--heading);transition:.18s}
.tw-geri:hover{background:var(--bg2)}
.tw-geri svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tw-detay-bar-baslik{font-size:18px;font-weight:800;font-family:'Sora';color:var(--heading)}
.tw-detay-post{padding:16px 18px}
.tw-detay-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tw-av-buyuk{width:48px;height:48px;font-size:21px}
.tw-detay-kim{display:flex;flex-direction:column;gap:1px;min-width:0}
.tw-detay-kim .tw-ad{display:inline-flex;align-items:center;gap:5px;font-size:15.5px}
.tw-detay-kim .tw-handle{max-width:none}
.tw-detay-metin{font-size:23px;line-height:1.35;font-weight:800;color:var(--heading);font-family:'Sora';margin:0 0 16px;letter-spacing:-.01em}
.tw-detay-gorsel{margin:0 0 16px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.tw-detay-gorsel img{width:100%;display:block;max-height:460px;object-fit:cover}
.tw-detay-post .sd-icerik{font-size:16px;line-height:1.75;color:var(--text)}
.tw-detay-post .sd-icerik p{margin:0 0 15px}
.tw-detay-post .sd-icerik h2{font-size:19px;font-family:'Sora';font-weight:800;color:var(--heading);margin:22px 0 10px}
.tw-detay-post .sd-icerik ul{margin:0 0 15px;padding-left:18px;color:var(--text2)}
.tw-detay-post .sd-icerik li{margin:0 0 7px}
.tw-detay-post .sd-icerik a{color:#1d9bf0;font-weight:600}
.tw-detay-zaman{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;margin-top:6px}
.tw-detay-zaman time{color:var(--text2);font-weight:600}
.tw-detay-kaynak{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0 4px;color:var(--text2);font-size:13.5px}
.tw-detay-kaynak strong{color:var(--heading)}
.tw-kaynak-btn{display:inline-flex;align-items:center;gap:8px;background:#1d9bf0;color:#fff;font-weight:700;padding:9px 18px;border-radius:30px;font-size:13.5px;transition:.2s;white-space:nowrap}
.tw-kaynak-btn:hover{background:#1a8cd8;transform:translateY(-1px)}
.tw-kaynak-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tw-detay-diger-bar{padding:16px 18px 6px;font-size:19px;font-weight:800;font-family:'Sora';color:var(--heading);border-top:8px solid var(--bg2)}
.tw-akis-ic .tw-post{border-bottom:1px solid var(--line)}
.tw-akis-ic .tw-post:last-child{border-bottom:none}
@media(max-width:620px){
  .tw-detay{border-left:none;border-right:none}
  .tw-detay-metin{font-size:20px}
}


/* ===== TWITTER ETKİLEŞİM: BEĞENİ + YORUM ===== */
.tw-istatistik{display:flex;gap:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:6px;font-size:13.5px;color:var(--muted)}
.tw-istatistik b{color:var(--heading);font-weight:800}
.tw-aksiyon{display:flex;align-items:center;justify-content:space-around;padding:6px 0;border-bottom:1px solid var(--line)}
.tw-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:13.5px;font-weight:600;font-family:'Manrope',sans-serif;padding:9px 16px;border-radius:30px;transition:.18s;text-decoration:none}
.tw-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.18s}
.tw-btn:hover{color:#1d9bf0;background:rgba(29,155,240,.1)}
.tw-begen:hover{color:#e0245e;background:rgba(224,36,94,.1)}
.tw-begen.aktif{color:#e0245e}
.tw-begen.aktif svg{fill:#e0245e;stroke:#e0245e}
.tw-begen.patla svg{animation:begeniPatla .42s ease}
@keyframes begeniPatla{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}100%{transform:scale(1)}}

.tw-yorum-bar{padding:16px 18px 8px;font-size:19px;font-weight:800;font-family:'Sora';color:var(--heading);border-top:8px solid var(--bg2);display:flex;align-items:center;gap:9px}
.tw-yorum-bar span{font-size:13px;font-weight:700;color:var(--gold);background:var(--gold-soft);padding:2px 10px;border-radius:20px}
.tw-bildirim{margin:12px 18px;padding:11px 15px;border-radius:11px;font-size:13.5px;font-weight:600}
.tw-bildirim.ok{background:rgba(31,191,107,.12);border:1px solid rgba(31,191,107,.3);color:var(--green)}
.tw-bildirim.hata{background:rgba(226,67,58,.12);border:1px solid rgba(226,67,58,.3);color:var(--red)}
.tw-yorum-form{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.tw-yf-govde{flex:1;display:flex;flex-direction:column;gap:10px}
.tw-yorum-form textarea{width:100%;background:transparent;border:none;color:var(--text);font-size:16px;font-family:'Manrope',sans-serif;resize:none;outline:none;line-height:1.5;padding:8px 0}
.tw-yorum-form textarea::placeholder{color:var(--muted)}
.tw-yf-alt{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}
.tw-yf-alt button{background:#1d9bf0;color:#fff;font-weight:800;border:none;border-radius:30px;padding:9px 22px;font-size:14px;cursor:pointer;font-family:'Manrope',sans-serif;transition:.2s}
.tw-yf-alt button:hover{background:#1a8cd8}
.tw-yorum-giris{padding:24px 18px;text-align:center;border-bottom:1px solid var(--line)}
.tw-yorum-giris p{color:var(--text2);font-size:14.5px;margin:0 0 14px;font-weight:600}
.tw-giris-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);color:var(--heading);font-weight:700;padding:11px 22px;border-radius:30px;font-size:14px;transition:.2s}
.tw-giris-btn:hover{border-color:#1d9bf0;transform:translateY(-1px)}
.tw-yorum-liste .tw-post{border-bottom:1px solid var(--line)}
.tw-yorum-liste .tw-post:last-child{border-bottom:none}
.tw-yorum-metin{color:var(--text);font-size:14.5px;line-height:1.55;margin:4px 0 0}


/* ============================================================
   MOBİL UYGULAMA DENEYİMİ — EK İYİLEŞTİRMELER & KAYMA KORUMASI
   ============================================================ */
@media(max-width:760px){
  /* Twitter akış/detay tam genişlik, sabit 600px taşması yok */
  .tw-akis,.tw-detay{max-width:100%;border-radius:0;border-left:none;border-right:none}
  .tw-akis-bar,.tw-post,.tw-detay-post,.tw-yorum-bar,.tw-yorum-form,
  .tw-detay-bar,.tw-detay-diger-bar,.tw-bildirim,.tw-yorum-giris{max-width:100%}
  .tw-post{padding:13px 14px}
  .tw-detay-post{padding:14px}
  .tw-gorsel img,.tw-detay-gorsel img{max-height:300px}
  .tw-metin{font-size:15px}
  .tw-detay-metin{font-size:19px}
  .tw-alt{gap:14px}
  .tw-aksiyon{justify-content:space-between}

  /* Spor akışı / kart gridleri tek sütun, taşma yok */
  .sa-akis,.cs-grid{grid-template-columns:1fr;gap:12px}
  .sa-kart-buyuk{flex-direction:column}
  .sa-kart-buyuk .sa-gorsel{width:100%;min-height:0;height:190px}

  /* Hero başlık ve istatistikler sığsın */
  .page-hero{padding:28px 0}
  .page-hero h1{font-size:26px}
  .sa-hero-stats{font-size:12px;gap:10px}

  /* Üye menüsü mobilde adı gizle, sadece avatar */
  .uye-btn{padding:4px;border-radius:50%}
  .uye-drop{width:min(90vw,260px);right:0}

  /* Dil değiştirici küçült */
  .lang-sec{margin-right:2px}
  .lang-btn{padding:4px 7px;font-size:10.5px}

  /* Dokunma alanları büyüsün, çift tık zoom engelle */
  a,button{touch-action:manipulation}
  .cs-gun,.subnav a{padding-top:10px;padding-bottom:10px}

  /* Yorum/sözleşme kutuları taşmasın */
  .giris-kutu,.sozlesme-icerik,.spor-detay{max-width:100%}
  .yorum-form,.tw-yorum-form{max-width:100%}

  /* Tablolar yatay kayar, sayfayı kaydırmaz */
  .tbl,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Uygulama hissi: genel dokunmatik cila (tüm ekranlar) */
a,button,.tw-btn,.appbar a,.appbar button{-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
  /* iOS güvenli alan + akıcı kaydırma */
  html{scroll-behavior:smooth}
  body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}
  /* Seçili metin mavi kutu yerine marka rengi */
  ::selection{background:var(--gold);color:#0a1124}
}

/* KESİN yatay kayma koruması — hiçbir öğe viewport'u aşmasın */
html,body{overflow-x:clip}
@media(max-width:760px){
  .wrap,.page-hero .in,.sec,section,article,.tw-detay,.tw-akis{max-width:100%}
  /* tek tek görseller ve videolar */
  img,video,iframe,svg{max-width:100%}
}


/* ===== ÇEREZ ONAY BANNER'I ===== */
.cerez-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(8,13,24,.18);padding:16px 0}
.cerez-ic{max-width:1100px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cerez-ic p{margin:0;font-size:13px;color:var(--text2);line-height:1.55;flex:1;min-width:240px}
.cerez-ic a{color:var(--gold);font-weight:700}
.cerez-btn{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cerez-detay{font-size:13px;font-weight:700;color:var(--text2);padding:10px 16px}
.cerez-detay:hover{color:var(--heading)}
#cerezKabul{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:11px;padding:11px 26px;font-size:13.5px;cursor:pointer;font-family:'Sora';transition:.2s}
#cerezKabul:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(227,168,43,.4)}
@media(max-width:760px){
  .cerez-banner{bottom:74px;padding:14px 0}
  .cerez-ic{flex-direction:column;align-items:stretch;gap:12px;text-align:center}
  .cerez-btn{justify-content:center}
}

/* Yasal sayfa alt linkleri */
.yasal-linkler{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px}
.yasal-linkler a{font-size:13px;font-weight:700;color:var(--text2);background:var(--bg2);border:1px solid var(--line);padding:9px 16px;border-radius:30px;transition:.2s}
.yasal-linkler a:hover{border-color:var(--gold);color:var(--gold)}


/* ===== PREMIUM 404 SAYFASI ===== */
.hata404{min-height:62vh;display:flex;align-items:center;justify-content:center;padding:50px 20px;position:relative;overflow:hidden}
.hata404::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 68%);top:-160px;right:-120px;pointer-events:none}
.h404-in{position:relative;z-index:2;text-align:center;max-width:560px}
.h404-kod{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'Sora';font-weight:800;font-size:120px;line-height:1;color:var(--heading);letter-spacing:-4px}
.h404-top{display:inline-flex;color:var(--gold);width:96px;height:96px;animation:h404spin 14s linear infinite}
.h404-top svg{width:100%;height:100%}
@keyframes h404spin{to{transform:rotate(360deg)}}
.h404-in h1{font-size:27px;font-family:'Sora';font-weight:800;color:var(--heading);margin:14px 0 10px}
.h404-in p{color:var(--text2);font-size:15px;line-height:1.6;margin:0 auto 26px;max-width:420px}
.h404-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.h404-anasayfa{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;padding:13px 26px;border-radius:12px;font-size:14.5px;font-family:'Sora';transition:.2s;box-shadow:0 8px 22px rgba(227,168,43,.35)}
.h404-anasayfa:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(227,168,43,.5)}
.h404-anasayfa .ico{font-size:17px}
.h404-ikincil{display:inline-flex;align-items:center;padding:13px 20px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--text2);font-weight:700;font-size:14px;transition:.2s}
.h404-ikincil:hover{border-color:var(--gold);color:var(--heading);transform:translateY(-2px)}
.h404-ara{display:flex;align-items:center;gap:8px;max-width:440px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:6px 6px 6px 16px;box-shadow:var(--sh1)}
.h404-ara .ico{color:var(--muted);font-size:18px;flex-shrink:0}
.h404-ara input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14.5px;font-family:'Manrope',sans-serif;min-width:0}
.h404-ara button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:24px;padding:10px 22px;font-size:13.5px;cursor:pointer;font-family:'Sora';transition:.2s;flex-shrink:0}
.h404-ara button:hover{transform:translateY(-1px)}
@media(max-width:560px){
  .h404-kod{font-size:84px}
  .h404-top{width:68px;height:68px}
  .h404-in h1{font-size:22px}
}


/* ===== SPOR AKIŞI 3 SÜTUNLU LAYOUT (Twitter tarzı) ===== */
.sa-layout{display:grid;grid-template-columns:240px minmax(0,600px) 300px;gap:24px;justify-content:center;align-items:start;padding:28px 22px 50px}
.sa-layout .tw-akis{max-width:none;border-radius:16px}
.sa-orta{min-width:0}
.sa-sol,.sa-sag{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.sa-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh1)}
.sa-panel h3{font-size:15px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 14px}
.sa-kaynak-satir{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2)}
.sa-kaynak-satir:last-child{border-bottom:none}
.sa-kaynak-nokta{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.sa-kaynak-ad{font-size:13px;font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-kaynak-say{font-size:11px;font-weight:800;color:var(--muted);background:var(--bg2);padding:2px 9px;border-radius:20px}
.sa-kisa{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--text);font-weight:700;font-size:13.5px;transition:.18s}
.sa-kisa:hover{background:var(--bg2);color:var(--gold)}
.sa-kisa .ico{font-size:17px;color:var(--gold)}
.sa-gundem{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--line2)}
.sa-gundem:last-child{border-bottom:none}
.sa-gundem:hover .sa-gundem-baslik{color:var(--gold)}
.sa-gundem-no{font-family:'Sora';font-weight:800;font-size:16px;color:var(--gold);flex-shrink:0;width:18px}
.sa-gundem-baslik{font-size:13px;font-weight:600;color:var(--text);line-height:1.4;transition:.18s}
.sa-panel-cta{background:linear-gradient(135deg,var(--ink),var(--ink3));border:none}
.sa-panel-cta h3{color:#fff}
.sa-panel-cta p{color:#aeb6c9;font-size:13px;line-height:1.5;margin:0 0 14px}
.sa-cta-btn{display:flex;align-items:center;justify-content:center;background:#fff;color:#1f2733;font-weight:700;padding:11px;border-radius:10px;font-size:13.5px;transition:.2s}
.sa-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}

/* Orta-büyük ekran: sol sütunu gizle, 2 sütun */
@media(max-width:1100px){
  .sa-layout{grid-template-columns:minmax(0,600px) 300px}
  .sa-sol{display:none}
}
/* Tablet/mobil: tek sütun, yan paneller gizli */
@media(max-width:880px){
  .sa-layout{grid-template-columns:minmax(0,1fr);padding:20px 0 40px}
  .sa-sol,.sa-sag{display:none}
}


/* ===== CANLI SKOR — LİG GRUPLU GELİŞMİŞ GÖRÜNÜM ===== */
.cs-blok{margin-bottom:30px}
.cs-lig-grup{margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh1)}
.cs-lig-bas{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card2);border-bottom:1px solid var(--line);font-weight:800;font-size:13.5px;color:var(--heading);font-family:'Sora'}
.cs-lig-rozet{font-size:10.5px;font-weight:800;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(227,168,43,.25);padding:4px 8px;border-radius:7px;letter-spacing:.3px}
.cs-lig-grup .cs-grid{display:block}
.cs-lig-grup .cs-mac{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line2);background:none;border-radius:0;box-shadow:none;border-left:none;border-right:none;border-top:none;transition:.15s}
.cs-lig-grup .cs-mac:last-child{border-bottom:none}
.cs-lig-grup .cs-mac:hover{background:var(--bg2)}
.cs-tk{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cs-row .cs-ad{font-size:14.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-row.kazanan .cs-ad{font-weight:800;color:var(--heading)}
.cs-row .cs-sk{flex-shrink:0;font-family:'Sora';font-weight:800;font-size:16px;color:var(--heading);min-width:20px;text-align:center}
.cs-row.kazanan .cs-sk{color:var(--gold)}
.cs-durum{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:6px 10px;border-radius:8px;white-space:nowrap;min-width:62px;text-align:center}
.cs-durum.live{color:#fff;background:linear-gradient(135deg,var(--red),#f0584f);display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cs-durum.live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:csPulse 1.6s infinite}
.cs-durum.ft{color:var(--green);background:rgba(31,191,107,.12);border:1px solid rgba(31,191,107,.25)}
.cs-durum.ns{color:var(--text2);background:var(--bg2);border:1px solid var(--line)}
@media(max-width:560px){
  .cs-lig-grup .cs-mac{padding:11px 13px;gap:10px}
  .cs-row .cs-ad{font-size:13.5px}
}


/* ===== KATEGORİ HERO (temiz kurumsal premium) ===== */
.kat-hero{position:relative;padding:50px 0 46px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(120% 140% at 85% 0%, color-mix(in srgb,var(--kat,#e3a82b) 20%,transparent) 0%, transparent 45%),
    radial-gradient(100% 120% at 10% 110%, rgba(59,130,246,.12) 0%, transparent 50%),
    linear-gradient(120deg, #080d1c 0%, #0e1830 55%, #122042 100%)}
/* Üstte ince parlak çizgi (kurumsal vurgu) */
.kat-hero::before{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:1px;z-index:1;opacity:1;
  background-image:none;
  background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--kat,#e3a82b) 70%,transparent), transparent)}
/* Geniş yumuşak renk halesi (bulanık, premium) */
.kat-hero::after{content:"";position:absolute;right:-8%;top:-60%;width:60%;height:200%;z-index:0;
  background:radial-gradient(circle, color-mix(in srgb,var(--kat,#e3a82b) 22%,transparent), transparent 60%);
  filter:blur(40px);pointer-events:none}
.kat-hero .in{position:relative;z-index:2}
.kat-hero .crumb a{color:#aeb6c9}
.kat-hero .crumb a:hover{color:var(--kat,#e3a82b)}
.kat-hero .crumb .sep{color:#5d6982;margin:0 5px}
.kat-hero .crumb span{color:#fff}
.kat-hero-bilgi{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.kat-hero-rozet{width:68px;height:68px;border-radius:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;
  background:linear-gradient(140deg,var(--kat,#e3a82b),color-mix(in srgb,var(--kat,#e3a82b) 60%,#000));
  box-shadow:0 14px 34px color-mix(in srgb,var(--kat,#e3a82b) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.kat-hero-rozet .ico{font-size:32px;color:#fff;position:relative;z-index:2;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.kat-hero h1{font-size:46px;font-family:'Sora';font-weight:800;line-height:1.02;margin:0;letter-spacing:-.025em;
  display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#fff}
.kat-hero h1 .baslik-metin{color:#fff}
.kat-hero h1 .sa-live{-webkit-text-fill-color:#fff;color:#fff}
.kat-hero p{color:#aeb6c9;font-size:15px;margin:10px 0 0;font-weight:500;max-width:640px}
.kat-hero-say{display:inline-flex;align-items:center;background:var(--kat,#e3a82b);color:#fff;font-weight:800;font-size:13px;padding:3px 12px;border-radius:20px;margin-right:5px;box-shadow:0 4px 12px color-mix(in srgb,var(--kat,#e3a82b) 40%,transparent)}
@media(max-width:560px){
  .kat-hero{padding:34px 0 30px}
  .kat-hero h1{font-size:30px}
  .kat-hero-bilgi{gap:14px}
  .kat-hero-rozet{width:54px;height:54px;border-radius:15px}
  .kat-hero-rozet .ico{font-size:26px}
}


/* ===== FORUM ===== */
.fr-kat-liste{display:flex;flex-direction:column;gap:14px}
.fr-kat{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh1);transition:.2s}
.fr-kat:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:var(--gold)}
.fr-kat-ikon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.fr-kat-ikon .ico{font-size:26px;color:#fff}
.fr-kat-bilgi{flex:1;min-width:0}
.fr-kat-bilgi h3{font-size:18px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 4px}
.fr-kat-bilgi p{font-size:13.5px;color:var(--text2);margin:0;line-height:1.5}
.fr-kat-say{display:flex;flex-direction:column;gap:4px;text-align:right;flex-shrink:0}
.fr-kat-say span{font-size:12px;color:var(--muted)}
.fr-kat-say b{color:var(--gold);font-weight:800}
@media(max-width:560px){.fr-kat-say{display:none}}

.fr-bar{display:flex;justify-content:flex-end;margin-bottom:18px}
.fr-yeni-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;padding:12px 22px;border-radius:12px;font-size:13.5px;font-family:'Sora';transition:.2s}
.fr-yeni-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(227,168,43,.4)}
.fr-yeni-btn .ico{font-size:16px}

.fr-konu-liste{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fr-konu{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line2);transition:.15s}
.fr-konu:last-child{border-bottom:none}
.fr-konu:hover{background:var(--bg2)}
.fr-av{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;font-family:'Sora'}
.fr-konu-bilgi{flex:1;min-width:0}
.fr-konu-baslik{font-size:15px;font-weight:700;color:var(--heading);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-konu:hover .fr-konu-baslik{color:var(--gold)}
.fr-pin{margin-right:4px}
.fr-konu-meta{font-size:12px;color:var(--muted);margin-top:3px}
.fr-konu-say{text-align:center;flex-shrink:0;min-width:54px}
.fr-konu-say b{display:block;font-family:'Sora';font-weight:800;font-size:18px;color:var(--heading)}
.fr-konu-say small{font-size:10.5px;color:var(--muted)}

/* Konu görünümü */
.fr-mesajlar{display:flex;flex-direction:column;gap:16px}
.fr-mesaj{position:relative;display:flex;gap:0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh1);transition:box-shadow .2s,transform .2s}
.fr-mesaj:hover{box-shadow:var(--sh2)}
.fr-mesaj.fr-ilk{border-color:var(--gold);box-shadow:0 0 0 1px rgba(227,168,43,.2),var(--sh1)}
.fr-mesaj.fr-ilk::before{content:"";position:absolute}
.fr-yan{position:relative;width:168px;flex-shrink:0;background:linear-gradient(180deg,var(--card2),color-mix(in srgb,var(--card2) 80%,var(--bg2)));border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.fr-yan .fr-av{width:60px;height:60px;font-size:24px;box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 4px var(--card)}
.fr-ilk .fr-yan .fr-av{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 4px var(--card),0 0 0 6px var(--gold-soft)}
.fr-ad{font-weight:800;font-size:14px;color:var(--heading);word-break:break-word}
.fr-rol{font-size:10px;font-weight:800;color:var(--gold);background:var(--gold-soft);padding:3px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}
.fr-govde{flex:1;min-width:0;padding:20px 22px;display:flex;flex-direction:column}
.fr-ust{border-bottom:1px solid var(--line2);padding-bottom:11px;margin-bottom:13px}
.fr-ust time{font-size:12px;color:var(--muted)}
.fr-icerik{font-size:15px;line-height:1.75;color:var(--text);word-break:break-word}
@media(max-width:560px){
  .fr-mesaj{flex-direction:column;border-radius:14px}
  .fr-yan{width:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--line);padding:13px 16px;justify-content:flex-start;gap:12px}
  .fr-yan .fr-av{width:42px;height:42px;font-size:17px}
  .fr-yildiz,.fr-yan .fr-rol{display:none}
}

.fr-cevap,.fr-yeni-form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:20px}
.fr-cevap h3{font-size:16px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 12px}
.fr-cevap textarea,.fr-yeni-form textarea,.fr-yeni-form input,.fr-yeni-form select{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--text);font-size:14.5px;font-family:'Manrope',sans-serif;outline:none;transition:.2s}
.fr-cevap textarea:focus,.fr-yeni-form textarea:focus,.fr-yeni-form input:focus,.fr-yeni-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.fr-yeni-form label{display:block;font-weight:700;font-size:13px;color:var(--heading);margin:14px 0 6px}
.fr-yeni-form label:first-of-type{margin-top:0}
.fr-cevap button,.fr-yeni-form button{margin-top:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:11px;padding:12px 28px;font-size:14px;cursor:pointer;font-family:'Sora';transition:.2s}
.fr-cevap button:hover,.fr-yeni-form button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(227,168,43,.4)}
.fr-giris{background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:26px;text-align:center;margin-top:20px}
.fr-giris p{color:var(--text2);font-weight:600;margin:0 0 14px}
.fr-giris-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);color:var(--heading);font-weight:700;padding:11px 22px;border-radius:12px;transition:.2s}
.fr-giris-btn:hover{border-color:var(--gold);transform:translateY(-2px)}


/* ===== FORUM — XENFORO TARZI GELİŞMİŞ ===== */
.fr-stat-bar{display:flex;gap:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px;box-shadow:var(--sh1)}
.fr-stat{flex:1;padding:16px 14px;text-align:center;border-right:1px solid var(--line2)}
.fr-stat:last-child{border-right:none}
.fr-stat b{display:block;font-family:'Sora';font-weight:800;font-size:22px;color:var(--heading);line-height:1}
.fr-stat span{font-size:11.5px;color:var(--muted);margin-top:5px;display:block;font-weight:600}
.fr-stat-yeni b{font-size:14px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-stat-online b{display:inline-flex;align-items:center;gap:7px;color:var(--green)}
.fr-online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(31,191,107,.6);animation:csPulse 1.6s infinite}
@media(max-width:680px){.fr-stat-yeni{display:none}.fr-stat b{font-size:18px}}

.fr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.fr-yan-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.fr-kat-grup-bas{font-family:'Sora';font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 4px 12px}
@media(max-width:920px){.fr-layout{grid-template-columns:1fr}.fr-yan-panel{display:none}}

.fr-kat-liste{display:flex;flex-direction:column;gap:14px}
.fr-kat{position:relative;display:flex;align-items:stretch;gap:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.fr-kat:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--kat,#e3a82b) 55%,var(--line))}
.fr-kat-serit{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--kat,#e3a82b),color-mix(in srgb,var(--kat,#e3a82b) 50%,transparent));z-index:2}
.fr-kat-link{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:18px 20px;text-decoration:none}
.fr-kat-ikon{position:relative;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;
  background:linear-gradient(140deg,var(--kat,#e3a82b),color-mix(in srgb,var(--kat,#e3a82b) 55%,#000));
  box-shadow:0 12px 26px color-mix(in srgb,var(--kat,#e3a82b) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .25s}
.fr-kat-ikon::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.4),transparent 60%);opacity:.6}
.fr-kat:hover .fr-kat-ikon{transform:scale(1.08) rotate(-4deg)}
.fr-kat-ikon .ico{font-size:26px;color:#fff;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.fr-kat-bilgi{flex:1;min-width:0}
.fr-kat-bilgi h3{font-size:17px;font-family:'Sora';font-weight:800;color:var(--heading);margin:0 0 4px;display:flex;align-items:center;gap:7px}
.fr-kat-ok{font-size:15px;color:var(--kat,#e3a82b);opacity:0;transform:translateX(-6px);transition:.22s}
.fr-kat:hover .fr-kat-bilgi h3{color:color-mix(in srgb,var(--kat,#e3a82b) 75%,var(--heading))}
.fr-kat:hover .fr-kat-ok{opacity:1;transform:translateX(0)}
.fr-kat-bilgi p{font-size:13px;color:var(--text2);margin:0 0 9px;line-height:1.45}
.fr-kat-mini-stat{display:flex;gap:14px}
.fr-kat-mini-stat span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted)}
.fr-kat-mini-stat .ico{font-size:13px;color:color-mix(in srgb,var(--kat,#e3a82b) 70%,var(--muted))}
.fr-kat-son{flex-shrink:0;width:210px;border-left:1px solid var(--line2);padding:16px 18px;display:flex;flex-direction:column;gap:7px;justify-content:center;background:var(--card2)}
.fr-kat-son-bas{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.fr-kat-son-satir{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
.fr-kat-son-ic{display:flex;flex-direction:column;gap:1px;min-width:0}
.fr-kat-son-baslik{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-kat-son-satir:hover .fr-kat-son-baslik{color:var(--gold)}
.fr-kat-son-meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-kat-son-bos{font-size:12px;color:var(--muted);font-style:italic}
.fr-av-mini{width:34px;height:34px;font-size:14px;flex-shrink:0}
@media(max-width:820px){.fr-kat-son{width:170px}}
@media(max-width:600px){.fr-kat{flex-direction:column}.fr-kat-son{width:auto;border-left:none;border-top:1px solid var(--line2)}}

/* Forum hero üst grid (başlık + canlı istatistikler) */
.fr-hero-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.fr-hero-stats{display:flex;gap:10px}
.fr-hs{min-width:74px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px 14px;backdrop-filter:blur(4px)}
.fr-hs b{display:block;font-family:'Sora';font-weight:800;font-size:21px;color:#fff;line-height:1}
.fr-hs span{font-size:10.5px;color:#aeb6c9;margin-top:5px;display:block;font-weight:600}
.fr-hs-online b{display:inline-flex;align-items:center;gap:6px;color:#4ade80}
@media(max-width:760px){.fr-hero-stats{width:100%;justify-content:space-between;gap:7px}.fr-hs{flex:1;min-width:0;padding:10px 6px}.fr-hs b{font-size:17px}}

/* Grup başlığı ikonlu */
.fr-kat-grup-bas{font-family:'Sora';font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 4px 14px;display:flex;align-items:center;gap:8px}
.fr-kat-grup-bas .ico{font-size:16px;color:var(--gold)}

/* Yan panel öğeleri */
.fr-son-konu{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line2)}
.fr-son-konu:last-child{border-bottom:none}
.fr-son-ic{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.fr-son-baslik{font-size:13px;font-weight:600;color:var(--text);line-height:1.35}
.fr-son-konu:hover .fr-son-baslik{color:var(--gold)}
.fr-son-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}
.fr-son-kat{display:inline-block;color:#fff;font-weight:700;font-size:9.5px;padding:1px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.fr-aktif-uye{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line2);text-decoration:none;transition:.15s}
.fr-aktif-uye:last-child{border-bottom:none}
.fr-aktif-uye:hover{transform:translateX(2px)}
.fr-aktif-no{font-family:'Sora';font-weight:800;font-size:13px;color:#fff;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--muted)}
.fr-aktif-no-1{background:linear-gradient(135deg,#f6cb5e,#e3a82b);color:#3a2c05}
.fr-aktif-no-2{background:linear-gradient(135deg,#d4d9e2,#aab2c0);color:#2a2f3a}
.fr-aktif-no-3{background:linear-gradient(135deg,#e0a878,#c07f4a);color:#3a2410}
.fr-aktif-ic{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fr-aktif-ad{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-aktif-uye:hover .fr-aktif-ad{color:var(--gold)}
.fr-aktif-rutbe{font-size:10.5px;color:var(--muted)}
.fr-aktif-say{font-size:11px;font-weight:800;color:var(--gold);background:var(--gold-soft);padding:3px 10px;border-radius:20px;flex-shrink:0}
.sa-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.sa-cta-btn .ico{font-size:16px}

/* Mesaj profil kartı ek detaylar */
.fr-rutbe{font-size:10.5px;font-weight:700;color:var(--text2);background:var(--bg2);border:1px solid var(--line);padding:2px 9px;border-radius:20px}
.fr-uye-stat{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;width:100%}
.fr-uye-stat span{font-size:11px;color:var(--muted)}
.fr-uye-stat b{color:var(--heading);font-weight:800}
.fr-no{font-size:12px;font-weight:800;color:var(--muted);margin-right:auto}
.fr-ust{display:flex;align-items:center;gap:10px}
.fr-ust time{margin-left:auto}
@media(max-width:560px){.fr-uye-stat{display:none}}

/* ===== FORUM — GERÇEK FORUM TEMASI (tablo, aksiyonlar, rozetler) ===== */
/* Kategori bar */
.fr-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.fr-bar-bilgi{font-size:13px;color:var(--muted)}
.fr-bar-bilgi b{color:var(--heading);font-family:'Sora';font-weight:800}

/* Konu tablosu (XenForo/vBulletin tarzı) */
.fr-tablo{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh1)}
.fr-tablo-bas{display:flex;align-items:center;background:var(--card2);border-bottom:1px solid var(--line);padding:11px 18px;font-family:'Sora';font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.fr-tb-konu{flex:1}
.fr-tb-ist{width:170px;text-align:center;flex-shrink:0}
.fr-tb-son{width:160px;flex-shrink:0}
@media(max-width:760px){.fr-tb-ist,.fr-tb-son{display:none}}

.fr-konu-satir{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line2);transition:.15s}
.fr-konu-satir:last-child{border-bottom:none}
.fr-konu-satir:hover{background:var(--bg2)}
.fr-konu-satir.fr-sabit{background:linear-gradient(90deg,var(--gold-soft),transparent)}
.fr-konu-ana{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.fr-konu-ikon{position:relative;flex-shrink:0}
.fr-konu-ikon .fr-av{width:44px;height:44px}
.fr-rozet{position:absolute;bottom:-3px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}
.fr-konu-bilgi{flex:1;min-width:0}
.fr-konu-baslik{font-size:15px;font-weight:700;color:var(--heading);line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fr-konu-satir:hover .fr-konu-baslik{color:var(--gold)}
.fr-etiket{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:20px;flex-shrink:0}
.fr-etiket-sabit{background:var(--gold-soft);color:var(--gold)}
.fr-etiket-kilit{background:rgba(169,4,50,.12);color:#c0264a}
.fr-etiket-cozum{background:rgba(31,191,107,.14);color:var(--green)}
.fr-konu-meta{font-size:12px;color:var(--muted);margin-top:3px}
.fr-konu-yazar{font-weight:700;color:var(--text2)}
.fr-konu-ist{width:170px;flex-shrink:0;display:flex;justify-content:center;gap:18px;text-align:center}
.fr-konu-ist span{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.fr-konu-ist b{font-family:'Sora';font-weight:800;font-size:16px;color:var(--heading)}
.fr-konu-songiris{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding-left:16px;border-left:1px solid var(--line2)}
.fr-konu-songiris time{font-size:12px;color:var(--text2);font-weight:600}
.fr-songiris-yazar{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px}
.fr-songiris-yazar .ico{font-size:13px}
@media(max-width:760px){.fr-konu-ist,.fr-konu-songiris{display:none}}

/* Boş durum */
.fr-bos{background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:42px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.fr-bos-ikon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.fr-bos-ikon .ico{font-size:30px;color:#fff}
.fr-bos h3{font-family:'Sora';font-weight:800;font-size:18px;color:var(--heading);margin:0}
.fr-bos p{color:var(--text2);margin:0 0 10px}

/* Mesaj rütbe yıldızı + alt aksiyonlar */
.fr-yildiz{font-size:11px;color:var(--gold);letter-spacing:1px;line-height:1}
.fr-mesaj-alt{margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fr-imza{font-size:11.5px;color:var(--muted);font-style:italic;margin-right:auto}
.fr-aksiyon{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--text2);background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:6px 12px;cursor:pointer;transition:.15s;font-family:'Manrope',sans-serif}
.fr-aksiyon:hover{border-color:var(--gold);color:var(--gold)}
.fr-aksiyon .ico{font-size:13px}
.fr-no:hover{color:var(--gold)}
.fr-ust time{margin-left:0;margin-right:0}
.fr-ust .fr-no{margin-left:auto;margin-right:0}

/* Cevap formu alt satırı */
.fr-cevap h3{display:flex;align-items:center;gap:8px}
.fr-cevap h3 .ico{font-size:18px;color:var(--gold)}
.fr-cevap-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;flex-wrap:wrap}
.fr-ipucu{font-size:12px;color:var(--muted)}
.fr-cevap-alt button,.fr-cevap-alt .fr-yeni-form button{margin-top:0}
.fr-cevap button{display:inline-flex;align-items:center;gap:7px}
.fr-cevap button .ico,.fr-yeni-form button .ico{font-size:15px}

/* Yeni konu — görsel kategori seçimi */
.fr-kat-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}
.fr-kat-radyo{cursor:pointer}
.fr-kat-radyo input{position:absolute;opacity:0;pointer-events:none}
.fr-kat-radyo-ic{display:flex;align-items:center;gap:10px;background:var(--bg2);border:2px solid var(--line);border-radius:12px;padding:11px 13px;transition:.15s}
.fr-kat-radyo:hover .fr-kat-radyo-ic{border-color:var(--gold)}
.fr-kat-radyo input:checked + .fr-kat-radyo-ic{border-color:var(--gold);background:var(--gold-soft)}
.fr-kat-radyo-ikon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fr-kat-radyo-ikon .ico{font-size:17px;color:#fff}
.fr-kat-radyo-ad{font-size:13px;font-weight:700;color:var(--heading);line-height:1.3}
.fr-yeni-kurallar{font-size:12.5px;color:var(--text2);background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:11px 14px;margin-top:14px;line-height:1.5}
.fr-yeni-kurallar b{color:var(--heading)}
.fr-vazgec{font-size:13px;font-weight:700;color:var(--muted);padding:11px 18px;border-radius:11px;transition:.15s}
.fr-vazgec:hover{color:var(--heading);background:var(--bg2)}
.fr-yeni-form button{display:inline-flex;align-items:center;gap:7px}

/* ===== FORUM — ARAÇ ÇUBUĞU: SIRALAMA SEKMELERİ + ARAMA ===== */
.fr-arac{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.fr-sira-tab{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:var(--sh1)}
.fr-sira{font-size:13px;font-weight:700;color:var(--text2);padding:8px 14px;border-radius:9px;transition:.15s;white-space:nowrap}
.fr-sira:hover{color:var(--heading);background:var(--bg2)}
.fr-sira.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)}
.fr-ara-form{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 14px;box-shadow:var(--sh1);flex:1;min-width:200px;max-width:320px}
.fr-ara-form .ico{font-size:17px;color:var(--muted);flex-shrink:0}
.fr-ara-form input{flex:1;background:none;border:none;outline:none;padding:11px 0;color:var(--text);font-size:14px;font-family:'Manrope',sans-serif}
.fr-ara-form input::placeholder{color:var(--muted)}
@media(max-width:620px){.fr-sira-tab{width:100%;overflow-x:auto}.fr-ara-form{max-width:none}}

/* ===== FORUM — MESAJ BEĞENİ + EN İYİ CEVAP ===== */
.fr-begen{display:inline-flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:6px 13px;cursor:pointer;transition:.15s;font-family:'Sora';font-weight:800;font-size:12.5px;color:var(--text2)}
.fr-begen svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:.15s}
.fr-begen:hover{border-color:#e0245e;color:#e0245e}
.fr-begen.aktif{background:rgba(224,36,94,.1);border-color:#e0245e;color:#e0245e}
.fr-begen.aktif svg{fill:#e0245e;stroke:#e0245e}
.fr-begen.patla svg{animation:frPatla .42s ease}
@keyframes frPatla{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.fr-begen-say{min-width:8px;text-align:left}
.fr-mesaj-vurgu{border-color:var(--green);box-shadow:0 0 0 1px rgba(31,191,107,.25),var(--sh1)}
.fr-rozet-iyi{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--green);background:rgba(31,191,107,.12);padding:3px 10px;border-radius:20px;margin-right:auto}
.fr-rozet-iyi .ico{font-size:13px}
.fr-mesaj-vurgu .fr-yan{background:rgba(31,191,107,.06)}

/* ===== FORUM — ÇÖZÜM, DÜZENLEME, SİLME, SAYFALAMA, PROFİL ===== */
/* Çözüm işaretli mesaj */
.fr-mesaj-cozum{border-color:var(--green);box-shadow:0 0 0 2px rgba(31,191,107,.3),var(--sh1)}
.fr-mesaj-cozum .fr-yan{background:rgba(31,191,107,.08)}
.fr-rozet-cozum{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#fff;background:var(--green);padding:3px 11px;border-radius:20px;margin-right:auto}
.fr-rozet-cozum .ico{font-size:13px}
.fr-cozuldu-rozet{display:inline-flex;align-items:center;gap:4px;background:rgba(31,191,107,.2);color:#fff;font-weight:800;font-size:12px;padding:2px 10px;border-radius:20px}

/* Avatar/ad linkleri */
a.fr-av{cursor:pointer;text-decoration:none}
a.fr-av:hover{transform:scale(1.05)}
a.fr-ad{text-decoration:none}
a.fr-ad:hover{color:var(--gold)}

/* Düzenle / Sil / Çözüm aksiyonları */
.fr-mini-form{display:inline-flex;margin:0}
.fr-aksiyon-aktif{border-color:var(--green);color:var(--green);background:rgba(31,191,107,.1)}
.fr-aksiyon-aktif:hover{border-color:var(--green);color:var(--green)}
.fr-aksiyon-sil:hover{border-color:#e0245e;color:#e0245e}
.fr-duzen-not{font-size:11px;color:var(--muted);font-style:italic}

/* Satır içi düzenleme formu */
.fr-duzen-form{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:10px}
.fr-duzen-form input[type=text],.fr-duzen-form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);font-size:14px;font-family:'Manrope',sans-serif;outline:none;transition:.15s}
.fr-duzen-form input[type=text]:focus,.fr-duzen-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.fr-duzen-form button[type=submit]{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;cursor:pointer;font-family:'Sora'}
.fr-duzen-form button[type=submit]:hover{transform:translateY(-1px)}
.fr-duzen-form .fr-vazgec{border:none;background:none;cursor:pointer}

/* Sayfalama */
.fr-sayfalama{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px}
.fr-sf{min-width:40px;text-align:center;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-family:'Sora';font-weight:800;font-size:14px;color:var(--text2);transition:.15s}
.fr-sf:hover{border-color:var(--gold);color:var(--gold)}
.fr-sf.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border-color:transparent}

/* Üye profil sayfası */
.fr-profil-bas{display:flex;align-items:center;gap:18px}
.fr-profil-av{width:76px;height:76px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:34px;font-family:'Sora';flex-shrink:0;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.fr-profil-av img{width:100%;height:100%;object-fit:cover}
.fr-profil-rutbe{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-weight:800;font-size:13px;padding:3px 12px;border-radius:20px}
.fr-profil-stat{display:flex;gap:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh1)}
.fr-profil-stat .fr-stat{flex:1;padding:18px 14px;text-align:center;border-right:1px solid var(--line2)}
.fr-profil-stat .fr-stat:last-child{border-right:none}
@media(max-width:560px){.fr-profil-av{width:60px;height:60px;font-size:26px;border-radius:16px}.fr-profil-stat{flex-wrap:wrap}.fr-profil-stat .fr-stat{flex:1 1 50%}}

/* Forum mesaj üst satırı hizalama netleştirme */
.fr-ust{flex-wrap:wrap}
.fr-ust .fr-rozet-iyi,.fr-ust .fr-rozet-cozum{margin-right:auto}
.fr-ust time{margin-left:0}
.fr-ust .fr-no{margin-left:auto}

/* Forum mesaj içeriği: alıntı bloğu + linkler */
.fr-icerik .fr-quote{margin:6px 0 12px;padding:10px 16px;border-left:3px solid var(--gold);background:var(--bg2);border-radius:0 10px 10px 0;color:var(--text2);font-size:13.5px;line-height:1.6}
.fr-icerik a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.fr-icerik a:hover{opacity:.8}

/* ===== FORUM — r10 TARZI GRUP BAŞLIKLARI + SON AÇILAN ŞERİDİ ===== */
.fr-grup{margin-bottom:26px}
.fr-grup:last-child{margin-bottom:0}
.fr-grup-bas{display:flex;align-items:center;gap:12px;font-family:'Sora';font-weight:800;font-size:15px;color:var(--heading);text-transform:uppercase;letter-spacing:.4px;padding:0 2px 14px}
.fr-grup-cizgi{width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--gold),var(--gold2));flex-shrink:0}

/* Son açılan kayan şerit */
.fr-sonacilan{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:22px;box-shadow:var(--sh1)}
.fr-sonacilan-et{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-family:'Sora';font-weight:800;font-size:12.5px;padding:0 16px;white-space:nowrap;flex-shrink:0}
.fr-sonacilan-et .ico{font-size:15px}
.fr-sonacilan-kayar{flex:1;overflow:hidden;position:relative;min-width:0}
.fr-sonacilan-ic{display:flex;align-items:center;gap:26px;padding:12px 18px;white-space:nowrap;width:max-content;animation:frKay 34s linear infinite}
.fr-sonacilan-kayar:hover .fr-sonacilan-ic{animation-play-state:paused}
.fr-sonacilan-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text2);transition:.15s;flex-shrink:0;white-space:nowrap}
.fr-sonacilan-link:hover{color:var(--gold)}
.fr-sonacilan-nokta{width:7px;height:7px;border-radius:50%;flex-shrink:0}
@keyframes frKay{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:560px){.fr-sonacilan-et span{display:none}}

/* ===== CANLI YAYIN ŞERİDİ (header altı) ===== */
.canli-serit{display:flex;align-items:center;gap:12px;justify-content:center;background:linear-gradient(90deg,#fe2c55,#ff0050,#fe2c55);background-size:200% 100%;color:#fff;padding:10px 18px;font-size:13.5px;font-weight:700;animation:cyKay 4s linear infinite;position:relative;z-index:90}
@keyframes cyKay{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.canli-serit b{font-family:'Sora';font-weight:800;letter-spacing:.5px}
.canli-serit .cs-nokta{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:csPulse 1.4s infinite}
.canli-serit .cs-baslik{opacity:.95;font-weight:600}
.canli-serit .cs-izle{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);padding:5px 14px;border-radius:20px;font-weight:800;transition:.2s}
.canli-serit:hover .cs-izle{background:#fff;color:#fe2c55}
.canli-serit .cs-izle .ico{font-size:14px}
@media(max-width:680px){.canli-serit .cs-baslik{display:none}}

/* ===== CANLI YAYIN SAYFASI ===== */
.cy-live{display:inline-flex;align-items:center;gap:7px;background:#fe2c55;color:#fff;font-size:14px;font-weight:800;padding:4px 14px;border-radius:20px;vertical-align:middle}
.cy-live i{width:9px;height:9px;border-radius:50%;background:#fff;animation:csPulse 1.4s infinite}
.cy-kart{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--sh1);max-width:680px;margin:0 auto}
.cy-ust{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(90deg,#fe2c55,#ff0050);color:#fff}
.cy-rozet{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;font-family:'Sora'}
.cy-rozet .cs-nokta{width:10px;height:10px;border-radius:50%;background:#fff;animation:csPulse 1.4s infinite}
.cy-platform{font-weight:800;font-size:13px;background:rgba(255,255,255,.22);padding:4px 12px;border-radius:20px}
.cy-govde{padding:36px 26px;text-align:center}
.cy-ikon{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#fe2c55,#ff0050);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 14px 36px rgba(254,44,85,.45)}
.cy-govde h2{font-family:'Sora';font-weight:800;font-size:23px;color:var(--heading);margin:0 0 10px}
.cy-govde>p{color:var(--text2);font-size:14.5px;line-height:1.6;max-width:440px;margin:0 auto 22px}
.cy-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fe2c55,#ff0050);color:#fff;font-weight:800;font-family:'Sora';font-size:15px;padding:15px 32px;border-radius:14px;transition:.2s;box-shadow:0 10px 28px rgba(254,44,85,.4)}
.cy-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(254,44,85,.55)}
.cy-btn .ico{font-size:18px}
.cy-not{display:flex;align-items:center;gap:9px;padding:14px 20px;background:var(--bg2);border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);line-height:1.5}
.cy-not .ico{font-size:16px;color:#fe2c55;flex-shrink:0}
.cy-bilgi{max-width:680px;margin:24px auto 0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;box-shadow:var(--sh1)}
.cy-bilgi h3{font-family:'Sora';font-weight:800;font-size:17px;color:var(--heading);margin:0 0 14px}
.cy-bilgi ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.cy-bilgi li{color:var(--text2);font-size:14px;line-height:1.5}
.cy-bos{text-align:center;padding:50px 24px;max-width:560px;margin:0 auto}
.cy-bos-ikon{width:80px;height:80px;border-radius:50%;background:var(--bg2);color:var(--muted);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.cy-bos-ikon .ico{font-size:34px}
.cy-bos h2{font-family:'Sora';font-weight:800;font-size:22px;color:var(--heading);margin:0 0 10px}
.cy-bos p{color:var(--text2);font-size:14.5px;line-height:1.6;margin:0 0 22px}
.cy-sosyal{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.cy-sos-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);color:var(--heading);font-weight:700;padding:11px 20px;border-radius:12px;transition:.2s}
.cy-sos-btn:hover{border-color:#fe2c55;color:#fe2c55;transform:translateY(-2px)}
.cy-geri{color:var(--muted);font-weight:700;font-size:13.5px}
.cy-geri:hover{color:var(--gold)}

/* ===== CANLI YAYIN — GÖMÜLÜ OYNATICI (yarım ekran) ===== */
.cy-yayin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.cy-player-kutu{background:#000;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh2)}
.cy-player-ust{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(90deg,#fe2c55,#ff0050);color:#fff}
.cy-player{position:relative;width:100%;background:#000;aspect-ratio:16/10;min-height:420px}
.cy-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.cy-fallback{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,#15233f,#080d1c)}
.cy-fb-ic{max-width:340px}
.cy-fb-ikon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fe2c55,#ff0050);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 12px 30px rgba(254,44,85,.5)}
.cy-fb-ikon .ico{font-size:32px}
.cy-fb-ic h3{font-family:'Sora';font-weight:800;font-size:19px;color:#fff;margin:0 0 8px}
.cy-fb-ic p{color:#aeb6c9;font-size:13.5px;line-height:1.6;margin:0 0 18px}
.cy-rozet{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;font-family:'Sora'}
.cy-rozet .cs-nokta{width:10px;height:10px;border-radius:50%;background:#fff;animation:csPulse 1.4s infinite}
.cy-platform{font-weight:800;font-size:13px;background:rgba(255,255,255,.22);padding:4px 12px;border-radius:20px}

/* Sağ yan panel */
.cy-yan{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.cy-yan-bas{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh1)}
.cy-yan-bas h2{font-family:'Sora';font-weight:800;font-size:18px;color:var(--heading);margin:0 0 10px;line-height:1.3}
.cy-yan-canli{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#fe2c55;background:rgba(254,44,85,.1);padding:4px 12px;border-radius:20px}
.cy-yan-canli .cs-nokta{width:8px;height:8px;border-radius:50%;background:#fe2c55;animation:csPulse 1.4s infinite}
.cy-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fe2c55,#ff0050);color:#fff;font-weight:800;font-family:'Sora';font-size:15px;padding:14px 28px;border-radius:13px;transition:.2s;box-shadow:0 10px 28px rgba(254,44,85,.4)}
.cy-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(254,44,85,.55)}
.cy-btn .ico{font-size:18px}
.cy-btn-tam{justify-content:center;width:100%}
.cy-yan-blok{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh1)}
.cy-yan-blok h3{font-family:'Sora';font-weight:800;font-size:15px;color:var(--heading);margin:0 0 12px}
.cy-yan-blok ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.cy-yan-blok li{color:var(--text2);font-size:13.5px;line-height:1.5}
.cy-yan-sosyal{display:flex;gap:10px;justify-content:center}
.cy-yan-sosyal a{width:46px;height:46px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--heading);font-size:20px;transition:.2s}
.cy-yan-sosyal a:hover{border-color:#fe2c55;color:#fe2c55;transform:translateY(-2px)}
@media(max-width:900px){
  .cy-yayin-grid{grid-template-columns:1fr}
  .cy-yan{position:static}
  .cy-player{min-height:0;aspect-ratio:9/16;max-height:78vh}
}

/* ===== DÜNYA KUPASI ŞERİDİ (header altı) ===== */
.dk-serit{display:flex;align-items:center;gap:12px;justify-content:center;background:linear-gradient(90deg,#1a1f3a,#2a2456,#1a1f3a);color:#fff;padding:9px 18px;font-size:13.5px;font-weight:700;position:relative;z-index:89;border-bottom:1px solid rgba(200,162,74,.4)}
.dk-serit b{font-family:'Sora';font-weight:800;letter-spacing:.5px;color:#e7c869}
.dk-serit-trophy{font-size:17px}
.dk-serit-canli{display:inline-flex;align-items:center;gap:6px;background:#e2433a;color:#fff;font-weight:800;font-size:11px;padding:2px 9px;border-radius:20px}
.dk-serit-canli .cs-nokta{width:7px;height:7px;border-radius:50%;background:#fff;animation:csPulse 1.4s infinite}
.dk-serit-mac{font-weight:600;opacity:.95}
.dk-serit-mac b{color:#fff}
.dk-serit .cs-izle{display:inline-flex;align-items:center;gap:5px;background:rgba(231,200,105,.2);color:#e7c869;padding:5px 13px;border-radius:20px;font-weight:800;transition:.2s}
.dk-serit:hover .cs-izle{background:#e7c869;color:#1a1f3a}
.dk-serit .cs-izle .ico{font-size:14px}
@media(max-width:680px){.dk-serit-mac{display:none}}
.subnav .dk-link{color:#e7c869!important;font-weight:800}

/* ===== DÜNYA KUPASI MERKEZ SAYFASI ===== */
.dk-hero{background:linear-gradient(120deg,#0e1530,#1a1f3a 55%,#2a2456)!important}
.dk-hero .kat-hero-rozet{font-size:34px;line-height:1}
.dk-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@media(max-width:920px){.dk-layout{grid-template-columns:1fr}}
.dk-bolum-bas{display:flex;align-items:center;gap:9px;font-family:'Sora';font-weight:800;font-size:16px;color:var(--heading);margin-bottom:16px}
.dk-bolum-bas .ico{font-size:18px;color:var(--gold)}

/* Fikstür */
.dk-gun{margin-bottom:20px}
.dk-gun-bas{font-family:'Sora';font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 2px 10px}
.dk-maclar{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh1)}
.dk-mac{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line2)}
.dk-mac:last-child{border-bottom:none}
.dk-mac-canli{background:linear-gradient(90deg,rgba(226,67,58,.07),transparent)}
.dk-mac-takim{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.dk-ev{justify-content:flex-end;text-align:right}
.dk-dep{justify-content:flex-start}
.dk-mac-takim img{width:26px;height:26px;object-fit:contain;flex-shrink:0}
.dk-takim-ad{font-size:14px;font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-mac-skor{flex-shrink:0;min-width:84px;text-align:center;display:flex;flex-direction:column;gap:3px}
.dk-mac-skor b{font-family:'Sora';font-weight:800;font-size:17px;color:var(--heading)}
.dk-saat{font-weight:700;font-size:14px;color:var(--text2)}
.dk-durum{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase}
.dk-canli-dk{color:#e2433a}
@media(max-width:560px){.dk-takim-ad{font-size:12.5px}.dk-mac-takim img{width:22px;height:22px}}

/* Gol krallığı */
.dk-golcu{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line2)}
.dk-golcu:last-child{border-bottom:none}
.dk-golcu-no{font-family:'Sora';font-weight:800;font-size:13px;color:var(--muted);width:18px;flex-shrink:0}
.dk-golcu-foto{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg2)}
.dk-golcu-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dk-golcu-ad{font-size:13px;font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-golcu-takim{font-size:11px;color:var(--muted)}
.dk-golcu-gol{font-family:'Sora';font-weight:800;font-size:16px;color:var(--gold);flex-shrink:0}

/* Grup puan durumları */
.dk-gruplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.dk-grup-kart{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh1)}
.dk-grup-bas{font-family:'Sora';font-weight:800;font-size:14px;color:#fff;background:linear-gradient(90deg,#1a1f3a,#2a2456);padding:11px 16px}
.dk-tablo{width:100%;border-collapse:collapse;font-size:13px}
.dk-tablo th{font-size:11px;font-weight:700;color:var(--muted);text-align:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.dk-tablo th:nth-child(2){text-align:left}
.dk-tablo td{padding:9px 4px;text-align:center;border-bottom:1px solid var(--line2)}
.dk-tablo tr:last-child td{border-bottom:none}
.dk-tablo .dk-ust2{background:rgba(31,191,107,.06)}
.dk-tablo .dk-ust2 .dk-sira{color:var(--green);font-weight:800}
.dk-sira{font-weight:700;color:var(--muted);width:24px}
.dk-tk{text-align:left!important;font-weight:700;color:var(--heading);display:flex;align-items:center;gap:8px}
.dk-tk img{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.dk-puan{font-family:'Sora';font-weight:800;color:var(--gold)}


/* ============================================================
   OneSignal bildirim zili — mobil alt bar ile çakışmasın
   ============================================================ */
@media(max-width:760px){
  #onesignal-bell-launcher.onesignal-bell-launcher-bottom-right{
    bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;
    right:14px !important;
    z-index:118 !important;
  }
  /* OneSignal kayan izin kutusu da alt barın üstünde dursun */
  #onesignal-slidedown-container{
    bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* ============================================================
   MOBİL DÜZEN CİLASI — kalabalık/iç içe görünümü topla
   (en sonda; sonradan geldiği için öncelikli)
   ============================================================ */
@media(max-width:760px){
  /* Tutarlı dikey ritim: her blok eşit ve makul boşlukla aksın */
  .wrap{padding-left:14px;padding-right:14px}
  .kblok{margin-top:18px;padding:16px 15px;border-radius:16px}
  .board{padding:16px 0 4px;gap:14px}

  /* Bölüm başlıkları sade ve okunur */
  .kblok-head{margin-bottom:12px;gap:10px}
  .kblok-head h2{font-size:16px;line-height:1.25}
  .kblok-head .bar{height:20px;width:4px}
  .kblok-head .lk{font-size:11.5px}

  /* Manşet vitrini: yan kartlar her zaman tek sütun (yan yana sıkışmasın) */
  .lead-side{flex-direction:column;gap:12px}
  .lead-side .ls{min-height:150px}
  .lead-main{min-height:260px}
  .lead-main .bd{padding:18px 16px}
  .lead-main h2{font-size:20px;line-height:1.2;margin-bottom:8px}
  .lead-main p{font-size:13.5px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

  /* Ana akış + sidebar tek sütun, sidebar normal akışta */
  .flow{grid-template-columns:1fr;gap:18px}
  .swid{position:static;gap:16px}

  /* Haber satırı: görsel + yazı dengeli, taşma yok */
  .hrow{gap:12px;padding:13px 0}
  .hrow .ph{width:116px;height:80px;border-radius:10px}
  .hrow .in h3{font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hrow .in .mt{font-size:11px;gap:10px}

  /* Duyum satırları daha derli toplu */
  .dm-row{padding:11px 8px;gap:10px}
  .dm-oyuncu{font-size:13.5px}
  .dm-kaynak{font-size:11.5px}
  .dm-badge{padding:4px 9px;font-size:10px}

  /* Mini grid'ler tek sütun */
  .duyumcu-mini-grid,.kulup-grid{grid-template-columns:1fr;gap:10px}
  .duyumcu-mini,.kulup-kart{padding:13px 14px}

  /* Video & yazarlar tek sütun, makul yükseklik */
  .vstrip,.yazarlar{grid-template-columns:1fr;gap:12px}
  .vcard{min-height:190px}

  /* Öne çıkanlar tek sütun */
  .news-row2{grid-template-columns:1fr;gap:14px}

  /* Editöryel başlık mobilde sadeleşsin */
  .ed-head{margin:4px 0 14px}
  .ed-head h2{font-size:15px}

  /* Skor/widget başlıkları biraz küçülsün */
  .wbox .wh{padding:13px 15px;font-size:12px}
  .wbox .wb{padding:4px 15px}
}

@media(max-width:420px){
  .lead-main h2{font-size:18px}
  .kblok-head h2{font-size:15px}
  .hrow .ph{width:100px;height:72px}
}