/* ==========================================================================
   Lezizhane — style.css
   Kaynak: web/tasarim/2026-10-tasarim-sistemi.md · v2 (2026-10-09): Tunet görsel dili
   (kırmızı header/footer, krem-beyaz dönüşümlü bantlar, ortalı BÜYÜK HARF serif başlıklar)
   İçindekiler: 0 Font · 1 Token · 2 Temel · 3 Yerleşim · 4 Butonlar · 5 Fotoğraf yerleri
   6 Header + menü · 7 Alt çubuk + WhatsApp · 8 Hero, giriş, formlar · 9 (boş) · 10 Ürün kartları
   11 Kesim haritası · 12 Sekmeler · 13 Süreç · 14 Tesis + soğuk zincir · 15 Belgeler
   16 (boş) · 17 Bayilik · 18 SSS · 19 Son CTA · 20 Footer
   ========================================================================== */

/* ---------- 0. Fontlar (self-host, latin + latin-ext) ---------- */
@font-face { font-family: "Young Serif"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/young-serif-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Young Serif"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/young-serif-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- 1. Token'lar ---------- */
:root {
  /* Ham renkler — Palet C */
  --renk-bordo: #8E1B2C;
  --renk-kirmizi: #C8102E;
  --renk-kirmizi-koyu: #A00D25;
  --renk-beyaz: #FFFFFF;
  --renk-kirik-beyaz: #FAF7F2;
  --renk-tas: #EFE9E1;
  --renk-krem: #F6F0E4;
  --renk-antrasit: #1F1A17;
  --renk-duman: #5C5552;
  --renk-whatsapp: #0F7A5C;
  --renk-whatsapp-koyu: #0B6B4F;
  --renk-basari: #1F6B3A;
  --renk-cizgi-ince: #D8D0C6;
  --renk-cizgi-form: #8A8179;
  --renk-yer-tutucu-metin: #6B6360;
  --renk-koyu-ikincil: #C4BCB4;
  /* Önizleme işareti (yalnız .yer-tutucu; antrasit yazı açık sarıda 15:1) */
  --renk-yer-isaret-zemin: #FFF0B3;
  --renk-yer-isaret-cizgi: #8A6A00;

  /* Anlamsal roller */
  --zemin: var(--renk-beyaz);
  --metin: var(--renk-antrasit);
  --metin-ikincil: var(--renk-duman);
  --metin-marka: var(--renk-bordo);
  --eylem: var(--renk-kirmizi);
  --eylem-hover: var(--renk-kirmizi-koyu);
  --eylem-metin: var(--renk-beyaz);
  --hata: var(--renk-kirmizi-koyu);
  --basari: var(--renk-basari);
  --odak: var(--renk-kirmizi);
  --odak-koyu-zemin: var(--renk-beyaz);
  --cizgi: var(--renk-cizgi-ince);
  --cizgi-etkilesim: var(--renk-cizgi-form);

  /* Tipografi */
  --font-baslik: "Young Serif", Georgia, "Times New Roman", serif;
  --font-govde: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --yazi-xs: 0.8125rem;
  --yazi-sm: 0.9375rem;
  --yazi-govde: 1rem;
  --yazi-lg: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
  --yazi-xl: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --yazi-h4: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --yazi-h3: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --yazi-h2: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --yazi-h1: clamp(2.125rem, 1.6rem + 2.6vw, 3.5rem);
  --agirlik-orta: 500;
  --satir-govde: 1.6;
  --satir-baslik: 1.15;
  --satir-sikici: 1.3;
  --iz-baslik: -0.005em;
  --satir-uzunlugu: 68ch;

  /* Boşluk */
  --bosluk-1: 0.25rem;
  --bosluk-2: 0.5rem;
  --bosluk-3: 0.75rem;
  --bosluk-4: 1rem;
  --bosluk-5: 1.25rem;
  --bosluk-6: 1.5rem;
  --bosluk-8: 2rem;
  --bosluk-10: 2.5rem;
  --bosluk-12: 3rem;
  --bosluk-16: 4rem;
  --bolum-aralik: clamp(3.5rem, 2.4rem + 4.5vw, 6.5rem);

  /* Yerleşim */
  --kap-max: 75rem;
  --kap-dar: 46rem;
  --kenar: 1.25rem;
  --boru: 1.25rem;
  --header-yuksekligi: 3.5rem;
  --alt-cubuk-yuksekligi: 4rem;
  --dokunma-min: 2.75rem;

  /* Radius */
  --radius-1: 2px;
  --radius-2: 6px;
  --radius-kart: 14px;
  --radius-gorsel: 20px;
  --radius-tam: 999px;

  /* Gölge */
  --golge-2: 0 6px 20px -6px rgb(31 26 23 / 0.22);

  /* Z-index */
  --z-yapiskan-kategori: 20;
  --z-header: 40;
  --z-wa-dugme: 50;
  --z-alt-cubuk: 60;
  --z-menu: 80;
  --z-cerez: 90;
  --z-atla-baglantisi: 100;

  /* Geçişler */
  --sure-hizli: 120ms;
  --sure-normal: 200ms;
  --sure-yavas: 320ms;
  --sure-harita: 1400ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Odak */
  --odak-kalinlik: 2px;
  --odak-bosluk: 2px;

  /* Bileşen token'ları */
  --buton-yukseklik: 3rem;
  --buton-yukseklik-kucuk: 2.75rem;
  --buton-padding-x: var(--bosluk-6);
  --girdi-yukseklik: 3rem;
  --girdi-kenar: 1px solid var(--cizgi-etkilesim);
  --foy-kenar: 1px solid var(--renk-cizgi-ince);
  --yer-tutucu-zemin: #EADFC9;
    --harita-cizgi: 3.2; /* SVG birimi; 360 px'te ≈1.5 px */
}
@media (min-width: 48em) { :root { --kenar: 1.5rem; --boru: 1.5rem; --harita-cizgi: 2.2; } }
@media (min-width: 64em) { :root { --kenar: 2rem; --boru: 2rem; --header-yuksekligi: 5rem; } }
@media (prefers-reduced-motion: reduce) {
  :root { --sure-hizli: 0ms; --sure-normal: 0ms; --sure-yavas: 0ms; --sure-harita: 0ms; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* ---------- 2. Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-yuksekligi) + var(--bosluk-4)); }
