/* ==========================================================================
   FEYZ DIGITAL — v8 bileşenleri (12 Ekim 2026)
   Taban: styles.css ("Sıcak Otorite": Fraunces + Inter, krem/mürekkep/kil). Yeni renk ya da yazı YOK;
   yalnız mevcut tokenlar. Tek boşluk ölçeği: 8'in katları (24/32/48/72/96). Tek içerik genişliği: 1328 px.
   ========================================================================== */
:root {
  --ic: 1328px;
  --b-bolum: 96px;
  --b-ara: 48px;
  --clay-metin: #9A4A2E;   /* küçük kil yazı: krem üstünde ≥ 4,5:1 (#B85C3C 4,03 kalır yalnız büyük rakamlarda) */
}
.form-field input:focus-visible, .form-field textarea:focus-visible, .form-field select:focus-visible { outline: 2px solid var(--color-clay); outline-offset: 2px; }
.ic { max-width: var(--ic); margin: 0 auto; }
.section > .ic > :last-child { margin-bottom: 0; }

/* --- erişilebilirlik --- */
:focus-visible { outline: 2px solid var(--color-clay); outline-offset: 3px; }
.atla { position: absolute; left: -9999px; top: 8px; background: var(--color-ink); color: var(--color-cream); padding: 10px 16px; z-index: 200; }
.atla:focus { left: 8px; }
.nav-links a[aria-current="page"] { color: var(--color-ink); font-weight: 500; border-bottom: 0.5px solid var(--color-ink); padding-bottom: 2px; }

/* --- sayfa başı --- */
.sayfa-bas { padding: 88px var(--container-padding-x) 72px; }
.sayfa-bas .ic { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 56px; align-items: end; }
.yol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 28px; font-size: 12px; color: var(--color-mute); }
.yol li + li::before { content: "/"; margin-right: 8px; color: var(--color-line-mid); }
.yol a { color: var(--color-mute); text-decoration: none; }
.yol a:hover { color: var(--color-ink); }
.giris { font-size: 18px; line-height: 1.65; color: var(--color-ink-soft); max-width: 600px; margin: 0; }
.giris + .giris { margin-top: 16px; }
.yan-alinti { justify-self: end; text-align: right; max-width: 300px; }
.yan-alinti p { font-family: var(--font-serif); font-style: italic; font-size: 17px; line-height: 1.5; margin: 0 0 16px; }
.yan-alinti span { display: inline-block; border-top: 0.5px solid var(--color-clay); padding-top: 12px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); }

/* --- açılış sayfası üst bloğu (14 Eki, reklam zemini Ş1/Ş2): WhatsApp düğmesi + iki gerçek iş ---
   Görsel: gorsel/<iş>-telefon-1200.webp sahnesinden tek telefonun üst kısmı. Sahne 1200 px; pencere 340 px genişlik
   (telefon 285 px + pay), 3:4. --odak = telefonun sahnedeki yatay merkezi (üreteçte BAS_ISLER). */
.sayfa-bas.acilis .ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 56px; }
.acilis .bas-sonra { grid-column: 1; }
.acilis .yan-alinti { grid-column: 2; }
.bas-eylem { margin-top: 32px; }
.bas-isler { grid-column: 2; grid-row: 1; align-self: end; justify-self: end; width: 100%; max-width: 480px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.bas-isler-baslik { grid-column: 1 / -1; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); }
.bas-is { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; align-items: center; padding: 10px 14px 10px 10px; background: var(--color-cream-deep); text-decoration: none; color: inherit; }
.bas-is-gorsel { position: relative; display: block; overflow: hidden; aspect-ratio: 3 / 4; }
.bas-is-gorsel img { position: absolute; top: -2%; left: calc((170 - var(--odak, 600)) / 340 * 100%); width: 352.9%; max-width: none; height: auto; }
.bas-is-metin b { display: block; font-family: var(--font-serif); font-weight: 400; font-size: 19px; line-height: 1.2; }
.bas-is-metin small { display: block; margin-top: 6px; font-size: 12px; line-height: 1.45; color: var(--color-ink-mute); }
a.bas-is:hover b { font-style: italic; }

