/* ============================================================
   FOTOMETRİK360 — ftk-landing.css (v3 ortak stil dosyası)
   Tüm v3 sayfaları bu tek dosyayı kullanır.
   WordPress'e taşırken: child theme'e enqueue edilir; seçiciler
   .ftk- önekli olduğu için tema ile çakışmaz.
   ============================================================ */

.ftk-land, .ftk-land * { margin:0; padding:0; box-sizing:border-box; }
:root {
  --ftk-bg:#fafaf7; --ftk-bg-pure:#fff; --ftk-ink:#0a0a0a;
  --ftk-ink-soft:#3a3a3a; --ftk-ink-light:#7a7a7a;
  --ftk-line:#e8e6df; --ftk-accent:#d4a017;
}
html { scroll-behavior:smooth; }
.ftk-land { font-family:'Inter',-apple-system,sans-serif; background:var(--ftk-bg); color:var(--ftk-ink); line-height:1.5; -webkit-font-smoothing:antialiased; }
.ftk-container { max-width:1400px; margin:0 auto; padding:0 40px; }
.ftk-land a { color:inherit; }

/* ---------- TASLAK İŞARETLERİ (yayında kaldırılacak) ---------- */
.ftk-draftbar { background:#fff3cd; color:#856404; padding:10px 16px; text-align:center; font-size:12px; border-bottom:1px solid #ffeaa7; font-weight:600; font-family:'Inter',sans-serif; }
.ftk-todo { display:inline-block; background:#fff3cd; color:#856404; border:1px dashed #d4a017; font-size:10px; font-weight:600; letter-spacing:0.05em; padding:2px 8px; border-radius:4px; text-transform:uppercase; vertical-align:middle; }

/* ---------- HEADER ---------- */
.ftk-header { position:sticky; top:0; background:rgba(250,250,247,0.92); backdrop-filter:blur(20px); z-index:100; border-bottom:1px solid var(--ftk-line); }
.ftk-header .ftk-container { display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px; }
.ftk-logo { font-weight:800; font-size:18px; letter-spacing:-0.02em; text-decoration:none; white-space:nowrap; }
.ftk-logo sup { color:var(--ftk-accent); font-size:10px; vertical-align:super; }
.ftk-nav ul { display:flex; gap:28px; list-style:none; align-items:center; }
.ftk-nav a { color:var(--ftk-ink); text-decoration:none; font-size:14px; font-weight:600; transition:opacity 0.2s; }
.ftk-nav a:hover { opacity:0.5; }
.ftk-nav a[aria-current="page"] { color:var(--ftk-accent); }
.ftk-sub-toggle { display:none; }
.ftk-has-sub { position:relative; }
.ftk-has-sub > a::after { content:" ▾"; font-size:10px; color:var(--ftk-ink-light); }
.ftk-sub { position:absolute; top:100%; left:-16px; padding-top:14px; opacity:0; visibility:hidden; transform:translateY(8px); transition:all 0.2s ease; }
.ftk-has-sub:hover .ftk-sub, .ftk-has-sub:focus-within .ftk-sub { opacity:1; visibility:visible; transform:translateY(0); }
.ftk-sub ul { display:block; background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.1); min-width:290px; padding:8px; }
.ftk-sub li { display:block; }
.ftk-sub a { display:block; padding:12px 16px; border-radius:6px; font-size:14px; }
.ftk-sub a:hover { background:var(--ftk-bg); opacity:1; }
.ftk-sub a small { display:block; font-weight:400; font-size:12px; color:var(--ftk-ink-light); margin-top:2px; }
.ftk-land .ftk-header-cta { padding:10px 20px; background:var(--ftk-ink); color:var(--ftk-bg); text-decoration:none; border-radius:100px; font-size:13px; font-weight:600; transition:all 0.2s; white-space:nowrap; }
.ftk-land .ftk-header-cta:hover { background:var(--ftk-accent); color:var(--ftk-bg); }
.ftk-burger { display:none; background:none; border:none; cursor:pointer; padding:8px; }
.ftk-burger span { display:block; width:22px; height:2px; background:var(--ftk-ink); margin:5px 0; }

/* ---------- BUTONLAR ----------
   Not: seçiciler .ftk-land önekiyle yazıldı; aksi halde genel
   ".ftk-land a { color:inherit }" kuralı buton yazı rengini ezer
   (siyah buton + siyah yazı = görünmez metin hatası). */
.ftk-btn { padding:18px 32px; border-radius:100px; text-decoration:none; font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:10px; transition:all 0.2s; }
.ftk-land .ftk-btn-primary { background:var(--ftk-ink); color:var(--ftk-bg); }
.ftk-land .ftk-btn-primary:hover { background:var(--ftk-accent); color:var(--ftk-bg); }
.ftk-land .ftk-btn-ghost { background:transparent; color:var(--ftk-ink); border:1.5px solid var(--ftk-ink); }
.ftk-land .ftk-btn-ghost:hover { background:var(--ftk-ink); color:var(--ftk-bg); }

/* ---------- HERO (anasayfa) ---------- */
.ftk-hero { padding:110px 0 80px; }
.ftk-hero-meta { font-size:13px; color:var(--ftk-ink-light); text-transform:uppercase; letter-spacing:0.15em; margin-bottom:32px; display:flex; align-items:center; gap:12px; }
.ftk-hero-meta::before { content:""; width:32px; height:1px; background:var(--ftk-ink); }
.ftk-hero h1 { font-size:clamp(44px,6.5vw,100px); line-height:0.98; letter-spacing:-0.04em; font-weight:800; margin-bottom:48px; max-width:1200px; }
.ftk-hero h1 em { font-style:italic; font-weight:400; color:var(--ftk-ink-soft); }
.ftk-hero-sub { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:end; max-width:1200px; }
.ftk-hero-sub p { font-size:18px; color:var(--ftk-ink-soft); max-width:580px; line-height:1.55; }
.ftk-hero-cta { display:flex; gap:16px; flex-wrap:wrap; }
.ftk-scroll-down { margin-top:72px; font-size:12px; color:var(--ftk-ink-light); letter-spacing:0.2em; text-transform:uppercase; }
.ftk-scroll-down::after { content:" ↓"; }

/* ---------- SAYFA BAŞI (iç sayfalar) ---------- */
.ftk-pagehead { padding:80px 0 64px; }
.ftk-crumb { font-size:12px; color:var(--ftk-ink-light); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:28px; }
.ftk-crumb a { color:var(--ftk-ink-light); text-decoration:none; }
.ftk-crumb a:hover { color:var(--ftk-ink); }
.ftk-pagehead h1 { font-size:clamp(38px,5.5vw,80px); line-height:0.98; letter-spacing:-0.04em; font-weight:800; margin-bottom:28px; max-width:1100px; }
.ftk-pagehead h1 em { font-style:italic; font-weight:400; color:var(--ftk-ink-soft); }
.ftk-pagehead-sub { font-size:18px; color:var(--ftk-ink-soft); max-width:680px; line-height:1.55; }
.ftk-pagehead-cta { display:flex; gap:16px; flex-wrap:wrap; margin-top:36px; }
.ftk-pagehead-note { margin-top:20px; font-size:13px; color:var(--ftk-ink-light); }
.ftk-pagehead-note strong { color:var(--ftk-accent); }

/* ---------- GÜVEN ŞERİDİ ---------- */
.ftk-trust { padding:40px 0; border-top:1px solid var(--ftk-line); border-bottom:1px solid var(--ftk-line); background:var(--ftk-bg-pure); }
.ftk-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ftk-trust-num { font-size:48px; font-weight:800; letter-spacing:-0.03em; line-height:1; }
.ftk-trust-num .ftk-accent { color:var(--ftk-accent); }
.ftk-trust-label { font-size:13px; color:var(--ftk-ink-light); margin-top:8px; text-transform:uppercase; letter-spacing:0.05em; }

/* ---------- BÖLÜM GENELİ ---------- */
.ftk-padded { padding:100px 0; }
.ftk-white { background:var(--ftk-bg-pure); }
.ftk-section-meta { font-size:13px; color:var(--ftk-ink-light); text-transform:uppercase; letter-spacing:0.15em; margin-bottom:24px; display:flex; align-items:center; gap:12px; }
.ftk-section-meta::before { content:""; width:32px; height:1px; background:var(--ftk-ink); }
.ftk-section-title { font-size:clamp(32px,4.5vw,62px); line-height:1.02; letter-spacing:-0.03em; font-weight:800; margin-bottom:52px; max-width:1100px; }
.ftk-section-title em { font-style:italic; font-weight:400; color:var(--ftk-ink-soft); }
.ftk-section-intro { font-size:17px; color:var(--ftk-ink-soft); max-width:760px; margin:-28px 0 52px; line-height:1.6; }

/* ---------- GENEL KARTLAR (alt hizmetler vb.) ---------- */
.ftk-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ftk-cards-2 { grid-template-columns:repeat(2,1fr); }
.ftk-cards-3 { grid-template-columns:repeat(3,1fr); }
.ftk-card { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; padding:36px 32px; transition:all 0.3s ease; display:block; text-decoration:none; }
.ftk-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,0.06); border-color:var(--ftk-ink); }
.ftk-card-num { font-size:13px; color:var(--ftk-accent); font-weight:600; letter-spacing:0.1em; margin-bottom:16px; }
.ftk-card h3 { font-size:20px; font-weight:800; letter-spacing:-0.01em; margin-bottom:12px; line-height:1.2; }
.ftk-card p { font-size:14px; color:var(--ftk-ink-soft); line-height:1.55; }
.ftk-card .ftk-card-go { display:inline-block; margin-top:16px; font-size:13px; font-weight:600; color:var(--ftk-ink); }
.ftk-card .ftk-card-go::after { content:" →"; }
/* Teknik kartlari: masaustunde hover'la arkaya doner (foto), mobilde foto sabit ustte durur */
.ftk-flip { position:relative; perspective:1200px; background:none; border:none; padding:0; }
.ftk-flip:hover { transform:none; box-shadow:none; }
.ftk-flip-in { position:relative; height:100%; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.4,.1,.2,1); }
.ftk-flip-front { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; padding:36px 32px; height:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.ftk-flip-back { position:absolute; inset:0; border-radius:8px; overflow:hidden; transform:rotateY(180deg); backface-visibility:hidden; -webkit-backface-visibility:hidden; background:#fff; display:flex; align-items:flex-end; }
.ftk-flip-frame { position:absolute; inset:0; background-size:contain; background-repeat:no-repeat; background-position:center; opacity:0; transition:opacity .4s ease; }
.ftk-flip-frame.on { opacity:1; }
.ftk-flip-frame video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#fff; }
/* Intro: kartlar acik (foto yuzu) baslar, bolume inince sondan basa dogru hizla kapanir */
.ftk-flip-open .ftk-flip-in { transform:rotateY(180deg); }
.ftk-flip-back video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#fff; }
.ftk-flip-cap { position:relative; z-index:2; width:100%; padding:18px 20px; background:linear-gradient(transparent, rgba(0,0,0,.78)); color:#fff; font-weight:700; font-size:15px; }
.ftk-flip-cap span { display:block; font-size:12px; font-weight:600; opacity:.85; margin-top:2px; }
.ftk-flip-mimg { display:none; }
@media (hover:hover) {
  .ftk-flip:hover .ftk-flip-in, .ftk-flip:focus-visible .ftk-flip-in { transform:rotateY(180deg); }
}
@media (hover:none) {
  .ftk-flip-mimg { display:none; }
  /* Varsayilan: on yuz (metin). Intro oto-acilmasi mobilde kapali. */
  .ftk-flip-in, .ftk-flip-open .ftk-flip-in { transform:none; }
  /* Dokununca arkaya doner (foto). */
  .ftk-flip.ftk-flipped .ftk-flip-in { transform:rotateY(180deg); }
  /* Cevrilince on-yuz metni tiklamayi engellemesin, arka gorunsun */
  .ftk-flip.ftk-flipped .ftk-flip-front { pointer-events:none; }
}
@media (prefers-reduced-motion: reduce) { .ftk-flip-in { transition:none; } .ftk-flip:hover .ftk-flip-in { transform:none; } .ftk-flip:hover .ftk-flip-back { display:none; } }

/* ---------- FİYAT TABLOSU ---------- */
.ftk-pricewrap { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ftk-price { width:100%; border-collapse:collapse; font-size:15px; }
.ftk-price th { text-align:left; padding:20px 28px; background:var(--ftk-ink); color:var(--ftk-bg); font-size:12px; text-transform:uppercase; letter-spacing:0.1em; font-weight:600; }
.ftk-price td { padding:18px 28px; border-bottom:1px solid var(--ftk-line); vertical-align:top; }
.ftk-price tr:last-child td { border-bottom:none; }
.ftk-price tr:hover td { background:var(--ftk-bg); }
.ftk-price .ftk-price-val { font-weight:800; white-space:nowrap; }
.ftk-price .ftk-price-val small { font-weight:400; color:var(--ftk-ink-light); }
.ftk-price-note { font-size:13px; color:var(--ftk-ink-light); margin-top:16px; max-width:760px; }

/* ---------- SÜREÇ ADIMLARI ---------- */
.ftk-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:ftkstep; }
.ftk-step { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; padding:32px 28px; counter-increment:ftkstep; }
.ftk-step::before { content:"0" counter(ftkstep); font-size:32px; font-weight:800; color:var(--ftk-accent); display:block; margin-bottom:16px; letter-spacing:-0.02em; }
.ftk-step h3 { font-size:17px; font-weight:800; margin-bottom:8px; }
.ftk-step p { font-size:14px; color:var(--ftk-ink-soft); line-height:1.55; }

/* ---------- PORTFÖY BLOKLARI ---------- */
.ftk-pf-block { margin-bottom:100px; }
.ftk-pf-block:last-child { margin-bottom:0; }
.ftk-pf-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--ftk-ink); }
.ftk-pf-head h3 { font-size:30px; font-weight:800; letter-spacing:-0.02em; }
.ftk-pf-head a { color:var(--ftk-ink); text-decoration:none; font-size:14px; font-weight:600; opacity:0.6; transition:opacity 0.2s; }
.ftk-pf-head a:hover { opacity:1; }
.ftk-pf-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ftk-pf-item { aspect-ratio:4/5; border-radius:4px; position:relative; overflow:hidden; display:block; text-decoration:none; transition:transform 0.4s ease; }
.ftk-pf-item:hover { transform:translateY(-8px); }
.ftk-pf-bg { position:absolute; inset:0; transition:transform 0.6s ease; background-size:cover; background-position:center; }
.ftk-pf-item:hover .ftk-pf-bg { transform:scale(1.08); }
.ftk-pf-info { position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(transparent, rgba(0,0,0,0.85)); color:#fff; }
.ftk-pf-info .ftk-tag { font-size:11px; letter-spacing:0.1em; text-transform:uppercase; opacity:0.8; margin-bottom:4px; }
.ftk-pf-info .ftk-name { font-weight:600; font-size:15px; }

/* ---------- KATEGORİ KARTLARI (portföy) ---------- */
.ftk-cats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ftk-land .ftk-cat-card { position:relative; aspect-ratio:3/4; border-radius:6px; overflow:hidden; text-decoration:none; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; color:#fff; transition:transform 0.4s ease; }
.ftk-cat-card:hover { transform:translateY(-8px); }
.ftk-cat-bg { position:absolute; inset:0; transition:transform 0.6s ease; background-size:cover; background-position:center; }
.ftk-cat-card:hover .ftk-cat-bg { transform:scale(1.06); }
.ftk-cat-card::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 30%, rgba(0,0,0,0.82)); }
.ftk-cat-card > * { position:relative; z-index:2; }
.ftk-cat-count { font-size:12px; letter-spacing:0.12em; text-transform:uppercase; opacity:0.85; margin-bottom:8px; }
.ftk-cat-name { font-size:clamp(20px,1.8vw,26px); font-weight:800; letter-spacing:-0.02em; line-height:1.15; margin-bottom:10px; }
.ftk-cat-go { font-size:13px; font-weight:600; opacity:0.9; }
.ftk-cat-go::after { content:" →"; transition:margin 0.2s; }
.ftk-cat-card:hover .ftk-cat-go::after { margin-left:6px; }

/* ---------- İŞLER GRID + FİLTRE (portföy) ---------- */
.ftk-works-head { margin-bottom:32px; }
.ftk-pf-controls { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-bottom:40px; }
.ftk-works-head h2 { font-size:clamp(30px,4vw,52px); letter-spacing:-0.03em; font-weight:800; line-height:1.02; }
.ftk-works-head h2 em { font-style:italic; font-weight:400; color:var(--ftk-ink-soft); }
.ftk-filters { display:flex; flex-wrap:wrap; gap:8px; }
.ftk-chip { font-size:13px; font-weight:600; padding:10px 20px; border-radius:100px; border:1px solid var(--ftk-line); background:var(--ftk-bg); color:var(--ftk-ink-soft); cursor:pointer; transition:all 0.2s; font-family:inherit; text-decoration:none; display:inline-block; }
.ftk-chip:hover { border-color:var(--ftk-ink); color:var(--ftk-ink); }
.ftk-chip.active { background:var(--ftk-ink); color:var(--ftk-bg); border-color:var(--ftk-ink); }
.ftk-pf-searchbar { flex:0 1 340px; }
.ftk-pf-search { width:100%; font-family:inherit; font-size:15px; padding:12px 22px; border:1px solid var(--ftk-line); border-radius:100px; background:var(--ftk-bg); color:var(--ftk-ink); transition:border-color 0.2s; }
.ftk-pf-search::placeholder { color:var(--ftk-ink-soft); }
.ftk-pf-search:focus { outline:none; border-color:var(--ftk-ink); }
.ftk-pf-empty { display:none; margin:8px 0 32px; color:var(--ftk-ink-soft); font-size:16px; }
@media (max-width:600px) { .ftk-pf-searchbar { flex-basis:100%; } }
.ftk-work { aspect-ratio:4/5; border-radius:4px; position:relative; overflow:hidden; display:block; text-decoration:none; transition:transform 0.4s ease, opacity 0.3s ease; }
.ftk-work:hover { transform:translateY(-8px); }
.ftk-work-bg { position:absolute; inset:0; transition:transform 0.6s ease; background-size:cover; background-position:center; }
.ftk-work:hover .ftk-work-bg { transform:scale(1.08); }
.ftk-work-info { position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(transparent, rgba(0,0,0,0.85)); color:#fff; }
.ftk-work-info .ftk-tag { font-size:11px; letter-spacing:0.1em; text-transform:uppercase; opacity:0.8; margin-bottom:4px; }
.ftk-work-info .ftk-name { font-weight:600; font-size:15px; }
.ftk-work.hide { display:none; }
.ftk-work.ftk-pending { display:none; }
.ftk-works-more { text-align:center; margin-top:56px; }
.ftk-works-note { text-align:center; font-size:13px; color:var(--ftk-ink-light); margin-top:16px; }

/* ---------- HİZMET LİSTESİ (anasayfa tipografik) ---------- */
.ftk-services { border-top:1px solid var(--ftk-ink); }
.ftk-srow { display:grid; grid-template-columns:80px 1fr 2fr auto; gap:40px; padding:40px 0; border-bottom:1px solid var(--ftk-ink); align-items:center; position:relative; transition:padding 0.3s ease; text-decoration:none; color:inherit; }
.ftk-srow:hover { padding-left:16px; }
.ftk-srow::before { content:""; position:absolute; left:0; top:0; bottom:0; width:0; background:var(--ftk-accent); transition:width 0.3s ease; }
.ftk-srow:hover::before { width:4px; }
.ftk-snum { font-size:14px; color:var(--ftk-ink-light); font-weight:600; letter-spacing:0.1em; }
.ftk-sname { font-size:clamp(26px,3vw,40px); font-weight:800; letter-spacing:-0.02em; line-height:1.1; }
.ftk-sdesc { font-size:15px; color:var(--ftk-ink-soft); line-height:1.5; }
.ftk-sarrow { font-size:24px; color:var(--ftk-ink); transition:transform 0.3s ease; }
.ftk-srow:hover .ftk-sarrow { transform:translateX(12px); }
.ftk-sublinks { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.ftk-sublinks span { font-size:11px; padding:4px 12px; background:var(--ftk-bg); border:1px solid var(--ftk-line); border-radius:100px; color:var(--ftk-ink-light); }

/* ---------- 360° VIEWER / DEMO KUTUSU ---------- */
.ftk-viewer { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; overflow:hidden; }
.ftk-viewer-frame { aspect-ratio:16/9; position:relative; background:#111; }
.ftk-viewer-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.ftk-viewer-poster { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; color:#fff; cursor:pointer; background:linear-gradient(135deg,#1a1a1a,#3a3a3a); border:none; width:100%; font-family:inherit; }
.ftk-viewer-poster strong { font-size:20px; font-weight:800; }
.ftk-viewer-poster span { font-size:13px; opacity:0.7; }
.ftk-viewer-poster .ftk-play { width:72px; height:72px; border-radius:50%; background:var(--ftk-accent); display:flex; align-items:center; justify-content:center; font-size:24px; color:#000; }
.ftk-viewer-bar { padding:16px 24px; font-size:13px; color:var(--ftk-ink-light); display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

/* ---------- KOYU BANT (hakkımızda / cta) ---------- */
.ftk-dark { background:var(--ftk-ink); color:var(--ftk-bg); }
.ftk-dark .ftk-section-meta { color:rgba(255,255,255,0.5); }
.ftk-dark .ftk-section-meta::before { background:var(--ftk-bg); }
.ftk-dark .ftk-section-title { color:var(--ftk-bg); }
.ftk-about-quote { font-size:clamp(34px,5vw,62px); font-weight:400; line-height:1.15; letter-spacing:-0.02em; max-width:1200px; margin-bottom:48px; }
.ftk-about-quote em { font-style:italic; color:var(--ftk-accent); }
.ftk-about-body { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:60px; padding-top:48px; border-top:1px solid rgba(255,255,255,0.1); }
.ftk-about-body p { font-size:16px; color:rgba(255,255,255,0.7); }
.ftk-about-cta { margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; }
/* Koyu zeminlerde (hakkımızda bandı + CTA bandı) butonlar ters döner */
.ftk-land .ftk-dark .ftk-btn-primary, .ftk-land .ftk-cta-band .ftk-btn-primary { background:var(--ftk-bg); color:var(--ftk-ink); }
.ftk-land .ftk-dark .ftk-btn-primary:hover, .ftk-land .ftk-cta-band .ftk-btn-primary:hover { background:var(--ftk-accent); color:var(--ftk-ink); }
.ftk-land .ftk-dark .ftk-btn-ghost, .ftk-land .ftk-cta-band .ftk-btn-ghost { color:var(--ftk-bg); border-color:rgba(255,255,255,0.35); }
.ftk-land .ftk-dark .ftk-btn-ghost:hover, .ftk-land .ftk-cta-band .ftk-btn-ghost:hover { background:var(--ftk-bg); color:var(--ftk-ink); }

.ftk-cta-band { background:var(--ftk-ink); color:var(--ftk-bg); padding:96px 0; }
.ftk-cta-band-grid { display:grid; grid-template-columns:2fr 1fr; gap:48px; align-items:center; }
.ftk-cta-band h2 { font-size:clamp(30px,4vw,56px); letter-spacing:-0.03em; font-weight:800; line-height:1.05; }
.ftk-cta-band h2 em { font-style:italic; font-weight:400; color:var(--ftk-accent); }
.ftk-cta-band p { color:rgba(255,255,255,0.7); margin-top:16px; max-width:560px; }
.ftk-cta-band-btns { text-align:right; display:flex; flex-direction:column; gap:12px; align-items:flex-end; }

/* ---------- ZAMAN ÇİZGİSİ (hakkımızda) ---------- */
.ftk-tl { border-left:1px solid var(--ftk-line); margin-left:8px; }
.ftk-tl-item { position:relative; padding:0 0 56px 48px; }
.ftk-tl-item:last-child { padding-bottom:0; }
.ftk-tl-item::before { content:""; position:absolute; left:-8px; top:6px; width:15px; height:15px; border-radius:50%; background:var(--ftk-accent); border:3px solid var(--ftk-bg); }
.ftk-tl-year { font-size:13px; font-weight:600; color:var(--ftk-accent); letter-spacing:0.1em; margin-bottom:8px; }
.ftk-tl-item h3 { font-size:24px; font-weight:800; letter-spacing:-0.01em; margin-bottom:10px; }
.ftk-tl-item p { font-size:15px; color:var(--ftk-ink-soft); max-width:640px; line-height:1.6; }
.ftk-about-memoriam { margin:44px 0 0; padding-top:28px; border-top:1px solid var(--ftk-line); max-width:660px; font-size:17px; font-style:italic; line-height:1.6; color:var(--ftk-ink-soft); }
.ftk-about-memoriam strong { font-style:normal; color:var(--ftk-ink); }

/* ---------- LOGOLAR ---------- */
.ftk-logos { padding:72px 0; background:var(--ftk-bg-pure); border-top:1px solid var(--ftk-line); border-bottom:1px solid var(--ftk-line); }
.ftk-logos-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:40px; align-items:center; }
.ftk-logo-item { text-align:center; font-weight:600; font-size:15px; color:var(--ftk-ink-light); padding:16px 8px; transition:color 0.2s; cursor:default; overflow-wrap:anywhere; }
.ftk-logo-item:hover { color:var(--ftk-ink); }

/* ---------- YORUMLAR ---------- */
.ftk-reviews-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.ftk-review { padding:48px; background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; transition:all 0.3s ease; }
.ftk-review:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,0.06); }
.ftk-stars { color:var(--ftk-accent); margin-bottom:24px; letter-spacing:4px; }
.ftk-review-text { font-size:21px; line-height:1.45; font-weight:600; letter-spacing:-0.01em; margin-bottom:32px; }
.ftk-review-author { font-size:13px; color:var(--ftk-ink-light); text-transform:uppercase; letter-spacing:0.1em; }
.ftk-review-author strong { color:var(--ftk-ink); }
.ftk-rsummary { display:grid; grid-template-columns:auto 1fr auto; gap:40px; align-items:center; padding:32px 48px; background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; margin-bottom:48px; }
.ftk-rs-num { font-size:64px; font-weight:800; letter-spacing:-0.03em; line-height:1; }
.ftk-rs-stars { color:var(--ftk-accent); font-size:24px; letter-spacing:4px; }
.ftk-rs-text { color:var(--ftk-ink-soft); margin-top:6px; }
.ftk-land .ftk-rs-cta { padding:14px 24px; background:var(--ftk-ink); color:var(--ftk-bg); text-decoration:none; border-radius:100px; font-size:13px; font-weight:600; }
.ftk-land .ftk-rs-cta:hover { background:var(--ftk-accent); color:var(--ftk-bg); }

/* ---------- REFERANS SEKTÖR BLOKLARI ---------- */
.ftk-ref-row { display:grid; grid-template-columns:1fr 2fr; gap:48px; padding:48px 0; border-bottom:1px solid var(--ftk-line); align-items:start; }
.ftk-ref-row:first-child { border-top:1px solid var(--ftk-ink); }
.ftk-ref-row h3 { font-size:26px; font-weight:800; letter-spacing:-0.02em; }
.ftk-ref-row .ftk-ref-note { font-size:13px; color:var(--ftk-ink-light); margin-top:8px; }
.ftk-ref-brands { display:flex; flex-wrap:wrap; gap:10px; }
.ftk-ref-brand { font-size:13px; font-weight:600; padding:10px 20px; background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:100px; color:var(--ftk-ink-soft); }
.ftk-ref-brand.ftk-hl { border-color:var(--ftk-accent); color:var(--ftk-ink); }

/* ---------- SSS ---------- */
.ftk-faq { border-top:1px solid var(--ftk-ink); }
.ftk-faq-row { border-bottom:1px solid var(--ftk-ink); }
.ftk-faq-q { padding:30px 0; display:flex; justify-content:space-between; gap:24px; cursor:pointer; font-weight:600; font-size:20px; letter-spacing:-0.01em; }
.ftk-faq-q::after { content:"+"; color:var(--ftk-accent); font-size:32px; font-weight:400; transition:transform 0.3s; flex-shrink:0; line-height:1; }
.ftk-faq-row.open .ftk-faq-q::after { transform:rotate(45deg); }
.ftk-faq-a { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.ftk-faq-row.open .ftk-faq-a { max-height:400px; padding-bottom:32px; }
.ftk-faq-a p { font-size:16px; color:var(--ftk-ink-soft); max-width:800px; }
.no-js .ftk-faq-a { max-height:none; padding-bottom:32px; }

/* ---------- İLETİŞİM ---------- */
.ftk-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.ftk-contact-info p { color:var(--ftk-ink-soft); margin-bottom:20px; font-size:16px; }
.ftk-contact-info strong { color:var(--ftk-accent); display:block; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; margin-bottom:4px; font-weight:600; }
.ftk-dark .ftk-contact-info p { color:rgba(255,255,255,0.7); }
.ftk-contact-cta { display:flex; gap:16px; margin-top:40px; flex-wrap:wrap; }
.ftk-map { aspect-ratio:4/3; background:#1a1a1a; border-radius:8px; overflow:hidden; }
.ftk-map iframe { width:100%; height:100%; border:0; filter:grayscale(0.6); }
.ftk-contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:64px; }
.ftk-ccard { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:8px; padding:32px; text-decoration:none; transition:all 0.3s ease; }
.ftk-ccard:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,0.06); border-color:var(--ftk-ink); }
.ftk-ccard strong { display:block; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--ftk-accent); margin-bottom:12px; }
.ftk-ccard .ftk-ccard-val { font-size:20px; font-weight:800; letter-spacing:-0.01em; }
.ftk-ccard p { font-size:13px; color:var(--ftk-ink-light); margin-top:8px; }

/* ---------- FOOTER ---------- */
.ftk-footer { background:#000; color:#888; padding:72px 0 32px; font-size:14px; }
.ftk-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid #1a1a1a; }
.ftk-footer h4 { color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:20px; font-weight:600; }
.ftk-footer ul { list-style:none; }
.ftk-footer li { margin-bottom:12px; }
.ftk-footer a { color:#888; text-decoration:none; transition:color 0.2s; }
.ftk-footer a:hover { color:#fff; }
.ftk-footer-brand .ftk-logo { color:#fff; display:inline-block; margin-bottom:16px; }
.ftk-footer-brand p { line-height:1.6; max-width:320px; }
.ftk-footer-bottom { padding-top:32px; text-align:center; font-size:12px; color:#555; letter-spacing:0.05em; }

/* ---------- YER TUTUCU GRADYANLAR ---------- */
.ftk-g1{background:linear-gradient(135deg,#f4e4c1,#d4a890);} .ftk-g2{background:linear-gradient(135deg,#2a2a4a,#5a4a6a);}
.ftk-g3{background:linear-gradient(135deg,#3d5a80,#7a9ac0);} .ftk-g4{background:linear-gradient(135deg,#8b5a3c,#c08a6c);}
.ftk-g5{background:linear-gradient(135deg,#1a1a1a,#4a4a4a);} .ftk-g6{background:linear-gradient(135deg,#c4a484,#8b6f4e);}
.ftk-g7{background:linear-gradient(135deg,#5a7090,#a0b8d0);} .ftk-g8{background:linear-gradient(135deg,#4a3a3a,#7a5a5a);}
.ftk-g9{background:linear-gradient(135deg,#d4c4a4,#a48d6e);} .ftk-g10{background:linear-gradient(135deg,#3a4a5a,#6a8aa0);}
.ftk-g11{background:linear-gradient(135deg,#9a7a5a,#c0a080);} .ftk-g12{background:linear-gradient(135deg,#5a4a3a,#8a7a5a);}
.ftk-g13{background:linear-gradient(135deg,#2a3a4a,#4a5a6a);} .ftk-g14{background:linear-gradient(135deg,#a4845c,#c4a47c);}
.ftk-g15{background:linear-gradient(135deg,#6a5a4a,#8a7a6a);} .ftk-g16{background:linear-gradient(135deg,#4a4a6a,#6a6a8a);}

/* ---------- ANİMASYON ---------- */
.ftk-fade { opacity:0; transform:translateY(40px); transition:opacity 0.8s ease, transform 0.8s ease; }
.ftk-fade.in { opacity:1; transform:translateY(0); }
.no-js .ftk-fade { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
  .ftk-fade { opacity:1; transform:none; transition:none; }
  .ftk-pf-item, .ftk-pf-bg, .ftk-work, .ftk-work-bg, .ftk-cat-card, .ftk-cat-bg, .ftk-srow, .ftk-sarrow, .ftk-card, .ftk-ccard { transition:none; }
  html { scroll-behavior:auto; }
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1000px) {
  .ftk-container { padding:0 24px; }
  .ftk-hero { padding:72px 0 56px; }
  .ftk-pagehead { padding:56px 0 44px; }
  .ftk-padded { padding:68px 0; }
  .ftk-hero-sub { grid-template-columns:1fr; gap:32px; align-items:start; }
  .ftk-trust-grid { grid-template-columns:repeat(2,1fr); gap:32px 24px; }
  .ftk-pf-grid, .ftk-cats-grid { grid-template-columns:repeat(2,1fr); }
  .ftk-cards, .ftk-cards-3 { grid-template-columns:repeat(2,1fr); }
  .ftk-steps { grid-template-columns:repeat(2,1fr); }
  .ftk-srow { grid-template-columns:48px 1fr; gap:16px; padding:24px 0; }
  .ftk-sdesc, .ftk-sarrow { display:none; }
  .ftk-reviews-grid, .ftk-about-body, .ftk-contact-grid, .ftk-ref-row { grid-template-columns:1fr; gap:32px; }
  .ftk-rsummary { grid-template-columns:1fr; text-align:center; padding:24px; gap:16px; }
  .ftk-logos-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .ftk-logo-item { font-size:13px; padding:12px 4px; }
  .ftk-cta-band-grid { grid-template-columns:1fr; gap:32px; }
  .ftk-cta-band-btns { text-align:left; align-items:flex-start; }
  .ftk-contact-cards { grid-template-columns:1fr; }
  .ftk-footer-grid { grid-template-columns:1fr 1fr; }
  .ftk-price th, .ftk-price td { padding:14px 12px; font-size:14px; }
  .ftk-price .ftk-price-val { white-space:normal; }
  .ftk-price .ftk-price-val small { display:block; white-space:normal; margin-top:2px; }

  .ftk-burger { display:block; }
  .ftk-nav { position:fixed; inset:72px 0 auto 0; background:var(--ftk-bg); border-bottom:1px solid var(--ftk-line); max-height:0; overflow:hidden; transition:max-height 0.3s ease; }
  .ftk-nav.open { max-height:calc(100vh - 72px); max-height:calc(100dvh - 72px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
  .ftk-nav ul { flex-direction:column; gap:0; padding:16px 24px calc(88px + env(safe-area-inset-bottom)); align-items:stretch; }
  .ftk-nav > ul > li { border-bottom:1px solid var(--ftk-line); }
  .ftk-nav > ul > li:last-child { border-bottom:none; }
  .ftk-nav a { display:block; padding:16px 0; font-size:16px; }
  .ftk-has-sub { display:flex; flex-wrap:wrap; align-items:center; }
  .ftk-has-sub > a { flex:1 1 auto; }
  .ftk-sub-toggle { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin:-16px -8px -16px 0; background:none; border:none; cursor:pointer; color:var(--ftk-ink); font-size:16px; }
  .ftk-sub-toggle > span { display:block; line-height:1; transform:rotate(180deg); transition:transform 0.3s ease; }
  .ftk-has-sub.sub-closed .ftk-sub-toggle > span { transform:rotate(0deg); }
  .ftk-sub { flex-basis:100%; position:static; opacity:1; visibility:visible; transform:none; padding:0; max-height:640px; overflow:hidden; transition:max-height 0.35s ease; }
  .ftk-has-sub.sub-closed .ftk-sub { max-height:0; }
  .ftk-sub ul { border:none; box-shadow:none; background:transparent; padding:0 0 8px 16px; min-width:0; }
  .ftk-sub a { padding:10px 0; }
  .ftk-header-cta { padding:8px 14px; font-size:12px; }
}
@media(max-width:560px) {
  .ftk-cards, .ftk-cards-2, .ftk-cards-3, .ftk-steps { grid-template-columns:1fr; }
  .ftk-cats-grid, .ftk-pf-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .ftk-footer-grid { grid-template-columns:1fr; }
  .ftk-price th, .ftk-price td { padding:12px 9px; font-size:13px; }
  .ftk-price th { font-size:11px; }
}

/* ============================================================
   v4 EKLERİ — dönüşüm bileşenleri
   ============================================================ */

/* ---------- SKIP LINK (a11y) ---------- */
.ftk-skip { position:absolute; left:-999px; top:0; z-index:200; background:var(--ftk-ink); color:#fff; padding:12px 20px; border-radius:0 0 8px 0; font-weight:600; font-size:14px; text-decoration:none; }
.ftk-skip:focus { left:0; }

/* ---------- GÜVEN MİKRO-ŞERİDİ (hero / CTA altı) ---------- */
.ftk-microtrust { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:28px; font-size:14px; color:var(--ftk-ink-light); }
.ftk-microtrust span { display:inline-flex; align-items:center; gap:8px; }
.ftk-microtrust span::before { content:"✓"; color:var(--ftk-accent); font-weight:800; }
.ftk-dark .ftk-microtrust, .ftk-cta-band .ftk-microtrust { color:rgba(255,255,255,0.7); }

/* ---------- MOBİL YAPIŞKAN AKSİYON ÇUBUĞU ---------- */
.ftk-actionbar { display:none; }
@media(max-width:1000px) {
  .ftk-actionbar {
    display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:0;
    position:fixed; left:0; right:0; bottom:0; z-index:90;
    background:var(--ftk-bg-pure); border-top:1px solid var(--ftk-line);
    box-shadow:0 -8px 30px rgba(0,0,0,0.08);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .ftk-actionbar > * {
    appearance:none; border:none; background:none; cursor:pointer;
    font-family:inherit; font-size:14px; font-weight:600; text-decoration:none;
    padding:16px 8px; text-align:center; color:var(--ftk-ink);
    border-left:1px solid var(--ftk-line);
  }
  .ftk-actionbar > *:first-child { border-left:none; }
  .ftk-ab-wa { color:#fff; background:#25D366; }
  .ftk-ab-quote { color:#fff; background:var(--ftk-ink); }
  /* çubuk içeriği örtmesin */
  body.ftk-land { padding-bottom:64px; }
}

/* ---------- HIZLI TEKLİF MODALI ---------- */
body.ftk-modal-open { overflow:hidden; }
.ftk-modal { position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:20px; }
.ftk-modal[hidden] { display:none; }
.ftk-modal-backdrop { position:absolute; inset:0; background:rgba(10,10,10,0.55); backdrop-filter:blur(3px); }
.ftk-modal-card {
  position:relative; z-index:1; width:100%; max-width:480px; max-height:92vh; overflow-y:auto;
  background:var(--ftk-bg-pure); border-radius:14px; padding:36px;
  box-shadow:0 40px 100px rgba(0,0,0,0.3); animation:ftk-modal-in 0.25s ease;
}
@keyframes ftk-modal-in { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
.ftk-modal-x { position:absolute; top:16px; right:16px; width:36px; height:36px; border:none; background:var(--ftk-bg); border-radius:50%; font-size:22px; line-height:1; cursor:pointer; color:var(--ftk-ink-soft); transition:all 0.2s; }
.ftk-modal-x:hover { background:var(--ftk-ink); color:#fff; }
.ftk-modal-head strong { display:block; font-size:24px; font-weight:800; letter-spacing:-0.02em; margin-bottom:8px; }
.ftk-modal-head p { font-size:14px; color:var(--ftk-ink-soft); line-height:1.5; margin-bottom:24px; }
.ftk-modal form label { display:block; font-size:13px; font-weight:600; color:var(--ftk-ink-soft); margin-bottom:16px; }
.ftk-modal form select, .ftk-modal form input, .ftk-modal form textarea {
  display:block; width:100%; margin-top:6px; padding:13px 14px; font-family:inherit; font-size:15px;
  border:1px solid var(--ftk-line); border-radius:8px; background:var(--ftk-bg); color:var(--ftk-ink);
}
.ftk-modal form select:focus, .ftk-modal form input:focus, .ftk-modal form textarea:focus { outline:none; border-color:var(--ftk-accent); }
.ftk-modal form textarea { resize:vertical; }
.ftk-modal-submit { width:100%; justify-content:center; margin-top:8px; }
.ftk-modal-alt { font-size:13px; color:var(--ftk-ink-light); text-align:center; margin-top:16px; }
.ftk-modal-alt a { color:var(--ftk-ink); font-weight:600; }

/* ---------- İLETİŞİM INLINE FORMU ---------- */
.ftk-leadform { background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:12px; padding:32px; }
.ftk-leadform label { display:block; font-size:13px; font-weight:600; color:var(--ftk-ink-soft); margin-bottom:16px; }
.ftk-leadform select, .ftk-leadform input, .ftk-leadform textarea {
  display:block; width:100%; margin-top:6px; padding:13px 14px; font-family:inherit; font-size:15px;
  border:1px solid var(--ftk-line); border-radius:8px; background:var(--ftk-bg); color:var(--ftk-ink);
}
.ftk-leadform select:focus, .ftk-leadform input:focus, .ftk-leadform textarea:focus { outline:none; border-color:var(--ftk-accent); }
.ftk-leadform textarea { resize:vertical; }
.ftk-leadform button { width:100%; justify-content:center; margin-top:8px; }

/* ---------- DİSİPLİN BLOĞU (hizmet metni + görsel şerit — v4 birleşik) ---------- */
.ftk-disc { padding:44px 0; border-bottom:1px solid var(--ftk-line); }
.ftk-disc:first-of-type { border-top:1px solid var(--ftk-ink); }
.ftk-disc-head { display:grid; grid-template-columns:64px 1.3fr 1.4fr auto; gap:28px; align-items:start; margin-bottom:26px; }
.ftk-disc-num { font-size:14px; color:var(--ftk-ink-light); font-weight:600; letter-spacing:.1em; padding-top:6px; }
.ftk-disc-name { font-size:clamp(24px,2.6vw,38px); font-weight:800; letter-spacing:-.02em; line-height:1.05; }
.ftk-disc-desc { font-size:15px; color:var(--ftk-ink-soft); line-height:1.55; }
.ftk-disc-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.ftk-disc-chips span { font-size:11px; padding:3px 10px; background:var(--ftk-bg-pure); border:1px solid var(--ftk-line); border-radius:100px; color:var(--ftk-ink-light); }
.ftk-disc-go { align-self:center; white-space:nowrap; font-weight:600; font-size:14px; color:var(--ftk-ink); text-decoration:none; opacity:.7; transition:opacity .2s; }
.ftk-disc-go:hover { opacity:1; }
.ftk-disc-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.ftk-disc-c { aspect-ratio:4/5; border-radius:5px; overflow:hidden; position:relative; display:block; text-decoration:none; transition:transform .4s ease; }
.ftk-disc-c:hover { transform:translateY(-6px); }
.ftk-disc-bg { position:absolute; inset:0; transition:transform .6s ease; background-size:cover; background-position:center; }
.ftk-disc-c:hover .ftk-disc-bg { transform:scale(1.07); }
.ftk-disc-c img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.ftk-disc-c:hover img { transform:scale(1.07); }
.ftk-disc-cap { position:absolute; left:0; right:0; bottom:0; padding:14px; background:linear-gradient(transparent,rgba(0,0,0,.82)); color:#fff; font-size:13px; font-weight:600; }
@media (prefers-reduced-motion: reduce) { .ftk-disc-c, .ftk-disc-bg, .ftk-disc-c img { transition:none; } }
@media(max-width:900px) {
  .ftk-disc-head { grid-template-columns:1fr; gap:10px; }
  .ftk-disc-num { display:none; }
  .ftk-disc-go { justify-self:start; }
  .ftk-disc-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:520px) { .ftk-disc-grid { grid-template-columns:1fr 1fr; gap:10px; } }

/* ---------- HİZMET SATIRI + HOVER GÖRSEL (anasayfa, foto hover) ---------- */
.ftk-hlist { border-top:1px solid var(--ftk-ink); }
.ftk-hrow { display:grid; grid-template-columns:60px 1.1fr 1.5fr 190px 32px; gap:30px; align-items:center;
  padding:26px 0; border-bottom:1px solid var(--ftk-ink); text-decoration:none; color:inherit; position:relative; transition:padding .3s ease; }
.ftk-hrow:hover { padding-left:14px; }
.ftk-hrow::before { content:""; position:absolute; left:0; top:0; bottom:0; width:0; background:var(--ftk-accent); transition:width .3s ease; }
.ftk-hrow:hover::before { width:4px; }
.ftk-hnum { font-size:14px; color:var(--ftk-ink-light); font-weight:600; letter-spacing:.1em; }
.ftk-hname { font-size:clamp(20px,2.2vw,32px); font-weight:800; letter-spacing:-.02em; line-height:1.08; }
.ftk-hdesc { font-size:14px; color:var(--ftk-ink-soft); line-height:1.5; }
.ftk-hchips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.ftk-hchips span { font-size:11px; padding:3px 10px; background:var(--ftk-bg); border:1px solid var(--ftk-line); border-radius:100px; color:var(--ftk-ink-light); }
.ftk-hrow { -webkit-tap-highlight-color:transparent; }
.ftk-hbox { position:relative; aspect-ratio:1/1; border-radius:6px; overflow:hidden; background:#eceae3; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.ftk-hbox img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; }
.ftk-hbox img.on { opacity:1; }
.ftk-hbox .ftk-hvid { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; z-index:1; }
.ftk-hbox .ftk-hvid.on { opacity:1; }
.ftk-hbox .ftk-hpan { position:absolute; inset:0; background-size:auto 100%; background-position:0% 50%; background-repeat:no-repeat; opacity:0; transition:opacity .35s ease; z-index:1; }
.ftk-hbox .ftk-hpan.on { opacity:1; animation:ftkHpan 14s ease-in-out infinite; }
@keyframes ftkHpan { 0%{background-position-x:0%} 50%{background-position-x:100%} 100%{background-position-x:0%} }
.ftk-hbox .ftk-hhint { z-index:2; }
.ftk-hbox.playing .ftk-hhint { opacity:0; }
.ftk-hhint { position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.5); color:#fff; font-size:10px; padding:3px 8px; border-radius:100px; opacity:.9; transition:opacity .2s; }
.ftk-hrow:hover .ftk-hhint { opacity:0; }
.ftk-harrow { font-size:22px; color:var(--ftk-ink); transition:transform .3s ease; }
.ftk-hrow:hover .ftk-harrow { transform:translateX(10px); }
@media(max-width:900px){
  .ftk-hrow { grid-template-columns:38px 1fr 150px; gap:4px 14px; align-items:center; }
  .ftk-hnum { grid-column:1; grid-row:1; }
  .ftk-hrow > div:nth-child(2) { grid-column:2; grid-row:1; }
  .ftk-hdesc { display:block; grid-column:2; grid-row:2; font-size:13px; }
  .ftk-hbox { grid-column:3; grid-row:1 / span 2; align-self:center; }
  .ftk-hchips { display:none; }
  .ftk-harrow { display:none; }
}
@media(prefers-reduced-motion:reduce){ .ftk-hbox img { transition:none; } }

/* ============================================================
   v5 EKLERİ — önce/sonra slider · galeri lightbox · fark kutusu
   ============================================================ */

/* ---------- DÜZEN: 2 sütun (mobilde tek) ---------- */
.ftk-split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
@media(max-width:1000px){ .ftk-split { grid-template-columns:1fr; gap:32px; } }

/* ---------- ÖNCE/SONRA SLIDER ---------- */
.ftk-ba { position:relative; aspect-ratio:3/4; border-radius:8px; overflow:hidden; border:1px solid var(--ftk-line); --p:50%; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.ftk-ba-layer { position:absolute; inset:0; }
.ftk-ba-layer img { width:100%; height:100%; object-fit:cover; display:block; }
.ftk-ba-before { clip-path:inset(0 calc(100% - var(--p)) 0 0); }
.ftk-ba-label { position:absolute; bottom:14px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:rgba(0,0,0,.55); padding:5px 12px; border-radius:100px; backdrop-filter:blur(4px); pointer-events:none; }
.ftk-ba-label.l { left:14px; } .ftk-ba-label.r { right:14px; }
.ftk-ba-handle { position:absolute; top:0; bottom:0; left:var(--p); width:2px; background:#fff; transform:translateX(-1px); cursor:ew-resize; outline:none; }
.ftk-ba-grip { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; color:var(--ftk-ink); font-size:20px; font-weight:700; animation:ftk-ba-pulse 2.2s ease-out infinite; }
.ftk-ba.touched .ftk-ba-grip { animation:none; }
@keyframes ftk-ba-pulse {
  0% { box-shadow:0 4px 14px rgba(0,0,0,.35), 0 0 0 0 rgba(212,160,23,.55); }
  70% { box-shadow:0 4px 14px rgba(0,0,0,.35), 0 0 0 16px rgba(212,160,23,0); }
  100% { box-shadow:0 4px 14px rgba(0,0,0,.35), 0 0 0 0 rgba(212,160,23,0); }
}
.ftk-ba-handle:focus-visible .ftk-ba-grip { box-shadow:0 0 0 4px rgba(212,160,23,.6); }
.ftk-ba-demo { width:100%; height:100%; }
@media(prefers-reduced-motion:reduce){ .ftk-ba-grip { animation:none; } }

/* ---------- GALERİ (sayfa içi, lightbox tetikli) ---------- */
.ftk-gal { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ftk-gal-item { position:relative; aspect-ratio:4/5; border-radius:4px; overflow:hidden; cursor:zoom-in; border:none; padding:0; background:none; display:block; text-align:left; }
a.ftk-gal-item { text-decoration:none; color:inherit; }
.ftk-gal-item .ftk-gal-bg { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .6s ease; }
.ftk-gal-item img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
/* Urun sayfasi galerileri: kirpma yok, cerceve yok — hucre fotonun kendi oranina gore boyutlanir (masonry) */
.ftk-gal--natural { display:block; column-count:4; column-gap:16px; }
.ftk-gal--natural .ftk-gal-item { position:relative; aspect-ratio:auto; height:auto; margin:0 0 16px; break-inside:avoid; display:block; }
.ftk-gal--natural .ftk-gal-item img { position:static; width:100%; height:auto; object-fit:unset; }
@media(max-width:1000px){ .ftk-gal--natural { column-count:2; } }
@media(max-width:560px){ .ftk-gal--natural { column-count:2; column-gap:10px; } }
.ftk-gal-item:hover .ftk-gal-bg, .ftk-gal-item:hover img { transform:scale(1.07); }
.ftk-gal-info { position:absolute; left:0; right:0; bottom:0; padding:16px; background:linear-gradient(transparent,rgba(0,0,0,.82)); color:#fff; }
.ftk-gal-info .ftk-tag { font-size:11px; letter-spacing:.1em; text-transform:uppercase; opacity:.8; }
.ftk-gal-info .ftk-name { font-weight:600; font-size:14px; display:block; }
.ftk-gal-frames { position:absolute; top:10px; left:10px; background:rgba(0,0,0,.6); color:#fff; font-size:11px; font-weight:700; padding:4px 9px; border-radius:100px; backdrop-filter:blur(4px); }
.ftk-gal-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:56px; height:56px; border-radius:50%; background:rgba(0,0,0,.5); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; transition:background .2s; }
.ftk-gal-item:hover .ftk-gal-play { background:var(--ftk-accent); }
.ftk-gal-play::after { content:""; border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent #fff; margin-left:3px; }
@media(max-width:1000px){ .ftk-gal { grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .ftk-gal { grid-template-columns:1fr 1fr; gap:10px; } }

/* ---------- LIGHTBOX (JS ile enjekte) ---------- */
.ftk-lb { position:fixed; inset:0; z-index:300; background:#000; padding:0; }
.ftk-lb[hidden] { display:none; }
.ftk-lb-stage { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; }
.ftk-lb-fig { width:100%; height:100%; overflow:hidden; background:#000; display:flex; align-items:center; justify-content:center; border-radius:0; touch-action:none; }
.ftk-lb-fig > * { max-width:100%; max-height:100%; width:auto; height:auto; }
.ftk-lb-fig img { object-fit:contain; transition:transform .25s ease; cursor:zoom-in; -webkit-user-drag:none; user-select:none; }
.ftk-lb-fig.is-zoomed img { cursor:zoom-out; transition:transform .15s ease; }
.ftk-lb-fig.is-video { aspect-ratio:16/9; }
.ftk-lb-fig.is-video.is-dikey { aspect-ratio:9/16; }
.ftk-lb-fig video, .ftk-lb-fig iframe { width:100%; height:100%; border:0; background:#000; object-fit:contain; }
.ftk-lb-cap, .ftk-lb-detail { display:none; }
.ftk-lb-controls { position:absolute; left:50%; bottom:calc(18px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); display:flex; align-items:center; gap:12px; z-index:2; }
.ftk-lb-x, .ftk-lb-prev, .ftk-lb-next { position:static; background:rgba(20,20,20,.55); backdrop-filter:blur(3px); color:#fff; border:none; cursor:pointer; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.ftk-lb-x:hover, .ftk-lb-prev:hover, .ftk-lb-next:hover { background:rgba(20,20,20,.8); }
.ftk-lb-prev { order:1; width:48px; height:48px; font-size:24px; }
.ftk-lb-x { order:2; width:42px; height:42px; font-size:20px; }
.ftk-lb-next { order:3; width:48px; height:48px; font-size:24px; }
.ftk-lb-count { position:absolute; top:20px; left:50%; transform:translateX(-50%); color:#fff; background:rgba(20,20,20,.55); padding:4px 12px; border-radius:100px; font-size:13px; font-weight:600; z-index:2; }
@media(max-width:600px){ .ftk-lb-prev, .ftk-lb-next { width:42px; height:42px; font-size:22px; } }

/* ---------- FARK / ELLE İŞÇİLİK KUTUSU ---------- */
.ftk-note { background:#fdf8ec; border:1px solid #efe1c0; border-left:4px solid var(--ftk-accent); border-radius:8px; padding:40px 44px; }
.ftk-note .ftk-section-meta { margin-bottom:16px; }
.ftk-note h3 { font-size:clamp(24px,3vw,34px); font-weight:800; letter-spacing:-.02em; line-height:1.1; margin-bottom:14px; }
.ftk-note h3 em { font-style:italic; font-weight:400; color:var(--ftk-ink-soft); }
.ftk-note > p { font-size:16px; color:var(--ftk-ink-soft); line-height:1.6; max-width:820px; margin-bottom:24px; }
.ftk-feat { display:grid; grid-template-columns:1fr 1fr; gap:16px 36px; list-style:none; }
.ftk-feat li { padding-left:30px; position:relative; font-size:15px; color:var(--ftk-ink-soft); line-height:1.55; }
.ftk-feat li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--ftk-accent); font-weight:800; }
.ftk-feat li b { color:var(--ftk-ink); }
.ftk-note-foot { font-size:14px; color:var(--ftk-ink-light); margin-top:22px; }
@media(max-width:760px){ .ftk-note { padding:28px 24px; } .ftk-feat { grid-template-columns:1fr; } }

/* ---------- BLOG / MAKALE ---------- */
.ftk-prose { max-width:760px; margin:0 auto; }
.ftk-prose h2 { font-size:clamp(22px,2.6vw,28px); font-weight:800; letter-spacing:-.01em; line-height:1.28; margin:46px 0 14px; }
.ftk-prose p { margin:0 0 18px; font-size:16.5px; line-height:1.75; color:var(--ftk-ink-soft); }
.ftk-prose .ftk-lead { font-size:19px; line-height:1.65; color:var(--ftk-ink); }
.ftk-prose p strong, .ftk-prose li strong { color:var(--ftk-ink); }
.ftk-prose ul { margin:0 0 18px 22px; }
.ftk-prose li { margin-bottom:8px; font-size:16px; line-height:1.65; color:var(--ftk-ink-soft); }
.ftk-prose a { color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--ftk-accent); }
.ftk-prose a:hover { color:var(--ftk-accent); }
.ftk-blogmeta { font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ftk-ink-light); margin-bottom:18px; font-weight:600; }