body { margin: 0; font-family: var(--font-govde); font-size: var(--yazi-govde); line-height: var(--satir-govde);
  color: var(--metin); background: var(--zemin); font-kerning: normal; text-rendering: optimizeLegibility;
  padding-bottom: calc(var(--alt-cubuk-yuksekligi) + env(safe-area-inset-bottom)); overflow-wrap: break-word; }
@media (min-width: 64em) { body { padding-bottom: 0; } }
body.menu-acik { overflow: hidden; }
h1, h2, h3 { font-family: var(--font-baslik); font-weight: 400; line-height: var(--satir-baslik); letter-spacing: var(--iz-baslik);
  color: var(--metin-marka); margin: 0 0 var(--bosluk-4); text-wrap: balance; }
h1 { font-size: var(--yazi-h1); } h2 { font-size: var(--yazi-h2); } h3 { font-size: var(--yazi-h3); }
h4 { font: 700 var(--yazi-h4)/var(--satir-sikici) var(--font-govde); margin: 0 0 var(--bosluk-2); }
p { margin: 0 0 var(--bosluk-4); max-width: var(--satir-uzunlugu); text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: var(--eylem); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { color: var(--eylem-hover); text-decoration-thickness: 2px; }
:focus-visible { outline: var(--odak-kalinlik) solid var(--odak); outline-offset: var(--odak-bosluk); }
img, svg { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atla { position: absolute; left: var(--bosluk-4); top: -4rem; z-index: var(--z-atla-baglantisi); background: var(--renk-beyaz); padding: var(--bosluk-3) var(--bosluk-4); font-weight: 700; }
.atla:focus { top: var(--bosluk-4); }
.ikon { width: 1.25rem; height: 1.25rem; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.ikon--dolu { fill: currentColor; stroke: none; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.baglanti-ok { display: inline-flex; align-items: center; gap: var(--bosluk-2); font-weight: 700; min-height: var(--dokunma-min); }
.baglanti-ok .ikon { width: 1rem; height: 1rem; stroke-width: 2.25; }
@media (hover: hover) { .baglanti-ok:hover .ikon { transform: translateX(3px); } }
.baglanti-ok .ikon { transition: transform var(--sure-normal) var(--ease); }

/* ---------- 3. Yerleşim ---------- */
.kap { width: 100%; max-width: calc(var(--kap-max) + 2 * var(--kenar)); margin-inline: auto; padding-inline: var(--kenar); }
.bolum { padding-block: var(--bolum-aralik); background: var(--zemin); }
.bolum--krem { background: var(--renk-krem); }
/* Bölüm başlıkları: ortalı, BÜYÜK HARF serif (html lang="tr" → i/ı doğru: İ, I) */
.bolum h2 { font-size: clamp(1.5rem, 1.15rem + 1.6vw, 2.5rem); text-transform: uppercase; text-align: center; letter-spacing: 0.01em; color: var(--metin); margin-inline: auto; max-width: 34ch; }
.bolum__giris { text-align: center; margin: 0 auto var(--bosluk-10); max-width: 48rem; }
.bolum__giris p { margin-inline: auto; color: var(--metin-ikincil); font-size: var(--yazi-lg); }
.bolum .buton-grup { margin-top: var(--bosluk-10); }
/* Yan yana düzen (metin + fotoğraf): başlık sola yaslı */
.yarim { display: grid; gap: var(--bosluk-8); align-items: center; }
.yarim__metin h2, .tesis__metin h2 { text-align: left; margin-inline: 0; }
.yarim__metin .buton-grup, .tesis__metin .buton-grup { margin-top: var(--bosluk-6); }
@media (min-width: 64em) { .yarim { grid-template-columns: 1fr 1fr; gap: var(--bosluk-16); } }

/* ---------- 4. Butonlar ---------- */
.buton { display: inline-flex; align-items: center; justify-content: center; gap: var(--bosluk-2);
  min-height: var(--buton-yukseklik); min-width: var(--dokunma-min); padding: 0 var(--buton-padding-x);
  font: 700 var(--yazi-govde)/1.2 var(--font-govde); text-decoration: none; text-align: center;
  border: 2px solid transparent; border-radius: var(--radius-2); cursor: pointer;
  transition: background-color var(--sure-normal) var(--ease), color var(--sure-normal) var(--ease), border-color var(--sure-normal) var(--ease); }
/* Kırmızı dolu: birincil ve WhatsApp (WhatsApp ikonuyla ayrışır) */
.buton--birincil, .buton--whatsapp { background: var(--eylem); color: var(--eylem-metin); }
.buton--ikincil { background: transparent; color: var(--eylem); border-color: var(--eylem); }
.buton--ters { background: var(--renk-beyaz); color: var(--renk-kirmizi); }
.buton--kucuk { min-height: var(--buton-yukseklik-kucuk); padding-inline: var(--bosluk-4); }
@media (hover: hover) {
  .buton--birincil:hover, .buton--whatsapp:hover { background: var(--renk-bordo); color: var(--renk-beyaz); }
  .buton--ikincil:hover { background: var(--eylem); color: var(--renk-beyaz); }
  .buton--ters:hover { background: var(--renk-krem); color: var(--renk-bordo); }
}
.buton[aria-disabled="true"], .buton:disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
.buton--blok { width: 100%; }
.buton-grup { display: flex; flex-direction: column; gap: var(--bosluk-3); align-items: stretch; }
@media (min-width: 30em) { .buton-grup { flex-direction: row; flex-wrap: wrap; align-items: center; } }
.buton-grup--ortali { justify-content: center; align-items: center; }
@media (max-width: 29.99em) { .buton-grup--ortali { align-items: stretch; } }

/* ---------- 5. Yer tutucular (önizleme sürümü; yayın öncesi grep: yer-tutucu, gorsel-yer) ---------- */
.yer-tutucu { background: var(--renk-yer-isaret-zemin); color: var(--renk-antrasit); border-bottom: 2px dashed var(--renk-yer-isaret-cizgi);
  padding: 0 0.3em; border-radius: var(--radius-1); font-weight: var(--agirlik-orta); font-style: normal;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; overflow-wrap: break-word; }
/* Fotoğraf yeri: sıcak bej zemin, ince diyagonal doku, ince iç çerçeve */
.gorsel-yer { position: relative; display: grid; place-items: center; aspect-ratio: var(--oran, 4 / 5);
  background-color: var(--yer-tutucu-zemin);
  background-image: repeating-linear-gradient(135deg, rgb(142 27 44 / .05) 0 2px, transparent 2px 16px);
  border-radius: var(--radius-kart); color: var(--metin-ikincil); font-size: var(--yazi-sm); text-align: center; padding: var(--bosluk-6) var(--bosluk-4); overflow: hidden; }
.gorsel-yer::before { content: ""; position: absolute; inset: var(--bosluk-3); border: 1px solid rgb(142 27 44 / .35); border-radius: calc(var(--radius-kart) - 6px); pointer-events: none; }
.gorsel-yer span { position: relative; max-width: 20rem; }
.gorsel-yer--yuvarlak { border-radius: var(--radius-gorsel); }
.gorsel-yer--yuvarlak::before { border-radius: 14px; }
.gorsel-yer--video { place-items: end center; padding-bottom: var(--bosluk-8); }
/* Fotoğrafı yerleşmiş alan (temsili stok görsel; gerçek çekim gelince yalnız dosya değişir) */
.gorsel-yer--dolu { padding: 0 !important; background: var(--yer-tutucu-zemin); }
.gorsel-yer--dolu::before { display: none; }
.gorsel-yer--dolu img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.oynat { position: absolute !important; inset: 0 0 18% 0; margin: auto; width: 5rem; height: 5rem; max-width: none !important; border-radius: var(--radius-tam);
  background: var(--eylem); color: var(--renk-beyaz); display: grid; place-items: center; box-shadow: var(--golge-2); }
.oynat .ikon { width: 2rem; height: 2rem; margin-left: 0.2rem; }

/* ---------- 6. Header (kırmızı, logo ortada) + menü ---------- */
.header { position: sticky; top: 0; z-index: var(--z-header); background: var(--eylem); color: var(--renk-beyaz); }
.header :focus-visible { outline-color: var(--odak-koyu-zemin); }
.header__ic { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--bosluk-3);
  min-height: var(--header-yuksekligi); transition: min-height var(--sure-normal) var(--ease); }
.header__sol { display: flex; align-items: center; justify-self: start; }
.header__sag { display: flex; align-items: center; justify-self: end; }
.header__tel { display: inline-flex; align-items: center; justify-content: center; width: var(--dokunma-min); height: var(--dokunma-min); color: var(--renk-beyaz); margin-left: -0.5rem; }
.header__tel .ikon { width: 1.5rem; height: 1.5rem; }
.marka { display: inline-flex; align-items: center; min-height: var(--dokunma-min); }
.marka img { height: 1.375rem; width: auto; }
.menu-dugme { display: inline-flex; align-items: center; justify-content: center; gap: var(--bosluk-2); min-height: var(--dokunma-min); min-width: var(--dokunma-min);
  padding: 0 var(--bosluk-2); background: transparent; border: 0; color: var(--renk-beyaz); font-weight: 700; }
.menu-dugme .ikon { width: 1.75rem; height: 1.75rem; }
.menu-dugme__yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mobil-menu__ust .menu-dugme { color: var(--renk-kirmizi); border: 2px solid var(--renk-kirmizi); border-radius: var(--radius-2); padding: 0 var(--bosluk-3); }
.mobil-menu__ust .menu-dugme__yazi { position: static; width: auto; height: auto; clip: auto; overflow: visible; }
.menu, .header__cta { display: none; }
@media (min-width: 64em) {
  .menu-dugme, .header__tel { display: none; }
  .marka img { height: 2.25rem; }
  .header--kucuk .header__ic { min-height: 4rem; }
  .menu { display: flex; align-items: center; gap: var(--bosluk-1); }
  .menu--sol { justify-content: flex-end; }
  .header__sol { padding-right: var(--bosluk-6); justify-self: end; }
  .header__sag { padding-left: var(--bosluk-6); justify-self: start; }
  .menu__oge { position: relative; display: flex; align-items: center; }
  .menu__link { display: inline-flex; align-items: center; min-height: var(--dokunma-min); padding: 0 var(--bosluk-2); white-space: nowrap;
    color: var(--renk-beyaz); font-weight: 700; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid transparent; }
  .menu__link:hover { color: var(--renk-beyaz); border-bottom-color: var(--renk-beyaz); }
  .menu__link[aria-current="page"] { border-bottom-color: var(--renk-beyaz); }
  .menu__alt-dugme { display: none; min-width: 2rem; min-height: var(--dokunma-min); padding: 0; background: transparent; border: 0; color: var(--renk-beyaz); align-items: center; justify-content: center; margin-left: -0.5rem; }
  .js .menu__alt-dugme { display: inline-flex; }
  .menu__alt-dugme .ikon { width: 1rem; height: 1rem; transition: transform var(--sure-normal) var(--ease); }
  .menu__alt-dugme[aria-expanded="true"] .ikon { transform: rotate(180deg); }
  .menu__panel { position: absolute; top: 100%; left: 0; min-width: 15rem; background: var(--renk-beyaz); box-shadow: var(--golge-2);
    border-radius: var(--radius-2); padding: var(--bosluk-2); }
  .menu__panel a { display: flex; align-items: center; min-height: var(--dokunma-min); padding: 0 var(--bosluk-3); color: var(--metin); text-decoration: none; font-weight: var(--agirlik-orta); border-radius: var(--radius-1); }
  .menu__panel a:hover { background: var(--renk-krem); color: var(--renk-kirmizi); }
  .menu__panel :focus-visible { outline-color: var(--odak); }
  .menu__panel[hidden] { display: none; }
}
@media (min-width: 75em) {
  .header__cta { display: inline-flex; margin-left: var(--bosluk-3); white-space: nowrap; }
  .menu__link { font-size: 0.8125rem; padding: 0 var(--bosluk-3); }
  .marka img { height: 2.5rem; }
}

.mobil-menu { position: fixed; inset: 0; z-index: var(--z-menu); background: var(--renk-beyaz); display: flex; flex-direction: column; overflow-y: auto; }
.mobil-menu[hidden] { display: none; }
.mobil-menu__ust { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--kenar); min-height: var(--header-yuksekligi); border-bottom: 1px solid var(--cizgi); }
.mobil-menu__liste { padding: var(--bosluk-2) var(--kenar); }
.mobil-menu__liste > li { border-bottom: 1px solid var(--cizgi); }
.mobil-menu__liste a, .mobil-menu__liste summary { display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem;
  font: 400 var(--yazi-h3)/1.2 var(--font-baslik); text-transform: uppercase; color: var(--metin); text-decoration: none; cursor: pointer; list-style: none; }
.mobil-menu__liste summary::-webkit-details-marker { display: none; }
.mobil-menu__liste details[open] summary .ikon { transform: rotate(180deg); }
.mobil-menu__alt { padding: 0 0 var(--bosluk-3) var(--bosluk-4); }
.mobil-menu__alt a { font: 500 var(--yazi-lg)/1.2 var(--font-govde); text-transform: none; color: var(--metin); min-height: var(--dokunma-min); }
.mobil-menu__eylem { display: grid; gap: var(--bosluk-3); padding: var(--bosluk-6) var(--kenar) var(--bosluk-8); margin-top: auto; }
@media (min-width: 64em) { .mobil-menu { display: none !important; } }
@media (prefers-reduced-motion: no-preference) { .mobil-menu:not([hidden]) { animation: belir var(--sure-normal) linear; } }
@keyframes belir { from { opacity: 0; } to { opacity: 1; } }

/* ---------- 7. Mobil alt çubuk + sabit WhatsApp ---------- */
.alt-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-alt-cubuk); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--bosluk-2);
  padding: var(--bosluk-2) var(--bosluk-3) calc(var(--bosluk-2) + env(safe-area-inset-bottom)); background: var(--renk-beyaz);
  border-top: 1px solid var(--cizgi); box-shadow: 0 -6px 20px -6px rgb(31 26 23 / 0.18); }
