/* ================================================================
   FutbolX — ANA MENÜ ŞERİDİ ALTERNATİFLERİ  (01.09.2026)
   body[data-menu="1|2|3"] ile denenir. ?menu=0 mevcut sade koyu şerit.
   Hepsi logo alanını ve arama/menü düğmelerini de kapsar.
   ================================================================ */

/* Ortak: gecisler yumusak olsun */
.main-menu-area, .main-menu-area .logo-area, .main-menu-area .search-button,
.main-menu-area #side-menu-trigger .menu-bar{ transition:background .25s ease, box-shadow .25s ease, border-color .25s ease; }

/* ================================================================
   1 — "KIRMIZI GRADYAN"  : cesur, sahalardan gelen enerji.
       Diyagonal kirmizi gradyan zemin, logo beyaz egik panelde,
       baglantilar beyaz, dugmeler beyaz cerceveli.
   ================================================================ */
body[data-menu="1"] .main-menu-area, body[data-menu="1"] .main-menu-area.bg-body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.16) 0 1px, transparent 1px),
    linear-gradient(100deg,#6d000f 0%,#b00a1c 30%,#e5091e 58%,#ff3d52 100%) !important;
  border-top:0 !important; border-bottom:0 !important;
  box-shadow:0 10px 26px rgba(176,10,28,.32) !important;
  position:relative;
}
body[data-menu="1"] .main-menu-area .row{ min-height:80px; }

/* --- LOGO BLOĞU ---
   Üstteki siyah şeridin AŞAĞI DEVAM ETTİĞİ koyu blok; sağ kenarı eğik ve
   üzerinde ~5px parlak kırmızı çizgi var. Blok, şeride clip-path ile DEĞİL
   doğrudan LOGO SÜTUNUNA bağlı: böylece çapraz çizgi her ekran genişliğinde
   logonun hemen SAĞINDA kalıyor (yüzdeyle bağlanınca logonun arkasına
   düşüyordu). Sola `-100vw` ile taşar, skew yalnız yatay kaydırır. */
body[data-menu="1"] .main-menu-area > .container{ position:relative; z-index:2; }
body[data-menu="1"] .main-menu-area .logo-area{
  background:transparent !important; box-shadow:none !important; clip-path:none !important;
  margin-left:0; padding:0 26px 0 0; position:relative;
}
body[data-menu="1"] .main-menu-area .logo-area:before,   /* kirmizi kenar */
body[data-menu="1"] .main-menu-area .logo-area:after{    /* koyu blok     */
  content:""; position:absolute; top:-15px; bottom:-15px; left:-100vw;
  transform:skewX(-26deg); pointer-events:none; z-index:-1;
  /* fx-mozaik.css'teki logo ayraci `.logo-area:after{width:1px}` veriyor;
     left+right+width birlikte tanimliysa tarayici `right`i YOK SAYIYOR ve
     blok 1px kaliyordu (koyu blok gorunmuyordu). width/height serbest. */
  width:auto !important; height:auto !important; display:block !important;
  border-radius:0 !important; box-shadow:none !important;
}
/* Egim -26deg: blok yuksekligi ~80px oldugu icin kenar ust/altta ±19,5px
   kayiyor. Sag kenar, logonun bitisi ile ilk menu baglantisi arasindaki
   ~44px'lik bandin TAM ORTASINA konuluyor (logo-area sagi + 4px) — boylece
   capraz belirgin ama ne logoyu ne de ilk linki kesiyor. */
/* Kirmizi kenar cizgisi KALDIRILDI (kullanici istegi): capraz zaten koyu
   blok ile kirmizi seridin renk farkindan okunuyor. */
body[data-menu="1"] .main-menu-area .logo-area:before{ display:none !important; }
/* Logo zemini: duz koyu yerine derinlikli gradyan — kosegen gri-siyah
   uzerine sol altta yumusak kirmizi sicaklik, ust kenarda ince isik. */
