/* Bolumler v9 (27.10.2026): v8 detay dilini (cam yuzey, ince isikli kenar, radyal gri hap, ikon, soluk ton kademesi)
   ana sayfa listesine, bilgi bolumlerine, urun sayfasina, kategoriye, sepete ve alt bilgiye yayar.
   Yalniz renk yonlerinde (data-yon); "Eski" degismez. feron-detay.css'ten sonra yuklenir. */
:root[data-yon] {
  --kenar-ince: rgba(255, 255, 255, .07);
  --hap-aktif: radial-gradient(120% 160% at 50% 0%, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04) 70%);
  --vurgu-sis: color-mix(in srgb, var(--vurgu) 14%, transparent);
  --vurgu-cizgi: color-mix(in srgb, var(--vurgu) 38%, transparent);
}

/* ---- Sekmeler, filtreler, bolum menusu: cam hap, aktif radyal gri ---- */
:root[data-yon] .fx-sekmeler { gap: 6px; padding: 5px; width: fit-content; max-width: 100%; border-radius: var(--r-b);
  background: rgba(10, 11, 13, .55); box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); margin-bottom: 10px; }
:root[data-yon] .fx-sekmeler a, :root[data-yon] .fx-filtre button, :root[data-yon] .fx-bolum-menu a {
  min-height: 38px; padding: 0 14px; border-radius: var(--r); font-weight: 500; font-size: 15px; color: var(--soluk);
  background: transparent; box-shadow: none; transition: background .2s, color .2s, box-shadow .2s; }
:root[data-yon] .fx-pause .fx-sekmeler a:not(.is-aktif) { background: transparent; }
:root[data-yon] .fx-sekmeler a:hover, :root[data-yon] .fx-filtre button:hover, :root[data-yon] .fx-bolum-menu a:hover {
  color: var(--metin); background: var(--cam); }
:root[data-yon] .fx-sekmeler a.is-aktif, :root[data-yon] .fx-filtre button.is-aktif, :root[data-yon] .fx-bolum-menu a.is-aktif {
  color: #fff; background: var(--hap-aktif); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), var(--cam-isik); }
:root[data-yon] .fx-filtre { gap: 4px; padding: 4px; border-radius: var(--r-b); background: var(--cam); box-shadow: inset 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-sirala select { height: 46px; border-radius: var(--r); background: var(--cam); color: var(--metin);
  box-shadow: inset 0 0 0 1px var(--cam-kenar); }
:root[data-yon] .fx-bolum-menu { gap: 4px; padding: 5px; width: fit-content; max-width: 100%; border-radius: var(--r-b);
  background: color-mix(in srgb, var(--zemin) 82%, transparent); box-shadow: inset 0 0 0 1px var(--kenar-ince), 0 12px 30px -18px #000;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
:root[data-yon] .fx-bolum-menu a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; font-size: 14px; }

/* ---- Urun listesi (pause menu) ve satir kartlari ---- */
:root[data-yon] .fx-pmenu { gap: 10px; }
:root[data-yon] .fx-pmenu-liste, :root[data-yon] .fx-pmenu-onizleme, :root[data-yon] .fx-pause .fx-pmenu-liste,
:root[data-yon] .fx-pause .fx-pmenu-onizleme {
  background: linear-gradient(180deg, rgba(22, 23, 27, .9), rgba(13, 14, 17, .92)); box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik),
  0 24px 60px -30px #000; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
:root[data-yon] .fx-pmenu-liste { gap: 3px; padding: 6px; }
:root[data-yon] .fx-kart-link { position: relative; border-radius: var(--r); transition: background .2s, box-shadow .2s; }
:root[data-yon] .fx-kart-link::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--vurgu-acik), var(--vurgu)); opacity: 0; transform: scaleY(.4);
  transition: opacity .2s, transform .2s var(--gecis); }
:root[data-yon] .fx-kart.is-secili .fx-kart-link, :root[data-yon] .fx-kart-link:hover {
  color: var(--metin); background: radial-gradient(140% 120% at 0% 50%, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03) 65%);
  box-shadow: inset 0 0 0 1px var(--cam-kenar), var(--cam-isik); }
