/* ==========================================================================
   DOKU (f12) — malzeme / ürün markası ailesi
   Renk/font/köşe değerleri panel değişkenlerinden gelir (var(--primary) …); burada SABİT renk yazılmaz,
   yalnızca siyah-beyaz saydamlıklar ve değişkenlerden türetilen tonlar kullanılır.
   ========================================================================== */
:root {
  --f12-g: clamp(16px, 2.4vw, 34px);
  --f12-max: 1500px;
  --f12-sy: clamp(56px, 7vw, 112px);
  --f12-top: 0px;
  --f12-ink: var(--dark);
  --f12-line: var(--border);
  --f12-stone: var(--surface);
  --f12-ease: cubic-bezier(.2, .7, .2, 1);
  --container: 1440px;
}
body.v-header-bar { --f12-top: 118px; }

body.fam-doku { font-family: var(--font-body); color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; }
.fam-doku h1, .fam-doku h2, .fam-doku h3, .fam-doku h4 { font-family: var(--font-head); font-weight: var(--head-weight, 600); color: var(--heading); letter-spacing: -.015em; }
.fam-doku .blk-hl { font-style: normal; color: var(--primary); }
.fam-doku img { max-width: 100%; }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.f12-wrap { width: 100%; max-width: var(--f12-max); margin-inline: auto; padding-inline: var(--f12-g); box-sizing: border-box; }
.fam-doku .container { max-width: var(--f12-max); padding-inline: var(--f12-g); }

/* Düğmeler */
.fam-doku .btn { border-radius: var(--radius-btn, 0); font-weight: 600; letter-spacing: .01em; gap: 10px; min-height: 46px; padding: 12px 22px; font-family: var(--font-body); }
.fam-doku .btn-sm { min-height: 38px; padding: 8px 16px; font-size: .86rem; }
.fam-doku .btn i { transition: transform .25s var(--f12-ease); }
.fam-doku .btn:hover i.ri-arrow-right-line, .fam-doku .btn:hover i.ri-arrow-right-up-line { transform: translateX(3px); }
.f12-btn-ghost { background: transparent; border: 1px solid rgba(255, 255, 255, .55); color: #fff; }
.f12-btn-ghost:hover { background: #fff; color: var(--f12-ink); border-color: #fff; }
.f12-btn-ink { background: var(--f12-ink); color: #fff; border: 1px solid var(--f12-ink); }
.f12-btn-ink:hover { background: var(--primary); border-color: var(--primary); color: var(--on-primary, #fff); }
.f12-textlink { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-weight: 600; font-size: .92rem; color: var(--heading); border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.f12-textlink:hover { color: var(--primary); }
.fam-doku :focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }

/* Ortak tipografi */
.f12-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .76rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.f12-eyebrow::before { content: ""; width: 8px; height: 8px; background: var(--primary); flex: none; }
.f12-title { font-size: clamp(1.9rem, 3.3vw, 3.1rem); line-height: 1.06; margin: 0; letter-spacing: -.025em; text-wrap: balance; }
.f12-lead { color: var(--muted); font-size: 1.04rem; line-height: 1.65; margin: 0; max-width: 62ch; }
.f12-giant { display: block; font-family: var(--font-head); font-weight: 700; line-height: .8; letter-spacing: -.05em; white-space: nowrap; pointer-events: none; user-select: none; font-size: clamp(5rem, calc(118vw / var(--gl, 6)), 24rem); }
.f12-ticks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.f12-ticks li { position: relative; padding-inline-start: 26px; color: var(--text); }
.f12-ticks li::before { content: ""; position: absolute; inset-inline-start: 0; top: .55em; width: 12px; height: 2px; background: var(--primary); }

/* Bölüm kabı + tonlar */
.f12-sec { position: relative; padding-block: var(--f12-sy); }
.f12-tone-light { background: var(--bg); }
.f12-tone-stone { background: var(--f12-stone); }
.f12-tone-ink { background: var(--f12-ink); color: rgba(255, 255, 255, .78); }
.f12-tone-ink :where(h2, h3, strong), .f12-tone-ink .f12-title, .fam-doku .f12-tone-ink h3 { color: #fff; }
.f12-tone-ink .f12-lead, .f12-tone-ink .f12-eyebrow { color: rgba(255, 255, 255, .66); }
.f12-tone-light + .f12-tone-light, .f12-tone-stone + .f12-tone-stone,
.blk-raw:has(> .f12-tone-light) + .blk-raw > .f12-tone-light, .blk-raw:has(> .f12-tone-stone) + .blk-raw > .f12-tone-stone,
.blk-raw:has(> .f12-tone-light) + .blk-raw > :is(.f12-where, .f12-docs, .f12-banner) { padding-top: 0; }

/* Bölüm başlığı */
.f12-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px 48px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 40px); }
.f12-head-main { max-width: 780px; min-width: 0; }
.f12-head-side { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; max-width: 560px; min-width: 0; }
.f12-head.has-intro .f12-head-side { align-items: flex-start; }
.f12-head-acts { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.f12-more { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid var(--f12-line); background: var(--bg); color: var(--heading); font-size: .88rem; font-weight: 500; transition: background .2s, color .2s, border-color .2s; white-space: nowrap; }
.f12-more:hover { background: var(--f12-ink); color: #fff; border-color: var(--f12-ink); }
.f12-tone-ink .f12-more { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); }
.f12-rail-nav { display: inline-flex; border: 1px solid var(--f12-line); }
.f12-rail-nav button, .f12-arrows button { width: 48px; height: 44px; display: grid; place-items: center; background: var(--bg); border: 0; color: var(--heading); font-size: 1.15rem; cursor: pointer; transition: background .2s, color .2s; }
.f12-rail-nav button + button { border-inline-start: 1px solid var(--f12-line); }
.f12-rail-nav button:hover { background: var(--f12-ink); color: #fff; }

/* Kategori sekmeleri + hızlı filtreler */
.f12-filterbar { display: flex; justify-content: space-between; align-items: center; gap: 12px 28px; flex-wrap: wrap; margin: -6px 0 26px; border-bottom: 1px solid var(--f12-line); }
.f12-tabs { display: flex; flex-wrap: wrap; gap: 0 26px; }
.f12-tabs button { background: none; border: 0; padding: 12px 0; margin-bottom: -1px; border-bottom: 2px solid transparent; color: var(--muted); font: 500 .94rem var(--font-body); cursor: pointer; min-height: 44px; }
.f12-tabs button:hover { color: var(--heading); }
.f12-tabs button.is-active { color: var(--heading); border-bottom-color: var(--primary); }
.f12-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 0; }
.f12-quick-l { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-inline-end: 4px; }
.f12-quick a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid var(--f12-line); font-size: .86rem; color: var(--heading); background: var(--bg); transition: border-color .2s, background .2s; }
.f12-quick a:hover { border-color: var(--heading); }
.f12-quick em { font-style: normal; font-size: .74rem; color: var(--muted); }
.f12-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .15); }
.f12-tone-ink .f12-tabs button { color: rgba(255, 255, 255, .6); }
.f12-tone-ink .f12-tabs button.is-active { color: #fff; }

/* ---------------- Kartlar ---------------- */
.f12-card { position: relative; min-width: 0; }
.f12-card.is-hidden { display: none; }
.f12-card-a { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.f12-card-media { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--surface-2, var(--f12-stone)); }
.f12-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s var(--f12-ease); }
.f12-card-a:hover .f12-card-media img { transform: scale(1.045); }
.f12-card-ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.4rem; color: var(--muted); }
.f12-chip { position: absolute; inset-inline-start: 10px; top: 10px; z-index: 1; padding: 6px 10px; background: rgba(20, 20, 20, .5); color: #fff; font: 600 .8rem/1.2 var(--font-head); letter-spacing: .01em; max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f12-card-body { display: flex; flex-direction: column; gap: 5px; padding: 14px 0 0; min-width: 0; }
.f12-card-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.f12-card-title { font-family: var(--font-head); font-size: 1.08rem; font-weight: var(--head-weight, 600); color: var(--heading); line-height: 1.25; min-width: 0; overflow-wrap: break-word; }
.f12-card-a:hover .f12-card-title { color: var(--primary); }
.f12-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: .84rem; color: var(--muted); }
.f12-card-meta i { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .55; }
.f12-card-text { font-size: .9rem; color: var(--muted); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.f12-card-price { font-weight: 600; color: var(--heading); white-space: nowrap; font-size: .95rem; }
.f12-card-price .cl-price strong { font-size: inherit; color: inherit; }
.f12-card-price .cl-price small, .f12-card-price .cl-price span { font-size: .78rem; color: var(--muted); font-weight: 400; }
/* caption: kare görsel, açık etiket, altında ince çizgi */
.f12-card-caption .f12-card-media { aspect-ratio: 1 / 1; }
.f12-card-caption .f12-chip { background: var(--bg); color: var(--heading); }
.f12-card-caption .f12-card-body { padding-top: 16px; border-bottom: 1px solid var(--f12-line); padding-bottom: 14px; }
.f12-card-service .f12-card-media, .f12-card-product .f12-card-media { aspect-ratio: 4 / 3; }

/* Izgaralar */
.f12-grid { display: grid; gap: clamp(22px, 2.4vw, 34px) clamp(14px, 1.4vw, 22px); }
.f12-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f12-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.f12-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 16px) / 4); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.f12-rail::-webkit-scrollbar { display: none; }
.f12-rail > * { scroll-snap-align: start; }
.f12-rail-3 { grid-auto-columns: calc((100% - 2 * 16px) / 3); }