.alt-cubuk .buton--ikincil { color: var(--renk-kirmizi); border-color: var(--renk-kirmizi); }
.alt-cubuk .buton { min-height: 3rem; padding: 0 var(--bosluk-2); font-size: var(--yazi-sm); }
.alt-cubuk .buton--whatsapp { background: var(--renk-whatsapp); }
.menu-acik .alt-cubuk, body:has(:is(input, select, textarea):focus) .alt-cubuk { display: none; }
@media (min-width: 64em) { .alt-cubuk { display: none; } }
.alt-cubuk .buton { white-space: nowrap; min-width: 0; }
@media (max-width: 23.75em) { /* ≤380 px: 320 px'te üç etiket de sığsın */
  .alt-cubuk { gap: var(--bosluk-1); padding-inline: var(--bosluk-2); }
  .alt-cubuk .buton { padding: 0 var(--bosluk-1); gap: 0.25rem; font-size: var(--yazi-xs); }
  .alt-cubuk .ikon { width: 1.125rem; height: 1.125rem; }
}
.wa-dugme { display: none; }
@media (min-width: 64em) {
  .wa-dugme { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: var(--z-wa-dugme); display: inline-flex; align-items: center; gap: 0;
    height: 3.5rem; min-width: 3.5rem; padding: 0 1rem; background: var(--renk-whatsapp); color: var(--renk-beyaz); border-radius: var(--radius-tam);
    box-shadow: var(--golge-2); text-decoration: none; font-weight: 700; transition: background-color var(--sure-normal) var(--ease), opacity var(--sure-normal) var(--ease); }
  .wa-dugme .ikon { width: 1.75rem; height: 1.75rem; }
  .wa-dugme__etiket { max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width var(--sure-normal) var(--ease), margin var(--sure-normal) var(--ease); }
  .wa-dugme:focus-visible .wa-dugme__etiket { max-width: 12rem; margin-left: var(--bosluk-2); }
  .wa-dugme:hover { color: var(--renk-beyaz); }
  .wa-dugme.gizli { opacity: 0; pointer-events: none; }
}
@media (min-width: 64em) and (hover: hover) {
  .wa-dugme:hover { background: var(--renk-whatsapp-koyu); }
  .wa-dugme:hover .wa-dugme__etiket { max-width: 12rem; margin-left: var(--bosluk-2); }
}

