/* Site Yonetimi'nden gelen yazi icerigi icin derlenmis CSS'te olmayan kurallar. */
.fs-prose ul, .fs-prose ol { padding-left: 1.25rem; }
.fs-prose ol { list-style: decimal; }
.fs-prose li::marker { color: var(--color-fs-red); }
.fs-prose .fs-figure { margin: 2rem 0; }
.fs-prose .fs-figure figcaption { margin-top: .5rem; text-align: center; font-size: .875rem; color: var(--color-fs-muted); }
.fs-plan-card[data-highlight] { border-color: var(--color-fs-red); box-shadow: 0 0 0 1px var(--color-fs-red); }

/* Muhasebe Yazilimi: paketler yan yana, ozellik turleri renk + ikon sekliyle ayrilir. */
.fs-plan-wide { max-width: 1360px; }
.fs-plan-row { display: grid; gap: 1rem; margin-top: 2rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .fs-plan-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .fs-plan-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) {
  .fs-plan-row { grid-template-columns: repeat(var(--plans, 5), minmax(0, 1fr)); }
  /* Fiyatlar ayni hizada kalsin: ad 2, aciklama 5 satir yer kaplar. */
  .fs-plan-row .fs-plan-name { min-height: 2.6em; }
  .fs-plan-row .fs-plan-tagline { min-height: 8em; min-height: 5lh; }
}
.fs-plan-row > .fs-plan-card { padding-top: 1.75rem; }
.fs-plan-flag { position: absolute; top: -0.75rem; left: 50%; transform: translateX(-50%); white-space: nowrap; border-radius: 999px; background: var(--color-fs-red); color: #fff; padding: .25rem .75rem; font-size: 11px; font-weight: 600; }
.fs-plan-group { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--color-fs-muted); }
.fs-plan-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin-top: 1.5rem; font-size: 13px; color: var(--color-fs-body); }
.fs-plan-legend li { display: flex; align-items: center; gap: .5rem; }
.fs-plan-features { margin-top: 1.25rem; display: grid; gap: .6rem; }
.fs-plan-features li { display: flex; align-items: flex-start; gap: .6rem; font-size: 13px; line-height: 1.4; color: var(--color-fs-body); }
.fs-plan-features li.is-excluded { color: var(--color-fs-muted); }
.fs-feat { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.375rem; height: 1.375rem; border-radius: 999px; margin-top: -.12rem; color: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / .12), inset 0 -1px 0 rgb(0 0 0 / .08); }
.fs-feat--included { background: linear-gradient(180deg, #22a565, #16804c); }
/* Kirmizi uyari gibi okundugu icin one cikan madde logodaki lacivertle gosterilir. */
.fs-feat--highlight { background: linear-gradient(180deg, #17669a, #0a4970); }
.fs-feat--limit { background: linear-gradient(180deg, #14a3a0, #0d7f7d); }
.fs-feat--excluded { background: #eceef1; color: #9aa3af; box-shadow: none; }
.fs-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Muhasebe Yazilimi giris fotografi: cerceveli, iki bilgi rozetiyle. */
.fs-acc-photo { position: relative; z-index: 2; margin: 0 0 0 auto; max-width: 460px; }
.fs-acc-photo img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 30%; border-radius: 28px; border: 6px solid #fff; box-shadow: 0 30px 60px -20px rgb(10 73 112 / .35); }
.fs-acc-badge { position: absolute; display: flex; align-items: center; gap: .65rem; border-radius: 16px; background: #fff; padding: .7rem .95rem; box-shadow: 0 14px 30px -12px rgb(15 23 42 / .28); font-size: 12.5px; color: var(--color-fs-body); }
.fs-acc-badge b { display: block; font-size: 13.5px; color: var(--color-fs-ink); }
.fs-acc-badge--top { top: 9%; left: -14%; }
.fs-acc-badge--bottom { bottom: 8%; right: -4%; }
@media (max-width: 980px) { .fs-acc-photo { margin: 40px auto 0; } .fs-acc-badge--top { left: -4%; } .fs-acc-badge--bottom { right: -2%; } }

/* Ek kontor paketleri: paket kartlarinin altinda, tek satir. */
.fs-credits { margin-top: 2.5rem; border: 1px solid var(--color-fs-line); border-radius: 18px; background: var(--color-fs-surface); padding: 1.5rem; }
.fs-credit-row { display: grid; gap: 1rem; margin-top: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 960px) { .fs-credit-row { grid-template-columns: repeat(var(--credits, 4), minmax(0, 1fr)); } }
.fs-credit-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; border: 2px solid var(--accent, var(--color-fs-line)); border-radius: 14px; background: #fff; padding: 1.25rem 1.1rem 1rem; overflow: hidden; box-shadow: 0 10px 24px -18px var(--accent, #000); }
.fs-credit-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--accent); }
.fs-credit-qty { font-family: var(--font-heading, inherit); font-size: 26px; font-weight: 700; line-height: 1.1; color: var(--accent, #0a4970); }
.fs-credit-qty span { font-size: 14px; font-weight: 600; color: var(--color-fs-body); }
.fs-credit-bonus { display: inline-block; margin-top: .4rem; border-radius: 999px; background: #e6f4ea; color: #16804c; padding: .15rem .6rem; font-size: 12px; font-weight: 600; }
.fs-credit-price { margin-top: auto; padding-top: .75rem; font-size: 20px; font-weight: 700; color: var(--color-fs-ink); }
.fs-credit-price span { font-size: 12px; font-weight: 500; color: var(--color-fs-muted); }
.fs-credit-meta { margin-top: .2rem; font-size: 12.5px; color: var(--color-fs-muted); }
@media (max-width: 720px) {
  /* Kirmizi baslik kirmizi kamanin ustune geliyor; dar ekranda kama soluk, butonlar alt alta. */
  .fs-hero--accounting .fs-wedge { opacity: .18; }
  .fs-hero--accounting .fs-hero-cta .fs-btn { flex-basis: 100%; }
}

/* Hizmet sayfalarinin ust gorseli: diger sayfalardaki banner duzeniyle ayni, urun ekranlari kirpilmis. */
.fs-service-banner { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center; border-radius: var(--radius-fs-soft, 16px); box-shadow: 0 24px 48px -24px rgb(10 73 112 / .35); }
@media (min-width: 768px) { .fs-service-banner { max-height: 340px; } }
/* E-ticaret hizmet sayfasi: sahiplik bandi, karsilastirma, hizmet kartlari, surec fotografi. */
.fs-ec-own { background: var(--color-fs-panel); color: #c9d2e3; }
.fs-ec-own h2, .fs-ec-own h3 { color: #fff; }
.fs-ec-own .fs-eyebrow { color: #ff6b70; }
.fs-ec-own-head { max-width: 40rem; }
.fs-ec-own-grid { margin-top: 3rem; display: grid; gap: 1px; background: rgb(255 255 255 / .1); border: 1px solid rgb(255 255 255 / .1); border-radius: 18px; overflow: hidden; }
@media (min-width: 640px) { .fs-ec-own-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .fs-ec-own-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-ec-own-item { background: var(--color-fs-panel); padding: 2rem 1.75rem; }
.fs-ec-own-icon { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; margin-bottom: 1.25rem; border-radius: 12px; background: rgb(227 30 36 / .14); color: #ff6b70; }
/* Dort renk sirasi: kirmizi, mavi, turkuaz, amber (sahiplik ikonlari ve surec numaralari). */
.fs-ec-tone-1 { background: linear-gradient(180deg, #ef3a40, #c8161c); }
.fs-ec-tone-2 { background: linear-gradient(180deg, #2f7fd8, #0a4970); }
.fs-ec-tone-3 { background: linear-gradient(180deg, #14a3a0, #0d7f7d); }
.fs-ec-tone-4 { background: linear-gradient(180deg, #f2a516, #c97d06); }
.fs-ec-own-icon[class*=fs-ec-tone-] { color: #fff; box-shadow: 0 10px 22px -10px rgb(0 0 0 / .6); }
.fs-ec-no { background: var(--color-fs-red-tint); color: var(--color-fs-red); }
.fs-ec-compare { border: 1px solid var(--color-fs-line); border-radius: 18px; background: #fff; box-shadow: 0 24px 48px -28px rgb(10 73 112 / .35); overflow: hidden; font-size: 14px; color: var(--color-fs-body); }
.fs-ec-compare-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 1rem; align-items: center; padding: 1rem 1.25rem; }
.fs-ec-compare-row + .fs-ec-compare-row { border-top: 1px solid var(--color-fs-line); }
.fs-ec-compare-row > span { display: flex; align-items: center; gap: .55rem; }
.fs-ec-compare-head { background: var(--color-fs-surface); font-size: 12.5px; font-weight: 600; color: var(--color-fs-muted); }
.fs-ec-compare-head .fs-ec-us { color: var(--color-fs-red); }
.fs-ec-compare-row .fs-ec-us { color: var(--color-fs-ink); font-weight: 500; }
@media (max-width: 560px) { .fs-ec-compare-row { grid-template-columns: 1fr 1fr; } .fs-ec-compare-row > [role=rowheader], .fs-ec-compare-head > :first-child { grid-column: 1 / -1; } .fs-ec-compare-head > :first-child { display: none; } }
.fs-ec-service { position: relative; height: 100%; border: 1px solid var(--color-fs-line); border-radius: 18px; background: #fff; padding: 2rem 1.75rem; box-shadow: 0 1px 2px rgb(15 23 42 / .04); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.fs-ec-service::before { content: ""; position: absolute; inset: 0 1.75rem auto; height: 3px; border-radius: 0 0 3px 3px; background: var(--color-fs-red); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.fs-ec-service:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 24px 44px -24px rgb(10 73 112 / .4); }
.fs-ec-service:hover::before { transform: scaleX(1); }
.fs-ec-service-list { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px dashed var(--color-fs-line); display: grid; gap: .65rem; font-size: 13.5px; color: var(--color-fs-ink); }
.fs-ec-service-list li { display: flex; align-items: center; gap: .6rem; }
.fs-ec-service-list .fs-feat { width: 1.125rem; height: 1.125rem; margin-top: 0; }
.fs-ec-service-list .fs-feat svg { width: 11px; height: 11px; }
.fs-ec-photo { aspect-ratio: 4 / 3; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .fs-ec-service, .fs-ec-service::before { transition: none; } .fs-ec-service:hover { transform: none; } }
/* Logolu yukleme ekrani: harfler soldan saga belirir, alttaki cizgi dolar, ekran yukari kalkar. */
.fs-loader { display: none; }
.fs-loading .fs-loader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: #fff; }
.fs-loading body { overflow: hidden; }
.fs-loader-inner { display: grid; justify-items: center; gap: 28px; }
.fs-loader-logo { width: min(280px, 64vw); height: auto; overflow: visible; }
.fs-loader-logo g { opacity: 0; transform-box: fill-box; transform-origin: center; animation: fs-loader-in .55s cubic-bezier(.2, .8, .2, 1) forwards; animation-delay: calc(var(--i) * 45ms); }
.fs-loader-bar { position: relative; width: 120px; height: 3px; border-radius: 3px; background: var(--color-fs-line); overflow: hidden; }
.fs-loader-bar i { position: absolute; inset: 0; border-radius: inherit; background: var(--color-fs-red); transform: scaleX(0); transform-origin: left; animation: fs-loader-bar 1.1s .25s cubic-bezier(.65, 0, .35, 1) forwards; }
.fs-loaded .fs-loader { animation: fs-loader-out .65s cubic-bezier(.7, 0, .2, 1) forwards; }
.fs-loaded .fs-loader-inner { animation: fs-loader-lift .45s ease-in forwards; }
@keyframes fs-loader-in { from { opacity: 0; transform: translateY(40%) scale(.92); } to { opacity: 1; transform: none; } }
@keyframes fs-loader-bar { to { transform: scaleX(1); } }
@keyframes fs-loader-lift { to { opacity: 0; transform: translateY(-16px); } }
@keyframes fs-loader-out { 0%, 30% { clip-path: inset(0 0 0 0); } 100% { clip-path: inset(0 0 100% 0); } }
@media (prefers-reduced-motion: reduce) {
  .fs-loader-logo g, .fs-loader-bar i { animation: none; opacity: 1; transform: none; }
  .fs-loaded .fs-loader { animation: fs-loader-fade .3s forwards; }
  .fs-loaded .fs-loader-inner { animation: none; }
  @keyframes fs-loader-fade { to { opacity: 0; } }
}
/* Referanslar sayfasi giris: koyu panel uzerinde logo duvari. */
.fs-ref-wall { position: relative; border-radius: 22px; padding: 26px; background: radial-gradient(120% 90% at 100% 0%, rgb(227 30 36 / .28), transparent 55%), radial-gradient(90% 80% at 0% 100%, rgb(23 102 154 / .45), transparent 60%), var(--color-fs-panel); box-shadow: 0 30px 60px -28px rgb(10 73 112 / .55); overflow: hidden; }
.fs-ref-wall::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgb(255 255 255 / .09) 1px, transparent 1px); background-size: 18px 18px; pointer-events: none; }
.fs-ref-wall-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-bottom: 18px; }
.fs-ref-tile { display: flex; height: 80px; align-items: center; justify-content: center; border-radius: 14px; background: #fff; padding: 12px 16px; box-shadow: 0 10px 24px -14px rgb(0 0 0 / .55); }
.fs-ref-wall-grid > :nth-child(3n+2) { transform: translateY(18px); }
.fs-ref-tile img { width: 100%; height: 44px; object-fit: contain; }
.fs-ref-tile img.is-compact { height: 34px; }
@media (max-width: 480px) { .fs-ref-wall { padding: 16px; } .fs-ref-tile { height: 58px; padding: 8px 10px; } .fs-ref-tile img { height: 30px; } }
/* Medya sayfasi giris: koyu panel uzerinde uc etkinlik fotografi. */
.fs-media-wall { position: relative; display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; height: 280px; border-radius: 22px; padding: 14px; background: radial-gradient(120% 90% at 100% 0%, rgb(227 30 36 / .28), transparent 55%), radial-gradient(90% 80% at 0% 100%, rgb(23 102 154 / .45), transparent 60%), var(--color-fs-panel); box-shadow: 0 30px 60px -28px rgb(10 73 112 / .55); }
.fs-media-wall img { width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 14px; }
.fs-media-wall-1 { grid-row: 1 / 3; }
@media (max-width: 480px) { .fs-media-wall { height: 220px; padding: 10px; gap: 8px; } }
/* Hakkimizda giris: koyu panel uzerinde logo plakasi ve uc temel bilgi. */
.fs-about-brand { position: relative; margin: 0; display: grid; gap: 14px; border-radius: 22px; padding: 22px; background: radial-gradient(120% 90% at 100% 0%, rgb(227 30 36 / .3), transparent 55%), radial-gradient(90% 80% at 0% 100%, rgb(23 102 154 / .45), transparent 60%), var(--color-fs-panel); box-shadow: 0 30px 60px -28px rgb(10 73 112 / .55); overflow: hidden; }
.fs-about-brand::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgb(255 255 255 / .09) 1px, transparent 1px); background-size: 18px 18px; pointer-events: none; }
.fs-about-brand-wedge i { position: absolute; display: block; width: 240px; height: 240px; background: var(--color-fs-red); clip-path: polygon(100% 0, 100% 100%, 0 0); opacity: .9; }
.fs-about-brand-wedge i:first-child { top: -60px; right: -60px; }
.fs-about-brand-wedge i:last-child { top: -20px; right: -110px; opacity: .35; }
.fs-about-brand-plate { position: relative; display: grid; justify-items: center; gap: 12px; border-radius: 16px; background: #fff; padding: 34px 28px 26px; box-shadow: 0 18px 36px -18px rgb(0 0 0 / .6); }
.fs-about-brand-logo { width: min(320px, 100%); height: auto; }
.fs-about-brand-tag { font-size: 12.5px; font-weight: 500; letter-spacing: .02em; color: var(--color-fs-muted); }
.fs-about-brand-facts { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.fs-about-brand-facts li { display: grid; gap: 2px; border: 1px solid rgb(255 255 255 / .12); border-radius: 12px; background: rgb(255 255 255 / .06); padding: 10px 12px; font-size: 12px; color: #c9d2e3; }
.fs-about-brand-facts b { font-family: var(--font-heading, inherit); font-size: 20px; line-height: 1.1; color: #fff; }
@media (max-width: 480px) { .fs-about-brand { padding: 14px; } .fs-about-brand-plate { padding: 24px 16px 18px; } .fs-about-brand-facts b { font-size: 17px; } }
/* Ana sayfa "Ferisoft Her Yerde": koyu panelde noktali harita, Istanbul'dan baglantilar, bayrak kartlari. */
.fs-world { width: 100%; border-radius: 22px; padding: 18px; background: radial-gradient(80% 90% at 58% 30%, rgb(227 30 36 / .18), transparent 60%), radial-gradient(90% 80% at 0% 100%, rgb(23 102 154 / .4), transparent 60%), var(--color-fs-panel); box-shadow: 0 30px 60px -28px rgb(10 73 112 / .55); }
.fs-world svg { display: block; width: 100%; height: auto; overflow: visible; }
.fs-world-dots { opacity: .55; }
.fs-world-arcs path { fill: none; stroke: #ff5a60; stroke-width: 1.3; stroke-linecap: round; stroke-dasharray: 4 7; opacity: .85; animation: fs-world-flow 1.1s linear infinite; animation-delay: calc(var(--d) * -1); }
.fs-world-arcs path.fs-world-track { stroke: rgb(255 90 96 / .22); stroke-dasharray: none; stroke-width: 1; animation: none; }
.fs-world-leaders line { stroke: rgb(255 255 255 / .45); stroke-width: .8; }
.fs-world-leaders circle { fill: #fff; stroke: #ff5a60; stroke-width: 1.4; }
.fs-world-hq > circle { fill: #e31e24; stroke: #fff; stroke-width: 1.6; }
.fs-world-hq .fs-world-pulse { fill: rgb(227 30 36 / .35); stroke: none; transform-box: fill-box; transform-origin: center; animation: fs-world-pulse 2.2s ease-out infinite; }
.fs-world-hq rect { fill: #e31e24; }
.fs-world-hq text { font-size: 10px; font-weight: 600; fill: #fff; }
.fs-world-cards rect { fill: #fff; filter: drop-shadow(0 4px 8px rgb(0 0 0 / .35)); }
.fs-world-cards text { font-size: 7.6px; font-weight: 600; fill: var(--color-fs-ink); text-anchor: middle; }
@keyframes fs-world-flow { from { stroke-dashoffset: 11; } to { stroke-dashoffset: 0; } }
@keyframes fs-world-pulse { 0% { transform: scale(.5); opacity: 1; } 100% { transform: scale(2.2); opacity: 0; } }
@media (max-width: 640px) { .fs-world { padding: 8px; border-radius: 16px; } }
@media (prefers-reduced-motion: reduce) { .fs-world-arcs path { animation: none; } .fs-world-hq .fs-world-pulse { animation: none; } }
.fs-world-list { display: none; }
@media (max-width: 640px) {
  .fs-world-cards text, .fs-world-hq text { display: none; }
  .fs-world-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; padding: 0; list-style: none; }
  .fs-world-list li { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; background: rgb(255 255 255 / .1); padding: 4px 10px 4px 5px; font-size: 12px; color: #fff; }
  .fs-world-list li.is-hq { background: #e31e24; }
  .fs-world-list img { width: 20px; height: 15px; border-radius: 3px; object-fit: cover; }
}
/* Iletisim girisi: logo plakasi altinda telefon, e-posta ve calisma saati. */
.fs-contact-lines { position: relative; display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fs-contact-lines li { display: flex; align-items: center; gap: 10px; border: 1px solid rgb(255 255 255 / .12); border-radius: 12px; background: rgb(255 255 255 / .06); padding: 8px 12px; font-size: 14px; font-weight: 500; color: #fff; }
.fs-contact-lines a { color: #fff; }
.fs-contact-lines a:hover { color: #ff9a9e; }
.fs-contact-lines li > span { display: inline-flex; width: 30px; height: 30px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9px; color: #fff; }
.fs-contact-brand .fs-about-brand-plate { padding: 26px 24px 20px; }
/* SSS: uc sutunlu kart izgarasi; her kartta sirali renkte ust serit ve soru ikonu. */
.fs-faq { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
@media (min-width: 1024px) { .fs-faq { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fs-faq > div { --tone: #e31e24; position: relative; display: flex; flex-direction: column; border: 1px solid var(--color-fs-line) !important; border-radius: 18px; padding: 26px 24px 24px !important; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.fs-faq > div::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--tone); }
.fs-faq > div::after { content: ""; order: -1; display: inline-flex; flex: none; width: 38px; height: 38px; margin-bottom: 16px; border-radius: 12px; background: var(--faq-icon, none) center / 20px 20px no-repeat, color-mix(in srgb, var(--tone) 12%, transparent); }
.fs-faq > div:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -26px rgb(10 73 112 / .45); }
.fs-faq > div:nth-child(6n+2) { --tone: #2f7fd8; }
.fs-faq > div:nth-child(6n+3) { --tone: #14a3a0; }
.fs-faq > div:nth-child(6n+4) { --tone: #f2a516; }
.fs-faq > div:nth-child(6n+5) { --tone: #7c5cff; }
.fs-faq > div:nth-child(6n+6) { --tone: #0a4970; }
/* SSS kart ikonlari: konum, hizmetler, fiyat, destek, sektorler, uzaktan hizmet. */
.fs-faq > div:nth-child(6n+1) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e31e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
.fs-faq > div:nth-child(6n+2) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7fd8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 2 7l10 5 10-5-10-5z'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3C/svg%3E"); }
.fs-faq > div:nth-child(6n+3) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314a3a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }
.fs-faq > div:nth-child(6n+4) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2a516' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2' y='14' width='5' height='6' rx='2'/%3E%3Crect x='17' y='14' width='5' height='6' rx='2'/%3E%3C/svg%3E"); }
.fs-faq > div:nth-child(6n+5) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c5cff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M2 13h20'/%3E%3C/svg%3E"); }
.fs-faq > div:nth-child(6n+6) { --faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a4970' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z'/%3E%3C/svg%3E"); }
.fs-faq h3 { font-size: 17px; line-height: 1.35; }
.fs-faq p { font-size: 14.5px; line-height: 1.65; }
@media (prefers-reduced-motion: reduce) { .fs-faq > div { transition: none; } .fs-faq > div:hover { transform: none; } }
/* Ana sayfa referans seridi: kendiliginden kayar, fareyle surukle ya da oklarla kaydir. */
.fs-marquee-drag-wrap { position: relative; }
.fs-marquee-drag { overflow: hidden; cursor: grab; user-select: none; touch-action: pan-y; }
.fs-marquee-drag.is-dragging { cursor: grabbing; }
.fs-marquee-drag .fs-marquee-track { animation: none; }
.fs-marquee-drag img { -webkit-user-drag: none; pointer-events: none; }
.fs-marquee-nav { position: absolute; top: 50%; z-index: 2; display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--color-fs-line); border-radius: 999px; background: #fff; color: var(--color-fs-ink); box-shadow: 0 10px 24px -12px rgb(10 73 112 / .5); opacity: 0; transform: translateY(-50%) scale(.9); transition: opacity .2s ease, transform .2s ease, color .2s ease; cursor: pointer; }
.fs-marquee-nav.is-prev { left: 4px; } .fs-marquee-nav.is-next { right: 4px; }
.fs-marquee-drag-wrap:hover .fs-marquee-nav, .fs-marquee-nav:focus-visible { opacity: 1; transform: translateY(-50%) scale(1); }
.fs-marquee-nav:hover { color: var(--color-fs-red); }
@media (hover: none) { .fs-marquee-nav { opacity: 1; transform: translateY(-50%) scale(1); } .fs-marquee-drag { overflow-x: auto; scrollbar-width: none; } }