/* Mozaik: 3 uzun + 4 kare (5 sütun) */
.f12-mosaic { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 15.5vw, 236px); gap: 14px; }
.f12-mosaic .f12-card { height: 100%; }
.f12-mosaic .is-tall { grid-row: span 2; }
.f12-mosaic.is-filtered .is-tall { grid-row: span 1; }
.f12-mosaic .f12-card-a { position: relative; }
.f12-mosaic .f12-card-media { position: absolute; inset: 0; aspect-ratio: auto; }
.f12-mosaic .f12-card-body { position: absolute; inset: auto 0 0 0; z-index: 1; padding: 46px 14px 14px; background: linear-gradient(transparent, rgba(0, 0, 0, .62)); border: 0; }
.f12-mosaic .f12-card-title, .f12-mosaic .f12-card-a:hover .f12-card-title { color: #fff; }
.f12-mosaic .f12-card-meta { color: rgba(255, 255, 255, .78); }
.f12-mosaic .f12-card-price { color: #fff; }
.f12-mosaic .f12-card-caption .f12-chip { background: rgba(255, 255, 255, .92); }

/* Liste + değişen görsel (index) */
.f12-index { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(24px, 4vw, 64px); align-items: start; }
.f12-index-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--f12-line); }
.f12-index-item { border-bottom: 1px solid var(--f12-line); }
.f12-index-item a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 22px 4px; color: inherit; }
.f12-index-no { font: 500 .82rem var(--font-body); color: var(--muted); padding-top: .5em; }
.f12-index-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.f12-index-main strong { font-family: var(--font-head); font-weight: var(--head-weight, 600); font-size: clamp(1.3rem, 2vw, 1.85rem); color: var(--heading); line-height: 1.15; }
.f12-index-main small { color: var(--muted); font-size: .86rem; }
.f12-index-ex { color: var(--muted); font-size: .94rem; line-height: 1.55; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .4s var(--f12-ease), opacity .3s, margin .3s; }
.f12-index-item.is-active .f12-index-ex { max-height: 7em; opacity: 1; margin-top: 6px; }
.f12-index-item > a > i { font-size: 1.3rem; color: var(--muted); padding-top: .3em; transition: color .2s, transform .25s; }
.f12-index-item.is-active strong, .f12-index-item.is-active > a > i { color: var(--primary); }
.f12-index-item.is-active > a > i { transform: rotate(45deg); }
.f12-index-media { position: sticky; top: calc(var(--f12-top) + 20px); aspect-ratio: 5 / 6; overflow: hidden; background: var(--f12-stone); }
.f12-index-fig { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .55s var(--f12-ease); }
.f12-index-fig.is-active { opacity: 1; }
.f12-index-fig img { width: 100%; height: 100%; object-fit: cover; }

/* Doku şeridi */
.f12-swatches { margin-top: clamp(48px, 6vw, 88px); }
.f12-sw-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 48px; flex-wrap: wrap; margin-bottom: 26px; }
.f12-sw-title { font-size: clamp(1.6rem, 2.6vw, 2.5rem); margin: 0; line-height: 1.1; }
.f12-sw-head p { margin: 0; max-width: 540px; color: var(--text); font-size: 1.02rem; line-height: 1.6; }
.f12-sw-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.f12-sw-row.f12-n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.f12-sw-row.f12-n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.f12-sw-row.f12-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f12-sw { position: relative; display: block; aspect-ratio: 9 / 10; overflow: hidden; background: var(--f12-stone); }
.f12-sw-img { position: absolute; inset: 0; }
.f12-sw-img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.9); transition: transform .9s var(--f12-ease); }
.f12-sw:hover .f12-sw-img img { transform: scale(2.2); }
.f12-sw .f12-chip { background: rgba(255, 255, 255, .9); color: var(--heading); }

/* ---------------- Manşetler ---------------- */
.f12-hero { position: relative; overflow: hidden; }
.f12-h1 { font-size: clamp(2.2rem, 4.4vw, 4.2rem); line-height: 1.02; letter-spacing: -.03em; margin: 0 0 18px; text-wrap: balance; }
.f12-hero-text { font-size: clamp(1rem, 1.2vw, 1.12rem); line-height: 1.65; margin: 0 0 26px; max-width: 58ch; }
.f12-hero-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.f12-arrows { display: inline-flex; border: 1px solid rgba(255, 255, 255, .35); z-index: 3; }
.f12-arrows button { background: transparent; color: #fff; }
.f12-arrows button + button { border-inline-start: 1px solid rgba(255, 255, 255, .35); }
.f12-arrows button:hover { background: #fff; color: var(--f12-ink); }
.f12-hq { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 16px 0; }
.f12-hq-l { font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.f12-hq a { font-weight: 500; color: var(--heading); font-size: .95rem; border-bottom: 1px solid transparent; padding: 6px 0; }
.f12-hq a:hover { border-bottom-color: currentColor; }
.f12-hq .f12-hq-all { margin-inline-start: auto; color: var(--primary); }
.f12-hq-bar { background: var(--bg); border-bottom: 1px solid var(--f12-line); }

/* giant: tam ekran görsel, alt kenarda kesilen dev marka */
.f12-hero-giant { min-height: clamp(620px, 100svh, 940px); display: flex; flex-direction: column; justify-content: flex-end; background: var(--f12-ink); color: #fff; }
.f12-hg-slides, .f12-hg-slide { position: absolute; inset: 0; }
.f12-hg-slide { opacity: 0; transition: opacity 1s ease; }
.f12-hg-slide.is-active { opacity: 1; }
.f12-hg-img { width: 100%; height: 100%; object-fit: cover; }
.f12-hg-slides::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .22) 55%, rgba(0, 0, 0, .05) 100%), linear-gradient(0deg, rgba(0, 0, 0, .45) 0%, transparent 45%); pointer-events: none; }
.f12-hg-in { position: relative; z-index: 2; padding-top: calc(var(--f12-top) + 40px); padding-bottom: clamp(18px, 2.4vw, 32px); }
.f12-hg-txt { max-width: 640px; }
.f12-hero-giant .f12-h1 { color: #fff; }
.f12-hero-giant .f12-eyebrow { color: rgba(255, 255, 255, .8); }
.f12-hero-giant .f12-hero-text { color: rgba(255, 255, 255, .86); }
.f12-giant-hero { position: relative; z-index: 2; color: #fff; margin: 0 0 -.17em calc(var(--f12-g) - .06em); }
.f12-hero-giant .f12-arrows { position: absolute; inset-inline-end: var(--f12-g); bottom: clamp(24px, 3vw, 44px); }
.f12-hg-cap { position: absolute; z-index: 3; inset-inline-end: var(--f12-g); bottom: clamp(96px, 9vw, 124px); width: min(360px, 40vw); background: rgba(0, 0, 0, .55); padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; font-size: .9rem; color: rgba(255, 255, 255, .85); opacity: 0; transform: translateY(8px); transition: opacity .6s .3s, transform .6s .3s; }
.f12-hg-slide.is-active .f12-hg-cap { opacity: 1; transform: none; }
.f12-hg-cap strong { color: #fff; font-family: var(--font-head); font-size: 1.12rem; }
.f12-hg-cap a { color: #fff; font-weight: 600; margin-top: 4px; }
.f12-hg-no { font-size: .74rem; letter-spacing: .14em; color: rgba(255, 255, 255, .6); }

/* split: açık zemin, dev marka görselin arkasından geçer */
.f12-hero-split { background: var(--f12-stone); padding-top: calc(var(--f12-top) + clamp(28px, 4vw, 64px)); }
.f12-hs-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 88px); align-items: center; }
.f12-hs-txt { padding-block: clamp(10px, 3vw, 40px) clamp(70px, 10vw, 160px); }
.f12-hero-split .f12-h1 { font-size: clamp(2.5rem, 5.2vw, 5.2rem); }
.f12-hs-media { position: relative; aspect-ratio: 4 / 5; max-height: 76vh; }
.f12-hs-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.f12-hs-inset { position: absolute; inset-inline-start: -14%; bottom: 8%; width: 38%; aspect-ratio: 1; border: 8px solid var(--f12-stone); background: var(--f12-stone); }
.f12-hs-inset img { width: 100%; height: 100%; object-fit: cover; display: block; }
.f12-giant-split { position: relative; z-index: 1; color: var(--heading); margin: -.42em 0 -.17em calc(var(--f12-g) - .06em); opacity: .96; }
.f12-hs-quick { position: relative; z-index: 2; border-top: 1px solid var(--f12-line); background: var(--f12-stone); }

/* stack: üstte başlık, altta panoramik görsel */
.f12-hero-stack { background: var(--bg); padding-top: calc(var(--f12-top) + clamp(32px, 4.5vw, 72px)); }
.f12-hk-top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 24px clamp(28px, 5vw, 80px); align-items: end; margin-bottom: clamp(26px, 3.4vw, 48px); }
.f12-hero-stack .f12-h1 { font-size: clamp(2.5rem, 5.4vw, 5.4rem); margin: 0; }
.f12-hk-side .f12-hero-text { margin-bottom: 20px; color: var(--text); }
.f12-hk-frame { position: relative; overflow: hidden; aspect-ratio: 21 / 9; min-height: 360px; background: var(--f12-ink); }
.f12-hk-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1s ease; }
.f12-hk-slide.is-active { opacity: 1; }
.f12-hk-img { width: 100%; height: 100%; object-fit: cover; }
.f12-hk-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, transparent 50%); pointer-events: none; z-index: 1; }
.f12-giant-stack { position: absolute; z-index: 2; inset-inline-start: clamp(14px, 2vw, 30px); bottom: -.17em; color: #fff; font-size: clamp(4.5rem, calc(100vw / var(--gl, 6)), 20rem); }
.f12-hk-frame .f12-arrows { position: absolute; inset-inline-end: 20px; bottom: 20px; }
.f12-hk-cap { position: absolute; z-index: 3; inset-inline-end: 20px; top: 20px; width: min(340px, 44%); background: var(--bg); color: var(--text); padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; font-size: .9rem; opacity: 0; transition: opacity .6s .3s; }
.f12-hk-slide.is-active .f12-hk-cap { opacity: 1; }
.f12-hk-cap strong { font-family: var(--font-head); color: var(--heading); font-size: 1.1rem; }
.f12-hk-cap a { color: var(--primary); font-weight: 600; }

/* swatch: koyu zemin + doku mozaiği */
.f12-hero-swatch { background: var(--f12-ink); color: rgba(255, 255, 255, .82); padding-top: calc(var(--f12-top) + clamp(28px, 4vw, 64px)); }
.f12-hw-bg { position: absolute; inset: 0; opacity: .22; }
.f12-hw-img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.4); }
.f12-hw-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--f12-ink) 15%, transparent 100%); }
.f12-hw-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.f12-hero-swatch .f12-h1 { color: #fff; font-size: clamp(2.4rem, 4.8vw, 4.8rem); }
.f12-hero-swatch .f12-eyebrow { color: rgba(255, 255, 255, .7); }
.f12-hero-swatch .f12-hero-text { color: rgba(255, 255, 255, .8); }
.f12-hw-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.f12-hw-tile { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: rgba(255, 255, 255, .06); color: #fff; }
.f12-hw-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--f12-ease); }
.f12-hw-tile:nth-child(3n+2) { transform: translateY(26px); }
.f12-hw-tile:hover img { transform: scale(1.08); }
.f12-hw-cap { position: absolute; inset: auto 0 0 0; padding: 30px 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, .7)); display: flex; flex-direction: column; }
.f12-hw-cap strong { color: #fff; font: 600 .98rem var(--font-head); }
.f12-hw-cap small { color: rgba(255, 255, 255, .72); font-size: .76rem; }
.f12-giant-swatch { position: relative; z-index: 1; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .28); margin: clamp(30px, 4vw, 60px) 0 -.17em calc(var(--f12-g) - .06em); }
.f12-hw-quick { position: relative; z-index: 2; border-top: 1px solid rgba(255, 255, 255, .14); }
.f12-hero-swatch .f12-hq a { color: #fff; }
.f12-hero-swatch .f12-hq-l { color: rgba(255, 255, 255, .6); }

/* ---------------- İlham galerisi ---------------- */
.f12-gal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(160px, 16.5vw, 260px); gap: 14px; grid-auto-flow: dense; }
.f12-gal-it { position: relative; display: block; overflow: hidden; background: var(--f12-stone); color: #fff; }
.f12-gal-it:nth-child(6n+1) { grid-column: span 2; grid-row: span 2; }
.f12-gal-it:nth-child(6n+3) { grid-row: span 2; }
.f12-gal-it:nth-child(6n+5), .f12-gal-it:nth-child(6n+6) { grid-column: span 2; }
.f12-gal-img, .f12-gal-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f12-gal-img img { transition: transform .8s var(--f12-ease); }
.f12-gal-it:hover .f12-gal-img img { transform: scale(1.05); }
.f12-gal-cap { position: absolute; inset: auto 0 0 0; padding: 48px 18px 16px; background: linear-gradient(transparent, rgba(0, 0, 0, .66)); display: flex; flex-direction: column; gap: 2px; }
.f12-gal-cap strong { font: var(--head-weight, 600) 1.15rem/1.2 var(--font-head); color: #fff; }
.f12-gal-cap small { font-size: .84rem; color: rgba(255, 255, 255, .78); }

/* ---------------- Hikâye + rakamlar mozaiği ---------------- */
.f12-mos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(clamp(170px, 17vw, 260px), auto); gap: 2px; background: var(--f12-line); border: 1px solid var(--f12-line); }
.f12-mos > * { background: var(--f12-stone); margin: 0; min-width: 0; }
.f12-mos-lead { grid-column: 1 / 3; grid-row: 1; padding: clamp(26px, 3vw, 48px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.f12-mos-lead .f12-title { font-size: clamp(1.7rem, 2.6vw, 2.6rem); margin-bottom: 14px; }
.f12-mos-lead p { margin: 0 0 14px; color: var(--text); line-height: 1.6; max-width: 62ch; }
.f12-mos-lead .btn { margin-top: 8px; }
.f12-mos-img { position: relative; overflow: hidden; }
.f12-mos-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f12-mos-img1 { grid-column: 3; grid-row: 1; }
.f12-mos-img2 { grid-column: 1 / 3; grid-row: 2 / 4; }
.f12-mos-img3 { grid-column: 4; grid-row: 2; }
.f12-mos-stat { padding: clamp(20px, 2.4vw, 36px); display: flex; flex-direction: column; justify-content: center; gap: 8px; background: var(--bg); }
.f12-mos-stat strong { font: var(--head-weight, 600) clamp(2.2rem, 3.6vw, 3.6rem)/1 var(--font-head); color: var(--heading); letter-spacing: -.03em; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; }
.f12-mos-stat strong em { font-style: normal; font-size: .42em; letter-spacing: 0; color: var(--primary); }
.f12-mos-stat > span { color: var(--muted); font-size: .94rem; line-height: 1.4; }
.f12-mos-stat1 { grid-column: 4; grid-row: 1; }
.f12-mos-stat2 { grid-column: 3; grid-row: 2; }
.f12-mos-stat3 { grid-column: 3; grid-row: 3; }
.f12-mos-stat4 { grid-column: 4; grid-row: 3; }
.f12-mos.f12-ni0 .f12-mos-stat1 { grid-column: 3; }
.f12-mos.f12-ni0 .f12-mos-stat2 { grid-column: 4; grid-row: 1; }
.f12-mos.f12-ni0 .f12-mos-stat3, .f12-mos.f12-ni0 .f12-mos-stat4 { grid-row: 2; }
.f12-mos.f12-ni0 .f12-mos-stat3 { grid-column: 1 / 3; }
.f12-mos.f12-ni0 .f12-mos-stat4 { grid-column: 3 / 5; }

/* ---------------- Özellikler ---------------- */
.f12-feat-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.f12-feat-head { position: sticky; top: calc(var(--f12-top) + 30px); }
.f12-feat-head .f12-head { display: block; margin: 0; }
.f12-feat-head .f12-head-side { align-items: flex-start; margin-top: 16px; }
.f12-feat-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 44px) clamp(20px, 2.4vw, 36px); }
.f12-feat-list.f12-n4, .f12-feat-list.f12-n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.f12-feat { border-top: 1px solid var(--heading); padding-top: 18px; }
.f12-feat-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.f12-feat-ico { font-size: 1.7rem; color: var(--primary); }
.f12-feat-no { font-size: .8rem; color: var(--muted); letter-spacing: .1em; }
.f12-feat h3 { font-size: 1.16rem; margin: 0 0 8px; line-height: 1.25; }
.f12-feat p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.6; }