/* Sabit telefon düğmesi (WhatsApp düğmesinin üstünde, ≥1024 px) */
.tel-dugme { display: none; }
@media (min-width: 64em) {
  .tel-dugme { position: fixed; right: 1.5rem; bottom: calc(1.5rem + 3.5rem + 0.75rem); z-index: var(--z-wa-dugme); display: inline-flex; align-items: center;
    height: 3.5rem; min-width: 3.5rem; padding: 0 1rem; background: var(--eylem); color: var(--renk-beyaz); border-radius: var(--radius-tam);
    box-shadow: var(--golge-2); text-decoration: none; font-weight: 700; transition: background-color var(--sure-normal) var(--ease), opacity var(--sure-normal) var(--ease); }
  .tel-dugme .ikon { width: 1.6rem; height: 1.6rem; stroke-width: 2; }
  .tel-dugme:hover { color: var(--renk-beyaz); }
  .tel-dugme:focus-visible .wa-dugme__etiket { max-width: 12rem; margin-left: var(--bosluk-2); }
  .tel-dugme.gizli { opacity: 0; pointer-events: none; }
}
@media (min-width: 64em) and (hover: hover) {
  .tel-dugme:hover { background: var(--renk-bordo, #8E1B2C); }
  .tel-dugme:hover .wa-dugme__etiket { max-width: 12rem; margin-left: var(--bosluk-2); }
}

/* ---------- 8. Hero (3 panel) + giriş bloğu + formlar ---------- */
.hero__paneller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; background: var(--renk-beyaz); }
.hero__panel { position: relative; }
.hero__panel:first-child { grid-column: 1 / -1; }
.hero .gorsel-yer { border-radius: 0; aspect-ratio: 1 / 1; padding-bottom: 4.5rem; }
.hero .gorsel-yer::before { inset: var(--bosluk-4); border-radius: 0; }
.hero__panel:first-child .gorsel-yer { aspect-ratio: 16 / 9; }
.hero__panel:not(:first-child) .gorsel-yer { aspect-ratio: 4 / 5; }
.hero__etiket { position: absolute; left: 50%; bottom: var(--bosluk-5); transform: translateX(-50%); margin: 0; width: max-content; max-width: calc(100% - 1.5rem);
  padding: 0.7rem 1.1rem; background: var(--eylem); color: var(--renk-beyaz); border-radius: var(--radius-1);
  font: 700 0.8125rem/1.25 var(--font-govde); letter-spacing: 0.06em; text-transform: uppercase; text-align: center; overflow-wrap: anywhere; }
@media (max-width: 47.99em) { .hero__etiket { padding: 0.6rem 0.6rem; letter-spacing: 0.03em; font-size: 0.75rem; } }
@media (min-width: 48em) {
  .hero__paneller { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero__panel:first-child { grid-column: auto; }
  .hero .gorsel-yer, .hero__panel:first-child .gorsel-yer { aspect-ratio: 4 / 5; max-height: 40rem; width: 100%; }
  .hero__etiket { font-size: 1rem; padding: 0.85rem 1.5rem; bottom: var(--bosluk-8); }
}
.giris { text-align: center; }
.giris h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem); color: var(--metin); max-width: 24ch; margin-inline: auto; }
.giris__alt { margin-inline: auto; font-size: var(--yazi-lg); color: var(--metin-ikincil); max-width: 44rem; }
.giris .buton-grup { margin-top: var(--bosluk-6); }
.giris__ara { margin: var(--bosluk-4) auto 0; color: var(--metin-ikincil); }
.giris__ara a { font-weight: 700; }
.onaylar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bosluk-3) var(--bosluk-8); margin: var(--bosluk-10) 0 var(--bosluk-12); }
.onaylar li { display: inline-flex; align-items: center; gap: var(--bosluk-2); font-weight: 700; text-align: left; }
.onaylar .ikon { color: var(--eylem); stroke-width: 3; width: 1.25rem; height: 1.25rem; }
.ozellikler { display: grid; gap: var(--bosluk-8) var(--bosluk-6); }
@media (min-width: 40em) { .ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .ozellikler { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ozellikler li { display: grid; justify-items: center; align-content: start; gap: var(--bosluk-2); }
.ozellikler .ikon { width: 3rem; height: 3rem; color: var(--eylem); stroke-width: 1.5; margin-bottom: var(--bosluk-2); }
.ozellikler strong { font: 400 var(--yazi-xl)/1.2 var(--font-baslik); color: var(--metin); }
.ozellikler li > span { color: var(--metin-ikincil); font-size: var(--yazi-sm); line-height: 1.55; max-width: 18rem; }

.kart { background: var(--renk-beyaz); color: var(--metin); border-radius: var(--radius-kart); box-shadow: var(--golge-2); padding: var(--bosluk-6); }
.teklif-kart { max-width: 36rem; margin-inline: auto; background: var(--renk-krem); box-shadow: none; padding: var(--bosluk-6); }
@media (min-width: 48em) { .teklif-kart { padding: var(--bosluk-10); } }
.form-not { font-size: var(--yazi-xs); color: var(--metin-ikincil); margin: 0 0 var(--bosluk-4); }
.alan { display: grid; gap: var(--bosluk-1); margin-bottom: var(--bosluk-4); }
.alan label { font-size: var(--yazi-sm); font-weight: 700; }
.alan input, .alan select { width: 100%; min-height: var(--girdi-yukseklik); padding: 0 var(--bosluk-3); font-size: 1rem; background: var(--renk-beyaz);
  border: var(--girdi-kenar); border-radius: var(--radius-2); color: var(--metin); }
.alan input::placeholder { color: var(--renk-yer-tutucu-metin); }
@media (hover: hover) { .alan input:hover, .alan select:hover { border-color: var(--metin-ikincil); } }
.alan input:focus, .alan select:focus { border-color: var(--odak); box-shadow: 0 0 0 1px var(--odak); }
.alan :is(input, select)[aria-invalid="true"] { border-color: var(--hata); box-shadow: 0 0 0 1px var(--hata); }
.alan__hata { color: var(--hata); font-size: var(--yazi-sm); }
.onay { display: grid; gap: var(--bosluk-2); margin: var(--bosluk-4) 0; }
.onay__kutu { display: flex; align-items: flex-start; gap: var(--bosluk-3); min-height: var(--dokunma-min); font-size: var(--yazi-sm); cursor: pointer; }
.onay__kutu input { appearance: none; flex: none; width: 1.5rem; height: 1.5rem; margin: 0.125rem 0 0; border: var(--girdi-kenar); border-radius: var(--radius-1); background: var(--renk-beyaz); display: grid; place-content: center; }
.onay__kutu input::after { content: ""; width: 0.75rem; height: 0.4rem; border-left: 2.5px solid var(--renk-beyaz); border-bottom: 2.5px solid var(--renk-beyaz); transform: rotate(-45deg) translate(1px, -1px); opacity: 0; }
.onay__kutu input:checked { background: var(--eylem); border-color: var(--eylem); }
.onay__kutu input:checked::after { opacity: 1; }
.onay__not { font-size: var(--yazi-xs); color: var(--metin-ikincil); margin: 0 0 var(--bosluk-2) 2.25rem; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-durum { margin: var(--bosluk-4) 0 0; padding: var(--bosluk-3); background: var(--renk-beyaz); border-left: 4px solid var(--eylem); font-size: var(--yazi-sm); font-weight: 700; }
.form-durum[hidden] { display: none; }

/* ---------- 9. (Güven şeridi → bölüm 8'deki .ozellikler) ---------- */

/* ---------- 10. (boş: ürün kartları urunler.css içindeki .foy bileşenine taşındı) ---------- */
/* ---------- 11. Kesim haritası ---------- */
.harita__sahne { display: grid; gap: var(--bosluk-6); margin-bottom: var(--bosluk-6); max-width: 64rem; margin-inline: auto; }
@media (min-width: 64em) { .harita__sahne { grid-template-columns: 7fr 5fr; align-items: start; gap: var(--bosluk-8); } }
.harita__svg { width: 100%; height: auto; touch-action: manipulation; }
.harita__svg { border-radius: var(--radius-kart); }
.harita__svg .cizgi { fill: transparent; stroke: #FFF4E6; stroke-opacity: .9; stroke-width: var(--harita-cizgi); stroke-linejoin: round; stroke-linecap: round; transition: fill var(--sure-normal) var(--ease); }
/* Koyu halo: çizgilerin altında ayrı katman (fotoğrafın açık yerlerinde seçilebilsin); tıklamayı etkilemez */
.harita__svg .halolar { pointer-events: none; }
.harita__svg .cizgi-halo { fill: none; stroke: rgb(31 26 23 / .55); stroke-width: calc(var(--harita-cizgi) * 2.6); stroke-linejoin: round; stroke-linecap: round; }
.harita__svg .bolge { cursor: pointer; pointer-events: all; }
.harita__svg .bolge__daire { fill: var(--renk-beyaz); stroke: var(--renk-bordo); stroke-width: 2; }
.harita__svg .bolge__no { fill: var(--renk-bordo); font: 700 15px var(--font-govde); text-anchor: middle; dominant-baseline: central; pointer-events: none; }
.harita__svg .bolge.is-hover .cizgi, .harita__svg .bolge:hover .cizgi { fill: rgb(255 244 230 / .22); stroke-width: calc(var(--harita-cizgi) * 1.5); }
.harita__svg .bolge.is-secili .cizgi { fill: rgb(200 16 46 / .62); stroke: var(--renk-beyaz); stroke-width: calc(var(--harita-cizgi) * 1.4); }
.harita__svg .bolge.is-secili .bolge__daire { fill: var(--eylem); stroke: var(--renk-beyaz); }
.harita__svg .bolge.is-secili .bolge__no { fill: var(--renk-beyaz); }
.harita__panel { background: var(--renk-beyaz); border-radius: var(--radius-kart); padding: var(--bosluk-5); }
.harita__panel h3 { color: var(--renk-bordo); font: 400 var(--yazi-h3)/var(--satir-sikici) var(--font-baslik); letter-spacing: 0; margin: 0 0 var(--bosluk-2); text-wrap: wrap; }
.harita__panel ul { display: grid; gap: var(--bosluk-1); margin-bottom: var(--bosluk-4); }
.harita__panel ul a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); font-weight: 700; }
.harita__panel p { color: var(--metin-ikincil); }
.harita__eylem { display: flex; flex-wrap: wrap; gap: var(--bosluk-3); }
.harita__liste { max-width: 64rem; margin-inline: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-2); margin-bottom: var(--bosluk-6); }
@media (min-width: 48em) { .harita__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.harita__liste a, .harita__bolge-dugme { display: flex; align-items: center; gap: var(--bosluk-2); width: 100%; min-height: var(--dokunma-min); padding: 0 var(--bosluk-3);
  background: var(--renk-beyaz); border: var(--girdi-kenar); border-radius: var(--radius-2); color: var(--metin); text-decoration: none; font-weight: var(--agirlik-orta); text-align: left; }
.harita__liste .no { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; flex: none; border: 1px solid var(--renk-bordo); border-radius: var(--radius-tam); color: var(--renk-bordo); font-size: var(--yazi-xs); font-weight: 700; }
@media (hover: hover) { .harita__liste a:hover, .harita__bolge-dugme:hover { border-color: var(--renk-bordo); color: var(--renk-bordo); } }
.harita__bolge-dugme[aria-pressed="true"] { background: var(--renk-bordo); border-color: var(--renk-bordo); color: var(--renk-beyaz); font-weight: 700; }
.harita__bolge-dugme[aria-pressed="true"] .no { background: var(--eylem); border-color: var(--renk-beyaz); color: var(--renk-beyaz); }
/* Çizim animasyonu: yalnız JS açıkken ve hareket kısıtı yokken */
@media (prefers-reduced-motion: no-preference) {
  .js .harita:not(.harita--ciz) :is(.cizgi, .cizgi-halo) { stroke-dasharray: 1; stroke-dashoffset: 1; }
  .js .harita:not(.harita--ciz) .bolge__daire, .js .harita:not(.harita--ciz) .bolge__no { opacity: 0; }
  .js .harita--ciz .cizgi { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset var(--sure-harita) var(--ease) calc(var(--i, 0) * 80ms), fill var(--sure-normal) var(--ease); }
  .js .harita--ciz .cizgi-halo { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset var(--sure-harita) var(--ease) calc(var(--i, 0) * 80ms); }
  .js .harita--ciz .bolge__daire, .js .harita--ciz .bolge__no { transition: opacity 200ms linear var(--sure-harita); }
}

/* Çiftlikten mutfağınıza bandı (ana sayfa) */
.ciftlik-bant { background: var(--renk-bordo); color: var(--renk-beyaz); text-align: center; }
.ciftlik-bant h2 { color: var(--renk-beyaz); text-transform: uppercase; }
.ciftlik-bant p { max-width: 44rem; margin: 0 auto var(--bosluk-6); color: rgb(255 255 255 / .9); }
.ciftlik-bant__adimlar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bosluk-2) 0; margin: 0 auto var(--bosluk-8); padding: 0; list-style: none; font-weight: 700; }
.ciftlik-bant__adimlar li { display: inline-flex; align-items: center; }
.ciftlik-bant__adimlar li + li::before { content: "→"; margin-inline: var(--bosluk-3); opacity: .7; font-weight: 400; }