/* --- ana sayfa girişi --- */
.giris-blok { padding: 112px var(--container-padding-x) 96px; }
.giris-blok .ic { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 56px; }
.giris-blok .h-display { margin-bottom: 40px; }
.eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 48px; }

/* --- iş görselleri (şeffaf zeminli 2400x1500 sahneler; kırpılmaz) --- */
.gorsel-blok { margin: 0; }
.gorsel-blok img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; display: block; }
.gorsel-blok figcaption { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12px; letter-spacing: 0.06em; color: var(--color-mute); padding-top: 20px; border-top: 0.5px solid var(--color-line-mid); margin-top: 24px; }
.is-vitrin { margin-top: 48px; background: var(--color-cream-deep); padding: 40px 48px 28px; }
.is-galeri { background: transparent; }
.uclu-bolum { padding-top: 0; }

/* --- bölüm başlığı --- */
.bas-blok { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: end; margin-bottom: var(--b-ara); }
.bas-blok .h2 { margin: 0; }
.bas-blok p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--color-ink-mute); }

/* --- üçlü direk (ana sayfa) --- */
.uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0.5px solid var(--color-line); border-bottom: 0.5px solid var(--color-line); }
.uclu > div { padding: 40px 32px 44px; border-right: 0.5px solid var(--color-line); }
.uclu > div:first-child { padding-left: 0; }
.uclu > div:last-child { border-right: 0; }
.rakam { font-family: var(--font-serif); font-weight: 300; font-size: 36px; color: var(--color-clay); line-height: 1; margin-bottom: 20px; }
.uclu h3, .hucre h3 { font-family: var(--font-serif); font-weight: 400; font-size: 22px; line-height: 1.25; margin: 0 0 10px; }
.uclu p, .hucre p { font-size: 14px; line-height: 1.65; color: var(--color-ink-mute); margin: 0; }

/* --- 19 Eki: üç hizmet grubu (ana sayfa) — .uclu sütunları + altında hizmet bağlantıları --- */
.uclu-grup > div { display: flex; flex-direction: column; }
/* 5/2/2 bağlantı dengesizliği (2. puanlama): Grup 01 tam genişlikte, bağlantıları iki sütun; 02 ve 03 altında yan yana */
.uclu.uclu-grup { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.uclu-grup > div:first-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0.5px solid var(--color-line); padding-right: 0; }
.uclu-grup > div:first-child .grup-bag { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
.uclu-grup > div:nth-child(2) { padding-left: 0; }
.grup-bag { list-style: none; padding: 0; margin: 24px 0 0; border-top: 0.5px solid var(--color-line); }
.grup-bag a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 10px 0; border-bottom: 0.5px solid var(--color-line); font-size: 14px; line-height: 1.4; color: var(--color-ink); text-decoration: none; }
.grup-bag a span { color: var(--clay-metin); transition: transform 0.2s ease; }
.grup-bag a:hover span, .grup-bag a:focus-visible span { transform: translateX(3px); }

/* --- 19 Eki: kapanış kartının "devam" sürümü (iş, rehber ve yaklaşım sayfaları) --- */
.kart-yol ul { list-style: none; padding: 0; margin: 0; }
.kart.kart-yol li { display: block; padding: 0; border-bottom: 0; }
.kart-yol li a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 12px 0; border-bottom: 0.5px solid var(--color-line-mid); font-size: 15px; line-height: 1.45; color: var(--color-ink); text-decoration: none; }
.kart-yol li a span { color: var(--clay-metin); }

/* --- 19 Eki: beş sütunlu adım dizisi (yayından önceki kontroller) --- */
.adimlar.adim-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.adimlar.adim-5 .adim { padding: 36px 24px 40px; }
.adimlar.adim-5 .adim:first-child { padding-left: 0; }
.adimlar.adim-5 .adim:last-child { padding-right: 0; }
.adimlar.adim-5 .adim h3 { font-size: 22px; }
.adimlar.adim-5 .adim:last-child .adim-no { background: var(--clay-metin); }