/* ---------------- Profesyoneller ---------------- */
.f12-pros-list { display: grid; gap: 12px; }
.f12-pro { position: relative; display: block; min-height: clamp(170px, 16vw, 236px); background: var(--f12-ink); color: rgba(255, 255, 255, .78); overflow: hidden; }
.f12-pro-img { position: absolute; inset: 0 0 0 38%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48%); mask-image: linear-gradient(90deg, transparent 0, #000 48%); }
.f12-pro-img img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: transform .9s var(--f12-ease); }
.f12-pro:hover .f12-pro-img img { transform: scale(1.04); }
.f12-pro-txt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; max-width: 600px; padding: clamp(24px, 3vw, 44px); }
.f12-pro-no { font-size: .76rem; letter-spacing: .16em; color: rgba(255, 255, 255, .55); }
.f12-pro-txt strong { font: var(--head-weight, 600) clamp(1.25rem, 1.9vw, 1.7rem)/1.2 var(--font-head); color: #fff; }
.f12-pro-txt span:last-child { line-height: 1.6; }
.f12-pro-go { position: absolute; z-index: 1; inset-inline-end: clamp(18px, 2.4vw, 34px); bottom: clamp(18px, 2.4vw, 30px); width: 46px; height: 46px; display: grid; place-items: center; background: var(--primary); color: var(--on-primary, #fff); font-size: 1.2rem; transition: transform .25s; }
.f12-pro:hover .f12-pro-go { transform: translateX(4px); }

/* ---------------- Öne çıkan bant ---------------- */
.f12-banner { padding-block: var(--f12-sy); }
.f12-banner-box { position: relative; min-height: clamp(400px, 38vw, 560px); display: flex; align-items: flex-end; overflow: hidden; background: var(--f12-ink); }
.f12-banner-img, .f12-banner-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f12-banner-txt { position: relative; z-index: 2; width: min(600px, 100%); background: var(--f12-ink); color: rgba(255, 255, 255, .8); padding: clamp(26px, 3.4vw, 52px); }
.f12-banner-txt .f12-title { color: #fff; font-size: clamp(1.6rem, 2.6vw, 2.5rem); margin-bottom: 14px; }
.f12-banner-txt p { margin: 0 0 22px; line-height: 1.6; }
.f12-banner-txt .f12-eyebrow { color: rgba(255, 255, 255, .64); }
.f12-giant-banner { position: absolute; z-index: 1; inset-inline-end: 2%; bottom: -.17em; color: #fff; opacity: .9; font-size: clamp(4rem, calc(80vw / var(--gl, 6)), 16rem); }

/* ---------------- Hesaplayıcı ---------------- */
.f12-tool-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.f12-tool.is-rev .f12-tool-txt { order: 2; }
.f12-tool-txt { position: relative; }
.f12-giant-unit { font-size: clamp(5rem, 11vw, 10rem); color: transparent; -webkit-text-stroke: 1.5px var(--heading); opacity: .22; margin: 0 0 18px -.04em; }
.f12-tool-txt .f12-title { margin-bottom: 16px; }
.f12-tool-box .tl-box { border-radius: 0; box-shadow: none; border: 1px solid var(--f12-line); background: var(--bg); }
.fam-doku .tl-out.is-hl { border-radius: 0; }

/* ---------------- Satış noktası bulucu ---------------- */
.f12-where-box { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); background: var(--f12-ink); min-height: 560px; }
.f12-where-box.no-map { grid-template-columns: minmax(0, 1fr); }
.f12-where-panel { padding: clamp(26px, 3.4vw, 52px); color: rgba(255, 255, 255, .78); display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.f12-where-panel .f12-title { color: #fff; font-size: clamp(1.7rem, 2.6vw, 2.5rem); }
.f12-where-panel .f12-eyebrow { color: rgba(255, 255, 255, .62); margin-bottom: 0; }
.f12-where-panel > p { margin: 0; line-height: 1.6; }
.f12-where-search { position: relative; display: flex; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .4); }
.f12-where-search > i { position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, .6); }
.f12-where-search input { flex: 1; min-width: 0; background: transparent; border: 0; color: #fff; padding: 14px 10px 14px 28px; font-size: 1rem; box-shadow: none; outline: none; }
.f12-where-search input::placeholder { color: rgba(255, 255, 255, .5); }
.f12-where-search button { width: 46px; height: 46px; border: 0; background: var(--primary); color: var(--on-primary, #fff); font-size: 1.15rem; cursor: pointer; }
.f12-where-cities { display: flex; flex-wrap: wrap; gap: 8px; }
.f12-where-cities a { display: inline-flex; gap: 8px; align-items: center; padding: 7px 12px; border: 1px solid rgba(255, 255, 255, .25); color: #fff; font-size: .88rem; }
.f12-where-cities a:hover { background: #fff; color: var(--f12-ink); }
.f12-where-cities em { font-style: normal; font-size: .74rem; opacity: .6; }
.f12-where-stats { display: flex; gap: 28px; }
.f12-where-stats span { font-size: .88rem; }
.f12-where-stats strong { display: block; font: var(--head-weight, 600) 2.2rem/1 var(--font-head); color: #fff; margin-bottom: 4px; }
.f12-where-list { list-style: none; margin: 0; padding: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, .14); }
.f12-where-list li { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.f12-where-list a { display: flex; flex-direction: column; padding: 12px 0; color: #fff; }
.f12-where-list small { color: rgba(255, 255, 255, .6); font-size: .82rem; }
.f12-where-list a:hover strong { color: var(--primary); }
.f12-where-map { position: relative; min-height: 420px; }
.f12-where-map .br-map { height: 100% !important; min-height: 420px; border-radius: 0; border: 0; }

/* ---------------- Randevu ---------------- */
.f12-apt-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.f12-appoint.is-rev .f12-apt-media { order: 2; }
.f12-apt-media { aspect-ratio: 4 / 5; overflow: hidden; background: var(--f12-stone); }
.f12-apt-media img { width: 100%; height: 100%; object-fit: cover; }
.f12-apt-txt .f12-title { margin-bottom: 14px; }
.f12-apt-svcs { list-style: none; margin: 24px 0; padding: 0; border-top: 1px solid var(--f12-line); }
.f12-apt-svcs li { border-bottom: 1px solid var(--f12-line); }
.f12-apt-svcs a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 2px; color: inherit; }
.f12-apt-svcs a > i:first-child { font-size: 1.3rem; color: var(--primary); }
.f12-apt-svcs strong { display: block; font-family: var(--font-head); font-weight: var(--head-weight, 600); color: var(--heading); }
.f12-apt-svcs small { color: var(--muted); font-size: .84rem; }
.f12-apt-svcs a:hover strong { color: var(--primary); }
.fam-doku .apt-quick { border-radius: 0; box-shadow: none; }
.f12-apt-txt .apt-quick.is-inline { background: var(--f12-stone); padding: 16px; border: 0; }
.fam-doku .apt-quick select, .fam-doku .apt-quick input { border-radius: 0; }

/* ---------------- Süreç ---------------- */
.f12-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.f12-steps.f12-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f12-steps.f12-n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.f12-step { padding: 0 clamp(16px, 2vw, 30px) 8px; border-inline-start: 1px solid rgba(127, 127, 127, .3); }
.f12-step:first-child { border-inline-start: 0; padding-inline-start: 0; }
.f12-step-no { display: block; font: 700 clamp(3.2rem, 5vw, 5rem)/1 var(--font-head); color: transparent; -webkit-text-stroke: 1px currentColor; opacity: .5; margin-bottom: 18px; letter-spacing: -.04em; }
.f12-tone-ink .f12-step-no { color: transparent; -webkit-text-stroke-color: rgba(255, 255, 255, .55); }
.f12-step h3 { display: flex; align-items: center; gap: 10px; font-size: 1.18rem; margin: 0 0 8px; }
.f12-step h3 i { color: var(--primary); }
.f12-step p { margin: 0; line-height: 1.6; font-size: .95rem; }

/* ---------------- Projeler ---------------- */
.f12-proj a { display: flex; flex-direction: column; height: 100%; color: inherit; }
.f12-proj-img { position: relative; aspect-ratio: 8 / 7; overflow: hidden; background: var(--f12-stone); }
.f12-proj-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--f12-ease); }
.f12-proj a:hover .f12-proj-img img { transform: scale(1.04); }
.f12-proj-body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: clamp(20px, 2.4vw, 34px); background: var(--f12-ink); color: rgba(255, 255, 255, .8); }
.f12-proj-body strong { font: var(--head-weight, 600) clamp(1.3rem, 2vw, 1.85rem)/1.12 var(--font-head); color: #fff; }
.f12-proj-body small { font-size: .9rem; }
.f12-proj-k { margin-top: 12px; font-size: .78rem; color: rgba(255, 255, 255, .5); }
.f12-proj-body b { color: #fff; font-weight: 600; }
.f12-proj-btn { margin-top: auto; align-self: flex-end; pointer-events: none; }
.f12-proj-body > :nth-last-child(2) { margin-bottom: 22px; }

/* ---------------- Yorumlar ---------------- */
.f12-rv-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); }
.f12-rv-grid.is-single { grid-template-columns: minmax(0, 1fr); }
.f12-rv { margin: 0; }
.f12-rv blockquote { margin: 0 0 18px; }
.f12-rv-main > i { font-size: 2.6rem; color: var(--primary); line-height: 1; }
.f12-rv-main blockquote { font: 400 clamp(1.35rem, 2.2vw, 2rem)/1.35 var(--font-head); color: var(--heading); letter-spacing: -.01em; margin-top: 12px; }
.f12-rv-side { display: grid; gap: 28px; align-content: start; }
.f12-rv-side .f12-rv { border-top: 1px solid var(--f12-line); padding-top: 20px; }
.f12-rv-side blockquote { font-size: .98rem; line-height: 1.65; color: var(--text); }
.f12-rv-stars { display: flex; gap: 2px; color: var(--primary); font-size: .9rem; margin-bottom: 10px; }
.f12-rv figcaption { display: flex; align-items: center; gap: 12px; }
.f12-rv-ava { width: 44px; height: 44px; flex: none; display: grid; place-items: center; overflow: hidden; background: var(--f12-ink); color: #fff; font: 600 1rem var(--font-head); }
.f12-rv-ava img { width: 100%; height: 100%; object-fit: cover; }
.f12-rv figcaption strong { display: block; color: var(--heading); font-size: .95rem; }
.f12-rv figcaption small { color: var(--muted); font-size: .84rem; }

/* ---------------- Blog ---------------- */
.f12-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 2.4vw, 34px) clamp(14px, 1.4vw, 22px); }
.f12-post.is-hidden { display: none; }
.f12-post a { display: flex; flex-direction: column; gap: 10px; color: inherit; }
.f12-post-img { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--f12-stone); }
.f12-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--f12-ease); }
.f12-post a:hover .f12-post-img img { transform: scale(1.04); }
.f12-post-meta { display: flex; gap: 12px; font-size: .84rem; color: var(--muted); margin-top: 6px; }
.f12-post-meta b { font-weight: 500; color: var(--primary); }
.f12-post-title { font: 500 clamp(1.08rem, 1.4vw, 1.3rem)/1.3 var(--font-head); color: var(--heading); }
.f12-post a:hover .f12-post-title { color: var(--primary); }
.f12-post-ex { color: var(--muted); font-size: .92rem; line-height: 1.55; }
.fam-doku .grid > .f12-post { min-width: 0; }

/* ---------------- Dokümanlar ---------------- */
.f12-docs-box { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); background: var(--f12-stone); overflow: hidden; }
.f12-docs-txt { padding: clamp(26px, 4vw, 60px); display: flex; flex-direction: column; align-items: flex-start; }
.f12-docs-txt .f12-title { margin-bottom: 12px; }
.f12-doc-list { list-style: none; margin: 24px 0 26px; padding: 0; width: 100%; border-top: 1px solid var(--f12-line); }
.f12-doc-list li { border-bottom: 1px solid var(--f12-line); }
.f12-doc-list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 2px; color: inherit; }
.f12-doc-list a > i { font-size: 1.5rem; color: var(--primary); }
.f12-doc-list strong { display: block; color: var(--heading); font-weight: 600; }
.f12-doc-list small { color: var(--muted); font-size: .82rem; }
.f12-doc-type { font-size: .72rem; font-weight: 700; letter-spacing: .08em; padding: 4px 8px; border: 1px solid var(--f12-line); color: var(--muted); text-transform: uppercase; }
.f12-doc-list a:hover strong { color: var(--primary); }
.f12-docs-art { position: relative; min-height: 380px; overflow: hidden; }
.f12-docs-art > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f12-cover { position: absolute; width: 46%; aspect-ratio: 3 / 4; box-shadow: 0 24px 40px -18px rgba(0, 0, 0, .45); background: var(--bg); overflow: hidden; }
.f12-cover img { width: 100%; height: 100%; object-fit: cover; }
.f12-cover1 { left: 10%; top: 20%; transform: rotate(-9deg); }
.f12-cover2 { left: 30%; top: 12%; transform: rotate(-1deg); z-index: 1; }
.f12-cover3 { left: 48%; top: 22%; transform: rotate(8deg); z-index: 2; }
.f12-cover.is-type { display: flex; flex-direction: column; justify-content: space-between; padding: 18px; }
.f12-cover.is-type b { font: 700 .8rem var(--font-head); letter-spacing: .04em; }
.f12-cover.is-type strong { font: var(--head-weight, 600) clamp(1rem, 1.5vw, 1.35rem)/1.15 var(--font-head); }
.f12-cover.is-type small { font-size: .78rem; opacity: .7; }
.f12-cover1.is-type { background: var(--f12-ink); color: #fff; }
.f12-cover2.is-type { background: var(--bg); color: var(--heading); }
.f12-cover3.is-type { background: var(--primary); color: var(--on-primary, #fff); }
.f12-cover1.is-type strong { color: #fff; }
.f12-cover3.is-type strong { color: var(--on-primary, #fff); }

/* ---------------- Referanslar ---------------- */
.f12-logos-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.f12-logos-head .f12-head { display: block; margin: 0; }
.f12-logo-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--f12-line); border-inline-start: 1px solid var(--f12-line); }
.f12-logo-list li { display: grid; place-items: center; min-height: 104px; padding: 18px; border-bottom: 1px solid var(--f12-line); border-inline-end: 1px solid var(--f12-line); text-align: center; }
.f12-logo-list img { max-height: 44px; width: auto; filter: grayscale(1); opacity: .7; transition: filter .3s, opacity .3s; }
.f12-logo-list li:hover img { filter: none; opacity: 1; }
.f12-logo-list span { font: 600 .98rem var(--font-head); color: var(--muted); }

/* ---------------- Kapanış ---------------- */
.f12-cta { padding-block: clamp(70px, 9vw, 150px); overflow: hidden; background: var(--f12-ink); }
.f12-cta-img, .f12-cta-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f12-cta-img::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .25); }
.f12-cta-in { position: relative; z-index: 2; }
.f12-cta-box { max-width: 640px; background: var(--bg); padding: clamp(28px, 4vw, 56px); }
.f12-cta-box .f12-title { font-size: clamp(1.8rem, 3vw, 2.8rem); margin-bottom: 14px; }
.f12-cta-box p { margin: 0 0 24px; color: var(--muted); line-height: 1.6; }
.f12-cta-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.f12-cta-tel { font-weight: 600; color: var(--heading); display: inline-flex; gap: 6px; align-items: center; margin-inline-start: 6px; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.fam-doku .site-header.f12-header { z-index: 300; background: transparent; box-shadow: none; }
.f12-hbar { display: flex; align-items: center; gap: clamp(14px, 2vw, 32px); }
.f12-logo { flex: none; display: flex; align-items: center; }
.fam-doku .site-logo { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.fam-doku .site-logo img { max-height: 44px; width: auto; }
.fam-doku .logo-mark { width: 30px; height: 30px; display: grid; place-items: center; background: var(--primary); color: var(--on-primary, #fff); font-size: 1rem; border-radius: 0; flex: none; }
.fam-doku .logo-text strong { font: 700 1.42rem/1 var(--font-head); letter-spacing: -.03em; color: inherit; }
.fam-doku .logo-text small { display: block; font-size: .7rem; opacity: .7; margin-top: 3px; }
.f12-sc { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 44px; min-height: 44px; padding: 0 6px; background: none; border: 0; color: inherit; font: 600 .7rem var(--font-body); cursor: pointer; white-space: nowrap; }
.f12-sc i { font-size: 1.15rem; line-height: 1; }
.f12-sc:hover { color: var(--primary); }
.f12-actions, .f12-htop-r { display: flex; align-items: center; gap: 6px; flex: none; }
.f12-nav-extra { display: none; }
.f12-hcta { margin-inline-start: 6px; }
.fam-doku .main-nav .nav-menu > li > a { font-weight: 600; white-space: nowrap; border-radius: 0; }
@media (min-width: 1081px) {
  .fam-doku .main-nav { min-width: 0; }
  .fam-doku .main-nav .nav-menu { gap: 0; }
  .fam-doku .main-nav .nav-menu > li > a { padding: 10px clamp(7px, .8vw, 13px); }
  .fam-doku .main-nav .nav-menu > li > a > i { font-size: .9em; opacity: .7; }
}
.fam-doku .nav-menu .submenu { border-radius: 0; padding: 8px; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .28); }
.fam-doku .nav-menu .submenu a { border-radius: 0; color: var(--text); }
.fam-doku .lang-switch .lang-current { background: transparent; border: 0; color: inherit; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: .82rem; min-height: 44px; padding: 0 6px; cursor: pointer; }
.fam-doku .lang-menu { border-radius: 0; }
.f12-hphone { font-weight: 600; font-size: .86rem; color: inherit; display: inline-flex; align-items: center; gap: 6px; }

/* bar: yüzen koyu şerit */
.v-header-bar .site-header.f12-header { position: fixed; top: 0; left: 0; right: 0; height: 0; }
.f12-h-bar .f12-hbar { position: absolute; top: 24px; left: var(--f12-g); right: var(--f12-g); max-width: calc(var(--f12-max) - 2 * var(--f12-g)); margin-inline: auto; height: 70px; padding: 0 12px 0 22px; background: rgba(18, 18, 20, .82); background: color-mix(in srgb, var(--f12-ink) 86%, transparent); color: #fff; transition: top .3s var(--f12-ease), background .3s; }
.f12-h-bar.is-scrolled .f12-hbar { top: 10px; background: var(--f12-ink); box-shadow: 0 14px 34px -18px rgba(0, 0, 0, .5); }
.f12-h-bar .main-nav { justify-content: flex-start; }
.f12-h-bar .nav-menu > li > a { color: #fff; text-transform: uppercase; font-size: .86rem; letter-spacing: .01em; }
.f12-h-bar .nav-menu > li > a:hover, .f12-h-bar .nav-menu > li.is-active > a { color: rgba(255, 255, 255, .7); }
.f12-h-bar .nav-toggle { background: rgba(255, 255, 255, .1); }
.f12-h-bar .nav-toggle span { background: #fff; }
.f12-h-bar .f12-actions { margin-inline-start: auto; }
.f12-h-bar .f12-search { position: absolute; top: 102px; left: var(--f12-g); right: var(--f12-g); max-width: calc(var(--f12-max) - 2 * var(--f12-g)); margin-inline: auto; }
.f12-h-bar.is-scrolled .f12-search { top: 88px; }

/* line: açık tek satır */
.f12-h-line, .f12-h-center { position: sticky; top: 0; background: var(--header-bg, var(--bg)) !important; color: var(--header-text, var(--heading)); border-bottom: 1px solid var(--f12-line); }
.f12-h-line .f12-hbar { max-width: var(--f12-max); margin-inline: auto; padding: 0 var(--f12-g); min-height: 78px; }
.f12-h-line .main-nav { justify-content: center; justify-content: safe center; min-width: 0; }

.f12-h-line .nav-menu > li > a, .f12-h-center .nav-menu > li > a { color: var(--header-text, var(--heading)); font-size: .92rem; }
.f12-h-line .nav-menu > li > a:hover, .f12-h-center .nav-menu > li > a:hover, .f12-h-line .nav-menu > li.is-active > a, .f12-h-center .nav-menu > li.is-active > a { color: var(--primary); }
.f12-h-line.is-scrolled, .f12-h-center.is-scrolled { box-shadow: 0 10px 28px -20px rgba(0, 0, 0, .4); }

/* center: logo ortada, menü altta */
.f12-h-center .f12-hbar { flex-direction: column; align-items: stretch; gap: 0; max-width: var(--f12-max); margin-inline: auto; padding: 0 var(--f12-g); }
.f12-htop { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; min-height: 76px; }
.f12-htop-l { display: flex; align-items: center; gap: 14px; }
.f12-htop-r { justify-content: flex-end; }
.f12-h-center .f12-logo { justify-content: center; }
.f12-h-center .logo-text strong { font-size: 1.6rem; }
.f12-h-center .main-nav { border-top: 1px solid var(--f12-line); justify-content: center; }
.f12-h-center .nav-menu { min-height: 52px; }

.f12-search { background: var(--bg); border-bottom: 1px solid var(--f12-line); box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .35); }
.f12-search-form { display: flex; align-items: center; gap: 12px; max-width: var(--f12-max); margin-inline: auto; padding: 14px var(--f12-g); }
.f12-h-bar .f12-search-form { padding: 14px 18px; }
.f12-search-form > i { font-size: 1.2rem; color: var(--muted); }
.f12-search-form input { flex: 1; min-width: 0; border: 0; font-size: 1.05rem; padding: 10px 0; background: transparent; box-shadow: none; outline: none; color: var(--heading); }
.f12-search-x { width: 44px; height: 44px; border: 0; background: var(--f12-stone); color: var(--heading); font-size: 1.2rem; cursor: pointer; }

html.bkb-on:not(.bkb-min) .fam-doku .site-header.f12-header { top: 38px; }
body.f12-pad #main { padding-top: 116px; }

/* ==========================================================================
   SAYFA BAŞLIĞI
   ========================================================================== */
.fam-doku .page-hero.f12-ph { position: relative; overflow: hidden; padding: calc(var(--f12-top) + clamp(40px, 5vw, 80px)) 0 clamp(72px, 9vw, 150px); text-align: start; background: var(--f12-stone); color: var(--text); }
.v-ph-dark .page-hero.f12-ph { background: var(--f12-ink); color: rgba(255, 255, 255, .78); }
.f12-ph .page-hero-inner { position: relative; z-index: 2; }
.f12-ph .page-title { font-size: clamp(2.3rem, 5vw, 4.8rem); line-height: 1.02; letter-spacing: -.03em; margin: 14px 0 0; max-width: 20ch; color: var(--heading); }
.v-ph-dark .f12-ph .page-title { color: #fff; }
.f12-ph .page-subtitle { margin: 18px 0 0; max-width: 62ch; font-size: 1.06rem; line-height: 1.6; opacity: .9; }
.f12-ph .breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px 10px; padding: 0; margin: 0; list-style: none; font-size: .84rem; }
.f12-ph .breadcrumb li { color: var(--muted); }
.f12-ph .breadcrumb li + li::before { content: "/"; margin-inline-end: 4px; opacity: .5; }
.f12-ph .breadcrumb a { color: var(--heading); }
.f12-ph .page-subtitle { color: var(--muted); opacity: 1; }
.v-ph-dark .f12-ph .breadcrumb li { color: rgba(255, 255, 255, .62); }
.v-ph-dark .f12-ph .breadcrumb a { color: rgba(255, 255, 255, .9); }
.v-ph-dark .f12-ph .page-subtitle { color: rgba(255, 255, 255, .78); }
.fam-doku .page-hero.f12-ph.has-image::after { background: linear-gradient(90deg, var(--f12-stone) 30%, transparent); opacity: .9; }
.v-ph-dark .page-hero.f12-ph.has-image::after { background: linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .3)); }
.f12-giant-ph { position: absolute; z-index: 1; inset-inline-end: -.04em; bottom: -.17em; font-size: clamp(5rem, 15vw, 16rem); color: var(--heading); opacity: .06; }
.v-ph-dark .f12-giant-ph { color: #fff; opacity: .07; }
.f12-ph.has-image .page-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }

/* İç sayfa kapanış bandı */
.f12-ctaband { background: var(--f12-stone); padding: clamp(44px, 5vw, 72px) 0; border-top: 1px solid var(--f12-line); }
.f12-ctaband-in { display: flex; justify-content: space-between; align-items: center; gap: 20px 40px; flex-wrap: wrap; }
.f12-ctaband h2 { font-size: clamp(1.5rem, 2.4vw, 2.2rem); margin: 0 0 6px; max-width: 26ch; }
.f12-ctaband p { margin: 0; color: var(--muted); max-width: 62ch; }
.f12-ctaband .cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.f12-ctaband { color: var(--text); }
.fam-doku .f12-ctaband .btn-primary { background: var(--primary); color: var(--on-primary, #fff); border-color: var(--primary); }
.fam-doku .f12-ctaband .btn-primary:hover { background: var(--f12-ink); border-color: var(--f12-ink); }
.f12-ctaband .f12-btn-ghost { color: var(--heading); border-color: var(--heading); }
.f12-ctaband .f12-btn-ghost:hover { background: var(--f12-ink); color: #fff; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.fam-doku .site-footer.f12-footer { background: var(--footer-bg, var(--f12-ink)); color: var(--footer-text, #fff); padding: 0; overflow: hidden; }
.f12-footer a { color: inherit; }
.f12-foot-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); border-bottom: 1px solid rgba(255, 255, 255, .12); }
.f12-foot-left { border-inline-end: 1px solid rgba(255, 255, 255, .12); }
.f12-foot-nl { padding: clamp(32px, 4vw, 56px) var(--f12-g) 32px max(var(--f12-g), calc((100vw - var(--f12-max)) / 2 + var(--f12-g))); }
.f12-foot-nl h2 { color: #fff; font-size: clamp(1.4rem, 2vw, 1.9rem); margin: 0 0 10px; }
.f12-foot-nl > p { color: var(--footer-muted, rgba(255, 255, 255, .62)); margin: 0 0 18px; line-height: 1.55; }
.f12-foot-nl .newsletter-form, .f12-foot-nl form { margin-bottom: 4px; }
.f12-foot-nl input[type=email], .f12-foot-nl input[type=text] { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .2); color: #fff; border-radius: 0; }
.f12-foot-nl input::placeholder { color: rgba(255, 255, 255, .5); }
.f12-foot-nl button, .f12-foot-nl .btn { border-radius: 0; }
.f12-foot-social { margin-top: 22px; }
.f12-foot-social .social-links { display: flex; gap: 8px; flex-wrap: wrap; }
.f12-foot-social .social-links a { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff; font-size: 1.15rem; }
.f12-foot-social .social-links a:hover { background: var(--primary); }
.f12-foot-line { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 24px var(--f12-g) 24px max(var(--f12-g), calc((100vw - var(--f12-max)) / 2 + var(--f12-g))); border-top: 1px solid rgba(255, 255, 255, .12); }
.f12-foot-line > i { font-size: 2rem; color: var(--primary); }
.f12-foot-line small { display: block; color: var(--footer-muted, rgba(255, 255, 255, .6)); font-size: .82rem; }
.f12-foot-line strong { color: #fff; font: 700 1.12rem var(--font-head); white-space: nowrap; }
.f12-foot-line em { font-style: normal; font-size: .8rem; color: var(--footer-muted, rgba(255, 255, 255, .55)); max-width: 180px; text-align: end; }
.f12-foot-right { padding: clamp(32px, 4vw, 56px) max(var(--f12-g), calc((100vw - var(--f12-max)) / 2 + var(--f12-g))) 40px clamp(24px, 5vw, 96px); }
.f12-foot-big { list-style: none; margin: 0 0 32px; padding: 0 0 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 24px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.f12-foot-big a { font: 700 clamp(1.15rem, 1.6vw, 1.5rem)/1.25 var(--font-head); color: #fff; }
.f12-foot-big a:hover { color: var(--primary); }
.f12-foot-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.f12-foot-cols.f12-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.f12-foot-cols.f12-n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.f12-foot-cols.f12-n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.f12-foot-col h3 { font: 600 .8rem var(--font-body); color: var(--footer-muted, rgba(255, 255, 255, .55)); margin: 0 0 14px; letter-spacing: .02em; }
.f12-foot-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.f12-foot-col li { font-size: .92rem; line-height: 1.4; overflow-wrap: break-word; }
.f12-foot-col a:hover { color: var(--primary); }
.f12-foot-contact li { color: var(--footer-muted, rgba(255, 255, 255, .7)); }
.f12-foot-bottom { display: flex; align-items: center; gap: 12px 28px; flex-wrap: wrap; max-width: var(--f12-max); margin-inline: auto; padding: 20px var(--f12-g); font-size: .82rem; color: var(--footer-muted, rgba(255, 255, 255, .6)); }
.f12-foot-bottom .footer-menu { display: flex; flex-wrap: wrap; gap: 6px 20px; list-style: none; margin: 0; padding: 0; flex: 1; }
.f12-foot-bottom .footer-menu a { color: var(--footer-muted, rgba(255, 255, 255, .6)); }
.f12-foot-bottom .footer-menu a:hover { color: #fff; }
.f12-top { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .2); color: #fff; margin-inline-start: auto; }
.f12-foot-mark { display: flex; align-items: flex-start; gap: clamp(16px, 3vw, 48px); max-width: var(--f12-max); margin-inline: auto; padding: clamp(24px, 3vw, 44px) var(--f12-g) 0; border-top: 1px solid rgba(255, 255, 255, .12); overflow: hidden; }
.f12-foot-chip { flex: none; width: clamp(56px, 11vw, 170px); aspect-ratio: 1; display: grid; place-items: center; background: var(--primary); color: var(--on-primary, #fff); font-size: clamp(1.6rem, 4vw, 4.4rem); margin-top: .6vw; }
.f12-giant-foot { color: #fff; margin-bottom: -.17em; font-size: clamp(4.5rem, calc(140vw / var(--gl, 6)), 26rem); }
.f12-foot-line strong.f12-foot-addr { font: 500 .95rem/1.4 var(--font-body); white-space: normal; }

/* ==========================================================================
   ÇEKİRDEK SAYFALARIN AİLE DİLİNE UYARLANMASI
   ========================================================================== */
.fam-doku .section { padding-block: clamp(48px, 6vw, 96px); }
.fam-doku .card, .fam-doku .card-pad, .fam-doku .widget, .fam-doku .quote-box, .fam-doku .faq-item, .fam-doku .testimonial-card, .fam-doku .team-card, .fam-doku .contact-cards > *, .fam-doku .feature-box { border-radius: 0; }
.fam-doku .card { box-shadow: none; border: 0; background: transparent; }
.fam-doku .card-media { border-radius: 0; aspect-ratio: 4 / 3; }
.fam-doku .card-body { padding: 16px 0 0; }
.fam-doku .card-title { font-size: 1.12rem; }
.fam-doku input, .fam-doku select, .fam-doku textarea { border-radius: 0; }
.fam-doku .widget { border: 1px solid var(--f12-line); box-shadow: none; }
.fam-doku .badge { border-radius: 0; }
.fam-doku .prose h2, .fam-doku .content h2 { font-size: clamp(1.5rem, 2.2vw, 2rem); }
.fam-doku .chip, .fam-doku .chips a { border-radius: 0; }
.fam-doku .pagination a, .fam-doku .pagination span { border-radius: 0; }
.fam-doku .cta-band:not(.f12-ctaband) { border-radius: 0; }
.fam-doku .grid-3 > .f12-card, .fam-doku .grid-4 > .f12-card, .fam-doku .grid > .f12-card { min-width: 0; }

/* Koleksiyon liste sayfası */
.fam-doku .cl-page, .fam-doku .cl-detail, .fam-doku .cl-blk { --cl-card: var(--bg); --cl-line: var(--f12-line); }
.fam-doku .cl-termbar { gap: 0 26px; border-bottom: 1px solid var(--f12-line); margin-bottom: 30px; }
.fam-doku .cl-term-chip { border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 12px 0; margin-bottom: -1px; background: none; color: var(--muted); font-weight: 500; min-height: 44px; }
.fam-doku .cl-term-chip:hover { color: var(--heading); }
.fam-doku .cl-term-chip.is-active { background: none; color: var(--heading); border-bottom-color: var(--primary); }
.fam-doku .cl-layout.has-filters { grid-template-columns: 260px minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); }
.fam-doku .cl-sidebar { border: 0; padding: 0; background: transparent; border-radius: 0; position: sticky; top: calc(var(--f12-top) + 90px); max-height: calc(100vh - var(--f12-top) - 110px); overflow: auto; }
.fam-doku .v-header-line .cl-sidebar, .v-header-line .fam-doku .cl-sidebar { top: 100px; }
.fam-doku .cl-fgroup { border-bottom-color: var(--f12-line); }
.fam-doku .cl-flabel { font-family: var(--font-head); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.fam-doku .cl-fopt { border-radius: 0; padding: 7px 4px; }
.fam-doku .cl-fopt input { accent-color: var(--f12-ink); border-radius: 0; }
.fam-doku .cl-fopt em { border-radius: 0; background: transparent; }
.fam-doku .cl-range-fill { background: var(--f12-ink); }
.fam-doku .cl-range-track input[type=range]::-webkit-slider-thumb { border-color: var(--f12-ink); }
.fam-doku .cl-toolbar { border-bottom: 1px solid var(--f12-line); padding-bottom: 14px; margin-bottom: 26px; }
.fam-doku .cl-sort select { border-radius: 0; }
.fam-doku .cl-active-chip { border-radius: 0; background: var(--f12-stone); color: var(--heading); }
.fam-doku .cl-active-chip:hover { background: var(--f12-ink); color: #fff; }
.fam-doku .cl-grid { gap: clamp(26px, 2.6vw, 38px) clamp(14px, 1.4vw, 22px); }
.fam-doku .cl-card.f12-clcard { border: 0; border-radius: 0; background: transparent; overflow: visible; box-shadow: none; transform: none; }
.fam-doku .cl-card.f12-clcard:hover { box-shadow: none; transform: none; }
.f12-clcard .f12-cmp { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2; margin: 0; }
.f12-clcard .f12-cmp span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; background: rgba(255, 255, 255, .94); color: var(--heading); font-size: .76rem; font-weight: 600; border-radius: 0; cursor: pointer; }
.f12-clcard .f12-cmp em { font-style: normal; }
.f12-clcard .f12-cmp input:checked + span { background: var(--f12-ink); color: #fff; }
.f12-clcard.cl-card-list .f12-card-a, .f12-clcard.cl-card-cards-wide .f12-card-a { flex-direction: row; gap: 24px; }
.f12-clcard.cl-card-list .f12-card-media, .f12-clcard.cl-card-cards-wide .f12-card-media { flex: 0 0 44%; aspect-ratio: 4 / 3; }
.f12-clcard.cl-card-cards-wide .f12-card-title { font-size: clamp(1.3rem, 2vw, 1.8rem); }
.f12-clcard.cl-card-cards-wide .f12-card-body, .f12-clcard.cl-card-list .f12-card-body { justify-content: center; padding: 0; border: 0; }
.fam-doku .cl-cmpbar { border-radius: 0; }
.fam-doku .cl-detail-grid { gap: clamp(28px, 4vw, 64px); }
.fam-doku .cl-gallery-main, .fam-doku .cl-gallery-thumbs button, .fam-doku .cl-gallery-main img { border-radius: 0; }
.fam-doku .cl-side-card { border-radius: 0; box-shadow: none; border: 1px solid var(--f12-line); background: var(--bg); }
.fam-doku .cl-side-card:first-child { background: var(--f12-stone); border-color: transparent; }
.fam-doku .cl-side-price { font-family: var(--font-head); }
.fam-doku .cl-badge-inline { border-radius: 0; background: var(--f12-ink); color: #fff; }
.fam-doku .cl-chip { border-radius: 0; background: var(--f12-stone); color: var(--heading); }
.fam-doku .cl-block-title, .fam-doku .cl-similar .cl-block-title { font-size: clamp(1.3rem, 2vw, 1.8rem); }
.fam-doku .cl-specs, .fam-doku .cl-specs td, .fam-doku .cl-specs th { border-radius: 0; }
.fam-doku .cl-cmp-table { border-radius: 0; }
.fam-doku .cl-badge { border-radius: 0; }

/* Araçlar, şubeler, dokümanlar, randevu, formlar */
.fam-doku .tl-box, .fam-doku .tl-card, .fam-doku .tl-out, .fam-doku .tl-field input, .fam-doku .tl-field select { border-radius: 0; }
.fam-doku .tl-card { box-shadow: none; border: 1px solid var(--f12-line); }
.fam-doku .br-card, .fam-doku .br-map, .fam-doku .br-toolbar, .fam-doku .br-search input, .fam-doku .br-toolbar select { border-radius: 0; }
.fam-doku .br-card { box-shadow: none; }
.fam-doku .br-type { border-radius: 0; }
.fam-doku .doc-card, .fam-doku .dc-card, .fam-doku .doc-row { border-radius: 0; box-shadow: none; }
.fam-doku .apt-wiz, .fam-doku .apt-opt, .fam-doku .apt-day, .fam-doku .apt-slot, .fam-doku .apt-ticket { border-radius: 0; }
.fam-doku .apt-wiz { --apt-radius: 0; box-shadow: none; }
.fam-doku .fb, .fam-doku .fb-input, .fam-doku .fb-choice-ui, .fam-doku .fb-submit { border-radius: 0; }
.fam-doku .cookie-bar, .fam-doku .popup-box { border-radius: 0; }


/* Menü kalabalık: 1081–1320 px arasında da çekmece menü (çekirdek 1080 kuralının aynısı) */
@media (min-width: 1081px) and (max-width: 1320px) {
  .fam-doku .f12-header .nav-toggle { display: flex; position: relative; z-index: 1001; }
  .fam-doku .f12-header .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; border: 0; }
  body.nav-open.fam-doku .f12-header .main-nav { transform: none; visibility: visible; box-shadow: -20px 0 40px rgba(0,0,0,.15); }
  body.nav-open.fam-doku { overflow: hidden; }
  .fam-doku .f12-header .main-nav .nav-menu { flex-direction: column; align-items: stretch; gap: 0; min-height: 0; }
  .fam-doku .f12-header .main-nav .nav-menu > li { border-bottom: 1px solid var(--border); }
  .fam-doku .f12-header .main-nav .nav-menu > li > a { padding: 14px 44px 14px 6px; color: #111 !important; text-transform: none; font-size: 1rem; }
  .fam-doku .f12-header .main-nav .nav-menu > li > a > i { display: none; }
  .fam-doku .f12-header .main-nav .submenu-toggle { display: grid; place-items: center; position: absolute; right: 0; top: 6px; width: 40px; height: 40px; border: 0; background: var(--surface); color: #111; }
  .fam-doku .f12-header .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; }
  .fam-doku .f12-header .main-nav li.sub-open > .submenu { display: block; }
  .fam-doku .f12-header .main-nav .nav-menu .submenu a { color: #333; }
  .fam-doku .f12-nav-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 20px 6px 0; }
  .fam-doku .f12-nav-extra .btn { width: 100%; justify-content: center; }
  .f12-nav-phone { color: #111; font-weight: 600; }
  .f12-h-bar .f12-actions, .f12-h-line .f12-actions { margin-inline-start: auto; }
  .f12-h-center .f12-hbar { flex-direction: row; }
  .f12-htop { display: flex; width: 100%; }
  .f12-htop-r { margin-inline-start: auto; }
}
/* Açık tek satır header: kısayol etiketleri yalnız geniş ekranda */
@media (max-width: 1560px) { .f12-h-line .f12-sc span { display: none; } .f12-h-line .f12-hcta { display: none; } .f12-h-line .f12-hbar { gap: 14px; } .fam-doku .f12-h-line .main-nav .nav-menu > li > a { padding-inline: 8px; font-size: .88rem; } .f12-h-line .f12-actions { gap: 0; } }

/* JS sığdırma kademeleri (theme.js, 1320px üstü): fit-1 etiketsiz kısayollar · fit-2 sıkı menü · fit-3 çekmece */
.f12-header.f12-fitting .main-nav, .f12-header.f12-fitting .main-nav * { transition: none !important; }
@media (min-width: 1321px) {
  .f12-header.fit-1 .f12-sc span { display: none; }
  .f12-header.fit-1 .f12-hcta { display: none; }
  .f12-header.fit-1 .f12-actions { gap: 0; }
  .f12-header.fit-2 .f12-hbar { gap: 12px; }
  .fam-doku .f12-header.fit-2 .main-nav .nav-menu > li > a { padding-inline: 6px; font-size: .8rem; }
  .fam-doku .f12-h-line.fit-2 .main-nav .nav-menu > li > a { font-size: .84rem; }
  .fam-doku .f12-header.fit-3 .nav-toggle { display: flex; position: relative; z-index: 1001; }
  .fam-doku .f12-header.fit-3 .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; border: 0; }
  body.nav-open.fam-doku .f12-header.fit-3 .main-nav { transform: none; visibility: visible; box-shadow: -20px 0 40px rgba(0,0,0,.15); }
  body.nav-open.fam-doku:has(.f12-header.fit-3) { overflow: hidden; }
  .fam-doku .f12-header.fit-3 .main-nav .nav-menu { flex-direction: column; align-items: stretch; gap: 0; min-height: 0; }
  .fam-doku .f12-header.fit-3 .main-nav .nav-menu > li { border-bottom: 1px solid var(--border); }
  .fam-doku .f12-header.fit-3 .main-nav .nav-menu > li > a { padding: 14px 44px 14px 6px; color: #111 !important; text-transform: none; font-size: 1rem; }
  .fam-doku .f12-header.fit-3 .main-nav .nav-menu > li > a > i { display: none; }
  .fam-doku .f12-header.fit-3 .main-nav .submenu-toggle { display: grid; place-items: center; position: absolute; right: 0; top: 6px; width: 40px; height: 40px; border: 0; background: var(--surface); color: #111; }
  .fam-doku .f12-header.fit-3 .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; }
  .fam-doku .f12-header.fit-3 .main-nav li.sub-open > .submenu { display: block; }
  .fam-doku .f12-header.fit-3 .main-nav .nav-menu .submenu a { color: #333; }
  .fam-doku .f12-header.fit-3 .f12-nav-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 20px 6px 0; }
  .fam-doku .f12-header.fit-3 .f12-nav-extra .btn { width: 100%; justify-content: center; }
  .f12-header.fit-3 .f12-nav-phone { color: #111; font-weight: 600; }
  .f12-header.fit-3 .f12-actions { margin-inline-start: auto; }
}

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width: 1400px) {
  .f12-h-bar .f12-sc span, .f12-h-line .f12-sc span { display: none; }
  .f12-h-bar .nav-menu > li > a { font-size: .8rem; }
}
@media (max-width: 1280px) {
  .f12-h-bar .nav-menu > li > a { font-size: .84rem; }
  .f12-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .f12-mosaic .f12-card:nth-child(n+7) { display: none; }
}
@media (max-width: 1080px) {
  body.v-header-bar { --f12-top: 100px; }
  .f12-h-bar .f12-hbar { top: 14px; height: 62px; padding: 0 8px 0 16px; }
  .f12-h-bar .f12-search { top: 84px; }
  .f12-nav-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 20px 6px 0; }
  .f12-nav-extra .btn { width: 100%; justify-content: center; }
  .f12-nav-phone { color: #111; font-weight: 600; }
  .f12-h-line .f12-hbar { min-height: 66px; }
  .f12-actions .f12-lang, .f12-htop-l .f12-hphone, .f12-hcta { display: none; }
  .f12-h-center .f12-hbar { flex-direction: row; }
  .f12-htop { display: flex; width: 100%; min-height: 66px; }
  .f12-htop-l { display: none; }
  .f12-h-center .f12-logo { justify-content: flex-start; }
  .f12-htop-r { margin-inline-start: auto; }
  .f12-h-center .main-nav { border-top: 0; }
  .fam-doku .main-nav .nav-menu > li > a { text-transform: none; font-size: 1rem; }
  .f12-feat-grid, .f12-logos-grid, .f12-tool-grid, .f12-rv-grid { grid-template-columns: minmax(0, 1fr); }
  .f12-feat-head { position: static; }
  .f12-tool.is-rev .f12-tool-txt { order: 0; }
  .f12-giant-unit { position: absolute; inset-inline-end: 0; top: 0; margin: 0; font-size: clamp(4rem, 14vw, 7rem); }
  .f12-rail { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
  .f12-rail-3 { grid-auto-columns: calc((100% - 16px) / 2); }
  .f12-cols-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .f12-foot-grid { grid-template-columns: minmax(0, 1fr); }
  .f12-foot-left { border-inline-end: 0; }
  .f12-foot-nl, .f12-foot-line, .f12-foot-right { padding-inline: var(--f12-g); }
  .fam-doku .cl-layout.has-filters { grid-template-columns: minmax(0, 1fr); }
  .fam-doku .cl-sidebar { position: fixed; max-height: none; top: 0; background: var(--bg); padding: 0 20px 20px; }
}
@media (max-width: 900px) {
  .f12-hs-grid, .f12-hk-top, .f12-hw-grid, .f12-index, .f12-apt-grid, .f12-docs-box, .f12-where-box { grid-template-columns: minmax(0, 1fr); }
  .f12-hs-media { aspect-ratio: 4 / 3; max-height: none; }
  .f12-hs-inset { display: none; }
  .f12-giant-split { margin-top: -.3em; }
  .f12-index-media { position: relative; top: auto; order: -1; aspect-ratio: 4 / 3; }
  .f12-appoint.is-rev .f12-apt-media { order: 0; }
  .f12-apt-media { aspect-ratio: 16 / 10; }
  .f12-docs-art { min-height: 300px; }
  .f12-where-map { min-height: 380px; }
  .f12-mos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-mos > * { grid-column: auto !important; grid-row: auto !important; }
  .f12-mos-lead, .f12-mos-img2 { grid-column: 1 / -1 !important; }
  .f12-mos-img { min-height: 200px; }
  .f12-mos-img1 { order: 1; } .f12-mos-stat1 { order: 2; } .f12-mos-img2 { order: 3; } .f12-mos-stat2 { order: 4; } .f12-mos-stat3 { order: 5; } .f12-mos-img3 { order: 6; } .f12-mos-stat4 { order: 7; }
  .f12-mos-img2 { min-height: 280px; }
  .f12-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 34vw, 240px); }
  .f12-gal-it:nth-child(6n+3) { grid-row: span 1; }
  .f12-gal-it:nth-child(6n+5), .f12-gal-it:nth-child(6n+6) { grid-column: span 1; }
  .f12-gal-it:nth-child(6n+4) { grid-column: span 2; }
  .f12-sw-row, .f12-sw-row.f12-n5, .f12-sw-row.f12-n4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .f12-steps, .f12-steps.f12-n3, .f12-steps.f12-n5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; }
  .f12-step:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
  .f12-feat-list, .f12-feat-list.f12-n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-posts .f12-post:nth-child(3) { display: none; }
  .f12-logo-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .f12-foot-big { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-foot-cols, .f12-foot-cols.f12-n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 40vw, 280px); }
  .f12-mosaic .is-tall { grid-row: span 1; }
  .f12-mosaic .f12-card:first-child { grid-column: 1 / -1; grid-row: span 1; }
  .f12-mosaic .f12-card:nth-child(n+6) { display: none; }
  .f12-hw-tile:nth-child(3n+2) { transform: none; }
  .f12-hg-cap { display: none; }
}
@media (max-width: 640px) {
  .f12-head { align-items: flex-start; }
  .f12-head-side { align-items: flex-start; }
  .f12-cols-4, .f12-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-rail, .f12-rail-3 { grid-auto-columns: 78%; }
  .f12-card-title { font-size: 1rem; }
  .f12-card-row { flex-direction: column; gap: 2px; }
  .f12-hero-giant { min-height: 600px; }
  .f12-hero-giant .f12-arrows { display: none; }
  .f12-hk-frame { aspect-ratio: 4 / 5; min-height: 0; }
  .f12-hk-cap { display: none; }
  .f12-hw-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .f12-hw-cap { padding: 18px 6px 6px; }
  .f12-hw-cap strong { font-size: .78rem; }
  .f12-hw-cap small { display: none; }
  .f12-hq .f12-hq-all { margin-inline-start: 0; }
  .f12-sw-row, .f12-sw-row.f12-n5, .f12-sw-row.f12-n4, .f12-sw-row.f12-n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-feat-list, .f12-feat-list.f12-n4, .f12-feat-list.f12-n2 { grid-template-columns: minmax(0, 1fr); }
  .f12-steps, .f12-steps.f12-n3, .f12-steps.f12-n5 { grid-template-columns: minmax(0, 1fr); }
  .f12-step { border-inline-start: 0; padding-inline-start: 0; }
  .f12-posts { grid-template-columns: minmax(0, 1fr); }
  .f12-posts .f12-post:nth-child(3) { display: flex; }
  .f12-post-img { aspect-ratio: 4 / 3; }
  .f12-pro-img { inset: 0; -webkit-mask-image: none; mask-image: none; opacity: .35; }
  .f12-pro-go { display: none; }
  .f12-banner-box { flex-direction: column; align-items: stretch; }
  .f12-banner-img { position: relative; aspect-ratio: 4 / 3; }
  .f12-banner-img img { position: absolute; }
  .f12-giant-banner { display: none; }
  .f12-logo-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f12-cover { width: 54%; }
  .f12-foot-big, .f12-foot-cols, .f12-foot-cols.f12-n3, .f12-foot-cols.f12-n2 { grid-template-columns: minmax(0, 1fr); }
  .f12-foot-line { grid-template-columns: auto minmax(0, 1fr); }
  .f12-foot-line em { display: none; }
  .f12-foot-bottom .footer-menu { flex-basis: 100%; }
  .f12-cta-box { padding: 26px 22px; }
  .f12-giant-unit { display: none; }
  .f12-where-stats { gap: 20px; }
  .f12-doc-type { display: none; }
  .f12-doc-list a { grid-template-columns: auto minmax(0, 1fr); }
  .f12-clcard.cl-card-list .f12-card-a, .f12-clcard.cl-card-cards-wide .f12-card-a { flex-direction: column; gap: 0; }
  .f12-clcard.cl-card-list .f12-card-media, .f12-clcard.cl-card-cards-wide .f12-card-media { flex: none; }
  .fam-doku .logo-text strong { font-size: 1.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
  .f12-logo, .fam-doku .f12-logo .site-logo, .fam-doku .f12-logo .logo-text { min-width: 0; }
  .f12-logo { flex: 1 1 auto; }
  .f12-actions .f12-sc:not(.f12-sc-search), .f12-htop-r .f12-sc:not(.f12-sc-search) { display: none; }
  .f12-h-bar .f12-hbar { left: 10px; right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .f12-card-media img, .f12-gal-img img, .f12-sw-img img, .f12-hg-slide, .f12-hk-slide, .f12-index-fig, .f12-pro-img img { transition: none !important; }
}

/* ==========================================================================
   SİTE DOKUNUŞLARI (site.php body_class)
   ========================================================================== */
.site-mervo .blk-hl { font-style: italic; color: var(--primary); }
.site-mervo .f12-giant { font-weight: 500; letter-spacing: -.035em; }
.site-mervo .f12-h1, .site-mervo .f12-title { letter-spacing: -.02em; }
.site-mervo .f12-h1 { font-weight: 400; }
.site-petrova .f12-giant, .site-petrova .f12-h1, .site-petrova .f12-title, .site-petrova h1, .site-petrova h2, .site-petrova h3 { font-weight: 400; letter-spacing: .005em; }
.site-petrova .f12-giant { letter-spacing: -.01em; }
.site-petrova .f12-eyebrow::before { transform: rotate(45deg); }
.site-petrova .logo-text strong { font-weight: 400; letter-spacing: .06em; text-transform: uppercase; font-size: 1.2rem; }
.site-evrena .f12-giant { font-weight: 800; }
.site-evrena .blk-hl { color: var(--primary); }