/* ---------- 12. Sekmeler (sektörler) ---------- */
.sekmeler__liste { display: none; }
.js .sekmeler__liste { display: flex; gap: var(--bosluk-2); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: var(--bosluk-2); margin: 0 calc(-1 * var(--kenar)) var(--bosluk-6); padding-inline: var(--kenar); scrollbar-width: none; }
.js .sekmeler__liste::-webkit-scrollbar { display: none; }
@media (min-width: 48em) { .js .sekmeler__liste { flex-wrap: wrap; overflow: visible; margin-inline: 0; padding-inline: 0; } }
.sekme { flex: none; scroll-snap-align: start; min-height: var(--dokunma-min); padding: 0 1.25rem; background: var(--renk-beyaz); color: var(--metin); border: var(--girdi-kenar); border-radius: var(--radius-tam); font-weight: var(--agirlik-orta); white-space: nowrap; }
@media (hover: hover) { .sekme:hover { border-color: var(--eylem); } }
.sekme[aria-selected="true"] { background: var(--eylem); border-color: var(--eylem); color: var(--renk-beyaz); font-weight: 700; }
.sekme-panel { display: grid; gap: var(--bosluk-6); padding-block: var(--bosluk-6); border-top: 1px solid var(--cizgi); }
.js .sekme-panel { border-top: 0; padding-top: 0; }
.sekme-panel[hidden] { display: none; }
.sekme-panel h3 { font-size: var(--yazi-h3); color: var(--metin); }
.sekme-panel .gorsel-yer { border-radius: var(--radius-gorsel); }
.js .sekmeler__liste { justify-content: flex-start; }
@media (min-width: 48em) { .js .sekmeler__liste { justify-content: center; } }
.sekme-panel ul.maddeler { display: grid; gap: var(--bosluk-2); margin-bottom: var(--bosluk-5); }
.sekme-panel ul.maddeler li { padding-left: var(--bosluk-5); position: relative; }
.sekme-panel ul.maddeler li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 0.75rem; height: 2px; background: var(--eylem); }
.sekme-panel .urun-linkler { display: flex; flex-wrap: wrap; gap: var(--bosluk-2) var(--bosluk-5); margin-bottom: var(--bosluk-6); }
.sekme-panel .urun-linkler a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); font-weight: 700; }
@media (min-width: 48em) { .sekme-panel { grid-template-columns: 5fr 7fr; align-items: start; gap: var(--bosluk-8); } }
@media (prefers-reduced-motion: no-preference) { .sekme-panel:not([hidden]) { animation: belir var(--sure-normal) linear; } }