body[data-menu="1"] .main-menu-area .logo-area:after{
  right:-4px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0 1px, transparent 1px),
    radial-gradient(320px 190px at 4% 120%, rgba(229,9,30,.52), transparent 70%),
    radial-gradient(240px 150px at 92% -30%, rgba(140,165,225,.24), transparent 68%),
    linear-gradient(118deg,#333a49 0%,#1e232e 38%,#0e1116 76%,#08090c 100%);
}
body[data-menu="1"] .main-menu-area .logo-area img{ max-height:48px; position:relative; z-index:2; }
/* baglantilar */
body[data-menu="1"] .ne-main-menu nav > ul > li > a{
  color:#fff !important; padding:28px 17px; font-weight:900; letter-spacing:.11em;
}
body[data-menu="1"] .ne-main-menu nav > ul > li > a:after{
  background:#fff; height:3px; bottom:19px;
}
body[data-menu="1"] .ne-main-menu nav > ul > li:hover > a{
  color:#fff !important; background:rgba(255,255,255,.14);
}
body[data-menu="1"] .ne-main-menu nav > ul > li > a font{ color:#ffe08a !important; }
body[data-menu="1"] .ne-main-menu .ne-dropdown-menu{
  background:#fff !important; border-top:3px solid #6d000f !important;
}
body[data-menu="1"] .ne-main-menu .ne-dropdown-menu li a{ color:#0b0b0d !important; }
body[data-menu="1"] .ne-main-menu .ne-dropdown-menu li a:hover{
  background:#ffe9ec !important; color:#c00a1e !important;
}
/* dugmeler */
body[data-menu="1"] .main-menu-area .search-button,
body[data-menu="1"] .main-menu-area #side-menu-trigger .menu-bar{
  background:rgba(255,255,255,.12) !important; color:#fff !important;
  border:1.5px solid rgba(255,255,255,.55) !important; width:40px; height:40px;
}
body[data-menu="1"] .main-menu-area .search-button:hover,
body[data-menu="1"] .main-menu-area #side-menu-trigger .menu-bar:hover{
  background:#fff !important; color:#c00a1e !important; border-color:#fff !important;
}
body[data-menu="1"] .main-menu-area .search-input{
  background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.5) !important; color:#fff !important;
}
body[data-menu="1"] .header-top-bar{ border-bottom:0; }

/* ================================================================
   2 — "KOYU IŞILTI" : premium yayın grafiği. Koyu zeminde kırmızı
       ışık halesi, üstte gradyan kural, cam düğmeler.
   ================================================================ */