:root[data-yon] .fx-kart.is-secili .fx-kart-link::before, :root[data-yon] .fx-kart-link:hover::before { opacity: 1; transform: none; }
:root[data-yon] .fx-kart.is-secili .fx-kart-alt-ad, :root[data-yon] .fx-kart-link:hover .fx-kart-alt-ad,
:root[data-yon] .fx-kart.is-secili .fx-fiyat-eski, :root[data-yon] .fx-kart-link:hover .fx-fiyat-eski { color: var(--soluk); }
:root[data-yon] .fx-kart.is-secili .fx-fiyat-bedava, :root[data-yon] .fx-kart-link:hover .fx-fiyat-bedava { color: var(--yesil); }
:root[data-yon] .fx-kart-gorsel { box-shadow: 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-kart-link:hover .fx-kart-gorsel img { transform: scale(1.04); }
:root[data-yon] .fx-kart-gorsel img { transition: transform .4s var(--gecis); }
:root[data-yon] .fx-kart-ad { font-weight: 700; font-size: 17px; }
:root[data-yon] .fx-kart-alt-ad { font-size: 14px; }
:root[data-yon] .fx-fiyat-yeni { font-weight: 700; }
:root[data-yon] .fx-fiyat-eski { font-size: 12px; opacity: .8; }
:root[data-yon] .fx-satirlar { gap: 8px; }
:root[data-yon] .fx-satirlar .fx-kart { background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015));
  box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik); }

/* Rozetler: white/6 zemin, ince kenar, soluk yazi (0resmon: white/10 + white/5 + white/35 kademesi) */
:root[data-yon] .fx-rozet { min-height: 20px; padding: 0 7px; font-size: 11.5px; font-weight: 600; letter-spacing: .01em; color: rgba(255, 255, 255, .62);
  background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
:root[data-yon] .fx-rozet-acik { color: var(--yesil); background: color-mix(in srgb, var(--yesil) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--yesil) 28%, transparent); }
:root[data-yon] .fx-kart.is-secili .fx-rozet, :root[data-yon] .fx-kart-link:hover .fx-rozet { background: rgba(255, 255, 255, .09);
  color: rgba(255, 255, 255, .8); }
:root[data-yon] .fx-kart.is-secili .fx-rozet-acik, :root[data-yon] .fx-kart-link:hover .fx-rozet-acik { color: var(--yesil);
  background: color-mix(in srgb, var(--yesil) 14%, transparent); }

/* Indirim etiketi: vurgu sisi zemin + vurgu kenar + acik vurgu yazi (duz sari blok yerine) */
:root[data-yon] .fx-indirim, :root[data-yon] .fx-urun-fiyat .fx-etiket {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 9px; font: 700 13px/1 var(--baslik); color: var(--vurgu-acik);
  background: var(--vurgu-sis); box-shadow: inset 0 0 0 1px var(--vurgu-cizgi), 0 0 18px -6px var(--vurgu-parlama); }
:root[data-yon] .fx-fiyat-not { padding: 2px 6px; background: var(--vurgu-sis); }

/* Onizleme paneli */
:root[data-yon] .fx-oniz-gorsel::after { content: ""; position: absolute; inset: auto 0 0; height: 45%;
  background: linear-gradient(180deg, transparent, rgba(13, 14, 17, .92)); pointer-events: none; }
:root[data-yon] .fx-oniz-govde { position: relative; margin-top: -36px; padding: 0 24px 22px; }
:root[data-yon] .fx-oniz-govde h2 { font-weight: 700; }
:root[data-yon] .fx-oniz-govde > p { font-size: 16px; }
:root[data-yon] .fx-oniz-fiyat { gap: 10px; align-items: center; }
:root[data-yon] .fx-oniz-fiyat b { font-weight: 700; }
:root[data-yon] .fx-oniz-fiyat del { font-size: 14px; }

/* ---- Nasil satin alinir: duz sari blok yerine koyu zemin, ust altin isik + nokta deseni; fis ayni ---- */
:root[data-yon] .fx-sheet-zemin { position: relative; overflow: hidden; background:
  radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--vurgu) 30%, transparent), transparent 70%),
  radial-gradient(40% 50% at 50% 100%, var(--vurgu-sis), transparent 70%), var(--zemin);
  box-shadow: inset 0 1px 0 var(--kenar-ince), inset 0 -1px 0 var(--kenar-ince); }
