/* Feron Scripts — temel: renk/yazi olculeri, ust bolum, kampanya seridi, dugmeler, pause-menu satirlari, alt bilgi.
   Yon: magaza, FiveM'in ESC (pause) menusu gibi kurulur: dolu paneller, ters renkli secili satir, cizgi/golge/gradyan yok. */
:root {
  --zemin: #0d0e10;
  --panel: #15171a;
  --panel-2: #1e2125;
  --panel-3: #2a2e33;
  --metin: #f1f2f3;
  --soluk: #b4b9c0;
  --kagit: #e9eaeb;
  --kagit-2: #d6d8da;
  --murekkep: #111215;
  --vurgu: #ff5a1f;
  --vurgu-acik: #ff7a4a;
  --vurgu-murekkep: #170802;
  --yesil: #5fd68f;
  --baslik: "Big Shoulders Display", "Barlow", sans-serif;
  --govde: "Barlow", sans-serif;
  --harf: uppercase;          /* basliklarin harf bicimi; yonlerde normal */
  --baslik-satir: .95;
  --ana: var(--vurgu);        /* 3D logo / marka rengi */
  --parlama: rgba(255, 90, 31, .35);
  /* bes boy */
  --s-kucuk: 15px;
  --s-govde: 17px;
  --s-orta: clamp(19px, 1.2vw + 10px, 23px);
  --s-baslik: clamp(34px, 3.4vw + 8px, 56px);
  --s-dev: clamp(56px, 8.2vw, 128px);
  --kenar: clamp(16px, 2.4vw, 32px);
  --kap: 1360px;
  --gecis: cubic-bezier(.16, 1, .3, 1);
}

/* Renk + yazi yonleri (27.10.2026). <html data-yon="A|B|C">; tema ayarindaki "Renk yonu"ndan gelir.
   Yalniz degiskenler degisir, bilesenler ayni kalir. */