body[data-menu="2"] .main-menu-area, body[data-menu="2"] .main-menu-area.bg-body{
  background:
    radial-gradient(520px 150px at 16% 120%, rgba(229,9,30,.42), transparent 72%),
    radial-gradient(420px 130px at 92% -20%, rgba(255,90,0,.22), transparent 70%),
    linear-gradient(180deg,#161a22 0%,#0a0c11 100%) !important;
  border:0 !important; position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
}
body[data-menu="2"] .main-menu-area:before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,#e5091e 0%,#ff6a00 45%,#e5091e 100%);
}
body[data-menu="2"] .main-menu-area .row{ min-height:80px; }
body[data-menu="2"] .main-menu-area .logo-area{
  padding-right:28px; position:relative;
}
body[data-menu="2"] .main-menu-area .logo-area:before{
  content:""; position:absolute; left:-18px; top:50%; transform:translateY(-50%);
  width:130px; height:130px; border-radius:50%;
  background:radial-gradient(circle, rgba(229,9,30,.34), transparent 68%); pointer-events:none;
}
body[data-menu="2"] .main-menu-area .logo-area:after{
  content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:38px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.32),transparent);
}
body[data-menu="2"] .main-menu-area .logo-area img{ max-height:48px; position:relative; z-index:2; }
body[data-menu="2"] .ne-main-menu nav > ul > li > a{
  color:#dfe5ee !important; padding:28px 16px; letter-spacing:.11em;
}
body[data-menu="2"] .ne-main-menu nav > ul > li > a:after{
  background:linear-gradient(90deg,#e5091e,#ff6a00); height:3px; bottom:19px;
}
body[data-menu="2"] .ne-main-menu nav > ul > li:hover > a{
  color:#fff !important; background:rgba(255,255,255,.06);
}
body[data-menu="2"] .ne-main-menu nav > ul > li > a font{ color:#ff7a8c !important; }
body[data-menu="2"] .ne-main-menu .ne-dropdown-menu{
  background:#12151c !important;
  border-top:3px solid transparent !important;
  border-image:linear-gradient(90deg,#e5091e,#ff6a00) 1 !important;
  box-shadow:0 24px 50px rgba(0,0,0,.55) !important;
}
body[data-menu="2"] .ne-main-menu .ne-dropdown-menu li a{ color:#cfd6e0 !important; }
body[data-menu="2"] .ne-main-menu .ne-dropdown-menu li a:hover{
  background:rgba(229,9,30,.16) !important; color:#fff !important;
}
body[data-menu="2"] .main-menu-area .search-button,
body[data-menu="2"] .main-menu-area #side-menu-trigger .menu-bar{
  background:rgba(255,255,255,.07) !important; color:#e9ecf1 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  width:40px; height:40px; backdrop-filter:blur(6px);
}
body[data-menu="2"] .main-menu-area .search-button:hover,
body[data-menu="2"] .main-menu-area #side-menu-trigger .menu-bar:hover{
  background:linear-gradient(135deg,#e5091e,#ff6a00) !important;
  border-color:transparent !important; color:#fff !important;
  box-shadow:0 8px 20px rgba(229,9,30,.42) !important;
}
body[data-menu="2"] .main-menu-area .search-input{
  background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.18) !important; color:#fff !important;
}

/* ================================================================
   3 — "BÖLÜNMÜŞ" : solda beyaz logo bloğu, sağda siyah→kırmızı
       gradyan navigasyon bloğu. Asimetrik, dikkat çekici.
   ================================================================ */
body[data-menu="3"] .main-menu-area, body[data-menu="3"] .main-menu-area.bg-body{
  background:linear-gradient(90deg,#0b0b0d 0%,#15171d 52%,#c00a1e 100%) !important;
  border:0 !important; box-shadow:0 8px 22px rgba(11,11,13,.20) !important;
  position:relative;
}
/* Beyaz egik logo blogu: SERIDIN ICINDE clip-path ile — tasan pseudo
   (top/bottom:-40px) ust bara sarkiyordu, overflow:hidden ise acilir
   menuyu keserdi. */
body[data-menu="3"] .main-menu-area:before{
  content:""; position:absolute; inset:0; background:#fff; z-index:0;
  clip-path:polygon(0 0, 25% 0, 21.5% 100%, 0 100%);
}
body[data-menu="3"] .main-menu-area > .container{ position:relative; z-index:2; }
body[data-menu="3"] .main-menu-area .row{ min-height:78px; }
body[data-menu="3"] .main-menu-area .logo-area{ padding-right:26px; position:relative; }
body[data-menu="3"] .main-menu-area .logo-area:after{ display:none; }
body[data-menu="3"] .main-menu-area .logo-area img{ max-height:46px; position:relative; z-index:2; }
body[data-menu="3"] .ne-main-menu nav > ul > li > a{
  color:#fff !important; padding:28px 16px; letter-spacing:.11em;
}
body[data-menu="3"] .ne-main-menu nav > ul > li > a:after{
  background:#fff; height:3px; bottom:19px;
}
body[data-menu="3"] .ne-main-menu nav > ul > li:hover > a{
  color:#fff !important; background:rgba(255,255,255,.12);
}
body[data-menu="3"] .ne-main-menu nav > ul > li > a font{ color:#ffd9de !important; }
body[data-menu="3"] .ne-main-menu .ne-dropdown-menu{
  background:#0f1116 !important; border-top:3px solid #e5091e !important;
}
body[data-menu="3"] .ne-main-menu .ne-dropdown-menu li a{ color:#cfd6e0 !important; }
body[data-menu="3"] .ne-main-menu .ne-dropdown-menu li a:hover{
  background:rgba(255,255,255,.07) !important; color:#fff !important;
}
body[data-menu="3"] .main-menu-area .search-button,
body[data-menu="3"] .main-menu-area #side-menu-trigger .menu-bar{
  background:rgba(0,0,0,.22) !important; color:#fff !important;
  border:1.5px solid rgba(255,255,255,.45) !important; width:40px; height:40px;
}
body[data-menu="3"] .main-menu-area .search-button:hover,
body[data-menu="3"] .main-menu-area #side-menu-trigger .menu-bar:hover{
  background:#fff !important; color:#0b0b0d !important; border-color:#fff !important;
}
body[data-menu="3"] .main-menu-area .search-input{
  background:rgba(0,0,0,.25) !important; border-color:rgba(255,255,255,.35) !important; color:#fff !important;
}

/* Küçük ekran: logo panelleri/eğimler kapatılır */
@media(max-width:991px){
  body[data-menu="1"] .main-menu-area .logo-area{ clip-path:none; margin-left:0; padding:10px 16px; }
  body[data-menu="3"] .main-menu-area, body[data-menu="3"] .main-menu-area.bg-body{
    background:linear-gradient(90deg,#0b0b0d 0%,#15171d 55%,#c00a1e 100%) !important;
  }
  body[data-menu="3"] .main-menu-area .logo-area:after{ display:none; }
  body[data-menu="2"] .main-menu-area .logo-area:before{ width:90px; height:90px; }
}

/* ---- Varyant geçiş rozeti ---- */
#fx-menu-rozet{
  position:fixed; left:16px; bottom:16px; z-index:99999; display:flex; gap:6px;
  background:rgba(12,14,20,.92); backdrop-filter:blur(8px); padding:8px; border-radius:99px;
  box-shadow:0 10px 30px rgba(0,0,0,.35); font:800 12px/1 -apple-system,'Segoe UI',Roboto,sans-serif;
}
#fx-menu-rozet a{ display:block; padding:8px 13px; border-radius:99px; color:#c9ccd2; text-decoration:none; letter-spacing:.06em; }
#fx-menu-rozet a:hover{ color:#fff; }
#fx-menu-rozet a.aktif{ background:#fff; color:#0b0b0d; }
#fx-menu-rozet span{ align-self:center; padding:0 8px 0 6px; color:#6d727b; letter-spacing:.1em; font-size:10px; }

/* ================================================================
   MOBİL: <992px'te menü sütunları `d-none d-lg-block` ile gizleniyor,
   geriye BOŞ bir şerit kalıyordu (koyu/gradyan zeminle bariz bir bant
   olarak görünüyordu). Şerit görsel olarak sıfırlanır; mobil başlığı
   temanın `.mean-bar`'ı taşır. `display:none` KULLANILMAZ — içindeki
   `on-mobile-fixed` arama/menü düğmesi sabit konumlu, o da kaybolurdu.
   ================================================================ */
@media(max-width:991px){
  .main-menu-area, .main-menu-area.bg-body,
  body[data-menu="1"] .main-menu-area, body[data-menu="1"] .main-menu-area.bg-body,
  body[data-menu="2"] .main-menu-area, body[data-menu="2"] .main-menu-area.bg-body,
  body[data-menu="3"] .main-menu-area, body[data-menu="3"] .main-menu-area.bg-body{
    background:transparent !important; background-image:none !important;
    box-shadow:none !important; border:0 !important;
    min-height:0 !important; padding:0 !important;
  }
  .main-menu-area:before, .main-menu-area:after,
  body[data-menu="1"] .main-menu-area:before,
  body[data-menu="2"] .main-menu-area:before,
  body[data-menu="3"] .main-menu-area:before{ display:none !important; }
  .main-menu-area .row{ min-height:0 !important; }
  .main-menu-area .logo-area{ background:transparent !important; box-shadow:none !important; clip-path:none !important; }

  /* Mobil başlık (mean-bar) mozaik ailesinde kalsın */
  .mean-bar{ background:var(--fxm-sy) !important; border-bottom:3px solid var(--fxm-kr) !important; }
}

/* ================================================================
   LOGO ZEMİNİ RENK SEÇENEKLERİ — ?logo=1|2|3|4 (body[data-logobg])
   Yalnız logo bloğunun zeminini değiştirir; eğik kesim aynı kalır.
   ================================================================ */
/* 1 — BORDO: şeridin kırmızısının koyu tonu, tek renk ailesi */
body[data-menu="1"][data-logobg="1"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0 1px, transparent 1px),
    radial-gradient(300px 170px at 12% 118%, rgba(255,90,110,.30), transparent 70%),
    linear-gradient(118deg,#6b0714 0%,#4a040d 42%,#2c0208 78%,#1b0105 100%);
}
/* 2 — LACİVERT → MOR: soğuk, kırmızıyla güçlü kontrast */
body[data-menu="1"][data-logobg="2"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.14) 0 1px, transparent 1px),
    radial-gradient(320px 180px at 8% 120%, rgba(124,58,237,.42), transparent 72%),
    linear-gradient(118deg,#1e2a5a 0%,#16204a 38%,#0c1130 76%,#080b22 100%);
}
/* 3 — SAHA YEŞİLİ: futbol çağrışımı, koyu çim tonu */
body[data-menu="1"][data-logobg="3"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0 1px, transparent 1px),
    radial-gradient(300px 170px at 10% 118%, rgba(16,185,129,.34), transparent 70%),
    linear-gradient(118deg,#123a2c 0%,#0d2c22 40%,#071a14 78%,#04100c 100%);
}
/* 4 — DÜZ KÖMÜR SİYAH: gradyansız, en sade ve nötr */
body[data-menu="1"][data-logobg="4"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0 1px, transparent 1px),
    #0b0b0d;
}

/* Renk secim rozeti */
#fx-logobg-rozet{
  position:fixed; left:16px; bottom:70px; z-index:99999; display:flex; gap:6px;
  background:rgba(12,14,20,.92); backdrop-filter:blur(8px); padding:8px; border-radius:99px;
  box-shadow:0 10px 30px rgba(0,0,0,.35); font:800 12px/1 -apple-system,'Segoe UI',Roboto,sans-serif;
}
#fx-logobg-rozet a{ display:block; padding:8px 12px; border-radius:99px; color:#c9ccd2; text-decoration:none; }
#fx-logobg-rozet a:hover{ color:#fff; }
#fx-logobg-rozet a.aktif{ background:#fff; color:#0b0b0d; }
#fx-logobg-rozet span{ align-self:center; padding:0 8px 0 6px; color:#6d727b; letter-spacing:.1em; font-size:10px; }