/* ---------- 13. Süreç ---------- */
.surec { counter-reset: adim; display: grid; gap: var(--bosluk-6); margin-bottom: var(--bosluk-8); }
.surec li { counter-increment: adim; position: relative; padding-left: 4rem; }
.surec li::before { content: counter(adim); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--radius-tam); background: var(--eylem); color: var(--renk-beyaz); font-weight: 700; }
.surec li:not(:last-child)::after { content: ""; position: absolute; left: 1.15rem; top: 3rem; bottom: calc(-1 * var(--bosluk-6) + 0.5rem); width: 2px; background: var(--eylem); }
.surec h3 { font: 700 var(--yazi-h4)/1.25 var(--font-govde); color: var(--metin); margin: 0.35rem 0 var(--bosluk-2); }
.surec p { color: var(--metin-ikincil); margin: 0; }
@media (min-width: 64em) {
  .surec { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--boru); }
  .surec li { padding: 3.5rem 0 0; }
  .surec li:not(:last-child)::after { left: 3.25rem; top: 1.15rem; bottom: auto; width: auto; height: 2px; right: calc(0.75rem - var(--boru)); }
}

/* ---------- 14. Tesis/video + soğuk zincir ---------- */
.tesis { display: grid; gap: var(--bosluk-8); align-items: center; }
@media (min-width: 64em) { .tesis { grid-template-columns: 7fr 5fr; gap: var(--bosluk-16); } }
.tesis .gorsel-yer { border-radius: var(--radius-gorsel); aspect-ratio: 16 / 10; }
.zincir__adimlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-4); }
@media (min-width: 64em) { .zincir__adimlar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bosluk-5); } }
.zincir__adimlar li { display: grid; align-content: start; justify-items: center; gap: var(--bosluk-2); text-align: center; font-size: var(--yazi-sm); }
.zincir__adimlar .gorsel-yer { width: 100%; margin-bottom: var(--bosluk-2); }
.zincir__adimlar strong { font: 400 var(--yazi-xl)/1.2 var(--font-baslik); text-transform: uppercase; letter-spacing: 0.02em; color: var(--metin); }