/* --- bant --- */
.bant { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 22px var(--container-padding-x); border-bottom: 0.5px solid var(--color-line); font-size: 13px; color: var(--color-ink-soft); }
.bant .ic { width: 100%; display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.bant em { font-family: var(--font-serif); color: var(--color-mute); }

/* --- satır listesi (hizmetler) --- */
.satirlar { border-top: 0.5px solid var(--color-line-mid); }
.satir { display: grid; grid-template-columns: 72px minmax(0, 4fr) minmax(0, 5fr) 150px; gap: 32px; align-items: baseline; padding: 36px 0; border-bottom: 0.5px solid var(--color-line-mid); text-decoration: none; color: inherit; }
.satir .rakam { font-size: 28px; margin: 0; }
.satir h3 { font-family: var(--font-serif); font-weight: 300; font-size: 32px; line-height: 1.12; letter-spacing: -0.01em; margin: 0; }
.satir p { font-size: 15px; line-height: 1.65; color: var(--color-ink-mute); margin: 0; }
.satir .git { justify-self: end; font-size: 13px; border-bottom: 0.5px solid var(--color-ink); padding-bottom: 3px; white-space: nowrap; }
a.satir:hover h3 { font-style: italic; }

/* --- iş satırları --- */
.isler-liste { border-top: 0.5px solid var(--color-line-mid); }
.is-satir { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; padding: 56px 0; border-bottom: 0.5px solid var(--color-line-mid); }
.is-satir:nth-child(even) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.is-satir:nth-child(even) .is-gorsel { order: -1; }
.is-no { font-family: var(--font-serif); font-size: 40px; font-weight: 300; color: var(--color-clay); line-height: 1; margin-bottom: 20px; }
.is-yer { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-mute); margin-bottom: 10px; }
.is-ad { font-family: var(--font-serif); font-size: 40px; font-weight: 300; line-height: 1.08; letter-spacing: -0.01em; margin: 0; }
.is-ad a { text-decoration: none; }
.is-ad a:hover { font-style: italic; }
.is-ne { font-size: 15px; line-height: 1.65; color: var(--color-ink-mute); max-width: 440px; margin: 18px 0 16px; }
.is-etiket { font-family: var(--font-serif); font-style: italic; font-size: 14px; color: var(--clay-metin); margin-bottom: 24px; }
.is-baglar { display: flex; flex-wrap: wrap; gap: 24px; }
.is-gorsel { display: block; aspect-ratio: 16 / 10; transition: transform 0.4s ease; }
a.is-gorsel:hover { transform: translateY(-4px); }
.is-gorsel img { width: 100%; height: 100%; object-fit: contain; }

/* --- hücre ızgaraları (ilkeler, disiplinler, haftalar, çıktılar) --- */
.izgara { display: grid; border-top: 0.5px solid var(--color-line-mid); border-left: 0.5px solid var(--color-line-mid); }
.izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.izgara-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hucre { padding: 36px 32px 40px; border-right: 0.5px solid var(--color-line-mid); border-bottom: 0.5px solid var(--color-line-mid); }
.hucre .roma { display: block; font-family: var(--font-serif); font-style: italic; font-size: 15px; color: var(--clay-metin); margin-bottom: 14px; }
.hucre .etiket { display: block; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); margin-bottom: 14px; }
.hucre ul { list-style: none; padding: 0; margin: 14px 0 0; font-size: 14px; line-height: 1.65; color: var(--color-ink-mute); }
.hucre li { padding: 6px 0; border-top: 0.5px solid var(--color-line); }
.hucre li:first-child { border-top: 0; }