:root[data-yon] .fx-sheet-zemin::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 255, 255, .09) 1px, transparent 1.5px) 0 0 / 26px 26px;
  -webkit-mask: radial-gradient(70% 80% at 50% 40%, #000, transparent 75%); mask: radial-gradient(70% 80% at 50% 40%, #000, transparent 75%); }
:root[data-yon] .fx-sheet { position: relative; filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .55)); }
:root[data-yon] .fx-sheet h2 { font-weight: 700; }
:root[data-yon] .fx-sheet h3 { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: #6f6a5e; }
:root[data-yon] .fx-sheet h3::before, :root[data-yon] .fx-sheet h3::after { content: ""; flex: 1; border-top: 1px solid #d6d1c4; }
:root[data-yon] .fx-sheet dl > div::after { border-bottom-width: 2px; border-bottom-color: #c4beb0; }
:root[data-yon] .fx-sheet dd { color: #3b3a36; }

/* ---- Paket bileti: kocandaki dugme koyu murekkep (altin uzerinde altin dugme okunmuyordu) ---- */
:root[data-yon] .fx-bilet { box-shadow: 0 30px 70px -40px #000; }
:root[data-yon] .fx-bilet-kocan .fx-btn { color: #fff; background: linear-gradient(180deg, #2b2d33, #121317);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 24px -12px rgba(0, 0, 0, .7); }
:root[data-yon] .fx-bilet-kocan .fx-btn:hover { color: #fff; background: linear-gradient(180deg, #34373e, #18191d); }

/* ---- SSS: cam kartlar, ikonlu soru ---- */
:root[data-yon] .fx-sss-sutun { columns: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
:root[data-yon] .fx-sss-sutun p { position: relative; display: block; margin: 0; padding: 18px 18px 18px 72px; border-radius: var(--r-b);
  color: var(--soluk); font-size: 15px; line-height: 1.5; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
  box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik); transition: box-shadow .2s, background .2s; }
:root[data-yon] .fx-sss-sutun p:hover { box-shadow: inset 0 0 0 1px var(--cam-kenar), var(--cam-isik); }
:root[data-yon] .fx-sss-sutun p > .lucide { position: absolute; left: 18px; top: 18px; width: 40px; height: 40px; padding: 10px;
  border-radius: var(--r); color: var(--vurgu-acik);
  background: var(--vurgu-sis); box-shadow: inset 0 0 0 1px var(--vurgu-cizgi); }
:root[data-yon] .fx-sss-sutun b { display: block; min-height: 40px; padding-top: 9px; margin-bottom: 2px; color: var(--metin);
  font: 600 16px/1.3 var(--baslik); }
:root[data-yon] .fx-sss-metin h2 { font-weight: 700; }

/* ---- Kapanis: duz acik gri blok yerine koyu kart, altin isik, cizgi deseni ---- */
:root[data-yon] .fx-kapanis { background: transparent; color: var(--metin); padding: 0 var(--kenar) 120px; }
:root[data-yon] .fx-kapanis-ic { position: relative; overflow: hidden; min-height: 0; gap: 40px; padding: 72px clamp(24px, 5vw, 72px) 56px;
  border-radius: var(--r-b); background: radial-gradient(70% 90% at 100% 100%, color-mix(in srgb, var(--vurgu) 26%, transparent), transparent 65%),
  radial-gradient(50% 60% at 0% 0%, rgba(255, 255, 255, .06), transparent 70%), linear-gradient(180deg, #16171b, #0e0f12);
  box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik), 0 40px 80px -50px #000; }
:root[data-yon] .fx-kapanis-ic::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 48px 48px,
  linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 48px 48px;
  -webkit-mask: radial-gradient(80% 90% at 85% 100%, #000, transparent 70%); mask: radial-gradient(80% 90% at 85% 100%, #000, transparent 70%); }
:root[data-yon] .fx-kapanis-ic > * { position: relative; }
:root[data-yon] .fx-kapanis h2 { font-size: clamp(48px, 6vw, 92px); font-weight: 700; line-height: .92; max-width: 11ch; }
:root[data-yon] .fx-kapanis-alt p { color: var(--soluk); font-size: 17px; }

/* ---- Urun sayfasi: satin alma paneli, secenekler, alt bolumler ---- */
:root[data-yon] .fx-medya { padding: 6px; background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015));
  box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik); }
:root[data-yon] .fx-medya-kucuk { gap: 6px; margin-top: 6px; }
:root[data-yon] .fx-medya-kucuk button.is-aktif, :root[data-yon] .fx-medya-kucuk button:hover { outline: 0; box-shadow: inset 0 0 0 2px var(--vurgu); }
:root[data-yon] .fx-oynat span { border-radius: var(--r-hap); min-height: 50px; padding: 0 22px; font: 700 16px/1 var(--baslik);
  background: linear-gradient(180deg, var(--vurgu-acik), var(--vurgu));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 14px 36px -12px var(--vurgu-parlama); }
:root[data-yon] .fx-satin { gap: 14px; padding: 24px; background: radial-gradient(90% 50% at 100% 0%, var(--vurgu-sis), transparent 70%),
  linear-gradient(180deg, rgba(25, 26, 30, .96), rgba(15, 16, 19, .96));
  box-shadow: inset 0 0 0 1px var(--kenar-ince), var(--cam-isik), 0 30px 60px -36px #000; }
:root[data-yon] .fx-urun-ad { font-weight: 700; }
:root[data-yon] .fx-urun-fiyat { align-items: center; padding: 14px 16px; border-radius: var(--r); background: rgba(0, 0, 0, .28);
  box-shadow: inset 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-urun-fiyat .fx-fiyat-yeni { font-weight: 700; font-size: clamp(40px, 3.6vw, 56px); }
:root[data-yon] .fx-urun-fiyat .fx-fiyat-eski { font-size: 16px; color: var(--soluk); }
:root[data-yon] .fx-tasarruf { margin-top: -6px; font-size: 14px; }
:root[data-yon] .fx-varyant-ad { font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
:root[data-yon] .fx-varyant-secenek { gap: 6px; }
:root[data-yon] .fx-varyant-secenek a { position: relative; padding: 11px 14px 11px 36px; border-radius: var(--r); font-weight: 600; background: var(--cam);
  box-shadow: inset 0 0 0 1px var(--kenar-ince); transition: background .2s, box-shadow .2s; }
:root[data-yon] .fx-varyant-secenek a::before { content: ""; position: absolute; left: 13px; top: 14px; width: 14px; height: 14px; border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .3); }
:root[data-yon] .fx-varyant-secenek a:hover { background: var(--cam-2); box-shadow: inset 0 0 0 1px var(--cam-kenar); }
:root[data-yon] .fx-varyant-secenek a.is-aktif { color: var(--metin); background: linear-gradient(180deg, var(--vurgu-sis), rgba(255, 255, 255, .03));
  box-shadow: inset 0 0 0 1px var(--vurgu-cizgi), 0 0 24px -12px var(--vurgu-parlama); }
:root[data-yon] .fx-varyant-secenek a.is-aktif::before { box-shadow: inset 0 0 0 4px var(--vurgu); background: var(--vurgu-murekkep); }
:root[data-yon] .fx-varyant-secenek a.is-aktif small { color: var(--vurgu-acik); }
:root[data-yon] .fx-satin-eylem .fx-btn { width: 100%; }
:root[data-yon] .fx-satin-eylem .lucide { width: 18px; height: 18px; }
:root[data-yon] .fx-link-kucuk { color: var(--soluk); text-decoration: none; }
:root[data-yon] .fx-link-kucuk:hover { color: var(--metin); text-decoration: underline; }
:root[data-yon] .fx-satin-guven { gap: 0; padding: 4px 14px; border-radius: var(--r); background: rgba(0, 0, 0, .22);
  box-shadow: inset 0 0 0 1px var(--kenar-ince);
  font-size: 14px; }
:root[data-yon] .fx-satin-guven li { min-height: 38px; }
:root[data-yon] .fx-satin-guven li + li { box-shadow: 0 -1px 0 var(--kenar-ince); }
:root[data-yon] .fx-satin-guven .lucide { width: 16px; height: 16px; color: var(--baslik-vurgu, var(--vurgu)); }
:root[data-yon] .fx-link-ikon { min-height: 36px; border-radius: var(--r-hap); font-weight: 500; background: var(--cam);
  box-shadow: inset 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-link-ikon:hover { background: var(--cam-2); }
:root[data-yon] .fx-link-ikon .lucide { width: 15px; height: 15px; }
:root[data-yon] .fx-hediye summary { font-size: 14px; }
:root[data-yon] .fx-yapiskan { background: rgba(16, 17, 20, .88); box-shadow: inset 0 0 0 1px var(--cam-kenar), 0 20px 50px -20px #000;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }

/* Aciklama metni: basliklar ince cizgili, ozellik listesi isaretleri vurgu */
:root[data-yon] .fx-metin h2, :root[data-yon] .fx-metin h3 { font-weight: 700; padding-top: .9em; box-shadow: 0 -1px 0 var(--kenar-ince); }
:root[data-yon] .fx-aciklama > h2:first-child, :root[data-yon] .fx-aciklama > h3:first-child { box-shadow: none; padding-top: 0; }
:root[data-yon] .fx-metin { color: #c9cbd0; }
:root[data-yon] .fx-metin code { background: var(--cam-2); box-shadow: inset 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-aciklama ul.fx-ozellik li::before { border-color: var(--baslik-vurgu, var(--vurgu)); }

/* ---- Kategori basligi ---- */
:root[data-yon] .fx-kat { position: relative; }
:root[data-yon] .fx-kat::before { content: ""; position: absolute; left: -10%; top: -160px; width: 70%; height: 560px; z-index: -1;
  pointer-events: none; background: radial-gradient(closest-side, var(--vurgu-sis), transparent); }
:root[data-yon] .fx-kat-bas h1 { font-size: clamp(48px, 6vw, 88px); font-weight: 700; line-height: .95; }
:root[data-yon] .fx-iz { font-size: 13px; }

/* ---- Alt bilgi: ust altin cizgi, soluk basliklar, cam secici ---- */
:root[data-yon] .fx-alt { position: relative; background: radial-gradient(60% 80% at 10% 0%, rgba(255, 255, 255, .04), transparent 70%),
  linear-gradient(180deg, #111215, #0b0c0e); box-shadow: inset 0 1px 0 var(--kenar-ince); }
:root[data-yon] .fx-alt::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--vurgu-cizgi) 30%, var(--vurgu-cizgi) 70%, transparent); }
:root[data-yon] .fx-alt-isaret span { font-weight: 700; background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, .35));
  -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-yon] .fx-alt-izgara nav { gap: 2px; }
:root[data-yon] .fx-alt-izgara nav::before { content: attr(aria-label); margin-bottom: 10px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: rgba(255, 255, 255, .4); }
:root[data-yon] .fx-alt-izgara nav a { display: inline-flex; width: fit-content; padding: 5px 0; color: var(--soluk);
  transition: color .2s, transform .2s var(--gecis); }
:root[data-yon] .fx-alt-izgara nav a:hover { color: #fff; text-decoration: none; transform: translateX(3px); }
:root[data-yon] .fx-secici { width: fit-content; padding: 4px; border-radius: var(--r); background: var(--cam); box-shadow: inset 0 0 0 1px var(--kenar-ince); }
:root[data-yon] .fx-secici a { padding: 5px 10px; border-radius: var(--r-k); background: transparent; font-size: 13px; text-decoration: none; }
:root[data-yon] .fx-secici a:hover { color: var(--metin); background: var(--cam); }
:root[data-yon] .fx-secici a.is-aktif { color: #fff; background: var(--hap-aktif); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
:root[data-yon] .fx-alt-taban { padding-top: 24px; box-shadow: 0 -1px 0 var(--kenar-ince); max-width: none; color: rgba(255, 255, 255, .4); }

@media (max-width: 1080px) {
  /* mobil menu: kampanya seridi varken de ust cubugun hemen altinda acilir (fixed 72px seridin ustune biniyordu) */
  :root[data-yon] .fx-menu { position: absolute; top: 100%; inset-inline: 0; bottom: auto; gap: 4px; padding: 10px var(--kenar) 18px;
    background: rgba(12, 13, 15, .97); box-shadow: inset 0 1px 0 var(--kenar-ince), 0 30px 50px -20px rgba(0, 0, 0, .9);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-radius: 0 0 var(--r-b) var(--r-b); }
  :root[data-yon] .fx-menu a { padding: 13px 14px; border-radius: var(--r); font-size: 18px; }
}
@media (max-width: 640px) {
  :root[data-yon] .fx-sekmeler { width: auto; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  :root[data-yon] .fx-sekmeler a { flex: none; min-height: 40px; font-size: 15px; }
  :root[data-yon] .fx-bolum-menu { width: auto; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  :root[data-yon] .fx-bolum-menu a { flex: none; }
  :root[data-yon] .fx-sss-sutun { grid-template-columns: minmax(0, 1fr); }
  :root[data-yon] .fx-kapanis { padding: 0 12px 72px; }
  :root[data-yon] .fx-kapanis-ic { padding: 48px 22px 24px; }
  :root[data-yon] .fx-satin { padding: 18px; }
}
:root[data-yon] .fx-rozetler { align-items: center; align-self: flex-start; }

/* ---- Kampanya seridi (Blood Moon arka plani): ortada yazi icin yumusak karartma, altta ince altin hat ---- */
:root[data-yon] .fx-serit { background-position: center 70%; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .6); }
:root[data-yon] .fx-serit::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(36% 130% at 50% 50%, rgba(8, 4, 12, .5), rgba(8, 4, 12, .14) 70%, transparent); }
:root[data-yon] .fx-serit::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #ff5a2a 55%, transparent) 25%, var(--vurgu-cizgi) 50%,
  color-mix(in srgb, #ff5a2a 55%, transparent) 75%, transparent); }
:root[data-yon] .fx-serit-ic { position: relative; z-index: 1; }
:root[data-yon] .fx-serit-baslik b { text-shadow: 0 2px 18px rgba(0, 0, 0, .6); }
@media (max-width: 640px) {
  :root[data-yon] .fx-serit { background-size: auto 100%; background-position: 3% center; }
  :root[data-yon] .fx-serit::before { background: linear-gradient(90deg, rgba(8, 4, 12, .2), rgba(8, 4, 12, .5) 45%, rgba(8, 4, 12, .58)); }
}

/* Altbilgi bolge secimi (27.10): para birimi + dil tek acilir panelde, yukari acilir */
.fx-bolge { position: relative; width: fit-content; }
.fx-bolge summary { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; list-style: none; cursor: pointer;
  border-radius: var(--r-hap, 999px); font-size: 14px; font-weight: 600; color: var(--metin);
  background: var(--cam, rgba(255, 255, 255, .06)); box-shadow: inset 0 0 0 1px var(--cam-kenar, rgba(255, 255, 255, .11)); }
.fx-bolge summary::-webkit-details-marker { display: none; }
.fx-bolge summary svg { width: 16px; height: 16px; color: var(--soluk); }
.fx-bolge .fx-bolge-ok { transition: transform .2s; }
.fx-bolge[open] .fx-bolge-ok { transform: rotate(180deg); }
.fx-bolge-panel { position: absolute; z-index: 30; bottom: calc(100% + 8px); left: 0; width: min(440px, calc(100vw - 2 * var(--kenar, 16px)));
  max-height: min(460px, 70vh); overflow: auto; padding: 16px; border-radius: var(--r-b, 14px);
  background: var(--panel, #141416); box-shadow: inset 0 0 0 1px var(--kenar-ince, rgba(255, 255, 255, .08)), 0 24px 60px rgba(0, 0, 0, .55); }
.fx-bolge-baslik { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.fx-bolge-panel .fx-secici { margin-bottom: 16px; }
.fx-bolge-diller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.fx-bolge-diller a { padding: 7px 10px; border-radius: var(--r-k, 6px); font-size: 14px; color: var(--soluk); text-decoration: none; }
.fx-bolge-diller a:hover { color: var(--metin); background: var(--cam, rgba(255, 255, 255, .06)); }
.fx-bolge-diller a.is-aktif { color: var(--metin); background: var(--hap-aktif, rgba(255, 255, 255, .1)); }
@media (max-width: 640px) { .fx-bolge-diller a { min-height: 44px; display: flex; align-items: center; } }