/* ---------- 15. Belgeler ---------- */
.belgeler { position: relative; display: flex; gap: var(--bosluk-4); overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 calc(-1 * var(--kenar)) var(--bosluk-6); padding: 0 var(--kenar) var(--bosluk-3); }
.belge { flex: 0 0 min(15rem, 72%); scroll-snap-align: start; border: var(--foy-kenar); border-radius: var(--radius-kart); padding: var(--bosluk-3); background: var(--renk-beyaz); }
.belge .gorsel-yer { margin-bottom: var(--bosluk-3); }
.belge h3 { font: 700 var(--yazi-govde)/1.3 var(--font-govde); color: var(--metin); margin-bottom: var(--bosluk-2); }
.belge dl { margin: 0 0 var(--bosluk-2); font-size: var(--yazi-sm); color: var(--metin-ikincil); }
.belge dd { margin: 0 0 var(--bosluk-1); }
@media (min-width: 64em) { .belgeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 44rem; overflow: visible; margin-inline: auto; padding-inline: 0; } .belge { flex: none; } }
.belge__gorsel { display: block; } .belge__gorsel:hover { opacity: .92; }

/* ---------- 16. Hakkında (Tunet "uzmanlık" düzeni: bölüm 3'teki .yarim) ---------- */

/* ---------- 17. Bayilik: ikonlu madde satırı ---------- */
.bayi__maddeler { display: flex; flex-wrap: wrap; gap: var(--bosluk-3) var(--bosluk-6); margin-top: var(--bosluk-8); }
.bayi__maddeler li { display: inline-flex; align-items: center; gap: var(--bosluk-2); font-weight: var(--agirlik-orta); font-size: var(--yazi-sm); }
.bayi__maddeler .ikon { width: 1.75rem; height: 1.75rem; color: var(--eylem); stroke-width: 1.5; }