/* ================================================================
   LOGO OKUNURLUĞU — 5/6/7 (?logo=5|6|7)
   SVG logonun kendisi KIRMIZI; kırmızı/bordo zeminde yazı eriyordu.
   Bu üç seçenek sorunu kaynağından çözüyor.
   ================================================================ */

/* 5 — AÇIK BLOK: logo tasarlandığı gibi, tam kontrast.
      Düz beyaz levha değil; yumuşak açık gradyan + altta ince bordo kural. */
body[data-menu="1"][data-logobg="5"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,#ffffff 0%,#f4f5f8 62%,#e8eaef 100%);
  box-shadow:inset -1px 0 0 rgba(107,7,20,.18) !important;
}
body[data-menu="1"][data-logobg="5"] .main-menu-area .logo-area:before{
  display:block !important; right:-9px;
  background:linear-gradient(180deg,#ff5a6e 0%,#e5091e 60%,#6b0714 100%);
}

/* 6 — AÇIK GRİ + KIRMIZI TABAN: açık zemin, altında kalın kırmızı kural,
      üstte hafif iç gölge (kağıt hissi). */
body[data-menu="1"][data-logobg="6"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(11,11,13,.05) 0 2px, transparent 2px),
    linear-gradient(118deg,#fdfdfe 0%,#eef0f4 55%,#e2e5ec 100%);
  box-shadow:inset 0 -4px 0 #e5091e !important;
}
body[data-menu="1"][data-logobg="6"] .main-menu-area .logo-area:before{ display:none !important; }

/* 7 — KOYU + IŞIK HALESİ: zemin koyu kalır, logo beyaz ışıkla ayrılır. */
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0 1px, transparent 1px),
    radial-gradient(300px 170px at 14% 118%, rgba(229,9,30,.34), transparent 70%),
    linear-gradient(118deg,#23262f 0%,#141720 42%,#0a0b0e 100%);
}
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area:before{ display:none !important; }
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area img{
  filter:
    drop-shadow(0 0 1.5px rgba(255,255,255,.95))
    drop-shadow(0 0 8px rgba(255,255,255,.55))
    drop-shadow(0 3px 16px rgba(0,0,0,.55));
}

