/* =====================================================================
   f11 · KALKAN — güvenlik / koruma / akıllı bina hizmet satışı ailesi
   Beyaz zemin + pastel (şeftali · gök · lavanta) vaka kartları, sağda yapışkan
   "ücretsiz keşif" lead paneli, güven rozetleri, çözüm / paket sekmeleri.
   Renk / font / radius panelden gelir: var(--primary) turuncu, var(--secondary) lacivert,
   var(--accent) pastel tonların kaynağı.
   ===================================================================== */
:root {
  --primary: #f68531; --secondary: #0a1d35; --accent: #5aaef9; --dark: #0a1d35;
  --text: #33415c; --muted: #5f6b82; --bg: #fff; --surface: #f7f9fc; --surface-2: #eef2f8; --border: #e3e8f0;
  --font-head: 'Montserrat', system-ui, sans-serif; --font-body: 'Montserrat', system-ui, sans-serif;
  --radius: 16px; --radius-sm: 10px; --radius-btn: 999px; --container: 1240px; --header-h: 80px;
  --f11-navy: var(--secondary);
  --f11-t1: color-mix(in srgb, var(--primary) 14%, #fff);
  --f11-t2: color-mix(in srgb, var(--accent) 11%, #fff);
  --f11-t3: color-mix(in srgb, var(--accent) 22%, #f4f2fd);
  --f11-soft: color-mix(in srgb, var(--accent) 8%, #fff);
  --f11-grey: #f6f7f9;
  --f11-hl: color-mix(in srgb, var(--primary) 80%, #000);
  --f11-line: color-mix(in srgb, var(--secondary) 10%, #fff);
  --f11-shadow: 0 18px 40px -24px color-mix(in srgb, var(--secondary) 40%, transparent);
  --f11-util-h: 44px;
  --f11-sec: clamp(52px, 7vw, 96px);
}
body.fam-kalkan { background: var(--bg); color: var(--text); font-size: 16px; }
.fam-kalkan h1, .fam-kalkan h2, .fam-kalkan h3, .fam-kalkan h4 { color: var(--heading, var(--secondary)); letter-spacing: var(--head-ls, -.01em); font-weight: var(--head-weight, 700); }
.fam-kalkan ::selection { background: var(--f11-t1); color: var(--secondary); }
.fam-kalkan .section { padding: var(--f11-sec) 0; }
.f11-live { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34, 197, 94, .5); animation: f11pulse 2.2s infinite; flex-shrink: 0; }
@keyframes f11pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, .45); } 70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }

/* ---------- Butonlar ---------- */
.fam-kalkan .btn { font-weight: 700; letter-spacing: .005em; border-radius: var(--radius-btn); padding: .85em 1.5em; }
.fam-kalkan .btn-primary { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.fam-kalkan .btn-primary:hover { background: var(--primary-dark, var(--primary)); border-color: var(--primary-dark, var(--primary)); color: var(--on-primary); transform: translateY(-1px); }
.fam-kalkan .btn-outline { color: var(--secondary); border-color: color-mix(in srgb, var(--secondary) 28%, transparent); }
.fam-kalkan .btn-outline:hover { background: var(--secondary); border-color: var(--secondary); color: #fff; }
.f11-btn-navy { background: var(--secondary); border-color: var(--secondary); color: #fff; }
.f11-btn-navy:hover { background: color-mix(in srgb, var(--secondary) 85%, #fff); color: #fff; }
.f11-btn-light { background: #fff; border-color: #fff; color: var(--secondary); }
.f11-btn-light:hover { background: transparent; color: #fff; }
.f11-btn-ghost { background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff; }
.f11-btn-ghost:hover { background: #fff; color: var(--secondary); }
.f11-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.f11-btns.is-center { justify-content: center; }
.f11-btn i { font-size: 1.1em; }

/* ---------- Header ---------- */
.f11-header { background: var(--header-bg, #fff); border-bottom: 1px solid var(--border); }
.site-header.f11-header--split, .site-header.f11-header--navy { top: calc(-1 * var(--f11-util-h)); }
.has-editbar .site-header.f11-header--split, .has-editbar .site-header.f11-header--navy { top: calc(38px - var(--f11-util-h)); }
.f11-util { border-bottom: 1px solid var(--border); font-size: .84rem; color: var(--secondary); }
.f11-util-in { display: flex; align-items: center; gap: 22px; min-height: var(--f11-util-h); }
.f11-util a { color: inherit; }
.f11-util-call { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.f11-util-call b { color: color-mix(in srgb, var(--accent) 70%, var(--secondary)); font-weight: 800; }
.f11-util-call i { font-size: 16px; }
.f11-util-tag { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.f11-util-right { margin-inline-start: auto; display: flex; align-items: center; gap: 10px; }
.f11-util .lang-current, .f11-lang-d .lang-current { border: 0; background: var(--f11-grey); border-radius: 999px; padding: 7px 12px; font-weight: 700; color: var(--secondary); min-height: 34px; }
.f11-account { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: var(--f11-grey); color: var(--secondary) !important; font-weight: 700; font-size: .84rem; min-height: 34px; }
.f11-account:hover { background: var(--f11-t2); }
.f11-bar-in { min-height: var(--header-h); gap: 28px; }
.f11-logo .logo-mark { background: var(--primary); color: var(--on-primary); border-radius: 50% 50% 50% 12px; }
.f11-logo .logo-text strong { color: var(--secondary); font-weight: 800; font-size: 1.12rem; }
.f11-logo { min-width: 0; flex-shrink: 1; }
@media (min-width: 1081px) { .f11-logo .logo-text strong { white-space: nowrap; } .f11-logo { flex-shrink: 0; } .f11-nav { min-width: 0; } .f11-actions { flex-shrink: 0; } }
.f11-logo .lg-l { white-space: nowrap; }
.f11-util .f11-ibtn { width: 34px; height: 34px; font-size: 16px; }
.f11-nav { justify-content: flex-start; }
.f11-nav .nav-menu { gap: 2px; }
.f11-nav .nav-menu > li > a { font-weight: 600; font-size: .92rem; color: var(--secondary); padding: 10px 11px; white-space: nowrap; }
@media (min-width: 1081px) and (max-width: 1460px) { .f11-nav .nav-menu > li > a { font-size: .85rem; padding: 10px 7px; } .f11-bar-in { gap: 14px; } .f11-logo .logo-text strong { font-size: 1rem; } .f11-hcall span:last-child { display: none; } }
@media (min-width: 1081px) and (max-width: 1300px) { .f11-hcta span { display: none; } .f11-hcta { padding: .75em .9em; } }
.f11-nav .nav-menu > li > a:hover, .f11-nav .nav-menu > li.is-active > a { color: var(--f11-hl); }
.f11-nav .nav-menu > li > a i { color: color-mix(in srgb, var(--accent) 80%, var(--secondary)); }
.f11-nav .submenu { border-radius: 14px; border: 1px solid var(--border); box-shadow: var(--f11-shadow); }
.f11-nav .submenu a:hover { background: var(--f11-t2); color: var(--secondary); }
.f11-actions { gap: 10px; }
.f11-hcta { padding: .75em 1.25em; }
.f11-ibtn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--f11-grey); color: var(--secondary); position: relative; }
.f11-ibtn [data-cart-count] { position: absolute; top: -2px; right: -2px; }
.f11-mnav { display: none; }
.f11-toggle { background: var(--f11-grey); border-radius: 12px; }

/* navy */
.f11-header--navy { background: var(--secondary); border-bottom: 0; }
.f11-header--navy .f11-util { background: color-mix(in srgb, var(--secondary) 82%, #000); border-color: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .86); }
.f11-header--navy .f11-util-tag { color: rgba(255, 255, 255, .7); }
.f11-header--navy .f11-util-call b { color: var(--primary); }
.f11-header--navy .f11-util .lang-current, .f11-header--navy .f11-account { background: rgba(255, 255, 255, .08); color: #fff !important; }
.f11-header--navy .f11-logo .logo-text strong { color: #fff; }
.f11-header--navy .f11-logo .logo-text small { color: rgba(255, 255, 255, .6); }
.f11-header--navy .f11-nav .nav-menu > li > a { color: rgba(255, 255, 255, .92); }
.f11-header--navy .f11-nav .nav-menu > li > a:hover, .f11-header--navy .f11-nav .nav-menu > li.is-active > a { color: var(--primary); }
.f11-header--navy .f11-nav .nav-menu > li > a i { color: var(--primary); }
.f11-header--navy .f11-toggle { background: rgba(255, 255, 255, .1); }
.f11-header--navy .f11-toggle span { background: #fff; }
.f11-header--navy .f11-ibtn { background: rgba(255, 255, 255, .1); color: #fff; }
.f11-header--navy.is-scrolled { box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); }
.f11-hcall { display: inline-flex; align-items: center; gap: 10px; color: #fff; line-height: 1.15; }
.f11-hcall:hover { color: #fff; }
.f11-hcall small { display: block; font-size: .72rem; color: rgba(255, 255, 255, .65); font-weight: 600; }
.f11-hcall b { font-size: .95rem; white-space: nowrap; }
.f11-hcall small { white-space: nowrap; }
.f11-hcall-i { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--primary); font-size: 20px; }

/* pill */
.v-header-pill .site-header + main, .v-header-pill main { background: transparent; }
.f11-header--pill { background: transparent; border: 0; padding: 14px 0 0; }
.f11-header--pill .f11-bar > .container { background: #fff; border-radius: 999px; border: 1px solid var(--border); box-shadow: 0 14px 34px -26px color-mix(in srgb, var(--secondary) 50%, transparent); padding-inline: 14px 10px; min-height: 70px; max-width: calc(var(--container) - 0px); }
.f11-header--pill.is-scrolled { box-shadow: none; }
.f11-header--pill.is-scrolled .f11-bar > .container { box-shadow: 0 16px 40px -20px color-mix(in srgb, var(--secondary) 45%, transparent); }
.f11-header--pill .f11-logo { padding-inline-start: 8px; }
.f11-header--pill .f11-nav { justify-content: center; }
body.v-header-pill { background: linear-gradient(180deg, var(--f11-soft) 0, var(--bg) 520px); }

/* JS sığdırma kademeleri (theme.js): menü sığmazsa sırayla sadeleştir → son kademe çekmece */
.f11-header.f11-fitting .main-nav, .f11-header.f11-fitting .main-nav * { transition: none !important; }
@media (min-width: 1081px) {
  .f11-header.fit-1 .f11-logo .lg-l { display: block; }
  .f11-header.fit-1 .f11-logo .logo-text strong.lg-2 { font-size: 1rem; line-height: 1.12; }
  .f11-header.fit-1 .f11-hcall > span:last-child { display: none; }
  .f11-header.fit-2 .f11-bar-in { gap: 14px; }
  .f11-header.fit-2 .f11-nav .nav-menu > li > a { font-size: .85rem; padding: 10px 7px; }
  .f11-header.fit-3 .f11-hcta span { display: none; }
  .f11-header.fit-3 .f11-hcta { padding: .75em .9em; }
  .f11-header.fit-3 .f11-nav .nav-menu > li > a { padding: 10px 5px; }
  .fam-kalkan .f11-header.fit-4 .nav-toggle { display: flex; position: relative; z-index: 1001; }
  .fam-kalkan .f11-header.fit-4 .main-nav { position: fixed; top: 0; right: 0; bottom: 0; width: min(360px, 88vw); background: #fff; z-index: 1000; padding: 84px 20px 30px; overflow-y: auto; transform: translateX(100%); transition: transform .35s var(--ease), visibility .35s; display: block; visibility: hidden; }
  body.fam-kalkan.nav-open .f11-header.fit-4 .main-nav { transform: none; visibility: visible; box-shadow: -20px 0 40px rgba(0,0,0,.15); }
  body.fam-kalkan.nav-open:has(.f11-header.fit-4) { overflow: hidden; }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu > li { border-bottom: 1px solid var(--border); }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu > li > a { padding: 14px 44px 14px 6px; color: #111 !important; font-size: .95rem; }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu > li > a > i { display: none; }
  .fam-kalkan .f11-header.fit-4 .main-nav .submenu-toggle { display: grid; place-items: center; position: absolute; right: 0; top: 6px; width: 40px; height: 40px; border: 0; background: var(--surface); border-radius: 8px; color: #111; }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu .submenu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; display: none; padding: 0 0 10px 12px; min-width: 0; background: transparent; border: 0; }
  .fam-kalkan .f11-header.fit-4 .main-nav li.sub-open > .submenu { display: block; }
  .fam-kalkan .f11-header.fit-4 .main-nav .nav-menu .submenu a { color: #333; }
  .f11-header.fit-4 .f11-mnav { display: grid; gap: 10px; margin-top: 22px; }
  .f11-header.fit-4 .f11-mnav-row { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 6px; color: var(--secondary); font-weight: 600; }
  .f11-header.fit-4 .f11-mnav .pf-lang-inline { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 6px; }
  .f11-header.fit-4 .f11-mnav .pf-lang-inline a { min-height: 40px; padding: 6px 10px; border-radius: 10px; background: var(--f11-grey); display: inline-flex; align-items: center; gap: 6px; color: var(--secondary); }
  .f11-header.fit-4 .f11-mnav .pf-lang-inline a.is-active { background: var(--f11-t1); }
  .f11-header.fit-4 .f11-actions { margin-inline-start: auto; }
}

/* Mobil menü (çekirdek çekmece) */
@media (max-width: 1080px) {
  .f11-header .main-nav { background: #fff; }
  .f11-mnav { display: grid; gap: 10px; margin-top: 22px; }
  .f11-mnav-row { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 6px; color: var(--secondary); font-weight: 600; }
  .f11-mnav .pf-lang-inline { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 6px; }
  .f11-mnav .pf-lang-inline a { min-height: 40px; padding: 6px 10px; border-radius: 10px; background: var(--f11-grey); display: inline-flex; align-items: center; gap: 6px; color: var(--secondary); }
  .f11-mnav .pf-lang-inline a.is-active { background: var(--f11-t1); }
  .f11-util-tag { display: none; }
  .f11-hcall { display: none; }
  .f11-header--pill { padding-top: 10px; }
  .f11-header--pill .f11-bar > .container { border-radius: 22px; margin-inline: 12px; width: auto; }
}
@media (max-width: 560px) {
  .f11-logo .logo-text strong { font-size: .98rem; line-height: 1.15; }
  .f11-logo .logo-text small { display: none; }
  .f11-logo .logo-mark { width: 38px; height: 38px; font-size: 20px; }
  .f11-util-call span { display: none; }
  .f11-util .hdr-acc span, .f11-account span { display: none; }
  .f11-lang-d { display: none; }
  .f11-header--pill .hdr-acc { display: none; }
  .f11-bar-in { gap: 10px; }
}

/* ---------- Sayfa başlığı ---------- */
.f11-ph { background: transparent; color: var(--text); padding: clamp(18px, 3vw, 30px) 0 0; overflow: visible; }
.f11-ph.has-image::after { display: none; }
.f11-ph-panel { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: clamp(28px, 5vw, 56px); border-radius: calc(var(--radius) + 8px); background: var(--f11-soft); overflow: hidden; isolation: isolate; }
.f11-ph-panel::before { content: ""; position: absolute; inset-inline-end: -80px; top: -120px; width: 380px; height: 380px; border-radius: 50%; background: var(--f11-t1); opacity: .7; z-index: -1; }
.f11-ph .page-title { color: var(--secondary); font-size: clamp(1.9rem, 3.6vw, 2.9rem); margin: 12px 0 10px; max-width: 760px; }
.f11-ph .page-subtitle { color: var(--muted); font-size: 1.05rem; max-width: 640px; }
.f11-ph .breadcrumb li { color: var(--muted); }
.f11-ph .breadcrumb a { color: var(--secondary); font-weight: 600; }
.f11-ph .breadcrumb a:hover { color: var(--f11-hl); }
.f11-ph-media { width: clamp(220px, 28vw, 380px); aspect-ratio: 4 / 3; border-radius: var(--radius); overflow: hidden; box-shadow: var(--f11-shadow); }
.f11-ph-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-ph-ico { width: clamp(110px, 14vw, 170px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--primary); font-size: clamp(48px, 6vw, 76px); box-shadow: var(--f11-shadow); }
@media (max-width: 760px) { .f11-ph-panel { grid-template-columns: minmax(0, 1fr); } .f11-ph-media { width: 100%; aspect-ratio: 16 / 9; } .f11-ph-ico { display: none; } }

/* ---------- Bölüm temeli ---------- */
.f11-sec { padding: var(--f11-sec) 0; position: relative; }
.f11-bg-soft { background: var(--f11-soft); }
.f11-bg-grey { background: var(--f11-grey); }
.f11-bg-navy { background: var(--secondary); color: rgba(255, 255, 255, .82); }
.f11-bg-navy .f11-title, .f11-bg-navy h3 { color: #fff; }
.f11-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(26px, 4vw, 42px); }
.f11-head.is-center { justify-content: center; text-align: center; }
.f11-head.is-center .f11-head-main { max-width: 760px; }
.f11-head-main { max-width: 820px; }
.f11-eyebrow { margin: 0 0 10px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--accent) 62%, var(--secondary)); }
.f11-title { font-size: clamp(1.6rem, 3vw, 2.35rem); line-height: 1.2; margin: 0; }
.f11-title em, .f11-h1 em, .f11-lead-title em, .f11-cta h2 em { font-style: normal; color: var(--f11-hl); }
.f11-intro { margin: 14px 0 0; color: var(--muted); font-size: 1.02rem; max-width: 70ch; }
.f11-more { display: inline-flex; align-items: center; gap: 8px; color: var(--f11-hl); font-weight: 700; font-size: .92rem; white-space: nowrap; min-height: 44px; }
.f11-more i { font-size: 18px; transition: transform .25s; }
.f11-more:hover { color: var(--secondary); }
.f11-more:hover i { transform: translate(2px, -2px); }
.f11-box { border-radius: calc(var(--radius) + 8px); padding: clamp(24px, 4.5vw, 52px); }
.f11-box--soft { background: var(--f11-soft); }
.f11-box--grey { background: var(--f11-grey); }
.f11-grid { display: grid; gap: 24px; }
.f11-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px) { .f11-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .f11-grid-3 { grid-template-columns: minmax(0, 1fr); } }
.f11-pill { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--border); font-size: .82rem; font-weight: 700; color: var(--secondary); }
.f11-pill i { color: var(--primary); font-size: 16px; }
.f11-pill.is-dark { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); color: #fff; }
.f11-h1 { font-size: clamp(2rem, 4.4vw, 3.3rem); line-height: 1.12; margin: 0; letter-spacing: -.02em; font-weight: 800; }
.f11-lede { font-size: 1.08rem; color: var(--text); margin: 18px 0 0; max-width: 64ch; }
.f11-checks { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 0; }
.f11-checks li { display: flex; gap: 10px; align-items: flex-start; padding: 11px 0; border-bottom: 1px solid color-mix(in srgb, var(--accent) 30%, #fff); }
.f11-checks li:last-child { border-bottom: 0; }
.f11-checks i { color: color-mix(in srgb, var(--accent) 75%, var(--secondary)); font-size: 20px; line-height: 1.3; flex-shrink: 0; }
.f11-chip { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: rgba(255, 255, 255, .96); box-shadow: 0 16px 34px -18px color-mix(in srgb, var(--secondary) 55%, transparent); color: var(--secondary); line-height: 1.2; }
.f11-chip small { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.f11-chip strong { font-size: .92rem; }
.f11-chip-dot { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px rgba(34, 197, 94, .18); flex-shrink: 0; }

/* Güven rozetleri */
.f11-badges { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 32px; }
.f11-badges li { display: flex; align-items: center; gap: 8px; color: var(--secondary); }
.f11-badges li > i { font-size: 26px; color: color-mix(in srgb, var(--accent) 80%, var(--secondary)); }
.f11-badge-v { display: inline-flex; align-items: baseline; gap: 1px; font-family: var(--font-head); font-size: 1.55rem; font-weight: 800; line-height: 1; }
.f11-badge-v small { font-size: .95rem; font-weight: 800; }
.f11-badge-l { font-size: .9rem; font-weight: 500; max-width: 15ch; line-height: 1.25; }
.f11-badges.is-dark li { color: #fff; }
.f11-badges.is-dark li > i { color: var(--primary); }

/* ---------- HERO · pastel vaka kartları ---------- */
.f11-hero { position: relative; }
.f11-hero--cards { padding: clamp(18px, 3vw, 34px) 0 clamp(36px, 6vw, 70px); }
.f11-hc-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.f11-hc-card { position: relative; display: flex; flex-direction: column; border-radius: calc(var(--radius) + 4px); padding: 20px 20px 0; background: var(--f11-t1); color: var(--secondary); overflow: hidden; min-height: 100%; transition: transform .3s var(--ease); }
.f11-hc-card:hover { color: var(--secondary); transform: translateY(-4px); }
.f11-hc-media { display: block; aspect-ratio: 16 / 10; border-radius: calc(var(--radius) - 2px); overflow: hidden; background: rgba(255, 255, 255, .6); }
.f11-hc-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.f11-hc-card:hover .f11-hc-media img { transform: scale(1.05); }
.f11-hc-body { display: flex; flex-direction: column; gap: 8px; padding: 20px 6px 0; flex: 1; }
.f11-hc-title { font-family: var(--font-head); font-size: 1.18rem; line-height: 1.3; font-weight: 700; }
.f11-hc-text { font-size: .9rem; color: var(--text); }
.f11-hc-go { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px 16px; margin-inline-start: -6px; border-radius: 18px 18px 0 0; background: var(--primary); color: var(--on-primary); font-weight: 700; font-size: .88rem; transform: translateY(6px); transition: transform .3s var(--ease); }
.f11-hc-card:hover .f11-hc-go { transform: none; }
.f11-tone-1 { --f11-tone: var(--f11-t1); }
.f11-tone-2 { --f11-tone: var(--f11-t2); }
.f11-tone-3 { --f11-tone: var(--f11-t3); }
.f11-hc-card.f11-tone-2, .f11-hc-card.f11-tone-3 { background: var(--f11-tone); }
.f11-hc-head { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(24px, 4vw, 56px); align-items: center; margin-top: clamp(30px, 5vw, 56px); }
.f11-hc-figure { position: relative; margin: 0; border-radius: calc(var(--radius) + 6px); overflow: visible; }
.f11-hc-figure img { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; border-radius: calc(var(--radius) + 6px); }
.f11-hc-figure .f11-chip { position: absolute; inset-inline-start: -18px; bottom: 22px; }
@media (max-width: 900px) {
  .f11-hc-cards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 6px; margin-inline: -20px; padding-inline: 20px; scrollbar-width: none; }
  .f11-hc-cards::-webkit-scrollbar { display: none; }
  .f11-hc-card { flex: 0 0 min(78%, 320px); scroll-snap-align: start; }
  .f11-hc-head { grid-template-columns: minmax(0, 1fr); }
  .f11-hc-figure .f11-chip { inset-inline-start: 12px; }
}

/* ---------- HERO · bölünmüş ---------- */
.f11-hero--split { padding: clamp(16px, 3vw, 30px) 0 clamp(30px, 5vw, 60px); }
.f11-hs-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 48px); align-items: stretch; padding: clamp(26px, 4.5vw, 56px); border-radius: calc(var(--radius) + 10px); background: linear-gradient(135deg, var(--f11-t1) 0%, var(--f11-t2) 70%); position: relative; overflow: hidden; }
.f11-hs-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.f11-hs-side { position: relative; min-height: 420px; display: flex; align-items: flex-end; justify-content: flex-end; }
.f11-hs-img { position: absolute; inset: 0; border-radius: var(--radius); overflow: hidden; }
.f11-hs-img img { width: 100%; height: 100%; object-fit: cover; }
.has-lead .f11-hs-img { inset: 0 auto 0 0; width: 70%; }
.has-lead .f11-hs-side { align-items: center; }
.f11-hs-lead { position: relative; width: min(100%, 370px); z-index: 1; }
.f11-hs-chip { position: absolute; inset-inline-start: 16px; bottom: 16px; }
@media (max-width: 960px) {
  .f11-hs-panel { grid-template-columns: minmax(0, 1fr); }
  .f11-hs-side { min-height: 0; flex-direction: column; align-items: stretch; gap: 0; }
  .f11-hs-img, .has-lead .f11-hs-img { position: relative; inset: auto; aspect-ratio: 16 / 10; }
  .f11-hs-lead { width: 100%; margin-top: -40px; padding-inline: 10px; }
  .f11-hs-chip { position: absolute; }
}

/* ---------- HERO · fotoğraf ---------- */
.f11-hero--photo { position: relative; min-height: min(680px, 86vh); display: flex; align-items: center; padding: clamp(60px, 9vw, 110px) 0; color: #fff; overflow: hidden; isolation: isolate; background: var(--secondary); }
.f11-hp-bg { position: absolute; inset: 0; z-index: -2; }
.f11-hp-bg img { width: 100%; height: 100%; object-fit: cover; }
.f11-hp-tint { position: absolute; inset: 0; z-index: -1; background: linear-gradient(95deg, color-mix(in srgb, var(--secondary) 94%, transparent) 0%, color-mix(in srgb, var(--secondary) 80%, transparent) 48%, color-mix(in srgb, var(--secondary) 30%, transparent) 100%); }
.f11-hp-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.has-lead .f11-hp-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.f11-hp-text { max-width: 720px; }
.f11-hero--photo .f11-h1 { color: #fff; }
.f11-hero--photo .f11-h1 em { color: var(--primary); }
.f11-hero--photo .f11-lede { color: rgba(255, 255, 255, .86); }
.f11-hero--photo .f11-btn-light { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff; }
.f11-hero--photo .f11-btn-light:hover { background: #fff; color: var(--secondary); }
.f11-hp-side { justify-self: end; width: min(100%, 410px); }
@media (max-width: 960px) { .has-lead .f11-hp-grid { grid-template-columns: minmax(0, 1fr); } .f11-hp-side { justify-self: stretch; width: 100%; } .f11-hero--photo { min-height: 0; } }

/* ---------- LEAD paneli ---------- */
.f11-lead { --f11-lead-bg: var(--secondary); background: var(--f11-lead-bg); color: rgba(255, 255, 255, .86); border-radius: var(--radius); padding: clamp(22px, 2.4vw, 30px); }
.f11-lead-hello { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.f11-lead-hello strong { display: block; color: #fff; font-size: .98rem; }
.f11-lead-hello small { display: block; color: rgba(255, 255, 255, .62); font-size: .82rem; }
.f11-lead-ava { position: relative; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); display: grid; place-items: center; font-size: 22px; color: var(--primary); }
.f11-lead-ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.f11-lead-ava .f11-live { position: absolute; bottom: 1px; inset-inline-end: 1px; border: 2px solid var(--f11-lead-bg); width: 12px; height: 12px; }
.f11-lead-title { color: #fff !important; font-size: clamp(1.3rem, 1.9vw, 1.6rem); line-height: 1.22; font-weight: 800; margin: 0 0 18px; }
.f11-lead-title em { color: var(--primary) !important; }
.f11-lead-lbl { margin: 0 0 8px; font-weight: 700; color: #fff; font-size: .92rem; }
.f11-lead-call { min-height: 50px; font-size: 1.05rem; }
.f11-lead-or { display: flex; align-items: center; gap: 12px; margin: 16px 0 12px; font-size: .9rem; color: #fff; font-weight: 600; }
.f11-lead-or::before, .f11-lead-or::after { content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, .2); }
.f11-lead .fb { --fb-line: rgba(255, 255, 255, .25); }
.f11-lead .fb-style-plain { padding: 0; background: none; border: 0; box-shadow: none; }
.f11-lead .fb-grid { gap: 10px; }
.f11-lead .fb-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.f11-lead .fb-input { background: #fff; color: var(--secondary); border-color: transparent; min-height: 50px; border-radius: 10px; }
.f11-lead .fb-input::placeholder { color: #8b93a5; }
.f11-lead .fb-select-wrap i { color: var(--secondary); }
.f11-lead .fb-consent, .f11-lead .fb-consent-t { color: rgba(255, 255, 255, .86); font-size: .78rem; line-height: 1.45; }
.f11-lead .fb-consent a { color: #fff; text-decoration: underline; font-weight: 700; }
.f11-lead .fb-choice-ui { background: #fff; border-color: #fff; }
.f11-lead .fb-actions { margin-top: 12px; }
.f11-lead .fb-submit { width: 100%; justify-content: center; min-height: 50px; }
.f11-lead .fb-secure { color: rgba(255, 255, 255, .55); font-size: .74rem; margin-top: 8px; }
.f11-lead .fb-err { color: #ffb4a8; }
.f11-lead .fb-success { background: rgba(255, 255, 255, .08); color: #fff; border-radius: 12px; }
.f11-lead .fb-success h3 { color: #fff; }
.f11-lead-wa { margin-top: 12px; background: transparent; border: 1.5px solid rgba(255, 255, 255, .4); color: #fff; min-height: 50px; }
.f11-lead-wa:hover { background: #25d366; border-color: #25d366; color: #fff; }
.f11-lead-wa i { font-size: 1.25em; }
.f11-lead-apt .apt-quick { max-width: none; background: #fff; border: 0; box-shadow: none; padding: 16px; }
.f11-lead-apt { margin-top: 14px; }
.f11-lead-apt .f11-lead-lbl { margin-top: 4px; }
/* Hero içi kart: beyaz kart */
.f11-lead--card { --f11-lead-bg: var(--secondary); box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--secondary) 70%, transparent); }
.f11-hero--split .f11-lead--card .f11-lead-title { font-size: 1.3rem; }
/* Kenar çubuğu */
.f11-lead--side .f11-lead-title { font-size: 1.25rem; }
.sidebar .f11-lead--side { margin-top: 0; }
/* Şerit */
.f11-leadband .f11-lead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 10px 40px; align-items: start; padding: clamp(26px, 4vw, 44px); border-radius: calc(var(--radius) + 8px); }
.f11-leadband .f11-lead > * { grid-column: 1; }
.f11-leadband .f11-lead-form, .f11-leadband .f11-lead-apt { grid-column: 2; grid-row: 1 / span 6; }
.f11-leadband .f11-lead-or { display: none; }
@media (max-width: 860px) { .f11-leadband .f11-lead { grid-template-columns: minmax(0, 1fr); } .f11-leadband .f11-lead-form, .f11-leadband .f11-lead-apt { grid-column: 1; grid-row: auto; } }

/* ---------- Yapışkan sağ panel (rail) ---------- */
.f11-rail { padding: 0 0 var(--f11-sec); }
.f11-rail .f11-lead { border-radius: calc(var(--radius) + 8px); margin-inline: 20px; }
@media (min-width: 1200px) {
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail), body.f11-has-rail .blk-zone-full { display: grid; grid-template-columns: minmax(0, 1fr) 372px; align-items: start; }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) > *, body.f11-has-rail .blk-zone-full > * { grid-column: 1; min-width: 0; }
  .blk-zone-full > .blk-raw-f11_lead { grid-column: 2 !important; grid-row: 1 / span 60; align-self: stretch; position: relative; }
  .f11-rail { position: sticky; top: calc(var(--header-h) + 1px); padding: 0; }
  .has-editbar .f11-rail { top: calc(var(--header-h) + 39px); }
  .f11-rail-in { max-height: calc(100vh - var(--header-h) - 1px); overflow-y: auto; scrollbar-width: thin; }
  .f11-rail .f11-lead { margin: 0; border-radius: 0 0 0 calc(var(--radius) + 8px); min-height: calc(100vh - var(--header-h) - 1px); padding: 26px 26px 30px; }
  .f11-rail .f11-lead-title { font-size: 1.55rem; }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .container, body.f11-has-rail .blk-zone-full .container { max-width: min(var(--container), 100%); padding-inline: clamp(20px, 2.4vw, 32px); }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-hc-head, body.f11-has-rail .f11-hc-head { grid-template-columns: minmax(0, 1fr); }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-hc-figure, body.f11-has-rail .f11-hc-figure { display: none; }
}
@media (min-width: 1200px) {
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .sh-pkg-grid.cols-4, body.f11-has-rail .blk-zone-full .sh-pkg-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-grid, body.f11-has-rail .f11-tool-grid { grid-template-columns: minmax(0, 1fr); }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-pts, body.f11-has-rail .f11-tool-pts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-side, body.f11-has-rail .f11-tool-side { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 24px; align-items: end; }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-side > .f11-head, body.f11-has-rail .f11-tool-side > .f11-head,
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-pts, body.f11-has-rail .f11-tool-pts { grid-column: 1 / -1; }
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-tool-help, body.f11-has-rail .f11-tool-help { display: none; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .blk-zone-full:has(> .blk-raw-f11_lead > .f11-rail) .f11-hc-title { font-size: 1.05rem; }
}

/* ---------- Kartlar ---------- */
.f11-card { position: relative; display: flex; flex-direction: column; height: 100%; border-radius: calc(var(--radius) + 4px); overflow: hidden; transition: transform .3s var(--ease), box-shadow .3s var(--ease); min-width: 0; }
.f11-card:hover { transform: translateY(-4px); }
.f11-card-media { position: relative; display: block; overflow: hidden; }
.f11-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.f11-card:hover .f11-card-media img { transform: scale(1.05); }
.f11-card-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 22px 22px; }
.f11-card-kicker { font-size: .74rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: color-mix(in srgb, var(--accent) 60%, var(--secondary)); }
.f11-card-title { font-size: 1.15rem; line-height: 1.3; margin: 0; }
.f11-card-title a { color: var(--secondary); }
.f11-card-title a:hover { color: var(--f11-hl); }
.f11-card-text { color: var(--text); font-size: .93rem; margin: 0; }
.f11-card-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .84rem; color: var(--muted); }
.f11-card-meta li { display: inline-flex; gap: 5px; align-items: center; }
.f11-card-link { margin-top: auto; padding-top: 8px; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: .9rem; color: var(--secondary); min-height: 40px; }
.f11-card-link i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: var(--on-primary); transition: transform .25s; }
.f11-card-link:hover { color: var(--f11-hl); }
.f11-card:hover .f11-card-link i, .f11-post:hover .f11-card-link i { transform: translateX(3px); }
.f11-card-badge { position: absolute; top: 14px; inset-inline-end: 14px; padding: 6px 12px; border-radius: 999px; background: #fff; color: var(--secondary); font-size: .74rem; font-weight: 800; box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .3); }
.f11-card-pill { position: absolute; inset-inline-start: 50%; bottom: 16px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 32px); padding: 8px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--border); color: var(--secondary); font-size: .82rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f11-card-pill i { color: var(--primary); }
[dir="rtl"] .f11-card-pill { transform: translateX(50%); }
.f11-card-ico { width: 60px; height: 60px; margin: 22px 22px 0; border-radius: 18px; display: grid; place-items: center; font-size: 28px; background: #fff; color: var(--primary); }
/* pastel */
.f11-card--pastel { background: var(--f11-tone, var(--f11-t1)); padding: 16px 16px 0; }
.f11-card--pastel .f11-card-media { aspect-ratio: 16 / 10; border-radius: var(--radius); }
.f11-card--pastel .f11-card-body { padding: 18px 8px 20px; }
.f11-card--pastel .f11-card-ico { margin: 6px 6px 0; }
/* photo */
.f11-card--photo { background: #fff; border: 1px solid var(--border); }
.f11-card--photo .f11-card-media { aspect-ratio: 4 / 3; margin: 10px 10px 0; border-radius: var(--radius); }
.f11-card--photo:hover { box-shadow: var(--f11-shadow); }
.f11-card--photo .f11-card-body { padding: 18px 20px 20px; }

/* Blog kartı */
.f11-post { display: flex; flex-direction: column; height: 100%; min-width: 0; }
.f11-post-media { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: calc(var(--radius) + 4px); overflow: hidden; background: var(--f11-soft); }
.f11-post-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.f11-post:hover .f11-post-media img { transform: scale(1.05); }
.f11-post-media .f11-card-pill { left: 16px; transform: none; bottom: 14px; font-size: .76rem; padding: 6px 12px; }
[dir="rtl"] .f11-post-media .f11-card-pill { left: auto; right: 16px; }
.f11-post-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 18px 4px 0; }
.f11-post-body time { font-size: .82rem; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; }
.f11-post-title { font-size: 1.12rem; line-height: 1.35; margin: 0; }
.f11-post-title a { color: var(--secondary); }
.f11-post-title a:hover { color: var(--f11-hl); }
.f11-post-body p { color: var(--muted); font-size: .92rem; margin: 0; }

/* Ürün kartı */
.f11-pcard { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--border); border-radius: calc(var(--radius) + 2px); overflow: hidden; transition: box-shadow .3s, transform .3s; min-width: 0; }
.f11-pcard:hover { box-shadow: var(--f11-shadow); transform: translateY(-3px); }
.f11-pcard-media { position: relative; display: block; aspect-ratio: 1; background: var(--f11-soft); margin: 10px 10px 0; border-radius: var(--radius); overflow: hidden; }
.f11-pcard-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-pcard-body { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; flex: 1; }
.f11-pcard-code { align-self: flex-start; font-size: .76rem; font-weight: 700; padding: 3px 9px; border-radius: 6px; background: var(--f11-grey); color: var(--muted); }
.f11-pcard-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 10px; }
.f11-pcard-actions .btn { padding: .6em 1.05em; font-size: .84rem; }

/* ---------- Neden biz ---------- */
.f11-feat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; }
.f11-features--circles .f11-feat { text-align: center; display: flex; flex-direction: column; align-items: center; }
.f11-feat-ico { width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; font-size: 32px; background: var(--f11-t2); color: var(--secondary); margin-bottom: 16px; transition: transform .3s var(--ease), background .3s; }
.f11-feat:hover .f11-feat-ico { transform: translateY(-4px); background: var(--f11-t1); }
.f11-feat h3 { font-size: 1.05rem; margin: 0 0 6px; }
.f11-feat p { margin: 0; color: var(--muted); font-size: .92rem; max-width: 34ch; }
.f11-features--cards .f11-feat { background: var(--f11-tone); border-radius: var(--radius); padding: 24px; }
.f11-features--cards .f11-feat-ico { background: #fff; width: 58px; height: 58px; font-size: 26px; }
@media (max-width: 900px) { .f11-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; } }
@media (max-width: 480px) { .f11-feat-grid { grid-template-columns: minmax(0, 1fr); } }

/* Rakam kartları */
.f11-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.f11-stat { background: var(--f11-tone); border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; gap: 6px; }
.f11-stat-v { font-family: var(--font-head); font-weight: 800; font-size: clamp(1.8rem, 3vw, 2.4rem); color: var(--secondary); line-height: 1; }
.f11-stat-v small { font-size: .55em; }
.f11-stat-l { color: var(--text); font-size: .9rem; }
@media (max-width: 800px) { .f11-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- Süreç ---------- */
.f11-tl { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(28px, 4vw, 48px); }
.f11-tl-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.f11-tl-row:nth-child(even) .f11-tl-media { order: 2; }
.f11-tl-row.no-img { grid-template-columns: minmax(0, 1fr); }
.f11-tl-media { border-radius: calc(var(--radius) + 6px); overflow: hidden; aspect-ratio: 1 / .8; }
.f11-tl-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-tl-n { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-weight: 800; font-size: 1.05rem; margin-bottom: 18px; }
.f11-tl-body h3 { font-size: clamp(1.25rem, 2.2vw, 1.65rem); margin: 0 0 10px; }
.f11-tl-body p { margin: 0; color: var(--text); max-width: 46ch; }
@media (max-width: 760px) { .f11-tl-row { grid-template-columns: minmax(0, 1fr); } .f11-tl-row:nth-child(even) .f11-tl-media { order: 0; } }
/* akordeon (lacivert panel) */
.f11-acc-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); padding: clamp(18px, 2vw, 24px); border-radius: calc(var(--radius) + 8px); background: var(--secondary); color: rgba(255, 255, 255, .8); }
.f11-acc-media { border-radius: var(--radius); overflow: hidden; min-height: 320px; background: rgba(255, 255, 255, .06); }
.f11-acc-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-acc-body { padding: clamp(10px, 2vw, 20px) clamp(4px, 1.5vw, 16px) 10px 0; }
.f11-acc-body .f11-title { color: #fff; }
.f11-acc-body .f11-title em { color: var(--primary); }
.f11-acc-body .f11-eyebrow { color: color-mix(in srgb, var(--accent) 70%, #fff); }
.f11-acc-body .f11-intro { color: rgba(255, 255, 255, .7); }
.f11-acc-body .f11-head { margin-bottom: 18px; }
.f11-acc-item { border-bottom: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); }
.f11-acc-item h3 { margin: 0; font-size: 1.1rem; }
.f11-acc-item button { width: 100%; display: flex; align-items: center; gap: 8px; text-align: start; background: none; border: 0; padding: 18px 4px; color: rgba(255, 255, 255, .55); font: inherit; font-weight: 700; font-family: var(--font-head); min-height: 56px; }
.f11-acc-item button i { margin-inline-start: auto; font-size: 20px; transition: transform .3s; }
.f11-acc-item.is-open button { color: #fff; }
.f11-acc-item.is-open button i { transform: rotate(45deg); color: var(--primary); }
.f11-acc-n { font-weight: 500; color: rgba(255, 255, 255, .5); }
.f11-acc-panel-in p { margin: 0; padding: 0 4px 18px; color: rgba(255, 255, 255, .86); }
@media (max-width: 860px) { .f11-acc-panel { grid-template-columns: minmax(0, 1fr); } .f11-acc-media { min-height: 0; aspect-ratio: 16 / 10; } .f11-acc-body { padding: 4px 6px 10px; } }
/* kartlar */
.f11-step-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: s; }
.f11-step-cards li { position: relative; background: var(--f11-tone); border-radius: calc(var(--radius) + 2px); padding: 26px 22px 24px; }
.f11-step-n { position: absolute; top: 18px; inset-inline-end: 20px; font-family: var(--font-head); font-size: 2.6rem; font-weight: 800; line-height: 1; color: color-mix(in srgb, var(--secondary) 12%, transparent); }
.f11-step-ico { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: #fff; color: var(--primary); font-size: 26px; margin-bottom: 16px; }
.f11-step-cards h3 { font-size: 1.08rem; margin: 0 0 6px; }
.f11-step-cards p { margin: 0; font-size: .92rem; color: var(--text); }
@media (max-width: 1000px) { .f11-step-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .f11-step-cards { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Çözüm sekmeleri ---------- */
.f11-tablist { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 28px; }
.f11-tab { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 112px; background: none; border: 0; padding: 4px; font: inherit; color: var(--muted); cursor: pointer; text-align: center; }
.f11-tab-ico { width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; font-size: 24px; background: #fff; color: color-mix(in srgb, var(--accent) 70%, var(--secondary)); box-shadow: inset 0 0 0 2px transparent; transition: all .25s var(--ease); }
.f11-tab-t { font-size: .74rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; line-height: 1.3; }
.f11-tab[aria-selected="true"] { color: var(--secondary); }
.f11-tab[aria-selected="true"] .f11-tab-ico { background: var(--secondary); color: var(--primary); box-shadow: 0 10px 22px -12px var(--secondary); }
.f11-tab:hover .f11-tab-ico { transform: translateY(-2px); }
.f11-tabpanel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; animation: f11in .35s var(--ease); }
.f11-tabpanel[hidden] { display: none; }
@keyframes f11in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.f11-tp-title { font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 0 0 12px; }
.f11-tp-text p { color: var(--text); margin: 0; }
.f11-tp-media { position: relative; border-radius: calc(var(--radius) + 6px); overflow: visible; }
.f11-tp-media img { width: 100%; aspect-ratio: 4 / 3.2; object-fit: cover; border-radius: calc(var(--radius) + 6px); }
.f11-tp-chip { position: absolute; top: 20px; inset-inline-start: -18px; }
.f11-tp-chip i { font-size: 20px; color: var(--primary); }
.f11-ph-media, .f11-tp-media { min-width: 0; }
.f11-tp-ph { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #fff; border-radius: var(--radius); font-size: 64px; color: var(--primary); }
@media (max-width: 860px) {
  .f11-tabpanel { grid-template-columns: minmax(0, 1fr); }
  .f11-tp-media { order: -1; }
  .f11-tp-chip { inset-inline-start: 12px; top: 12px; }
  .f11-tablist { flex-wrap: nowrap; overflow-x: auto; gap: 6px; margin-inline: -10px; padding: 4px 10px 8px; scrollbar-width: none; }
  .f11-tablist::-webkit-scrollbar { display: none; }
  .f11-tab { flex: 0 0 96px; width: 96px; }
}

/* ---------- Paket sekmeleri ---------- */
.f11-seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border-radius: 999px; background: var(--f11-grey); margin-bottom: 26px; max-width: 100%; }
.f11-seg-b { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; padding: 11px 20px; border-radius: 999px; font: inherit; font-weight: 700; font-size: .9rem; color: var(--muted); cursor: pointer; min-height: 44px; }
.f11-seg-b[aria-selected="true"] { background: var(--secondary); color: #fff; }
.f11-seg-b i { color: var(--primary); }
.f11-pk-desc { color: var(--muted); margin: -8px 0 22px; max-width: 70ch; }
.f11-pk-panel[hidden] { display: none; }
.f11-pk .sh-cycle-wrap { text-align: start; }
.fam-kalkan { --sh-radius: calc(var(--radius) + 4px); --sh-accent: var(--primary); --sh-soft: var(--f11-grey); --sh-card-border: var(--border); }
.fam-kalkan .sh-pkg { border-width: 1px; }
.fam-kalkan .sh-pkg-grid.cols-4:has(> :nth-child(5)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1080px) { .fam-kalkan .sh-pkg-grid.cols-4:has(> :nth-child(5)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .fam-kalkan .sh-pkg-grid.cols-4:has(> :nth-child(5)) { grid-template-columns: minmax(0, 1fr); } }
.fam-kalkan .sh-pkg.is-popular { background: linear-gradient(180deg, var(--f11-t1), #fff 42%); border-color: color-mix(in srgb, var(--primary) 60%, #fff); }
.fam-kalkan .sh-pkg-ribbon { color: var(--on-primary); }
.fam-kalkan .sh-pkg-icon { background: var(--f11-t2); color: var(--secondary); border-radius: 50%; }
.fam-kalkan .sh-cycle button.is-active { background: var(--secondary); color: #fff; box-shadow: none; }
@media (max-width: 560px) { .f11-seg { display: flex; flex-wrap: nowrap; overflow-x: auto; border-radius: 16px; } .f11-seg-b { white-space: nowrap; flex-shrink: 0; } }

/* ---------- Araç (ihtiyaç analizi) ---------- */
.f11-tool-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 48px); align-items: start; }
.f11-tool-side .f11-head { margin-bottom: 22px; }
.f11-tool-pts { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 10px; }
.f11-tool-pts li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #fff; font-weight: 600; color: var(--secondary); font-size: .93rem; }
.f11-tool-pts i { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--f11-tone); color: var(--secondary); font-size: 19px; flex-shrink: 0; }
.f11-tool-help { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: var(--secondary); color: #fff; }
.f11-tool-help:hover { color: #fff; background: color-mix(in srgb, var(--secondary) 88%, #fff); }
.f11-tool-help small { display: block; color: rgba(255, 255, 255, .7); font-size: .78rem; }
.f11-tool-help strong { font-size: 1.05rem; }
.f11-tool-help-i { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: var(--on-primary); font-size: 22px; flex-shrink: 0; }
.f11-tool-main .tl-box { background: #fff; border-radius: calc(var(--radius) + 4px); padding: clamp(18px, 3vw, 30px); border: 0; box-shadow: 0 20px 44px -30px color-mix(in srgb, var(--secondary) 45%, transparent); }
@media (max-width: 960px) { .f11-tool-grid { grid-template-columns: minmax(0, 1fr); } }
.fam-kalkan .tl-box { --tl-soft: var(--f11-t1); }
.fam-kalkan .tl-opt { border-radius: 14px; }
.fam-kalkan .tl-progress span { background: var(--primary); }
.fam-kalkan .tl-outputs { background: var(--secondary); }
.fam-kalkan .tl-out.is-hl { border-left-color: var(--primary); }

/* ---------- Cihaz kaydırıcı ---------- */
.f11-car { position: relative; }
.f11-car-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 4px 2px 8px; }
.f11-car-track::-webkit-scrollbar { display: none; }
.f11-car-btn { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; font-size: 24px; box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--primary) 80%, transparent); cursor: pointer; }
.f11-car-btn.is-prev { inset-inline-start: -22px; }
.f11-car-btn.is-next { inset-inline-end: -22px; }
.f11-dev { flex: 0 0 188px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; background: #fff; border-radius: var(--radius); padding: 16px 14px 18px; color: var(--secondary); transition: transform .25s, box-shadow .25s; }
.f11-dev:hover { color: var(--secondary); transform: translateY(-3px); box-shadow: var(--f11-shadow); }
.f11-dev-media { width: 100%; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: var(--f11-grey); display: grid; place-items: center; font-size: 40px; color: var(--muted); margin-bottom: 8px; }
.f11-dev-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-dev-code { font-size: .7rem; font-weight: 800; letter-spacing: .05em; color: var(--f11-hl); }
.f11-dev strong { font-size: .92rem; line-height: 1.3; }
.f11-dev small { font-size: .76rem; color: var(--muted); }
@media (max-width: 700px) { .f11-car-btn.is-prev { inset-inline-start: -6px; } .f11-car-btn.is-next { inset-inline-end: -6px; } .f11-dev { flex-basis: 156px; } }

/* ---------- Vaka kartları ---------- */
.f11-cases-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: clamp(24px, 4vw, 38px); }
.f11-cases-head .f11-head { margin: 0; }
.f11-cases .f11-car-track { gap: 18px; }
.f11-case { flex: 0 0 min(370px, 84%); scroll-snap-align: start; position: relative; margin: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px 26px 24px; border-radius: calc(var(--radius) + 6px); background: var(--f11-tone); min-height: 300px; }
.f11-case-q { position: absolute; top: 16px; inset-inline-end: 22px; font-size: 54px; line-height: 1; color: var(--primary); opacity: .9; }
.f11-case blockquote { margin: 0; font-size: 1.12rem; line-height: 1.55; color: var(--secondary); font-family: var(--font-head); font-weight: 500; padding-inline-end: 34px; }
.f11-case figcaption { margin-top: auto; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.f11-case-ava { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: var(--secondary); color: #fff; font-weight: 800; flex-shrink: 0; }
.f11-case-who { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.f11-case-who strong { color: var(--secondary); }
.f11-case-who small { color: var(--muted); font-size: .82rem; }
.f11-stars { display: inline-flex; gap: 1px; color: #f5a524; font-size: 15px; margin-inline-start: auto; }
.f11-car-nav { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }
.f11-car-nav .f11-car-btn { position: static; transform: none; background: #fff; color: var(--secondary); border: 1px solid var(--border); box-shadow: none; }
.f11-car-nav .f11-car-btn:hover { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }

/* ---------- SSS ---------- */
.f11-faq-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.f11-faq-side { position: sticky; top: calc(var(--header-h) + 24px); }
.f11-faq-help { background: var(--f11-soft); border-radius: calc(var(--radius) + 4px); padding: 24px; }
.f11-faq-help strong { display: block; color: var(--secondary); font-size: 1.1rem; margin: 12px 0 4px; font-family: var(--font-head); }
.f11-faq-help p { margin: 0; color: var(--muted); }
.f11-faq-help .f11-btns { margin-top: 16px; }
.f11-faq-help-i { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--primary); font-size: 24px; }
.fam-kalkan .faq-item { border: 0; border-radius: var(--radius); background: var(--f11-grey); margin-bottom: 10px; overflow: hidden; }
.fam-kalkan .faq-item summary { padding: 18px 20px; font-weight: 700; color: var(--secondary); font-family: var(--font-head); min-height: 56px; }
.fam-kalkan .faq-item summary i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--secondary); flex-shrink: 0; }
.fam-kalkan .faq-item[open] { background: var(--f11-soft); }
.fam-kalkan .faq-item[open] summary i { background: var(--primary); color: var(--on-primary); }
.fam-kalkan .faq-answer { padding: 0 20px 18px; color: var(--text); }
@media (max-width: 900px) { .f11-faq-in { grid-template-columns: minmax(0, 1fr); } .f11-faq-side { position: static; } }

/* ---------- Referanslar ---------- */
.f11-clients-in { border-radius: calc(var(--radius) + 8px); border: 1px solid var(--border); padding: clamp(24px, 4vw, 44px); }
.f11-clients-in .f11-head { margin-bottom: 24px; }
.f11-logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.f11-logos li > *, .f11-logos li > a { display: flex; align-items: center; justify-content: center; min-height: 82px; padding: 12px 16px; border-radius: 14px; background: var(--f11-grey); text-align: center; }
.f11-logos img { max-height: 46px; width: auto; filter: grayscale(1); opacity: .8; }
.f11-logo-txt { gap: 8px; font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--secondary); line-height: 1.25; }
.f11-logo-txt i { color: var(--primary); font-size: 18px; }
@media (max-width: 900px) { .f11-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- Hakkımızda / öne çıkan ---------- */
.f11-about-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.f11-img-right .f11-about-media { order: 2; }
.f11-about-media { position: relative; margin: 0; }
.f11-about-media img { width: 100%; aspect-ratio: 1 / .9; object-fit: cover; border-radius: calc(var(--radius) + 8px); }
.f11-about-badge { position: absolute; bottom: -18px; inset-inline-end: 24px; display: flex; flex-direction: column; padding: 16px 22px; border-radius: 18px; background: var(--primary); color: var(--on-primary); box-shadow: 0 18px 30px -16px color-mix(in srgb, var(--primary) 80%, transparent); }
.f11-about-badge b { font-family: var(--font-head); font-size: 2rem; line-height: 1; }
.f11-about-badge span { font-size: .82rem; font-weight: 700; }
.f11-about-text .f11-head { margin-bottom: 4px; }
@media (max-width: 900px) { .f11-about-in { grid-template-columns: minmax(0, 1fr); } .f11-img-right .f11-about-media { order: 0; } }
.f11-hl-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.f11-hl-media { position: relative; margin: 0; }
.f11-hl-media img { width: 100%; aspect-ratio: 4 / 3.3; object-fit: cover; border-radius: calc(var(--radius) + 6px); }
.f11-hl-chip { position: absolute; top: 24px; inset-inline-start: -18px; padding: 14px 18px; border-radius: 18px; background: #fff; box-shadow: var(--f11-shadow); line-height: 1.1; }
.f11-hl-chip small { display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 700; }
.f11-hl-chip b { font-size: 1.8rem; color: var(--f11-hl); }
@media (max-width: 860px) { .f11-hl-in { grid-template-columns: minmax(0, 1fr); } .f11-hl-chip { inset-inline-start: 12px; } }

/* ---------- Kariyer ---------- */
.f11-joblist { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.f11-joblist a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-radius: 14px; background: rgba(255, 255, 255, .06); color: #fff; transition: background .25s; }
.f11-joblist a:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.f11-joblist strong { display: block; font-family: var(--font-head); }
.f11-joblist small { color: rgba(255, 255, 255, .65); }
.f11-joblist i { color: var(--primary); font-size: 22px; }

/* ---------- CTA ---------- */
.f11-cta { padding: var(--f11-sec) 0; }
.f11-cta-in { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); align-items: center; padding: clamp(26px, 4.5vw, 56px); border-radius: calc(var(--radius) + 10px); background: var(--secondary); color: rgba(255, 255, 255, .82); position: relative; overflow: hidden; isolation: isolate; }
.f11-cta-in::after { content: ""; position: absolute; inset-inline-end: -120px; top: -140px; width: 420px; height: 420px; border-radius: 50%; border: 60px solid color-mix(in srgb, var(--primary) 18%, transparent); z-index: -1; }
.f11-cta-in.has-img { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); padding: clamp(16px, 2vw, 24px); }
.f11-cta-in.has-img .f11-cta-text { padding: clamp(10px, 3vw, 32px) clamp(8px, 2.5vw, 28px); }
.f11-cta-media { border-radius: var(--radius); overflow: hidden; height: 100%; min-height: 300px; }
.f11-cta-media img { width: 100%; height: 100%; object-fit: cover; }
.f11-cta h2 { color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.5rem); margin: 0 0 12px; }
.f11-cta h2 em { color: var(--primary); }
.f11-cta p { margin: 0; font-size: 1.05rem; max-width: 56ch; }
@media (max-width: 860px) { .f11-cta-in.has-img { grid-template-columns: minmax(0, 1fr); } .f11-cta-media { min-height: 0; aspect-ratio: 16 / 9; } }

/* ---------- Footer ---------- */
.f11-footer { background: var(--footer-bg, var(--secondary)); color: rgba(255, 255, 255, .72); padding-top: 0; margin-top: clamp(30px, 5vw, 60px); position: relative; }
.f11-foot-strip { position: relative; top: -44px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 22px clamp(20px, 3vw, 34px); border-radius: calc(var(--radius) + 6px); background: var(--primary); color: var(--on-primary); box-shadow: 0 24px 40px -26px color-mix(in srgb, var(--primary) 90%, transparent); margin-bottom: -10px; }
.f11-foot-strip-i { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .25); font-size: 26px; }
.f11-foot-strip-t strong { display: block; font-family: var(--font-head); font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.25; }
.f11-foot-strip-t span { font-size: .92rem; opacity: .9; }
.f11-foot-strip-a { display: flex; gap: 10px; flex-wrap: wrap; }
.f11-foot-strip .f11-btn-light { background: transparent; border-color: currentColor; color: inherit; }
.f11-foot-strip .f11-btn-light:hover { background: var(--secondary); border-color: var(--secondary); color: #fff; }
.f11-foot-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.3fr); gap: 36px; padding: 10px 20px 46px; }
.f11-foot-col h3 { color: #fff; font-size: 1rem; margin: 0 0 16px; }
.f11-footer .footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.f11-footer .footer-links a { color: rgba(255, 255, 255, .72); font-size: .92rem; display: inline-flex; min-height: 32px; align-items: center; }
.f11-footer .footer-links a:hover { color: var(--primary); }
.f11-footer .footer-links .submenu, .f11-footer .footer-links .submenu-toggle, .f11-footer .footer-links i { display: none; }
.f11-foot-about p { margin: 16px 0; font-size: .92rem; max-width: 40ch; }
.f11-footer .site-logo .logo-text strong { color: #fff; }
.f11-footer .site-logo .logo-text small { color: rgba(255, 255, 255, .55); }
.f11-footer .social-links a { background: rgba(255, 255, 255, .08); color: #fff; }
.f11-footer .social-links a:hover { background: var(--primary); color: var(--on-primary); }
.f11-footer .footer-contact { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 10px; font-size: .92rem; }
.f11-footer .footer-contact li { display: flex; gap: 10px; align-items: flex-start; }
.f11-footer .footer-contact i { color: var(--primary); margin-top: 3px; }
.f11-footer .footer-contact a { color: rgba(255, 255, 255, .82); }
.f11-foot-nl { padding-bottom: 34px; }
.f11-footer .nl { background: rgba(255, 255, 255, .06); border-radius: calc(var(--radius) + 2px); padding: clamp(18px, 2.5vw, 26px); }
.f11-footer .nl-title { color: #fff; font-size: .95rem; margin: 0 0 4px; }
.f11-footer .nl-desc { font-size: .82rem; color: rgba(255, 255, 255, .62); margin: 0 0 10px; }
.f11-footer .nl-input { background: #fff; color: var(--secondary); border-radius: 10px; }
.f11-footer .nl-form label, .f11-footer .nl-form small { color: rgba(255, 255, 255, .6); }
.f11-foot-bottom { border-top: 1px solid rgba(255, 255, 255, .1); background: transparent; }
.f11-foot-bottom .footer-bottom-inner { color: rgba(255, 255, 255, .6); font-size: .85rem; }
.f11-foot-badges { display: inline-flex; gap: 16px; }
.f11-foot-badges span { display: inline-flex; gap: 6px; align-items: center; }
.f11-foot-badges i { color: var(--primary); }
@media (max-width: 1000px) { .f11-foot-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 700px) { .f11-foot-strip { grid-template-columns: minmax(0, 1fr); text-align: start; } .f11-foot-strip-i { display: none; } }
@media (max-width: 560px) { .f11-foot-grid { grid-template-columns: minmax(0, 1fr); } }

/* =====================================================================
   Çekirdek sayfalar — aile diline uyarlama
   ===================================================================== */
.fam-kalkan .card { border-radius: calc(var(--radius) + 2px); border-color: var(--border); }
.fam-kalkan .grid { gap: 24px; }
.fam-kalkan .sidebar { position: sticky; top: calc(var(--header-h) + 20px); display: grid; gap: 18px; }
.fam-kalkan .widget { border-radius: calc(var(--radius) + 2px); border: 1px solid var(--border); background: #fff; }
.fam-kalkan .widget-title { color: var(--secondary); }
.fam-kalkan .widget-links a { border-radius: 10px; }
.fam-kalkan .widget-links li.active a, .fam-kalkan .widget-links a:hover { background: var(--f11-t2); color: var(--secondary); }
.fam-kalkan .content-cover img { border-radius: calc(var(--radius) + 6px); }
.fam-kalkan .lead { color: var(--secondary); font-weight: 500; }
.fam-kalkan .prose h2, .fam-kalkan .prose h3 { color: var(--secondary); }
.fam-kalkan .prose ul li::marker { color: var(--primary); }
.fam-kalkan .feature-box { background: var(--f11-soft); border: 0; border-radius: calc(var(--radius) + 4px); }
.fam-kalkan .check-list i { color: color-mix(in srgb, var(--accent) 75%, var(--secondary)); }
.fam-kalkan .inline-quote { background: var(--f11-soft); color: var(--text); border: 0; border-radius: calc(var(--radius) + 4px); }
.fam-kalkan .inline-quote h2 { color: var(--secondary); }
.fam-kalkan .inline-quote > p { color: var(--muted); }
.fam-kalkan .inline-quote label, .fam-kalkan .inline-quote .field > label { color: var(--secondary); font-weight: 600; }
.fam-kalkan .inline-quote .check span { color: var(--text); }
.fam-kalkan .price-note { display: inline-flex; gap: 8px; align-items: center; padding: 8px 14px; border-radius: 999px; background: var(--f11-t1); color: var(--secondary); font-weight: 700; }
.fam-kalkan .chip, .fam-kalkan .cl-term-chip { border-radius: 999px; }
.fam-kalkan .chip.is-active, .fam-kalkan .chips .active, .fam-kalkan .cl-term-chip.is-active { background: var(--secondary); border-color: var(--secondary); color: #fff; }
.fam-kalkan .pagination a, .fam-kalkan .pagination span { border-radius: 50%; }
.fam-kalkan .pagination .is-active, .fam-kalkan .pagination .active { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.fam-kalkan .cta-band { background: var(--secondary); }
.fam-kalkan .contact-cards .card, .fam-kalkan .contact-card { border-radius: calc(var(--radius) + 4px); background: var(--f11-soft); border: 0; }
.fam-kalkan .map-embed iframe, .fam-kalkan .map-embed { border-radius: calc(var(--radius) + 4px); overflow: hidden; }
.fam-kalkan .quote-box, .fam-kalkan .card-pad { border-radius: calc(var(--radius) + 4px); }
.fam-kalkan .specs-table tr:nth-child(odd) td, .fam-kalkan .specs-table tr:nth-child(odd) th { background: var(--f11-grey); }
.fam-kalkan .tab-nav button.is-active, .fam-kalkan .tab-nav .is-active { color: var(--secondary); border-color: var(--primary); }
.fam-kalkan .team-card img, .fam-kalkan .team-card .team-media { border-radius: calc(var(--radius) + 4px); }
.fam-kalkan .testimonial-card { border-radius: calc(var(--radius) + 4px); background: var(--f11-soft); border: 0; }
.fam-kalkan .doc-card, .fam-kalkan .branch-card { border-radius: calc(var(--radius) + 2px); }
.fam-kalkan .empty-state { border-radius: calc(var(--radius) + 4px); background: var(--f11-grey); }
.fam-kalkan .error-code { color: var(--primary); }
/* Formlar */
.fam-kalkan .fb { --fb-r: 12px; }
.fam-kalkan .fb-style-card { border-radius: calc(var(--radius) + 6px); border-color: var(--border); }
.fam-kalkan .fb-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent); }
.fam-kalkan .field input, .fam-kalkan .field select, .fam-kalkan .field textarea { border-radius: 12px; }
/* Randevu */
.fam-kalkan { --apt-radius: calc(var(--radius) + 4px); --apt-accent: var(--secondary); --apt-accent-soft: var(--f11-t1); --apt-soft: var(--f11-soft); }
.fam-kalkan .apt-day.is-sel, .fam-kalkan .apt-slot.is-sel { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.fam-kalkan .apt-steps li.is-active b, .fam-kalkan .apt-steps li.is-done b { background: var(--secondary); color: #fff; }
/* Çekirdek blok bölümleri (şube haritası, randevu, doküman) anasayfada */
.fam-kalkan .blk-raw-branch_map > section, .fam-kalkan .blk-raw-apt_wizard > section, .fam-kalkan .blk-raw-doc_list > section { padding-block: var(--f11-sec); }
.fam-kalkan .blk-raw-apt_wizard > section { background: var(--f11-soft); }
/* Müşteri paneli */
.fam-kalkan .acc-auth-side { background: radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--secondary) 80%, #fff) 0%, var(--secondary) 55%); }
.fam-kalkan .acc-auth-side::before { border-color: color-mix(in srgb, var(--primary) 25%, transparent); }
.fam-kalkan .acc-auth-side .sh-eyebrow { color: var(--primary); }
.fam-kalkan .acc-side, .fam-kalkan .acc-card { border-radius: calc(var(--radius) + 4px); }
.fam-kalkan .acc-nav a.is-active { background: var(--f11-t1); color: var(--secondary); }
/* Yüzen iletişim / mobil bar */
.fam-kalkan .fc-btn.fc-phone { background: var(--primary); color: var(--on-primary); }
.fam-kalkan .mobile-bar { background: var(--secondary); }
.fam-kalkan .mobile-bar a { color: #fff; }
.fam-kalkan .mobile-bar .mb-quote { background: var(--primary); color: var(--on-primary); }
@media (min-width: 1200px) {
  body:has(.blk-raw-f11_lead > .f11-rail) .float-contact, body.f11-has-rail .float-contact { right: calc(372px + 20px); }
}
/* Çerez bandı */
.fam-kalkan .cookie-bar { border-radius: calc(var(--radius) + 2px); }

@media (prefers-reduced-motion: reduce) {
  .f11-live { animation: none; }
  .f11-tabpanel { animation: none; }
  .f11-card, .f11-hc-card, .f11-card-media img, .f11-hc-media img { transition: none; }
}