/* --- süreç adımları --- */
.adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0.5px solid var(--color-line-mid); }
.adim { padding: 40px 32px 44px; border-right: 0.5px solid var(--color-line-mid); }
.adim:first-child { padding-left: 0; }
.adim:last-child { border-right: 0; padding-right: 0; }
.adim-no { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--clay-metin); color: var(--color-cream); font-family: var(--font-serif); font-size: 18px; margin-bottom: 24px; }
.adim:last-child .adim-no { background: var(--color-ink); }
.adim h3 { font-family: var(--font-serif); font-weight: 400; font-size: 26px; line-height: 1.2; margin: 0 0 12px; }
.adim > p { font-size: 15px; line-height: 1.65; color: var(--color-ink-mute); margin: 0 0 20px; }
.adim dl { margin: 0; display: grid; gap: 14px; }
.adim dt { font-family: var(--font-serif); font-style: italic; font-size: 13px; color: var(--clay-metin); margin-bottom: 4px; }
.adim dd { margin: 0; font-size: 14px; line-height: 1.6; color: var(--color-ink-mute); }

/* --- ayna (çalıştığımız / olmayan) --- */
.ayna { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.ayna h3 { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-size: 15px; color: var(--clay-metin); margin: 0 0 16px; padding-bottom: 14px; border-bottom: 0.5px solid var(--color-line-mid); }
.ayna ul { list-style: none; padding: 0; margin: 0; }
.ayna li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 14px 0; border-bottom: 0.5px solid var(--color-line); font-size: 15px; line-height: 1.6; color: var(--color-ink-soft); }
.ayna li::before { content: "→"; color: var(--color-clay); }
.ayna .olmayan li::before { content: "×"; color: var(--color-mute); }

/* --- sık sorulanlar --- */
.sss { border-top: 0.5px solid var(--color-line-mid); }
.sss details { border-bottom: 0.5px solid var(--color-line-mid); }
.sss summary { display: grid; grid-template-columns: 56px 1fr 24px; gap: 16px; align-items: baseline; padding: 28px 0; cursor: pointer; list-style: none; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary .no { font-family: var(--font-serif); font-style: italic; font-size: 14px; color: var(--clay-metin); }
.sss summary .soru { font-family: var(--font-serif); font-size: 22px; line-height: 1.3; }
.sss summary::after { content: "+"; font-family: var(--font-serif); font-size: 24px; line-height: 1; color: var(--color-clay); justify-self: end; }
.sss details[open] summary::after { content: "−"; }
.sss .cevap { padding: 0 40px 28px 72px; font-size: 15px; line-height: 1.7; color: var(--color-ink-mute); max-width: 860px; }
.sss .cevap p { margin: 0 0 10px; }

/* --- olgu tablosu (iş sayfası) --- */
.olgular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 0.5px solid var(--color-line-mid); border-bottom: 0.5px solid var(--color-line-mid); margin: 0; }
.olgular div { padding: 24px 24px 24px 0; }
.olgular div + div { padding-left: 24px; border-left: 0.5px solid var(--color-line-mid); }
.olgular dt { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); margin-bottom: 8px; }
.olgular dd { margin: 0; font-family: var(--font-serif); font-size: 18px; line-height: 1.35; }
.olgular a { text-decoration: none; border-bottom: 0.5px solid var(--color-ink); }

/* --- iki sütun metin --- */
.iki { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
.iki .h2 { margin: 0; }
.iki p { font-size: 16px; line-height: 1.7; color: var(--color-ink-soft); margin: 0 0 16px; max-width: 640px; }
.iki ul.duz { margin: 8px 0 0; padding: 0; list-style: none; max-width: 640px; }
.iki ul.duz li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 12px 0; border-bottom: 0.5px solid var(--color-line); font-size: 15px; line-height: 1.6; color: var(--color-ink-soft); }
.iki ul.duz li::before { content: "→"; color: var(--color-clay); }

/* --- ilçeler --- */
.ilceler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; border-top: 0.5px solid var(--color-line-mid); }
.ilceler li { font-family: var(--font-serif); font-size: 20px; padding: 18px 0; border-bottom: 0.5px solid var(--color-line-mid); }