/* ---------- 18. SSS ---------- */
.sss { max-width: var(--kap-dar); margin-inline: auto; border-top: 1px solid var(--renk-cizgi-ince); }
.sss details { border-bottom: 1px solid var(--renk-cizgi-ince); }
.sss summary { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-4); min-height: 3.5rem; padding-block: var(--bosluk-2);
  font-weight: 700; font-size: var(--yazi-lg); list-style: none; cursor: pointer; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary .ikon { transition: transform var(--sure-normal) var(--ease); }
.sss details[open] summary { color: var(--eylem); }
.sss details[open] summary .ikon { transform: rotate(45deg); }
.sss details > div { padding: 0 0 var(--bosluk-5); }
.sss details > div p { margin: 0; }

/* ---------- 19. Son CTA ---------- */
.son-cta { text-align: center; }
.son-cta p { margin-inline: auto; font-size: var(--yazi-lg); color: var(--metin-ikincil); }
.son-cta__tel { justify-content: center; font-weight: 700; font-size: var(--yazi-lg); display: inline-flex; align-items: center; min-height: var(--dokunma-min); padding-inline: var(--bosluk-3); }

/* ---------- 20. Footer (kırmızı, beyaz metin) ---------- */
.footer { background: var(--eylem); color: var(--renk-beyaz); padding-block: var(--bosluk-16) var(--bosluk-6); font-size: var(--yazi-sm); }
.footer a, .footer p { color: var(--renk-beyaz); }
.footer a:hover { color: var(--renk-beyaz); text-decoration-thickness: 2px; }
.footer :focus-visible { outline-color: var(--odak-koyu-zemin); }
.footer__izgara { display: grid; gap: var(--bosluk-8); margin-bottom: var(--bosluk-8); }
@media (min-width: 48em) { .footer__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .footer__izgara { grid-template-columns: 5fr 2fr 2fr 3fr; } }
.footer__baslik { font: 700 var(--yazi-sm)/1.3 var(--font-govde); text-transform: uppercase; letter-spacing: 0.08em; color: var(--renk-beyaz); margin: 0 0 var(--bosluk-3); }
.footer img { height: 2.5rem; width: auto; margin-bottom: var(--bosluk-4); }
.footer .slogan { font-weight: 700; }
.footer ul { display: grid; gap: var(--bosluk-1); }
.footer ul a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); }
.footer address { font-style: normal; display: grid; gap: var(--bosluk-2); }
.footer address a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); }
.footer__alt { border-top: 1px solid rgb(255 255 255 / .35); padding-top: var(--bosluk-5); display: flex; flex-wrap: wrap; align-items: center; gap: var(--bosluk-1) var(--bosluk-5); font-size: var(--yazi-sm, .875rem); }
/* Solda telif + imza, sağda yasal linkler; mobilde alt alta */
.footer__telif { order: -2; }
.footer__imza { order: -1; }
.footer__alt a:first-of-type { margin-left: auto; }
@media (max-width: 47.99em) {
  .footer__alt { flex-direction: column; align-items: flex-start; }
  .footer__alt a:first-of-type { margin-left: 0; }
  .footer__telif, .footer__imza { order: 1; }
}
.footer__alt a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); }

/* Footer sosyal medya ikonları */
.footer__sosyal { display: flex; flex-wrap: wrap; gap: var(--bosluk-3); align-items: center; margin-top: var(--bosluk-5); }
.footer .sosyal-ikon, .sosyal-ikon { display: inline-grid; padding: 0; min-height: 0; place-items: center; width: 2.75rem; height: 2.75rem; border: 1.5px solid rgb(255 255 255 / .7); border-radius: var(--radius-tam); color: var(--renk-beyaz); text-decoration: none; transition: background-color var(--sure-normal) var(--ease), color var(--sure-normal) var(--ease); }
.sosyal-ikon .ikon { width: 1.35rem; height: 1.35rem; }
.sosyal-ikon:hover, .sosyal-ikon:focus-visible { background: var(--renk-beyaz); color: var(--renk-kirmizi); }
/* Hesabı henüz verilmemiş sosyal medya (yayın öncesi href doldurulacak veya kaldırılacak) */
.sosyal-ikon--bekliyor { border-style: dashed; opacity: .6; cursor: default; }
.sosyal-ikon--bekliyor:hover { background: transparent; color: var(--renk-beyaz); }
/* Kurucu notu (ana sayfada da kullanılır) */
.kurucu-not { margin: 0 0 var(--bosluk-3); padding: var(--bosluk-4) var(--bosluk-6); border-left: 4px solid var(--eylem); background: var(--renk-beyaz); border-radius: 0 var(--radius-2) var(--radius-2) 0; font-size: var(--yazi-lg); font-family: var(--font-baslik); }
.kurucu-not p { margin: 0; }

/* Tesis tanıtım filmi (yalnızca oynat'a basılınca yüklenir: preload="none") */
.tanitim-video { border-radius: var(--radius-gorsel); overflow: hidden; background: #000; aspect-ratio: 1920 / 968; width: 100%; }
.tanitim-video video { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Ana sayfa kurucu portresi: dikey, fazla büyümesin */
.kurucu-portre { max-width: 26rem; width: 100%; justify-self: center; margin-inline: auto; }

/* Ajans imzası (footer alt satırı) */
.footer__imza { opacity: .75; }
@media (min-width: 48em) { .footer__imza::before { content: "·"; margin-right: var(--bosluk-5); opacity: .8; } }