:root[data-yon] { --harf: none; --baslik-satir: 1.04; --s-dev: clamp(48px, 6.4vw, 96px); --kagit: #ecebea; --kagit-2: #d9d7d5; }
/* A — Kan kirmizisi: 0resmon'a yakin ama daha koyu, kan tonu */
:root[data-yon="A"] {
  --zemin: #0e0b0c; --panel: #171213; --panel-2: #211a1b; --panel-3: #2e2426;
  --metin: #f7f2f2; --soluk: #b8abad; --murekkep: #140d0e;
  --ana: #c8141f; --vurgu: #e5202e; --vurgu-acik: #ff3b45; --vurgu-murekkep: #ffffff;
  --parlama: rgba(214, 22, 34, .42);
  --baslik: "Plus Jakarta Sans", system-ui, sans-serif; --govde: "Plus Jakarta Sans", system-ui, sans-serif;
}
/* B — Elektrik mor-mavi neon */
:root[data-yon="B"] {
  --zemin: #09091a; --panel: #111127; --panel-2: #1a1a36; --panel-3: #262649;
  --metin: #eef0ff; --soluk: #a7aacd; --murekkep: #0c0c1e;
  --ana: #4b2bd8; --vurgu: #6c4dff; --vurgu-acik: #8a73ff; --vurgu-murekkep: #ffffff;
  --neon: #3fd8ff;
  --parlama: rgba(98, 70, 255, .45);
  --baslik: "Geist", system-ui, sans-serif; --govde: "Geist", system-ui, sans-serif;
}
/* C — Kehribar altin: logodaki mevcut sarinin (#fed36a) metal hali */
:root[data-yon="C"] {
  --zemin: #0d0c0a; --panel: #171512; --panel-2: #221f1a; --panel-3: #2f2b24;
  --metin: #f6f2ea; --soluk: #bcb4a5; --murekkep: #15110a;
  --ana: #d99a2b; --vurgu: #fed36a; --vurgu-acik: #ffe08f; --vurgu-murekkep: #1a1204;
  --parlama: rgba(230, 160, 50, .32);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* D — Ametist: rakiplerde mor yok (0resmon/17mov kirmizi, JG turuncu, Quasar camgobegi, Wasabi nane) */
:root[data-yon="D"] {
  --zemin: #0c0a12; --panel: #151220; --panel-2: #1e1a2c; --panel-3: #2a2540;
  --metin: #f3f0fa; --soluk: #b3abc6; --murekkep: #120d1d;
  --ana: #8a5cf6; --vurgu: #9b7bff; --vurgu-acik: #b39bff; --vurgu-murekkep: #12091f;
  --parlama: rgba(138, 92, 246, .4);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* E — Krom + limon: gumus amblem, tek canli vurgu limon yesili */
:root[data-yon="E"] {
  --zemin: #0b0c0e; --panel: #141619; --panel-2: #1c1f23; --panel-3: #272b31;
  --metin: #f2f4f6; --soluk: #a9b0b9; --murekkep: #0e1013;
  --ana: #c9ced6; --vurgu: #c8f135; --vurgu-acik: #d8ff5c; --vurgu-murekkep: #0f1400;
  --parlama: rgba(200, 241, 53, .2);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* v7: altin amblem + altin podyum render'i SABIT (hero-podyum-C), yalniz arayuz renkleri degisir.
   --baslik-vurgu: basliktaki renkli kelime; --cizgi: hero cizgi deseni; --parlama: amblemin arkasi (hep altin). */
/* F — Gece mavisi: lacivert zemin, altin vurgu (Wasabi'nin mavi-siyahi + 0resmon seridindeki lacivert) */
:root[data-yon="F"] {
  --zemin: #070b14; --panel: #0e1422; --panel-2: #151d2f; --panel-3: #1f2a41;
  --metin: #eef2f8; --soluk: #9eabc1; --murekkep: #0a0f1a;
  --ana: #d99a2b; --vurgu: #f5c451; --vurgu-acik: #ffd877; --vurgu-murekkep: #171003;
  --baslik-vurgu: #f5c451; --cizgi: #5b7fc0; --parlama: rgba(230, 160, 50, .3);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* G — Bordo: kan kirmizisi dugme, altin baslik (0resmon/17mov kirmizisi, daha koyu ve sarapli; Halloween'e uyar) */
:root[data-yon="G"] {
  --zemin: #0e0809; --panel: #1a0f11; --panel-2: #241517; --panel-3: #331c20;
  --metin: #f8f0ef; --soluk: #bea7a8; --murekkep: #150a0c;
  --ana: #d99a2b; --vurgu: #c8142c; --vurgu-acik: #e0233c; --vurgu-murekkep: #ffffff;
  --baslik-vurgu: #f0c25e; --cizgi: #b0313f; --parlama: rgba(230, 150, 50, .3);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* H — Zumrut: petrol yesili zemin tonu, zumrut dugme, altin baslik (Wasabi nanesinin koyu, mucevher hali) */
:root[data-yon="H"] {
  --zemin: #061110; --panel: #0c1b19; --panel-2: #122522; --panel-3: #1b342f;
  --metin: #eef7f3; --soluk: #a0bab1; --murekkep: #04110d;
  --ana: #d99a2b; --vurgu: #22c58e; --vurgu-acik: #3ddba3; --vurgu-murekkep: #03140d;
  --baslik-vurgu: #f0c25e; --cizgi: #2a8f72; --parlama: rgba(230, 160, 50, .3);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}
/* I — Krom beyaz: notr siyah, beyaz ana dugme + siyah yazi (0resmon ve JG kalibi), altin yalniz baslikta ve logoda */
:root[data-yon="I"] {
  --zemin: #0c0c0d; --panel: #161617; --panel-2: #1f1f21; --panel-3: #2c2c2f;
  --metin: #f5f5f4; --soluk: #a9a9ae; --murekkep: #0b0b0c;
  --ana: #d99a2b; --vurgu: #f4f4f2; --vurgu-acik: #ffffff; --vurgu-murekkep: #0b0b0c;
  --baslik-vurgu: #f0c25e; --cizgi: #9a9da5; --parlama: rgba(230, 160, 50, .3);
  --baslik: "Outfit", system-ui, sans-serif; --govde: "DM Sans", system-ui, sans-serif;
}

html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { background: var(--zemin); color: var(--metin); font: 400 var(--s-govde)/1.55 var(--govde); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: var(--govde); }
::selection { background: var(--vurgu); color: var(--vurgu-murekkep); }
:focus-visible { outline: 3px solid var(--vurgu); outline-offset: 2px; }
a { color: inherit; text-underline-offset: 3px; }
a:hover { color: inherit; }
h1, h2, h3 { font-family: var(--baslik); font-weight: 800; line-height: var(--baslik-satir); letter-spacing: -.01em; text-transform: var(--harf); margin: 0; }
p { margin: 0; text-wrap: pretty; }
img { max-width: 100%; height: auto; display: block; }
[hidden] { display: none !important; }
* { scrollbar-color: var(--panel-3) var(--zemin); }
.lucide { width: 1.1em; height: 1.1em; stroke-width: 2.2; flex: none; }
.fx-kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 var(--kenar); }

/* Dugmeler: tek bicim, koseli */
.fx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px;
  background: var(--vurgu); color: var(--vurgu-murekkep); border: 0; border-radius: 0; cursor: pointer; text-decoration: none;
  font: 800 var(--s-orta)/1 var(--baslik); text-transform: var(--harf); letter-spacing: .02em;
  transition: background .2s, transform .15s var(--gecis);
}
.fx-btn:hover { background: var(--vurgu-acik); color: var(--vurgu-murekkep); text-decoration: none; }
.fx-btn:active { transform: translateY(2px); }
.fx-btn-buyuk { min-height: 58px; padding: 0 30px; }
.fx-btn-tam { width: 100%; }
.fx-btn-koyu { background: var(--panel-3); color: var(--metin); }
.fx-btn-koyu:hover { background: #3a3f46; color: #fff; }
.fx-btn.is-kapali { opacity: .45; pointer-events: none; }
.fx-ikon-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; color: var(--metin); text-decoration: none; font-weight: 600; }
.fx-ikon-btn:hover { background: var(--panel-2); text-decoration: none; }
.fx-link { color: var(--soluk); font-size: var(--s-kucuk); }
.fx-link:hover { color: var(--metin); }

/* Kampanya seridi */
/* Kampanya banner'i: gorsel, logo, baslik + alt satir, kupon, kutulu sayac. Renk ve gorsel tema ayarindan. */
.fx-serit { position: relative; background-color: var(--serit-zemin, #110607); background-repeat: no-repeat; background-size: cover; background-position: center;
  color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.fx-serit-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 40px; min-height: 88px; padding-top: 10px; padding-bottom: 10px; }
.fx-serit-baslik { display: flex; align-items: center; gap: 14px; color: #fff; text-decoration: none; min-width: 0; }
.fx-serit-baslik:hover { color: #fff; text-decoration: none; }
.fx-serit-logo { width: 40px; height: auto; flex: none; }
.fx-serit-baslik b { display: block; font: 800 30px/1 var(--baslik); text-transform: var(--harf); letter-spacing: .01em; }
.fx-serit-baslik b + span { display: block; margin-top: 4px; font-size: 16px; line-height: 1.3; color: rgba(255, 255, 255, .86); }
.fx-serit-sag { display: flex; align-items: stretch; gap: 8px; }
.fx-serit-kod { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 10px; padding: 6px 14px; min-height: 56px;
  background: rgba(0, 0, 0, .55); color: #fff; border: 1px dashed rgba(255, 255, 255, .35); cursor: copy; font: inherit; text-align: left; }
.fx-serit-kod small { grid-column: 1; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.fx-serit-kod b { grid-column: 1; font: 800 22px/1 var(--baslik); letter-spacing: .03em; }
.fx-serit-kod i, .fx-serit-kod svg { grid-column: 2; grid-row: 1 / 3; width: 18px; height: 18px; }
.fx-serit-kod:hover { border-color: var(--serit-vurgu, var(--vurgu)); }
[data-sayac-kutu] { display: inline-flex; gap: 6px; font-variant-numeric: tabular-nums; }
.fx-kutu { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 54px; min-height: 56px; padding: 4px 6px;
  background: rgba(0, 0, 0, .55); color: #fff; }
.fx-kutu b { font: 800 28px/1 var(--baslik); }
.fx-kutu small { margin-top: 3px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.fx-serit-git { display: inline-flex; align-items: center; padding: 0 20px; min-height: 56px; background: var(--serit-vurgu, var(--vurgu)); color: var(--vurgu-murekkep);
  font: 800 19px/1 var(--baslik); text-transform: var(--harf); text-decoration: none; white-space: nowrap; }
.fx-serit-git:hover { color: var(--vurgu-murekkep); text-decoration: none; filter: brightness(1.08); }

/* Ust bolum: duz bar */
.fx-ust { position: sticky; top: 0; z-index: 50; background: var(--zemin); }
.fx-ust-ic { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.fx-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex: none; }
.fx-logo:hover { text-decoration: none; }
.fx-logo img { width: 46px; height: 38px; object-fit: cover; object-position: top; }
.fx-logo span { font: 800 26px/.9 var(--baslik); text-transform: var(--harf); }
.fx-logo small { display: none; }
.fx-menu { display: flex; align-items: center; gap: 2px; flex: 1; }
.fx-menu a { padding: 10px 12px; color: var(--soluk); text-decoration: none; font-weight: 600; white-space: nowrap; }
.fx-menu a:hover, .fx-menu a.is-aktif { color: var(--metin); background: var(--panel-2); }
.fx-menu-dis { margin-left: auto; }
.fx-ust-arac { display: flex; align-items: center; gap: 2px; }
.fx-sepet-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; margin-left: 6px; background: var(--metin);
  color: var(--murekkep); text-decoration: none; font-weight: 700; font-variant-numeric: tabular-nums; }
.fx-sepet-btn:hover { background: #fff; color: var(--murekkep); text-decoration: none; }
.fx-sepet-sayi { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; background: var(--murekkep); color: var(--metin); font-size: var(--s-kucuk); }
.fx-sepet-btn.is-dolu .fx-sepet-sayi { background: var(--vurgu); color: var(--vurgu-murekkep); }
.fx-menu-ac { display: none; }
.fx-uyari { margin: 0 0 12px; padding: 12px 16px; background: var(--panel-2); }

/* Sekmeler (pause menu ust sirasi) */
.fx-sekmeler { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.fx-sekmeler a, .fx-filtre button {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; background: var(--panel); color: var(--soluk); border: 0;
  font: 700 var(--s-orta)/1 var(--baslik); text-transform: var(--harf); text-decoration: none; cursor: pointer; transition: background .15s, color .15s;
}
.fx-sekmeler a:hover, .fx-filtre button:hover { color: var(--metin); background: var(--panel-2); }
.fx-sekmeler a.is-aktif, .fx-filtre button.is-aktif { background: var(--metin); color: var(--murekkep); }

/* Pause menu: solda satirlar, sagda onizleme */
.fx-pmenu { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4px; align-items: start; }
.fx-pmenu-liste { display: flex; flex-direction: column; gap: 2px; background: var(--panel); padding: 4px; min-height: 100%; }
.fx-pmenu-onizleme { position: sticky; top: 76px; background: var(--panel); }
.fx-kart { position: relative; }
.fx-kart-link { display: grid; grid-template-columns: 144px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 8px; color: var(--metin);
  text-decoration: none; transition: background .12s, color .12s; }
.fx-kart-link:hover { text-decoration: none; color: var(--metin); }
.fx-kart-gorsel { display: block; aspect-ratio: 16 / 9; background: var(--panel-2); overflow: hidden; }
.fx-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.fx-kart-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fx-kart-ad { font: 800 var(--s-orta)/1 var(--baslik); text-transform: var(--harf); }
.fx-kart-alt-ad { color: var(--soluk); font-size: 16px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx-fiyat { display: flex; flex-direction: column; align-items: flex-end; text-align: right; font-variant-numeric: tabular-nums; line-height: 1.15; }
.fx-fiyat-yeni { font: 800 var(--s-orta)/1 var(--baslik); white-space: nowrap; }
.fx-fiyat-eski { color: var(--soluk); font-size: var(--s-kucuk); }
.fx-fiyat-bedava { color: var(--yesil); }
.fx-fiyat-not { font-size: var(--s-kucuk); color: var(--vurgu-acik); }
.fx-kart.is-secili .fx-kart-link, .fx-kart-link:hover { background: var(--metin); color: var(--murekkep); }
.fx-kart.is-secili .fx-kart-alt-ad, .fx-kart-link:hover .fx-kart-alt-ad,
.fx-kart.is-secili .fx-fiyat-eski, .fx-kart-link:hover .fx-fiyat-eski { color: #4a4f57; }
.fx-kart.is-secili .fx-rozet, .fx-kart-link:hover .fx-rozet { background: var(--kagit-2); color: var(--murekkep); }
.fx-kart.is-secili .fx-fiyat-bedava, .fx-kart-link:hover .fx-fiyat-bedava { color: #11743a; }
.fx-kart-surumler { display: none; padding: 0 8px 8px 166px; font-size: var(--s-kucuk); color: var(--soluk); }
.fx-pmenu-liste.is-gruplu .fx-kart-surumler { display: block; }
.fx-kart-surumler a { color: var(--soluk); }
.fx-kart-surumler b { color: var(--yesil); font-weight: 600; }

/* Rozetler: cumle duzeni, dolu */
.fx-rozetler { display: flex; flex-wrap: wrap; gap: 4px; }
.fx-rozetler:empty { display: none; }
.fx-rozet { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; background: var(--panel-3); color: var(--metin); font-size: 13px; font-weight: 600; }
.fx-rozet-acik { color: var(--yesil); }

/* Onizleme paneli */
.fx-oniz-gorsel { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.fx-oniz-gorsel img { width: 100%; height: 100%; object-fit: cover; animation: fx-belir .5s var(--gecis); }
.fx-oniz-govde { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 24px; padding: 20px 24px 24px; }
.fx-oniz-govde h2 { font-size: var(--s-baslik); grid-column: 1 / -1; }
.fx-oniz-govde > p { grid-column: 1 / -1; color: var(--soluk); font-size: var(--s-orta); line-height: 1.35; max-width: 48ch; }
.fx-oniz-fiyat { display: flex; align-items: baseline; gap: 12px; font-variant-numeric: tabular-nums; }
.fx-oniz-fiyat b { font: 800 var(--s-baslik)/1 var(--baslik); }
.fx-oniz-fiyat del { color: var(--soluk); }
.fx-oniz-fiyat .fx-indirim { background: var(--vurgu); color: var(--vurgu-murekkep); padding: 2px 8px; font-weight: 700; }
.fx-oniz-eylem { display: flex; gap: 4px; align-self: end; }
@keyframes fx-belir { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: none; } }

/* Alt bilgi: buyuk isaret */
.fx-alt { background: var(--panel); color: var(--soluk); padding: 72px 0 32px; margin-top: 160px; }
.fx-sayfa-index .fx-alt { margin-top: 0; }
.fx-alt-isaret { display: flex; align-items: flex-end; gap: clamp(16px, 3vw, 40px); color: var(--metin); text-decoration: none; margin-bottom: 56px; }
.fx-alt-isaret:hover { color: var(--metin); text-decoration: none; }
.fx-alt-isaret img { width: clamp(84px, 11vw, 168px); height: auto; }
.fx-alt-isaret span { font: 800 clamp(56px, 11.5vw, 184px)/.8 var(--baslik); text-transform: var(--harf); letter-spacing: -.02em; }
.fx-alt-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-bottom: 48px; }
.fx-alt-izgara nav { display: flex; flex-direction: column; gap: 8px; }
.fx-alt-izgara a { color: var(--metin); text-decoration: none; }
.fx-alt-izgara a:hover { text-decoration: underline; }
.fx-secici { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.fx-secici a { padding: 4px 9px; background: var(--panel-2); font-size: var(--s-kucuk); color: var(--soluk); }
.fx-secici a.is-aktif { background: var(--metin); color: var(--murekkep); }
.fx-alt-taban { font-size: var(--s-kucuk); max-width: 70ch; }

/* Bootstrap'tan kalan sayfalar (secenek, kullanici adi, modal) */
.modal-content, .card { background: var(--panel); color: var(--metin); border: 0; border-radius: 0; }
.card-header, .modal-header { border: 0; background: var(--panel-2); }
.form-control, .fx-kupon-form input, .fx-hediye input { background: var(--zemin); color: var(--metin); border: 1px solid var(--panel-3); border-radius: 0; }
.form-control:focus { background: var(--zemin); color: #fff; border-color: var(--vurgu); box-shadow: none; }
.btn-primary { background: var(--vurgu); border: 0; border-radius: 0; color: var(--vurgu-murekkep); font-weight: 700; }

/* Giris hareketi: icerik varsayilan gorunur; yalniz JS calisinca hareket eder */
.js-hareket [data-gir] > * { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--gecis), transform .7s var(--gecis); }
.js-hareket [data-gir].is-girdi > * { opacity: 1; transform: none; }
.js-hareket [data-gir].is-girdi > :nth-child(2) { transition-delay: .08s; }
.js-hareket [data-gir].is-girdi > :nth-child(3) { transition-delay: .16s; }
.js-hareket [data-gir].is-girdi > :nth-child(4) { transition-delay: .24s; }
.js-hareket [data-gir].is-girdi > :nth-child(n+5) { transition-delay: .3s; }

@media (max-width: 1080px) {
  .fx-menu-ac { display: inline-flex; }
  .fx-menu { position: fixed; inset: 72px 0 auto 0; flex-direction: column; align-items: stretch; gap: 2px; padding: 8px var(--kenar) 16px;
    background: var(--zemin); visibility: hidden; opacity: 0; transition: opacity .2s; }
  .fx-menu.is-acik { visibility: visible; opacity: 1; box-shadow: 0 24px 40px -20px rgba(0, 0, 0, .8); }
  .fx-menu a { padding: 14px 8px; font-size: var(--s-orta); }
  .fx-menu-dis { margin-left: 0; }
  .fx-ust-arac { margin-left: auto; }
  .fx-pmenu { grid-template-columns: minmax(0, 1fr); }
  .fx-pmenu-onizleme { display: none !important; }
}
@media (max-width: 640px) {
  .fx-ikon-yazi, .fx-sepet-tutar, .fx-discord { display: none; }
  .fx-serit { background-size: auto 100%; background-position: left center; }
  .fx-serit::before { content: ""; position: absolute; inset: 0; background: rgba(10, 4, 5, .55); }
  .fx-serit-ic { position: relative; flex-direction: column; gap: 12px; padding-top: 14px; padding-bottom: 14px; }
  .fx-serit-baslik { align-self: stretch; justify-content: center; text-align: left; }
  .fx-serit-baslik b { font-size: 26px; }
  .fx-serit-baslik b + span { font-size: 14px; }
  .fx-serit-logo { width: 34px; }
  .fx-serit-sag { flex-wrap: wrap; justify-content: center; }
  .fx-kutu { min-width: 50px; min-height: 50px; }
  .fx-kutu b { font-size: 24px; }
  .fx-serit-git { display: none; }
  .fx-serit-sag { flex-wrap: nowrap; gap: 6px; }
  .fx-serit-kod { min-height: 50px; padding: 4px 8px; column-gap: 6px; }
  .fx-serit-kod b { font-size: 17px; }
  .fx-serit-kod i, .fx-serit-kod svg { width: 14px; height: 14px; }
  [data-sayac-kutu] { gap: 4px; }
  .fx-kutu { min-width: 44px; }
  .fx-kutu small { font-size: 10px; }
  .fx-kart-link { grid-template-columns: 96px minmax(0, 1fr); }
  .fx-kart-link .fx-fiyat { grid-column: 2; flex-direction: row; align-items: baseline; gap: 8px; }
  .fx-kart-surumler { padding-left: 118px; }
  .fx-sekmeler a, .fx-filtre button { min-height: 44px; padding: 0 12px; font-size: 18px; }
  .fx-alt-izgara { grid-template-columns: 1fr 1fr; }
  .fx-alt-secim { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
  .js-hareket [data-gir] > * { opacity: 1; transform: none; }
}
.fx-menu-ac { background: none; border: 0; color: var(--metin); cursor: pointer; }
/* I: vurgu beyaz oldugu icin sepet sayisi beyaz dugmede kayboluyordu; altin rozet */
:root[data-yon="I"] .fx-sepet-btn.is-dolu .fx-sepet-sayi { background: var(--baslik-vurgu); color: #1a1204; }