/* --- son çağrı --- */
.cta-blok .ic { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 72px; align-items: start; }
.cta-blok .h1 { margin-bottom: 28px; }
.cta-blok .giris { margin-bottom: 0; }
.kart { background: var(--color-cream-deep); padding: 36px 36px 32px; }
.kart .baslik { font-family: var(--font-serif); font-style: italic; font-size: 14px; color: var(--clay-metin); margin-bottom: 20px; }
.kart ol { list-style: none; padding: 0; margin: 0; }
.kart li { display: grid; grid-template-columns: 36px 1fr; padding: 14px 0; border-bottom: 0.5px solid var(--color-line-mid); font-size: 14px; line-height: 1.55; color: var(--color-ink-soft); }
.kart li span { font-family: var(--font-serif); font-style: italic; color: var(--clay-metin); }
.kart .alt-not { font-family: var(--font-serif); font-style: italic; font-size: 13px; color: var(--color-ink-mute); margin-top: 20px; }
.iletisim-satir { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px; padding-top: 24px; border-top: 0.5px solid var(--color-line-mid); }
.iletisim-satir div { display: grid; gap: 6px; }
.iletisim-satir span { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); }
.iletisim-satir a, .iletisim-satir b { font-family: var(--font-serif); font-weight: 400; font-size: 18px; text-decoration: none; }

/* --- sonraki iş --- */
.sonraki { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; align-items: baseline; }
.sonraki a { font-family: var(--font-serif); font-weight: 300; font-size: 40px; text-decoration: none; }
.sonraki a:hover { font-style: italic; }

/* --- iletişim: kapsam seçenekleri (açılır liste yerine; name="butce" aynı) --- */
.secim { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.form-field .cip, .cip { position: relative; cursor: pointer; display: inline-block; margin: 0; font-family: var(--font-sans); font-style: normal; font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--color-ink-soft); }
.cip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cip span { font-family: var(--font-sans); font-style: normal; display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border: 0.5px solid var(--color-line-mid); background: var(--color-cream); font-size: 14px; line-height: 1.4; color: var(--color-ink-soft); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
.cip:hover span { border-color: var(--color-ink); }
.cip input:checked + span { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-cream); }
.cip input:checked + span::before { content: "✓"; margin-right: 8px; font-size: 12px; }
.cip input:focus-visible + span { outline: 2px solid var(--color-clay); outline-offset: 2px; }

/* --- WhatsApp: ikonlar ve sabit balon --- */
.whatsapp-icon { width: 18px; height: 18px; fill: currentColor; flex: 0 0 auto; }
.wa-fab { background: #178A45; width: 56px; height: 56px; box-shadow: 0 8px 24px -6px rgb(26 31 26 / .35); }
.wa-fab:hover { background: #12703A; }
.wa-fab svg { width: 28px; height: 28px; display: block; }

/* --- alt bilgi: üç sütun (İşler sütunu kalktı) --- */
@media (min-width: 769px) { .footer-grid { grid-template-columns: 2fr 1fr 1fr; } }

/* --- rehber tablosu (18 Eki): .olgular ve .sss ile aynı dil — kılcal çizgi, serif satır başı, büyük harfli küçük başlık --- */
.tablo-sar { max-width: 100%; }
.tablo { width: 100%; border-collapse: collapse; border-top: 0.5px solid var(--color-line-mid); }
.tablo th, .tablo td { text-align: left; vertical-align: top; padding: 22px 32px 22px 0; border-bottom: 0.5px solid var(--color-line-mid); font-size: 15px; line-height: 1.6; color: var(--color-ink-soft); }
.tablo thead th { font-weight: 400; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-mute); padding-top: 16px; padding-bottom: 16px; }
.tablo tbody th { width: 26%; font-family: var(--font-serif); font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--color-ink); }
.tablo td:last-child { padding-right: 0; }

/* --- 404 --- */
.yok { min-height: 50vh; }

/* ==========================================================================
   Duyarlı: tablet (≤1100) ve telefon (≤768). Kolon sayısı yalnız eşit bölünecek şekilde düşer (orantısızlık yok).
   ========================================================================== */