/* ================================================================
   8 / 9 — BLOK YOK: logo doğrudan kırmızı gradyanın üzerinde.
   SVG logo kırmızı olduğu için BEYAZ sürümü kullanılıyor
   (`uploads/logo/Futbolx-Logo-beyaz.svg`).
   ================================================================ */
body[data-menu="1"][data-logobg="8"] .main-menu-area .logo-area:before,
body[data-menu="1"][data-logobg="8"] .main-menu-area .logo-area:after,
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area:before,
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area:after{
  display:none !important;
}
body[data-menu="1"][data-logobg="8"] .main-menu-area .logo-area img,
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area img{
  content:url("../uploads/logo/Futbolx-Logo-beyaz.svg");
  max-height:50px; filter:drop-shadow(0 2px 10px rgba(0,0,0,.28));
}
/* logo ile menu arasinda ince beyaz ayrac */
body[data-menu="1"][data-logobg="8"] .main-menu-area .logo-area,
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area{
  padding-right:30px; position:relative;
}
body[data-menu="1"][data-logobg="8"] .main-menu-area .logo-area a,
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area a{
  position:relative; display:inline-block;
}
/* 9 — TOP ORİJİNAL RENGİNDE: orijinal SVG, yalnız top bölgesi (soldan %31)
   kırpılarak beyaz logonun üzerine bindiriliyor. */
