/* v13 (27.10.2026) kayan seritler. Rakipler: 0resmon (son odemeler, urun ve yorum seritleri, 30 sn), Quasar (hero altinda
   anahtar kelime bandi, 42 sn; ust cubukta kampanya yazisi), JG (iki sira yorum, 50 sn). 17mov ve Wasabi'de kayan serit yok.
   Bizde olculu iki tane: hero altinda son alicilar (yalniz gercek Tebex odemeleri) + SSS oncesi framework/ozellik bandi.
   Icerik iki kez yazilir, CSS -50% kaydirir; uzerine gelince durur; kenarlar solar; reduced-motion'da durur ve elle kayar. */
.fx-kayan { position: relative; min-width: 0; overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.fx-kayan-ic { display: flex; align-items: center; width: max-content; margin: 0; padding: 0; list-style: none;
  animation: fx-kay var(--sure, 40s) linear infinite; }
.fx-kayan-ters .fx-kayan-ic { animation-direction: reverse; }
.fx-kayan:hover .fx-kayan-ic { animation-play-state: paused; }
@keyframes fx-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---- Son alicilar seridi (hero hemen alti) ---- */
.fx-alici-serit { display: flex; align-items: center; gap: 16px; height: 64px; padding: 0 var(--kenar); overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01));
  box-shadow: inset 0 1px 0 var(--kenar-ince, rgba(255, 255, 255, .07)), inset 0 -1px 0 var(--kenar-ince, rgba(255, 255, 255, .07)); }
.fx-alici-serit[hidden] { display: none; }
.fx-alici-etiket { flex: none; display: inline-flex; align-items: center; gap: 9px; margin: 0; padding: 0 12px; height: 32px;
  border-radius: var(--r-hap, 999px); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; 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-canli { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--yesil, #3ddc84); }
.fx-canli::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; animation: fx-nabiz 1.8s ease-out infinite; }
@keyframes fx-nabiz { from { transform: scale(1); opacity: .7; } to { transform: scale(3); opacity: 0; } }
.fx-alici-serit .fx-kayan { flex: 1; }
.fx-alici-serit li { display: inline-flex; align-items: center; gap: 10px; height: 44px; margin-right: 10px; padding: 0 16px 0 6px;
  border-radius: var(--r, 10px); white-space: nowrap; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--kenar-ince, transparent); }
.fx-alici-bas { position: relative; display: grid; place-items: center; width: 32px; height: 32px; overflow: hidden; border-radius: var(--r-k, 6px);
  font: 700 14px/1 var(--baslik); font-style: normal; color: var(--vurgu-acik, var(--vurgu)); background: var(--vurgu-sis, rgba(255, 255, 255, .06)); }
.fx-alici-bas img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fx-alici-ad { display: flex; flex-direction: column; gap: 2px; line-height: 1.1; }
.fx-alici-ad b { font-size: 14px; font-weight: 600; color: var(--metin); }
.fx-alici-ad small { font-size: 12px; color: var(--soluk); }
.fx-alici-serit li em { margin-left: 8px; font: 700 14px/1 var(--baslik); font-style: normal; color: var(--metin); font-variant-numeric: tabular-nums; }

/* ---- Framework / ozellik bandi (SSS oncesi; Quasar'in anahtar kelime bandi gibi, ters yone yavas) ---- */
.fx-bant { margin-top: 120px; padding: 18px 0; overflow: hidden;
  background: linear-gradient(90deg, transparent, var(--vurgu-sis, rgba(255, 255, 255, .03)), transparent);
  box-shadow: inset 0 1px 0 var(--kenar-ince, rgba(255, 255, 255, .07)), inset 0 -1px 0 var(--kenar-ince, rgba(255, 255, 255, .07)); }
.fx-bant .fx-kayan-ic { --sure: 60s; }
.fx-bant li { display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; white-space: nowrap; font: 600 18px/1 var(--baslik);
  color: var(--soluk); }
.fx-bant li b { font-weight: 700; color: var(--metin); }
.fx-bant li::after { content: ""; width: 7px; height: 7px; transform: rotate(45deg); background: var(--vurgu, #f5c451); }
.fx-bant + .fx-sss-metin { padding-top: 120px; }

/* Yusuf 27.10: her durumda kaysin. Oyuncularin cogu Windows'ta animasyonlari kapatiyor (reduced-motion); seritler yine
   kayar, feron.css'teki genel .01ms kuralini burada asariz. Yalniz nabiz noktasi durur. */
@media (prefers-reduced-motion: reduce) {
  .fx-kayan-ic { animation-duration: var(--sure, 40s) !important; }
  .fx-canli::after { animation: none; }
}
@media (max-width: 640px) {
  .fx-alici-serit { height: 58px; gap: 10px; }
  .fx-alici-etiket { padding: 0 10px; font-size: 11px; }
  .fx-alici-etiket { width: 32px; padding: 0; gap: 0; justify-content: center; font-size: 0; letter-spacing: 0; }
  .fx-alici-serit li { height: 40px; }
  .fx-bant { margin-top: 72px; padding: 14px 0; }
  .fx-bant li { font-size: 15px; gap: 20px; padding-right: 20px; }
  .fx-bant + .fx-sss-metin { padding-top: 72px; }
}
/* v13b: serit sayfanin altinda, SSS ile kapanis arasinda (0resmon'da Discord bolumunden once) */
.fx-alici-serit { margin-bottom: 56px; }
@media (max-width: 640px) { .fx-alici-serit { margin-bottom: 32px; } }