@media (max-width: 1100px) {
  .satir { grid-template-columns: 56px minmax(0, 1fr) 130px; }
  .satir p { grid-column: 2 / 3; }
  .izgara-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .izgara-3.uc-kalir { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .olgular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .olgular div:nth-child(3) { padding-left: 0; border-left: 0; }
  .olgular div:nth-child(n+3) { border-top: 0.5px solid var(--color-line-mid); }
  .adimlar.adim-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
  .adimlar.adim-5 .adim { padding: 28px 0; border-right: 0; border-bottom: 0.5px solid var(--color-line-mid); }
}
@media (max-width: 768px) {
  :root { --b-bolum: 56px; --b-ara: 32px; }
  .sayfa-bas { padding: 48px 24px 40px; }
  .sayfa-bas .ic, .giris-blok .ic, .bas-blok, .iki, .cta-blok .ic, .ayna { grid-template-columns: 1fr; gap: 24px; }
  .yan-alinti { justify-self: start; text-align: left; }
  .giris { font-size: 16px; }
  .giris-blok { padding: 56px 24px 48px; }
  .eylem { gap: 20px; margin-top: 32px; }
  .vitrin { padding: 0 0 56px; }
  .vitrin figure { padding: 24px 16px 16px; }
  .uclu, .adimlar { grid-template-columns: 1fr; }
  .uclu > div, .adim { padding: 28px 0; border-right: 0; border-bottom: 0.5px solid var(--color-line); }
  .uclu > div:last-child, .adim:last-child { border-bottom: 0; }
  .adimlar.adim-5 { grid-template-columns: 1fr; }
  .grup-bag a, .kart-yol li a { font-size: 15px; }
  .uclu-grup > div:first-child .grup-bag { grid-template-columns: 1fr; }
  .uclu-grup > div:first-child { border-bottom: 0.5px solid var(--color-line); }
  .satir { grid-template-columns: 44px minmax(0, 1fr); gap: 8px 16px; padding: 28px 0; }
  .satir p, .satir .git { grid-column: 2 / 3; justify-self: start; }
  .satir h3 { font-size: 26px; }
  .is-satir, .is-satir:nth-child(even) { grid-template-columns: 1fr; gap: 20px; padding: 36px 0; }
  .is-satir .is-gorsel { order: -1; }
  .is-ad { font-size: 32px; }
  .izgara-2, .izgara-3, .izgara-3.uc-kalir, .izgara-4 { grid-template-columns: 1fr; }
  .hucre { padding: 28px 20px 30px; }
  .sss summary { grid-template-columns: 36px 1fr 20px; padding: 22px 0; }
  .sss summary .soru { font-size: 18px; }
  .sss .cevap { padding: 0 0 22px 52px; }
  .olgular { grid-template-columns: 1fr; }
  .olgular div, .olgular div + div { padding: 18px 0; border-left: 0; }
  .olgular div + div { border-top: 0.5px solid var(--color-line-mid); }
  .ilceler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ilceler li { font-size: 17px; }
  .kart { padding: 28px 22px 24px; }
  .iletisim-satir { gap: 24px; }
  .sonraki a { font-size: 30px; }
  .is-vitrin { margin-top: 32px; padding: 20px 12px 16px; }
  .is-galeri img { aspect-ratio: 4 / 5; }
  .gorsel-blok figcaption { font-size: 11px; margin-top: 16px; padding-top: 14px; }
  .is-baglar { flex-direction: column; gap: 14px; align-items: flex-start; }
  .is-gorsel { margin: 0 -8px; }
  .tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tablo tr { display: block; padding: 20px 0; border-bottom: 0.5px solid var(--color-line-mid); }
  .tablo th, .tablo td { display: block; padding: 0; border: 0; }
  .tablo tbody th { width: auto; font-size: 19px; }
  .tablo td::before { content: attr(data-baslik); display: block; margin: 14px 0 4px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-mute); }
  .secim { flex-direction: column; }
  .cip span { width: 100%; min-height: 48px; }
  .eylem .btn { width: 100%; justify-content: space-between; }
  .bas-eylem { margin-top: 24px; }
  .bas-eylem .btn { width: 100%; justify-content: space-between; }
  .sayfa-bas.acilis .ic { grid-template-columns: 1fr; gap: 24px; }
  .bas-isler, .acilis .bas-sonra, .acilis .yan-alinti { grid-column: auto; grid-row: auto; justify-self: stretch; max-width: none; gap: 8px; }
  .acilis .yan-alinti { justify-self: start; max-width: 300px; }
  .bas-isler-baslik { font-size: 12px; letter-spacing: 0.14em; }
  /* sağda 64 px: sabit WhatsApp balonu ilk ekranda kartın üstüne gelir, metnin üstüne binmesin */
  .bas-is { grid-template-columns: 54px minmax(0, 1fr); gap: 14px; padding: 8px 64px 8px 8px; }
  .bas-is-metin b { font-size: 17px; }
  .bas-is-metin small { margin-top: 4px; }
  .site-nav.is-open .nav-links { gap: 0; }
  .site-nav.is-open .nav-links a { display: block; font-size: 17px; padding: 12px 0; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-links { line-height: 1.5; }
  .footer-links a { display: inline-block; padding: 8px 0; }
  .footer-bottom { padding-bottom: 76px; }
  .wa-fab { width: 52px; height: 52px; right: 16px; bottom: 16px; }
  .back-to-top { bottom: 80px; right: 22px; }
  .wa-fab svg { width: 26px; height: 26px; }
  /* dokunma alanları ≥ 44 px (görünüm aynı; negatif kenar boşluğu yerleşimi korur) */
  .nav-logo { display: inline-flex; align-items: center; min-height: 44px; margin: -14px 0; }
  .nav-toggle { width: 44px; height: 44px; align-items: center; justify-content: center; margin: -11px -11px -11px 0; }
  .btn-link, .channel-link { display: inline-flex; align-items: flex-end; min-height: 44px; margin-top: -18px; padding-bottom: 5px; }
  .yol a { display: inline-block; padding: 14px 0; margin: -14px 0; }
  .footer-links a { padding: 11px 0; }
  .iletisim-satir a, .olgular dd a { display: inline-block; padding: 9px 0; margin: -9px 0; }
  .iki ul.duz li a { display: block; padding: 10px 0; margin: -10px 0; }
  .is-ad a { display: inline-block; padding: 3px 0; }
  .footer-address a { display: inline-block; padding: 9px 0; margin: -6px 0; }
  .legal-toc a { display: inline-block; padding: 10px 0; margin: -10px 0; }
  .legal-info-value a { display: inline-block; padding: 13px 0; margin: -13px 0; }
  button.btn[value="form"] { min-height: 44px; padding: 10px 0 !important; }
  /* küçük etiketler telefonda okunur boyda (mevcut 9-11 px) */
  .eyebrow-text { font-size: 12px; letter-spacing: 0.14em; }
  .is-yer, .olgular dt, .iletisim-satir span, .footer-heading, .label-mute, .hucre .etiket, .channel-label, .brief-stat-label, .gorsel-blok figcaption, .yan-alinti span { font-size: 12px; }
  .whatsapp-meta, .brief-disclaimer, .kart .alt-not { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* --- çerez tercihi (18 Eki): altbilgi alt satırında KVKK bağlantısının yanında; bağlantı görünümünde düğme.
   olcum.js [data-cerez-tercih] tıklamasında kayıtlı tercihi siler, sayfayı yeniler, bant yeniden açılır. --- */
.cerez-tercih { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: var(--color-mute-dark); cursor: pointer; text-align: left; }
.cerez-tercih:hover, .cerez-tercih:focus-visible { color: var(--color-cream); }
@media (max-width: 768px) { .cerez-tercih { display: inline-block; padding: 11px 0; } }