body[data-menu="1"][data-logobg="9"] .main-menu-area .logo-area a:after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:url("../uploads/logo/Futbolx-Logo-1_1.svg") left center / auto 100% no-repeat;
  clip-path:inset(0 69% 0 0);
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.28));
}

/* 10 — BLOK YOK + MARKA KORUNUYOR: yalnız kırmızı yazı beyaza çevrildi,
   top ve siyah konturlar orijinal. Kırmızı gradyanda hem okunur hem
   logonun karakteri duruyor. (8 tamamen beyaz mono sürüm.) */
body[data-menu="1"][data-logobg="10"] .main-menu-area .logo-area:before,
body[data-menu="1"][data-logobg="10"] .main-menu-area .logo-area:after{ display:none !important; }
body[data-menu="1"][data-logobg="10"] .main-menu-area .logo-area{ padding-right:30px; }
body[data-menu="1"][data-logobg="10"] .main-menu-area .logo-area img{
  content:url("../uploads/logo/Futbolx-Logo-beyaz2.svg");
  max-height:52px; filter:drop-shadow(0 3px 12px rgba(60,0,8,.45));
}

/* ================================================================
   7 SEÇİLİ İKEN: ŞERİDİN TAMAMI logo bloğunun rengi (kullanıcı isteği).
   Kırmızı gradyan kalkıyor; çapraz kesime gerek kalmıyor (blok ile şerit
   aynı renk). Kırmızı yalnız üstteki ince kural ve logonun arkasındaki
   sıcaklıkta kalıyor.
   ================================================================ */
body[data-menu="1"][data-logobg="7"] .main-menu-area,
body[data-menu="1"][data-logobg="7"] .main-menu-area.bg-body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0 1px, transparent 1px),
    radial-gradient(460px 210px at 13% 125%, rgba(229,9,30,.34), transparent 72%),
    linear-gradient(118deg,#23262f 0%,#141720 42%,#0a0b0e 100%) !important;
  border-top:3px solid var(--fxm-kr) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.32) !important;
}
/* çapraz blok artık gereksiz */
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area:before,
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area:after{ display:none !important; }
/* logo ile menü arasına ince ayraç */
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area{
  padding-right:28px; position:relative;
}
body[data-menu="1"][data-logobg="7"] .main-menu-area .logo-area > a:after{
  content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:38px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);
}

/* Mobilde şerit sıfırlanırken üstteki 3px kırmızı kural da kalkmalı
   (yoksa geriye 4px'lik ince bir çizgi kalıyor). */
@media(max-width:991px){
  body[data-menu="1"][data-logobg="7"] .main-menu-area,
  body[data-menu="1"][data-logobg="7"] .main-menu-area.bg-body{
    border-top:0 !important; box-shadow:none !important;
    background:transparent !important; background-image:none !important;
  }
}