@charset "utf-8";
/* KIRILMA SÖZLEŞMESİ (30.09.2026) — yalnız üç eşik:
   1024 → tablet yatay / dar dizüstü: çok sütun 2'ye ya da 1'e iner, üst menü burger'a geçer
    760 → tablet dikey: tek sütun
    520 → telefon: tam genişlik düğme, gizli yardımcı metinler
   Yeni eşik eklenmez; tests/tasarim_sozlesme_test.php a) savı kilitler. */
/* ═══════════════════════════════════════════════════════════════════════
   AirTools — tasarım sistemi "Düğüm" v3.0
   Claude · 01.08.2026 · vardiya AT-V-20260801-13
   ───────────────────────────────────────────────────────────────────────
   Dil: ÇİFT TONLU OMURGA.
     KAĞIT  — açık zemin, anlatım ve güven bölümleri
     MAKİNE — koyu lacivert zemin, ürünün kendisini gösteren kanıt bölümleri
   Biçim kaynağı logodur: daireler (düğüm) + yuvarlatılmış çizgiler (bağlantı).
   Bu dosya SİTENİN TAMAMINI biçimlendirir; ana sayfa dışındaki sayfaların
   (araçlar, iletişim, giriş, yasal, yönetim) sınıfları §14'te korunur.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Yazı tipi ─────────────────────────────────────────────────────── */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format('woff2')}

/* ── 2. Belirteçler ───────────────────────────────────────────────────── */
:root{
  /* marka — logo setinden birebir */
  --navy:#0A2A8F;
  --blue:#2F6BF2;
  --blue2:#3A75F5;
  --blue-metin:#2A62E4;  /* 19.08: acik zeminde kucuk yazi — 4.19 → 4.76 (WCAG AA) */
  --light:#8FB0FF;

  /* KAĞIT modu */
  --paper:#FFFFFF;
  --paper2:#F4F7FF;
  --ink:#0C1B3F;
  --ink2:#4E5D80;
  --ink3:#5F6B84;   /* 19.08: 3.38 → 4.98 kontrast (WCAG AA). 30.09: tint üstünde 4,47 → 4,81 (paper 5,35 · paper2 5,00) */
  --line:#DEE7FA;
  --tint:#EDF3FF;
  --tint2:#E1EAFF;

  /* MAKİNE modu */
  --deep:#061642;
  --deep2:#0A2478;
  --deep3:#0C34AE;
  --deep-line:rgba(143,176,255,.20);
  --deep-ink:#FFFFFF;
  --deep-ink2:#BACDFF;
  --deep-fill:rgba(143,176,255,.09);

  /* durum */
  --ok:#0D833F; --warn:#B45309; --bad:#DC2626; --wa:#25D366;
  --wa-koyu:#1DB458;
  --ok-ink:#0B7A3C; --ok-acik:#8FF0B8; --ok-bg:#E7F7EE; --ok-cizgi:#BCE7CE;
  --warn-bg:#FEF3C7; --warn-ink:#92400E; --warn-cizgi:#F5D9A8; --warn-zemin:#FFFBF3;
  --bad-bg:#FDECEC; --bad-ink:#9B1C1C; --bad-cizgi:#F6C9C9;
  --siyah:#000; --print-muted:#555; --gri-zemin:#F5F6F9;
  --deep-mid:#08205F; --slate:#F1F5F9; --dama:#E8EEFC;

  /* ölçü */
  --gutter:clamp(1.25rem,4vw,2.5rem);
  --maxw:1180px;
  --sec-y:clamp(3.75rem,7.5vw,6.75rem);
  /* S-01 aralık ölçeği (30.09.2026): var olan en sık değerler; göç ±2 px yuvarlama.
     Ölçeğin dışında kalan (1.75 · 2.25 · 3.25rem) bilerek ham bırakıldı — dalga 3. */
  --a-0:.25rem; --a-1:.5rem; --a-2:.75rem; --a-3:1rem; --a-3h:1.25rem;
  --a-4:1.5rem; --a-5:2rem; --a-5h:2.5rem; --a-6:3rem;
  /* S-14 bölüm dikey ritmi: --sec-y bant ailesinin bölüm arası (60–108 px);
     kabuk içi alt bölümler bu dört kademeden birini alır */
  --sec-y-xs:clamp(1.5rem,3vw,2.5rem);      /* 24–40 */
  --sec-y-s:clamp(2.25rem,4.5vw,3.25rem);   /* 36–52 */
  --sec-y-sm:clamp(2.25rem,4.5vw,3.75rem);  /* 36–60 — .hizmet-bas üst; dalga 3'te s ile birleşir */
  --sec-y-m:clamp(2.5rem,5vw,4rem);         /* 40–64 */
  --sec-y-l:clamp(3rem,7vw,4.5rem);         /* 48–72 */
  --sec-y-xl:clamp(3rem,6vw,5rem);          /* 48–80 — .gate alt; dalga 3'te l ile birleşir */
  /* S-02 tipografi ölçeği + S-10 iki başlık rolü */
  --fs-mikro:.75rem;
  --fs-etiket:.8125rem;
  --fs-kucuk:.875rem;
  --fs-ikincil:.9375rem;
  --fs-govde:1.0625rem;
  --fs-kart:1.1875rem;  /* 19 px: ≥1.1× gövde (17) — rehber giriş paragrafı + yasal H3 (K30/K31) */
  --fs-lead:clamp(1.06rem,1rem + .45vw,1.28rem);
  --fs-h2-kart:clamp(1.35rem,1.15rem + .8vw,1.75rem);
  --fs-h2:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);
  --fs-h2-vitrin:clamp(1.85rem,1.2rem + 2.4vw,3.05rem);
  --fs-h1:clamp(1.6rem,1.2rem + 1.7vw,2.5rem);                 /* belge: legal, kimlik, iletişim, tools, 404, yönetim */
  --fs-h1-vitrin:clamp(2.35rem,1.35rem + 4.1vw,4.35rem);       /* vitrin: ana sayfa, hizmet, rehber dizini */
  --r-xs:10px; --r-sm:14px; --r:20px; --r-lg:28px; --r-xl:36px;
  --radius:20px;                 /* eski sayfalar bu adı kullanıyor */

  /* gölge — lacivert tonlu, gri değil */
  --sh1:0 1px 2px rgba(10,32,90,.05), 0 4px 12px rgba(10,32,90,.05);
  --sh2:0 2px 4px rgba(10,32,90,.04), 0 16px 36px rgba(10,32,90,.10);
  --sh3:0 30px 70px rgba(6,22,66,.34);

  /* hareket */
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ── ESKİ AD TAKMALARI — SİLMEYİN ────────────────────────────────────
     assets/landing.css (iletişim sayfası ve /tools/<arac>/ tanıtım
     sayfaları) bu adları kullanıyor ve kendi :root'u YOK. Bunlar
     kaldırılırsa o sayfalarda metin renkleri çöker. Ölçüm 01.08.2026:
     landing.css → --muted ×11, --line ×10, --blue ×8, --navy ×6,
     --ink ×5, --radius ×3, --ok ×1. */
  --muted:#4E5D80;        /* = --ink2 */
  --bg:#F4F7FF;           /* = --paper2 */
  --card:#FFFFFF;         /* = --paper — tools/brief + dynamicquote */
}

/* ── 3. Sıfırlama ve taban ────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  overflow-x:clip;             /* tam genişlik bandı taşırmasın */
}
body{
  margin:0;
  font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:var(--fs-govde);
  line-height:1.62;
  letter-spacing:-.011em;
  color:var(--ink);
  background:var(--paper);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5{
  margin:0;
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.032em;
  color:var(--navy);
  text-wrap:balance;
}
h1{font-size:var(--fs-h1-vitrin);line-height:calc(1.1em + .25rem);letter-spacing:-.042em;font-weight:700}
h2{font-size:var(--fs-h2-vitrin);line-height:calc(1.1em + .25rem);letter-spacing:-.036em}
h3{font-size:var(--fs-lead);line-height:1.3;letter-spacing:-.024em}   /* 02.10: kart başlığı iki satıra düşünce 1.12 satırları yapıştırıyordu */
h4{font-size:var(--fs-govde);line-height:1.35;letter-spacing:-.018em}
p{margin:0;text-wrap:pretty}
p + p{margin-top:.85em}
a{color:var(--blue);text-decoration:none;transition:color .18s var(--ease)}
a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
img,svg,video{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0}
strong,b{font-weight:600;color:var(--ink)}
small{font-size:var(--fs-kucuk)}
::selection{background:var(--blue);color:var(--deep-ink)}
:focus-visible{outline:3px solid var(--blue2);outline-offset:3px;border-radius:6px}
:target{scroll-margin-top:6.5rem}
[hidden]{display:none!important}
.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tabular{font-variant-numeric:tabular-nums}

/* ── 4. Yerleşim ilkelleri ────────────────────────────────────────────── */
.container{width:min(100%,var(--maxw));margin-inline:auto;padding-inline:var(--gutter)}
main.container{padding-top:0}

/* Tam genişlik bandı. header.php <main class="container"> açtığı için
   band kabın dışına taşırılır; html{overflow-x:clip} yatay kaymayı keser. */
.band{margin-inline:calc(50% - 50vw);width:100vw;padding-block:var(--sec-y);position:relative}
.band > .container{width:min(100%,var(--maxw));margin-inline:auto}
.band--kagit{background:var(--paper)}
.band--kagit2{background:var(--paper2);border-block:1px solid var(--line)}
.band--makine{
  background:
    radial-gradient(1100px 620px at 78% -8%, rgba(58,117,245,.36), transparent 62%),
    radial-gradient(760px 520px at 8% 108%, rgba(47,107,242,.24), transparent 66%),
    linear-gradient(158deg, var(--deep) 0%, var(--deep-mid) 46%, var(--deep2) 100%);
  color:var(--deep-ink);
  isolation:isolate;
}
.band--makine h2,.band--makine h3,.band--makine h4{color:var(--deep-ink)}
.band--makine p{color:var(--deep-ink2)}
.band--makine a{color:var(--deep-ink)}
.band--tam{padding-block:0}
.band.band--tam:has(.kapanis){padding-top:0}  /* K24: kapanış kutusunun kendi iç boşluğu (--sec-y-l) zaten üst boşluk; ikisi üst üste 288 px yapıyordu */
.band--kagit2 + .band.band--tam:has(.kapanis){padding-top:var(--sec-y-xs)}  /* K39: zemin değişince kutu çizgiye oturmasın (/hizmet/) */

/* Düğüm dokusu — logonun çizgi dilinden türeyen ince ağ.
   Makine bantlarının üstüne çok düşük opaklıkla biner. */
.band--makine::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='360' viewBox='0 0 420 360'%3E%3Cg fill='none' stroke='%238FB0FF' stroke-opacity='.20' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M60 48 214 96 330 40M214 96 176 250 330 40M176 250 372 236M60 48 24 210'/%3E%3C/g%3E%3Cg fill='%238FB0FF' fill-opacity='.28'%3E%3Ccircle cx='60' cy='48' r='5'/%3E%3Ccircle cx='214' cy='96' r='3.4'/%3E%3Ccircle cx='330' cy='40' r='4.4'/%3E%3Ccircle cx='176' cy='250' r='4'/%3E%3Ccircle cx='372' cy='236' r='3'/%3E%3Ccircle cx='24' cy='210' r='3.6'/%3E%3C/g%3E%3C/svg%3E");
  background-size:420px 360px;
  mask-image:linear-gradient(180deg,var(--siyah),rgba(0,0,0,.35) 70%,transparent);
  -webkit-mask-image:linear-gradient(180deg,var(--siyah),rgba(0,0,0,.35) 70%,transparent);
}

/* Bölüm başlığı */
.bolum-bas{max-width:44rem;margin-bottom:var(--sec-y-s)}
.bolum-bas.orta{margin-inline:auto;text-align:center}
.bolum-bas h2{margin-bottom:var(--a-3)}
.bolum-bas p{font-size:var(--fs-lead);color:var(--ink2)}
.band--makine .bolum-bas p{color:var(--deep-ink2)}

.eyebrow{
  display:block;margin:0 0 var(--a-3);
  font-size:var(--fs-mikro);font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--blue-metin);
}
.band--makine .eyebrow{color:var(--light)}
.bolum-bas.orta .eyebrow{text-align:center}
/* Kelime markası: Air lacivert + Tools/SEOtools mavi (logodaki ritim) */
.marka{color:var(--navy);font-weight:inherit}
.marka b{color:var(--blue);font-weight:inherit}
.band--makine .marka{color:var(--paper)}
.band--makine .marka b{color:var(--light)}

/* alt bölmeler için ince ayraç */
.ayrac{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}

/* ── 5. Hareket katmanı ───────────────────────────────────────────────── */
/* Tek kural: yalnız opacity + transform. Düzen hesabı tetiklenmez.
   .js KAPISI ŞART: gizleme yalnız JavaScript çalışıyorken devreye girer
   (<html class="js"> head'de eklenir). Betik yüklenmezse/hata verirse içerik
   görünmez kalmaz — arama motoru ve okuyucu her hâlükârda metni görür. */
/* A7 (04.10.2026): 280 ms, kademe en çok 40 ms × 5; tetik görüş alanından 150 px önce (betik lib/footer.php). */
.js .rv{opacity:0;transform:translate3d(0,12px,0);transition:opacity .28s var(--ease),transform .28s var(--ease);transition-delay:calc(min(var(--i,0),5) * 40ms)}
.js .rv.gir{opacity:1;transform:none}

/* çizgi çizilme animasyonu — hero düğüm grafiği için, bir kez */
@keyframes ciz{to{stroke-dashoffset:0}}
@keyframes belir{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes nabiz{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}

/* Hareket kısıtı: her şeyi anında son hâline sabitle. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important
  }
  .rv,.js .rv{opacity:1!important;transform:none!important}
}

/* ── 6. Düğmeler ──────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--a-1);
  min-height:48px;padding:var(--a-2) var(--a-4);
  font-family:inherit;font-size:var(--fs-govde);font-weight:600;letter-spacing:-.012em;
  color:var(--deep-ink);background:var(--blue);
  border:2px solid transparent;border-radius:999px;
  cursor:pointer;text-decoration:none;white-space:nowrap;
  box-shadow:0 1px 2px rgba(10,32,90,.10), 0 8px 20px rgba(47,107,242,.26);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.btn:hover{background:var(--navy);color:var(--deep-ink);text-decoration:none;transform:translateY(-2px);box-shadow:0 2px 4px rgba(10,32,90,.12), 0 14px 30px rgba(10,42,143,.32)}
.btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(10,32,90,.14)}
.btn.lg{min-height:56px;padding:var(--a-3) var(--a-5);font-size:var(--fs-govde)}
.btn.sm{min-height:40px;padding:var(--a-1) var(--a-3);font-size:var(--fs-kucuk);box-shadow:none}
.btn.blok{width:100%;margin-bottom:0} /* .blok bölüm sınıfının sec-y-s alt boşluğunu düğmeye taşıma (K20) */

.btn.ghost{background:transparent;color:var(--navy);border-color:var(--line);box-shadow:none}
.btn.ghost:hover{background:var(--tint);color:var(--navy);border-color:var(--blue2);transform:translateY(-2px)}
.btn.wa{background:var(--wa);color:var(--ink);box-shadow:0 1px 2px rgba(10,32,90,.10), 0 8px 20px rgba(37,211,102,.30)}
.btn.wa:hover{background:var(--wa-koyu);color:var(--ink);box-shadow:0 2px 4px rgba(0,0,0,.12), 0 14px 30px rgba(37,211,102,.36)}
.btn.ok{background:var(--ok)} .btn.bad{background:var(--bad)}
/* S-18 devre dışı: hover/active'te de kalkmaz, gölge yok */
.btn:disabled,.btn[aria-disabled=true],
.btn:is(:disabled,[aria-disabled=true]):is(:hover,:active){opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* makine zemininde düğmeler */
.band--makine .btn,.kapanis .btn{background:var(--paper);color:var(--navy);box-shadow:0 1px 2px rgba(0,0,0,.16), 0 14px 34px rgba(3,12,45,.34)}
.band--makine .btn:hover,.kapanis .btn:hover{background:var(--light);color:var(--deep)}
.band--makine .btn.ghost,.kapanis .btn.ghost{background:transparent;color:var(--deep-ink);border-color:rgba(255,255,255,.42);box-shadow:none}
.band--makine .btn.ghost:hover,.kapanis .btn.ghost:hover{background:rgba(255,255,255,.12);border-color:var(--deep-ink);color:var(--deep-ink)}
.band--makine .btn.wa,.kapanis .btn.wa{background:var(--wa);color:var(--ink)}
.band--makine .btn.wa:hover,.kapanis .btn.wa:hover{background:var(--wa-koyu);color:var(--ink)}

.btn-grup{display:flex;flex-wrap:wrap;gap:var(--a-2);align-items:center}

/* ── 7. Rozet, etiket, ikon kutusu ────────────────────────────────────── */
.rozet{
  display:inline-flex;align-items:center;gap:var(--a-1);
  padding:var(--a-1) var(--a-3);margin-bottom:var(--a-3);
  font-size:var(--fs-mikro);font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--blue-metin);background:var(--tint);border-radius:999px;
  /* Flex kolon (.atolye) içinde inline-flex bloklaşır ve kutu metnin
     iki katına gerilir. align-self ile metnine sarılır. Ölçüldü 19.08:
     578px kutu / 227px metin → 227px. */
  align-self:flex-start;
}
.band--makine .rozet{color:var(--deep-ink);background:var(--deep-fill);border:1px solid var(--deep-line)}

/* Rozet ile yanındaki .btn.sm AYNI YÜKSEKLİKTE olmalı (ikisi de 40px);
   aksi hâlde rozet düğmenin yanında ezik durur. */
.badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 var(--a-3);
  font-size:var(--fs-mikro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  border-radius:999px;
  background:var(--tint);color:var(--blue-metin);
}
/* Yoğun listelerde (araç kataloğu) rozet tek başınayken küçülebilir. */
.badge.mini{min-height:26px;padding:0 var(--a-2);font-size:var(--fs-mikro)}
.badge.soon{background:var(--warn-bg);color:var(--warn-ink)}
.badge.free{background:rgba(18,161,80,.12);color:var(--ok-ink)}
.band--makine .badge{background:var(--deep-fill);color:var(--deep-ink);border:1px solid var(--deep-line)}
/* Etiket ≠ düğme. Beyaz hap yalnız tıklanabilir olana ait; "Ücretsiz"
   bir bilgi etiketidir, yeşil tag olarak ayrışır (kontrast 9.97–12.76). */
.band--makine .badge.free{
  background:rgba(37,211,102,.14);color:var(--ok-acik);
  border:1px solid rgba(37,211,102,.38);font-weight:600;letter-spacing:.08em;
}

/* ikon kutusu — logonun daire dilinden */
.ikon{
  display:grid;place-items:center;flex:0 0 auto;
  width:52px;height:52px;border-radius:16px;
  background:var(--tint);color:var(--navy);
}
.ikon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ikon.dolu{background:var(--blue);color:var(--deep-ink)}
.band--makine .ikon{background:var(--deep-fill);color:var(--deep-ink);border:1px solid var(--deep-line)}

/* onay imi — liste başlarında.
   DİKKAT: satır içeriği <span> ile SARILIR. Sarılmazsa <strong> kendi başına
   bir ızgara/esnek öğesi olur, ardındaki metin ayrı öğeye düşer ve 1.4rem'lik
   sütuna sıkışıp kelime kelime kırılır (01.08.2026'da görsel doğrulamada yakalandı). */
.tik{list-style:none;display:grid;gap:var(--a-2)}
.tik li{display:flex;gap:var(--a-2);align-items:flex-start;color:var(--ink2)}
.tik li > span{flex:1 1 auto;min-width:0}
/* flex:0 0 ŞART. Onsuz esnek kapta daire büzülüp elipse döner —
   dosyadaki tek eksik buydu (01.08.2026'da Eren yakaladı).
   Ölçü oranı: daire 1.5rem, imin görsel boyu .8rem (%53) — diğer
   işaretlerle (guven, sart, sss) aynı orana çekildi. */
.tik li::before{
  content:"";flex:0 0 1.5rem;width:1.5rem;height:1.5rem;
  margin-top:.06em;border-radius:50%;
  background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.6l4 4L18.5 7.6'/%3E%3C/svg%3E") center/.8rem no-repeat;
}
.band--makine .tik li{color:var(--deep-ink2)}
.band--makine .tik li::before{background-color:var(--blue2)}

/* ── 8. Üst şerit ─────────────────────────────────────────────────────── */
header.site{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--line);
}
@supports (backdrop-filter:blur(1px)){
  header.site{backdrop-filter:saturate(1.5) blur(12px);-webkit-backdrop-filter:saturate(1.5) blur(12px)}
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--a-3);height:74px}
.brand{display:inline-flex;align-items:center;gap:var(--a-1);font-weight:700;font-size:var(--fs-kart);color:var(--navy);text-decoration:none}
.brand:hover{text-decoration:none}
.brand b{color:var(--blue)}
.brand-logo{display:block;height:34px;width:auto}
.nav-links{display:flex;align-items:center;gap:var(--a-3h)}
.nav-links a{font-size:var(--fs-ikincil);font-weight:500;color:var(--ink);text-decoration:none;padding-block:var(--a-1)}
.nav-links a.btn{padding-block:var(--a-1)}
.nav-links a.btn.sm{min-width:7.5rem}  /* K23: «Teklif al» / «Üye Ol» / «Çıkış» aynı genişlik → sağ küme sayfaya göre değişmez */
.nav-links a .nav-simge{display:inline-block;width:16px;height:16px;margin:0 var(--a-0) -.2rem 0;vertical-align:baseline}
.nav-links a:hover{color:var(--blue);text-decoration:none}
.nav-links a.btn{color:var(--deep-ink)}
.nav-links a.btn.ghost{color:var(--navy)}
.burger{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--a-1);border-radius:12px;color:var(--ink);cursor:pointer}
.burger:hover{background:var(--tint)}
.navtoggle{position:absolute;opacity:0;pointer-events:none}
.langsw{display:inline-flex;gap:var(--a-0);font-size:var(--fs-etiket)}
.langsw a{padding:var(--a-0) var(--a-1);min-width:32px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--ink3);font-weight:600}
.langsw a.on{background:var(--navy);color:var(--deep-ink)}
/* 17.09.2026: `.nav-links a.on` (aynı özgüllük, dosyada SONRA) yazıyı laciverte
   çeviriyordu — etkin dil düğmesi lacivert üstüne lacivert, kontrast 1.00. */
.nav-links .langsw a.on{color:var(--deep-ink)}
.langsw a:hover{text-decoration:none}
.nav-links a.on{color:var(--navy);font-weight:500;text-shadow:0 0 .6px currentColor;box-shadow:inset 0 -2px 0 var(--blue)}  /* K23: kalınlaşma menü genişliğini oynatıp ilk bağlantıyı kaydırıyordu; ağırlık sabit, vurgu gölgeyle */
.nav-links a.btn.on{box-shadow:none}
.nav-cta-m{display:none}

/* ── 8b. Ürün üst barı — AirSEOtools araç ekranları ────────────────────
   Pazarlama şeridinin ALTINA biner. Markup lib/seo/portal_bridge.php'de
   (seo_toolbar); burada yalnız sunum. Şerit giriş arkasındaki ekranlarda
   "neredeyim / nereye gidebilirim" sorusunu karşılar; pazarlama menüsü o
   ekranlarda gizlenir (bkz. lib/header.php $inApp). */
.aseobar{
  position:sticky;top:74px;z-index:49;
  background:var(--tint);border-bottom:1px solid var(--line);
}
.aseobar__ic{display:flex;align-items:center;gap:var(--a-3);min-height:50px;flex-wrap:nowrap}
.aseobar__ad{
  font-size:var(--fs-etiket);font-weight:800;letter-spacing:.02em;
  color:var(--navy);white-space:nowrap;flex:0 0 auto;
}
.aseobar__ln{
  display:flex;align-items:center;gap:var(--a-0);
  list-style:none;margin:0;padding:0;
  flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;
}
.aseobar__ln::-webkit-scrollbar{display:none}
.aseobar__ln li{margin:0}
.aseobar__ln a{
  display:inline-block;padding:var(--a-1) var(--a-2);border-radius:999px;
  font-size:var(--fs-kucuk);font-weight:600;color:var(--ink2);
  text-decoration:none;white-space:nowrap;
}
.aseobar__ln a:hover{background:var(--tint2);color:var(--navy);text-decoration:none}
.aseobar__ln a.on{background:var(--navy);color:var(--deep-ink)}
.aseobar__ln a.usta{color:var(--warn)}
.aseobar__ln a.usta.on{background:var(--warn);color:var(--deep-ink)}
.aseobar__du{
  flex:0 0 auto;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--fs-mikro);font-weight:600;color:var(--ink3);
  background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:var(--a-0) var(--a-2);
}
.aseobar__du.dur{color:var(--warn);border-color:var(--warn-cizgi);background:var(--warn-zemin)}
.withdot{position:relative}
.withdot .dot{position:absolute;top:-.35rem;right:-.7rem;min-width:17px;height:17px;padding:0 var(--a-0);border-radius:999px;background:var(--bad);color:var(--deep-ink);font-size:var(--fs-mikro);font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip:focus{left:1rem;top:1rem;width:auto;height:auto;padding:var(--a-1) var(--a-3);background:var(--paper);border-radius:10px;z-index:100;box-shadow:var(--sh2)}

/* ── 9. HERO ──────────────────────────────────────────────────────────── */
.hero{
  position:relative;overflow:hidden;
  padding-block:var(--sec-y-xl) var(--sec-y-xl);
  background:
    radial-gradient(820px 520px at 88% 6%, rgba(47,107,242,.10), transparent 62%),
    radial-gradient(640px 460px at -6% 88%, rgba(58,117,245,.09), transparent 64%),
    var(--paper);
  text-align:left;
}
.hero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.08fr);gap:var(--sec-y-m);align-items:center}
/* Izgara/esnek öğelerin varsayılan min-width:auto değeri, içindeki SVG'nin
   doğal genişliğini (hero'da 980px) kaba dayatıp mobilde yatay taşma üretir.
   Bu yüzden tüm ızgara çocuklarına min-width:0 verilir. */
.hero-in > *,.atolyeler > *,.panel-anatomi > *,.yetenekler > *,
.arac-izgara > *,.standart > *,.surec > *,.hypercare > *{min-width:0}
/* SEO: h1 arama terimi (küçük, eyebrow görünümlü); slogan eski h1 görünümünü aynen taşır */
.hero .hero-kicker{display:block;margin:0 0 var(--a-3);font-size:var(--fs-kucuk);font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-metin)}
.hero .hero-slogan{margin:0 0 var(--a-3h);font-size:var(--fs-h1-vitrin);line-height:calc(1.1em + .25rem);letter-spacing:-.042em;font-weight:700;color:var(--navy);text-wrap:balance}
.hero .hero-slogan .hl{
  color:var(--blue);position:relative;white-space:nowrap;
}
/* "çalışsın" altına logonun çizgi dilinden bir vurgu */
.hero .hero-slogan .hl::after{
  content:"";position:absolute;left:0;right:0;bottom:-.07em;height:.12em;border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--light));opacity:.32;
  transform:scaleX(0);transform-origin:left;
  animation:cizgi .7s .35s var(--ease) forwards;
}
@keyframes cizgi{to{transform:scaleX(1)}}
.hero .lead{font-size:var(--fs-lead);line-height:1.58;color:var(--ink2);max-width:38ch;margin-bottom:var(--a-5)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--a-2);margin-bottom:var(--a-5)}
.hero-art{position:relative;min-width:0}
.hero-art img,.hero-art svg{display:block;width:100%;max-width:100%;height:auto;filter:drop-shadow(0 34px 60px rgba(10,42,143,.20))}

/* güven şeridi */
.guven{list-style:none;display:flex;flex-wrap:wrap;gap:var(--a-2) var(--a-4);padding:0;margin:0}
.guven li{display:flex;align-items:center;gap:var(--a-1);font-size:var(--fs-ikincil);font-weight:500;color:var(--ink2)}
.guven li::before{
  content:"";width:1.25rem;height:1.25rem;flex:0 0 1.25rem;border-radius:50%;
  background:var(--tint2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2A8F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/.7rem no-repeat;
}

/* ── 10. Atölye kartları (site büyük · araç küçük) ────────────────────── */
/* align-items:start — küçük kart içeriği kadar yüksek olsun. stretch iken
   büyük kartın boyuna uzayıp altında yüz pikselden fazla boşluk bırakıyordu. */
.atolyeler{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--a-4);align-items:start}
.atolye{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  padding:var(--sec-y-xs);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh1);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.atolye:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--blue2)}
.atolye h3{font-size:var(--fs-h2);letter-spacing:-.034em;margin-bottom:var(--a-2)}
.atolye .ozet{color:var(--ink2);margin-bottom:var(--a-4)}
.atolye .liste{margin-bottom:var(--a-4)}
.atolye .alt{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--a-2)}
.atolye--ana{
  background:
    radial-gradient(560px 380px at 96% 0%, rgba(47,107,242,.09), transparent 60%),
    var(--paper);
}
.atolye--yan{background:var(--paper2)}
.atolye--yan h3{font-size:var(--fs-h2-kart)}
.atolye .art{margin:var(--a-4) -.5rem -.5rem;border-radius:var(--r-sm)}

/* ── 11. Panel anatomisi (makine) ─────────────────────────────────────── */
/* 1.22/0.95: yetenek kartlarının metin sütunu 270px'te sıkışıyordu.
   Panel maketi biraz küçülüp yazıya yer açar — okunurluk görselden önce gelir. */
.panel-anatomi{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.95fr);gap:var(--sec-y-s);align-items:center}
.yetenekler{display:grid;grid-template-columns:1fr 1fr;gap:var(--a-2)}
.yetenek{
  display:grid;grid-template-columns:auto 1fr;gap:var(--a-3);align-items:start;
  padding:var(--a-3h);
  background:var(--deep-fill);border:1px solid var(--deep-line);border-radius:var(--r-sm);
  transition:transform .24s var(--ease),background .24s var(--ease),border-color .24s var(--ease);
}
.yetenek:hover{transform:translateY(-3px);background:rgba(143,176,255,.15);border-color:rgba(143,176,255,.38)}
.yetenek .ikon{width:40px;height:40px;border-radius:12px}
.yetenek .ikon svg{width:20px;height:20px}
.yetenek h3{margin-bottom:var(--a-0);font-size:var(--fs-ikincil);color:var(--deep-ink)}
.yetenek p{font-size:var(--fs-kucuk);line-height:1.5;color:var(--deep-ink2)}
.panel-art{position:relative}
.panel-art img,.panel-art svg{width:100%;border-radius:var(--r);box-shadow:var(--sh3)}

/* ── 12. Standart ızgarası + süreç rayı ───────────────────────────────── */
.standart{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--a-3h)}
.std{
  padding:var(--a-4);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.std:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--blue2)}
.std .ikon{margin-bottom:var(--a-3)}
.std h3{
  margin-bottom:var(--a-1);font-size:var(--fs-kart);
  /* "Güvenli ve kurallara uygun" iki satıra taşıyor; iki satırlık yer ayrılır
     ki dört kartın açıklaması aynı hizadan başlasın. */
  min-height:2.24em;
}
.std p{font-size:var(--fs-ikincil);line-height:1.58;color:var(--ink2)}

/* süreç — düğüm zinciri */
.surec{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a-3h);position:relative;padding:0;margin:0}
.surec::before{
  content:"";position:absolute;left:1.4rem;right:1.4rem;top:1.4rem;height:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 10px,transparent 10px 18px);
  z-index:0;
}
.surec li{position:relative;z-index:1;counter-increment:s}
.surec li::before{
  content:counter(s,decimal-leading-zero);
  display:grid;place-items:center;
  width:2.8rem;height:2.8rem;margin-bottom:var(--a-3);
  background:var(--paper);border:2px solid var(--line);border-radius:50%;
  color:var(--navy);font-size:var(--fs-etiket);font-weight:700;letter-spacing:.02em;
  transition:border-color .26s var(--ease),background .26s var(--ease),color .26s var(--ease);
}
.surec li:hover::before{border-color:var(--blue);background:var(--blue);color:var(--deep-ink)}
.surec h3{font-size:var(--fs-govde);margin-bottom:var(--a-0)}
.surec p{font-size:var(--fs-kucuk);line-height:1.55;color:var(--ink2)}
.surec .son::before{border-color:var(--blue);color:var(--blue)}

/* termin notu */
.not-satir{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-2);
  margin-top:var(--sec-y-s);padding:var(--a-3) var(--a-3h);
  background:var(--tint);border-radius:var(--r-sm);
  font-size:var(--fs-ikincil);color:var(--ink2);
}
.not-satir strong{color:var(--navy)}

/* ── 13. Hypercare bandı ──────────────────────────────────────────────── */
.hypercare{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--gutter);align-items:center;
  padding:var(--gutter);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh1)}
.hypercare .sayi{font-size:var(--fs-h1-vitrin);font-weight:700;line-height:.9;letter-spacing:-.055em;color:var(--blue);font-variant-numeric:tabular-nums}
.hypercare .sayi span{display:block;font-size:var(--fs-kucuk);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-top:var(--a-1)}
.hypercare h2{margin-bottom:var(--a-2);font-size:var(--fs-h2)}
.hypercare p{color:var(--ink2)}
.hypercare .kapsam{display:flex;flex-wrap:wrap;gap:var(--a-1);margin-top:var(--a-3h)}
.hypercare .kapsam span{font-size:var(--fs-etiket);font-weight:500;padding:var(--a-0) var(--a-2);border-radius:999px;background:var(--tint);color:var(--navy)}
.hypercare .kapsam span.disi{background:var(--gri-zemin);color:var(--ink3);text-decoration:line-through;text-decoration-thickness:1px}

/* ── 14. Ücretsiz araçlar (makine) ────────────────────────────────────── */
/* 14.5rem taban: 1180'lik kapta dört araç TEK SIRAYA sığar (16.5rem'de üçe
   düşüp yetim bir kart bırakıyordu — 01.08.2026 görsel doğrulaması). */
.arac-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr));gap:var(--a-3h)}
.arac{
  display:flex;flex-direction:column;gap:var(--a-2);
  padding:var(--a-4);
  background:var(--deep-fill);border:1px solid var(--deep-line);border-radius:var(--r);
  transition:transform .26s var(--ease),background .26s var(--ease),border-color .26s var(--ease);
}
.arac:hover{transform:translateY(-4px);background:rgba(143,176,255,.15);border-color:rgba(143,176,255,.42)}
.arac h3{
  font-size:var(--fs-kart);color:var(--deep-ink);
  /* Başlık 1 veya 2 satır olabilir ("Müşteri Soru Formu (Brief)").
     İki satırlık yer ayrılır ki dört kartın açıklaması aynı hizadan başlasın. */
  min-height:0;
}
.arac-metin{flex:1;display:flex;flex-direction:column;gap:var(--a-2)}
.arac p{flex:1;font-size:var(--fs-ikincil);line-height:1.55;color:var(--deep-ink2)}
/* 29.09.2026: ücretsiz araçlar 4 eşit sütun (6'lı 4+2 yarım satır kalmaz),
   ücretli araç ayrı yatay satır */
.arac-izgara--dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.band--makine .arac-alt-bas{margin:var(--sec-y-xs) 0 var(--a-2);font-size:var(--fs-kucuk);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--light)}
.arac--yatay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--a-3h) var(--a-4)}
.arac--yatay .arac-metin{gap:var(--a-0)}
.arac--yatay p{flex:none;max-width:62ch}
/* align-items:stretch — rozet ile düğme AYNI yüksekliğe gelir. Sabit px
   vermek yazı tipi ölçüsü değişince yeniden bozulur; esnetmek kesin çözüm. */
.arac .alt{display:flex;align-items:stretch;justify-content:space-between;gap:var(--a-2);margin-top:var(--a-0)}
.arac .alt .badge{min-height:0}
.arac .alt .btn.sm{background:var(--paper);color:var(--navy)}
.arac .alt .btn.sm:hover{background:var(--light);color:var(--deep)}

.arac-cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a-3h);
  margin-top:var(--sec-y-xs);padding:var(--a-4);
  background:var(--deep-fill);border:1px solid var(--deep-line);border-radius:var(--r);
}
.arac-cta p{margin:0;max-width:46ch}
.arac-cta strong{color:var(--deep-ink)}

/* ── 15. SSS ──────────────────────────────────────────────────────────── */
.sss{display:grid;gap:var(--a-2);max-width:56rem;margin-inline:auto}
.sss details{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease);
}
.sss details[open]{border-color:var(--blue2);box-shadow:var(--sh1)}
.sss summary{
  display:flex;align-items:center;justify-content:space-between;gap:var(--a-3);
  padding:var(--a-3h) var(--a-3h);cursor:pointer;list-style:none;
  font-size:var(--fs-govde);font-weight:600;color:var(--navy);letter-spacing:-.02em;
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{
  content:"";flex:0 0 1.35rem;width:1.35rem;height:1.35rem;border-radius:50%;
  background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2A8F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/.72rem no-repeat;
  transition:transform .26s var(--ease),background-color .22s var(--ease);
}
.sss details[open] summary::after{transform:rotate(135deg);background-color:var(--tint2)}
.sss summary:hover{color:var(--blue)}
.sss .cevap{padding:0 var(--a-3h) var(--a-3h);color:var(--ink2);font-size:var(--fs-ikincil);line-height:1.65}
.sss .cevap p + p{margin-top:var(--a-2)}
.sss .cevap p{max-width:33rem}  /* 15,68px × 0,452em × 75 kr ≈ 531px */

/* ── 16. Kapanış CTA ──────────────────────────────────────────────────── */
.kapanis{
  position:relative;overflow:hidden;text-align:center;
  padding:var(--sec-y-l) var(--gutter);
  border-radius:var(--r-xl);color:var(--deep-ink);
  background:
    radial-gradient(700px 420px at 80% 0%, rgba(58,117,245,.42), transparent 62%),
    linear-gradient(150deg,var(--deep),var(--deep3));
  box-shadow:var(--sh2);
}
.kapanis h2{color:var(--deep-ink);margin-bottom:var(--a-3)}
.kapanis p{color:var(--deep-ink2);font-size:var(--fs-lead);max-width:52ch;margin-inline:auto;margin-bottom:var(--a-5)}
.kapanis > :last-child{margin-bottom:0}
.kapanis .btn-grup{justify-content:center}
.kapanis-alt{margin-top:var(--a-5);font-size:var(--fs-kucuk);color:var(--deep-ink2)}

/* ── 17. Alt bilgi ────────────────────────────────────────────────────── */
footer.site{
  margin-top:0;padding-block:var(--sec-y-m) var(--a-5);
  background:var(--paper2);border-top:1px solid var(--line);
  color:var(--ink2);font-size:var(--fs-ikincil);
}
footer.site .fgrid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:var(--sec-y-xs);margin-bottom:var(--a-5)}
/* Alt bilgi başlıkları h2 (sayfada h1'den sonra h3'e atlanmasın); görünüm eskisi gibi */
footer.site .fcol h2,footer.site .fcol h3{margin:0 0 var(--a-2);color:var(--navy);font-size:var(--fs-ikincil);font-weight:600;letter-spacing:-.024em;line-height:1.3}
footer.site .fcol h2.fcol-alt{margin-top:var(--a-3h)}
footer.site .fcol a{display:block;margin:var(--a-0) 0;padding:var(--a-0) 0;color:var(--ink2);font-size:var(--fs-ikincil)}
footer.site .fcol a:hover{color:var(--blue)}
footer.site .fsmall{margin:var(--a-2) 0 0;max-width:22rem;font-size:var(--fs-ikincil);line-height:1.6;color:var(--ink2)}
footer.site .fsmall--muted{color:var(--ink3);font-size:var(--fs-etiket);margin-top:var(--a-1)}
footer.site .brand-logo{height:30px}
footer.site .fbottom{position:relative;display:flex;flex-wrap:wrap;gap:var(--a-2);justify-content:space-between;align-items:center;padding-top:var(--a-4);border-top:0;font-size:var(--fs-etiket);color:var(--ink3)}
footer.site .fbottom::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line)}
footer .row{display:flex;flex-wrap:wrap;gap:var(--a-3);justify-content:space-between;align-items:center}
footer a{color:var(--ink2)}

/* ── 18. (Çerez çubuğu kaldırıldı — Eren kararı 30.09.2026: yalnız zorunlu çerez,
   onay bandı yok; politika sayfası /legal/cookie.php duruyor) ─────────────── */

/* ── 19. Sabit WhatsApp ───────────────────────────────────────────────── */
/* Masaüstünde GİZLİ (Eren 30.09.2026: görüş alanında tek WhatsApp düğmesi —
   hero/bölüm düğmesi yeter); ≤1024'te görünür (1024 bloğu), hero düğmesi
   görünürken betik `.gizle` koyar. */
.wa-sticky{
  position:fixed;right:1.15rem;bottom:1.15rem;z-index:90;
  display:none;align-items:center;gap:var(--a-1);
  min-height:52px;padding:var(--a-2) var(--a-3h);border-radius:999px;
  background:var(--wa);color:var(--ink)!important;font-weight:600;font-size:var(--fs-ikincil);text-decoration:none;
  box-shadow:0 14px 34px rgba(37,211,102,.40);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
}
.wa-sticky:hover{background:var(--wa-koyu);transform:translateY(-2px);text-decoration:none;box-shadow:0 18px 42px rgba(37,211,102,.48)}
.wa-sticky-ico{display:grid;place-items:center;width:1.35rem;height:1.35rem}
.wa-sticky-ico svg{width:1.35rem;height:1.35rem;fill:currentColor;stroke:none}

/* WhatsApp seçici (lib/wa-secici.php, Eren kararı 30.09.2026): «Teklif al / Bilgi al» */
.wa-secici{
  width:min(100% - 2rem,24rem);padding:var(--a-4);margin:auto;border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--paper);color:var(--ink);box-shadow:var(--sh2);
}
.wa-secici::backdrop{background:rgba(12,27,63,.45)}
.wa-secici h2{margin:0 0 var(--a-1);font-size:var(--fs-kart);padding-right:var(--a-5)}
.wa-secici .sub{margin:0 0 var(--a-3h);font-size:var(--fs-ikincil);color:var(--ink2)}
.wa-secici-kapat-form{position:absolute;top:.75rem;right:.75rem;margin:0}
.wa-secici-kapat{width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--ink2);font:inherit;font-size:var(--fs-kart);line-height:1;cursor:pointer}
.wa-secici-kapat:hover{background:var(--paper2);color:var(--ink)}
.wa-secici-kapat:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue);color:var(--ink)}
.wa-secici-secenek{display:grid;gap:var(--a-2)}
.wa-secici-secenek .btn{justify-content:flex-start;align-items:center;text-align:left;min-height:56px;padding:var(--a-2) var(--a-3);gap:var(--a-2);white-space:normal}
.wa-secici-secenek .btn span{display:flex;flex-direction:column;gap:var(--a-0);min-width:0}
.wa-secici-secenek .btn b{font-size:var(--fs-govde);font-weight:600;line-height:1.62}
.wa-secici-secenek .btn small{font-size:var(--fs-etiket);font-weight:400;line-height:1.62;opacity:.85}
.wa-secici-secenek .btn svg{flex:none;fill:currentColor;stroke:none}

/* ═══════════════════════════════════════════════════════════════════════
   20. İÇ SAYFALAR — araçlar, iletişim, giriş, yasal, yönetim
   Bu sınıflar başka sayfalarda kullanılıyor; yeni dile taşındı, adları
   değişmedi. Silinirse o sayfalar biçimsiz kalır.
   ═══════════════════════════════════════════════════════════════════════ */

/* sayfa başlığı */
.section-title{margin:var(--sec-y-s) 0 var(--a-1);font-size:var(--fs-h2);color:var(--navy)}
h1.section-title{font-size:var(--fs-h1)}
/* Hesabım (05.10.2026): araçlar önde, ayarlar altta; özet satırı ham tarih yerine okunur tarih. */
h1.hesap-baslik{margin:var(--a-3) 0 var(--a-1)}
.hesap-ozet{margin:0 0 var(--a-4);font-size:var(--fs-kucuk);color:var(--ink3)}
.section-title.hesap-ilk{margin-top:var(--a-4);margin-bottom:var(--a-3)}
.hesap-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--a-3h);align-items:start;margin-top:var(--a-3)}
.panel.hesap-sil{max-width:40rem;margin-top:var(--a-3)}
.tiny.hesap-sil-not{display:block;margin:var(--a-2) 0 var(--a-3h)}
.section-intro{margin:0 0 var(--a-5);color:var(--ink2)}
.sec-head{max-width:44rem;margin-bottom:var(--sec-y-s)}
.sec-head h2{margin-bottom:var(--a-3)}
.sec-head p{color:var(--ink2)}
.sec-v2{padding-block:var(--sec-y)}
.sec-v2.alt{background:var(--paper2)}
.tam{width:100vw;margin-inline:calc(50% - 50vw)}

/* araç kartı ızgarası (/tools/) */
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--a-3h)}
.tool-card{
  display:flex;flex-direction:column;gap:var(--a-2);
  padding:var(--a-4);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r);
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--blue2)}
.tool-card .ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--navy)}
.tool-card .ico svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tool-card h3{margin:0;font-size:var(--fs-kart)}
.tool-card p{flex:1;margin:0;font-size:var(--fs-ikincil);line-height:1.55;color:var(--ink2)}
.tool-card .foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a-2);margin-top:var(--a-0);max-width:100%}
.tool-card .foot .acts,.tool-card .foot .btn{max-width:100%}
.tool-card .badge.mini{white-space:nowrap}
.tool-top{display:flex;align-items:center;justify-content:space-between;gap:var(--a-2)}
/* katalog (29.09.2026): ücretsiz 4 kart eşit dağılır (3+1 yetim satır yok);
   ücretli araç tek yatay kart */
.tools--dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.tools--liste{grid-template-columns:minmax(0,1fr)}
.tool-card--yatay{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"top title foot" "top text foot";
  align-items:center;column-gap:var(--a-4);row-gap:var(--a-0);
}
.tool-card--yatay .tool-top{grid-area:top;flex-direction:column;align-items:flex-start;gap:var(--a-1)}
.tool-card--yatay h3{grid-area:title;align-self:end}
.tool-card--yatay p{grid-area:text;align-self:start;max-width:62ch}
.tool-card--yatay .foot{grid-area:foot;flex-direction:column;align-items:flex-end;margin-top:0}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--a-1)}
.pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--a-3);border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:var(--fs-kucuk);text-decoration:none}
.pills a:hover{border-color:var(--blue2);color:var(--blue);text-decoration:none}
.hata{padding:var(--sec-y-l) 0 var(--a-5);text-align:center}
.hata h1{font-size:var(--fs-h1);margin-bottom:var(--a-2)}
.hata p{max-width:46ch;margin:0 auto var(--a-4);color:var(--ink2)}
.hata .btn-grup{justify-content:center}
.hata-arac{display:grid;gap:var(--a-3);padding-bottom:var(--a-6)}
.hata-grup{display:grid;gap:var(--a-1);justify-items:center}
.hata-baslik{font-size:var(--fs-etiket);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.tools-hero{padding:var(--a-4) 0 var(--a-5)}
.tools-hero h1{font-size:var(--fs-h1);margin-bottom:var(--a-2)}
.tools-hero p{max-width:52ch;color:var(--ink2);font-size:var(--fs-govde);margin-bottom:var(--a-3h)}
.tools-grup{margin-top:var(--sec-y-s)}
.tools-grup h2{font-size:var(--fs-h2);margin-bottom:var(--a-1)}
.tools-grup-not{max-width:62ch;margin-bottom:var(--a-3h);color:var(--ink2)}
.cta-band{
  margin-block:var(--sec-y-m);padding:var(--sec-y-xs);
  background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;
  box-shadow:none;
}
.cta-band h2{font-size:var(--fs-h2-kart);margin-bottom:var(--a-1)}
.cta-band p{max-width:52ch;margin:0 auto var(--a-3h);color:var(--ink2)}
.cta-band .btn-grup{justify-content:center}
/* AirSEOtools reklam şeridi: dar, tek satır (30.09.2026). Logo · soru + cümle · düğmeler */
.urun-bant{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--gutter);align-items:center;
  padding:var(--a-3h) var(--sec-y-xs);
  background:radial-gradient(560px 380px at 96% 0%,rgba(47,107,242,.09),transparent 60%),var(--paper);
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh1);
}
.urun-bant > *{min-width:0}
.tools-grup + .urun-bant{margin-top:var(--sec-y-s)}
.urun-bant h2{margin:0 0 var(--a-0);font-size:var(--fs-kart)}
.urun-logo{height:26px;width:auto;max-width:100%}
.urun-bant-lead{max-width:52ch;margin:0;color:var(--ink2);font-size:var(--fs-ikincil)}
.urun-bant-yan{display:grid;justify-items:start}

/* özellik üçlüsü */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--a-3h);margin:var(--a-5h) 0}
.feature{padding:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.feature h3{margin:var(--a-1) 0 var(--a-1);font-size:var(--fs-govde)}
.feature p{margin:0;font-size:var(--fs-ikincil);color:var(--ink2)}

/* giriş / kayıt kutusu */
.auth-wrap{
  max-width:27rem;margin:var(--sec-y-m) auto;padding:var(--sec-y-xs);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh2);
}
.auth-wrap h1{margin:0 0 var(--a-1);font-size:var(--fs-h1);letter-spacing:-.02em;word-spacing:.1em}  /* B-09: Poppins boşluğu + negatif harf aralığı tek başına 0,175em bırakıyordu; ölçüm ≥0,25em */
.auth-wrap .sub{margin:0 0 var(--a-5);font-size:var(--fs-ikincil);color:var(--ink2)}
.auth-wrap > :last-child{margin-bottom:0}

/* form alanları */
.field{margin-bottom:var(--a-3h)}
.field label{display:block;margin-bottom:var(--a-1);font-size:var(--fs-etiket);font-weight:600;color:var(--ink)}
.field input,.field select,.field textarea{
  width:100%;min-height:48px;padding:var(--a-2) var(--a-3);
  font-family:inherit;font-size:var(--fs-govde);color:var(--ink);
  background:var(--paper);border:1.5px solid var(--ink3);border-radius:var(--r-xs);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.field textarea{min-height:8rem;resize:vertical;line-height:1.6}
.field input::placeholder,.field textarea::placeholder{color:var(--ink3)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,107,242,.16);
}
/* 05.10: yardım metni 14 px tabanı (13 px idi). .hint kuralsızdı → 17 px siyah çıkıyordu (hesabim, reset). */
.field .yardim,.field .hint{display:block;margin-top:var(--a-0);font-size:var(--fs-kucuk);line-height:1.45;color:var(--ink3)}
/* Değiştirilemeyen alan (hesabim e-posta): düzenlenebilir alandan ayırt edilsin. */
.field input:disabled,.field input[readonly]{background:var(--paper2);color:var(--ink2);border-color:var(--line);text-overflow:ellipsis}
/* Onay satırı (kayıt koşulu, hesap silme): kutu 22 px, satır ≥44 px dokunma alanı. */
.onay-satir{display:flex;gap:var(--a-2);align-items:flex-start;margin-bottom:var(--a-2)}
.onay-satir input[type=checkbox]{width:1.375rem;height:1.375rem;margin:.6rem 0 0}
.onay-satir label{flex:1;min-height:44px;margin:0;padding:.45rem 0;font-size:var(--fs-ikincil);font-weight:400;line-height:1.5;color:var(--ink);cursor:pointer}
.auth-wrap .not{margin:0 0 var(--a-3h);font-size:var(--fs-kucuk);line-height:1.5;color:var(--ink3)}
.auth-wrap .alt-bag{margin:var(--a-3h) 0 0;text-align:center}
/* S-18 hata durumu. Uyarı: .hata aynı zamanda 404 sayfa bloğu (aşağıda);
   .field.hata onun dolgu/ortalamasını devralmasın. */
.field.hata{padding:0;text-align:start}
.field.hata :is(input,select,textarea),.field [aria-invalid=true]{border-color:var(--bad)}
.field.hata :is(input,select,textarea):focus,.field [aria-invalid=true]:focus{border-color:var(--bad);box-shadow:0 0 0 4px rgba(220,38,38,.16)}
/* Şifre göster/gizle (karar 12, 30.09.2026): metin düğmesi alanın içinde sağda,
   ≥44px dokunma hedefi; betiksiz gizli (html.js header'da). */
.sifre-kutu{display:flex;gap:var(--a-1);align-items:stretch}
.sifre-kutu input{flex:1;min-width:0}
.sifre-goster{display:none;flex:none;min-width:44px;min-height:48px;padding:0 var(--a-3);font:inherit;font-size:var(--fs-etiket);font-weight:600;color:var(--blue-metin);background:var(--paper2);border:1.5px solid var(--ink3);border-radius:var(--r-xs);cursor:pointer}
.js .sifre-goster{display:inline-flex;align-items:center}
.sifre-goster:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue)}
/* Onay kutusu metin alanı değildir: 48px yükseklik ve iç boşluk kutuyu
   etiketinin satırından aşağı itiyordu (kayıt + hesap silme onayı). */
.field input[type=checkbox],.field input[type=radio]{
  flex:none;width:1.125rem;height:1.125rem;min-height:0;padding:0;margin:var(--a-0) 0 0;border:0;
}
input,select,textarea{accent-color:var(--blue)}

/* bildirim kutuları */
.msg{padding:var(--a-3) var(--a-3);margin-bottom:var(--a-3h);border-radius:var(--r-xs);font-size:var(--fs-ikincil);border:1px solid transparent}
.msg.ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-cizgi)}
.msg.bad{background:var(--bad-bg);color:var(--bad-ink);border-color:var(--bad-cizgi)}
.msg.info{background:var(--tint);color:var(--navy);border-color:var(--tint2)}

/* veri paneli + tablo */
.panel{margin-bottom:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.panel h2{margin:0;padding:var(--a-3) var(--a-3h);font-size:var(--fs-govde);background:var(--paper2);border-bottom:1px solid var(--line)}
/* .pad işaretlemede 7 yerde kullanılıyordu ama kuralı yoktu: kart içeriği
   kenara yapışıyordu (hesabim.php, admin). Başlıkla aynı yatay boşluk. */
.panel .pad{padding:var(--a-3h)}
.panel .pad > :first-child{margin-top:0}
.panel .pad > :last-child,.panel .pad > form > :last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse}
th,td{padding:var(--a-2) var(--a-3h);text-align:left;font-size:var(--fs-ikincil);border-bottom:1px solid var(--line)}
th{font-size:var(--fs-mikro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
tbody tr:last-child :is(td,th){border-bottom:0}  /* K38: satır etiketi th olunca son satırda yalnız ilk hücre çizgili kalıyordu */
tbody tr:hover{background:var(--paper2)}

/* durum etiketi */
.st{display:inline-flex;padding:var(--a-0) var(--a-2);border-radius:999px;font-size:var(--fs-mikro);font-weight:700}
.st.pending{background:var(--warn-bg);color:var(--warn-ink)}
.st.approved{background:var(--ok-bg);color:var(--ok-ink)}
.st.rejected{background:var(--bad-bg);color:var(--bad-ink)}

/* bildirim çanı */
.bell{position:relative;display:inline-flex;padding:var(--a-1);border-radius:10px;cursor:pointer}
.bell:hover{background:var(--tint)}
.bell .dot{position:absolute;top:.25rem;right:.25rem;min-width:17px;height:17px;padding:0 var(--a-0);border-radius:999px;background:var(--bad);color:var(--deep-ink);font-size:var(--fs-mikro);font-weight:700;display:flex;align-items:center;justify-content:center}
.dropdown{position:absolute;right:1.25rem;top:4rem;z-index:60;width:min(21rem,calc(100vw - 2rem));max-height:26rem;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh2)}
.dropdown .it{padding:var(--a-2) var(--a-3);border-bottom:1px solid var(--line)}
.dropdown .it.unread{background:var(--tint)}
.dropdown .it h4{margin:0 0 var(--a-0);font-size:var(--fs-kucuk)}
.dropdown .it p{margin:0;font-size:var(--fs-mikro);color:var(--ink2)}

/* eski ana sayfa artıkları — /platform/index.php hâlâ kullanıyor */
.home-hero{padding:var(--sec-y-s) 0 var(--a-4)}
.home-eyebrow{margin:0 0 var(--a-2);font-size:var(--fs-mikro);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue)}
.home-lead{max-width:38rem;margin:0 0 var(--a-4);font-size:var(--fs-govde);color:var(--ink2)}
.home-cta,.home-product-cta{display:flex;flex-wrap:wrap;gap:var(--a-2)}
.home-products{display:grid;grid-template-columns:1fr 1fr;gap:var(--a-3h);margin:var(--a-4) 0 var(--a-5)}
.home-product{padding:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1)}
.home-product-badge{display:inline-block;margin-bottom:var(--a-2);padding:var(--a-0) var(--a-2);border-radius:999px;background:var(--tint);color:var(--blue);font-size:var(--fs-mikro);font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.home-product-what{margin:0 0 var(--a-1)}
.home-product-who,.home-price{margin:0 0 var(--a-3);font-size:var(--fs-ikincil);color:var(--ink2)}
.home-steps{margin:0 0 var(--a-3);padding-left:var(--a-3h)}
.home-steps li{margin:var(--a-0) 0}
.home-contact{margin:var(--a-5h) 0 var(--a-3)}
.home-contact-card{padding:var(--a-5) var(--a-4);border-radius:var(--r-lg);background:linear-gradient(150deg,var(--deep),var(--deep3));color:var(--deep-ink);text-align:center}
.home-contact-card h2{margin:0 0 var(--a-1);color:var(--deep-ink)}
.home-contact-card p{margin:0 0 var(--a-3h);color:var(--deep-ink2)}
.home-contact-card .btn{background:var(--paper);color:var(--navy)}

/* eski split/vitrin/şart bileşenleri (iç sayfalarda kalmış olabilir) */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sec-y-sm);align-items:center}
.split.ters .split-art{order:-1}
.split-art img{width:100%;border-radius:var(--r);box-shadow:var(--sh2)}
.split .what{margin:0 0 var(--a-4);font-size:var(--fs-govde);color:var(--ink2)}
.split-cta{display:flex;flex-wrap:wrap;gap:var(--a-2)}
.adimlar{list-style:none;counter-reset:a;display:grid;gap:var(--a-2);margin:0 0 var(--a-5);padding:0}
.adimlar li{counter-increment:a;display:grid;grid-template-columns:2.35rem 1fr;gap:var(--a-2);align-items:start;color:var(--ink2)}
.adimlar li::before{content:counter(a,decimal-leading-zero);display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;background:var(--tint);color:var(--navy);font-size:var(--fs-etiket);font-weight:600}
.adimlar li strong{color:var(--ink)}
.vitrin{display:grid;grid-template-columns:1fr 1fr;gap:var(--a-4)}
.vitrin-kart{padding:var(--a-5) var(--a-5) 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease)}
.vitrin-kart:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--blue2)}
.vitrin-kart h3{margin:0 0 var(--a-1);font-size:var(--fs-kart)}
.vitrin-kart p{margin:0 0 var(--a-4);color:var(--ink2)}
.vitrin-kart img{border-radius:var(--r-sm) var(--r-sm) 0 0;margin-bottom:-2px}
.sartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--a-3h)}
.sart{padding:var(--a-5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.sart h3{display:flex;align-items:center;gap:var(--a-2);margin:0 0 var(--a-1);font-size:var(--fs-kart)}
.sart h3::before{content:"";flex:0 0 1.6rem;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/.9rem no-repeat}
.sart p{margin:0;font-size:var(--fs-ikincil);color:var(--ink2)}
.kapanis-cta{display:flex;flex-wrap:wrap;gap:var(--a-2);justify-content:center}

/* ═══════════════════════════════════════════════════════════════════════
   20b. HİZMET SAYFALARI (/hizmet/…)
   Şablon: hizmet/_sablon.php · içerik: lib/hizmetler.php
   ═══════════════════════════════════════════════════════════════════════ */

/* ana sayfadaki hizmet bağlantı şeridi */
.hizmet-serit{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-2);
  margin-top:var(--sec-y-xs);padding-top:var(--sec-y-xs);
  border-top:1px solid var(--line);
}
.hizmet-serit-bas{font-size:var(--fs-ikincil);font-weight:600;color:var(--navy);margin-right:var(--a-0)}
.hizmet-serit a{
  display:inline-flex;align-items:center;min-height:38px;padding:0 var(--a-3);
  font-size:var(--fs-kucuk);font-weight:500;color:var(--navy);
  background:var(--paper);border:1px solid var(--line);border-radius:999px;text-decoration:none;
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);
}
.hizmet-serit a:hover{border-color:var(--blue2);background:var(--tint);transform:translateY(-2px);text-decoration:none}

/* rehber içeriği (satır içi stiller buraya taşındı) */
.rehber-icerik{max-width:40rem;margin-inline:auto;padding-block:var(--a-4) var(--a-6);line-height:1.65}  /* S-12: metin 17px×0,452em×75 kr ≈ 576px = 36rem; .container'ın 2×gutter'ı (≤80px) dahil 40rem; tablo (34rem) sığsın */
.rehber-icerik h1{font-size:var(--fs-h1);margin-bottom:var(--a-3)}  /* S-10: belge başlığı rolü */
.band:has(> .rehber-icerik){padding-top:0}
.rehber-icerik th{font-size:var(--fs-etiket);font-weight:600;color:var(--ink);letter-spacing:0;text-transform:none}
.tablo-kaydir :is(th,td):first-child{white-space:nowrap}  /* yalnız satır etiketi; tüm hücrede nowrap tabloyu kabın dışına şişiriyordu (K22) */
.rehber-icerik h2{font-size:var(--fs-h2-kart);margin-top:var(--a-5h);margin-bottom:var(--a-2)}  /* .cta-band h2 ölçeği */
.rehber-icerik :is(ul,ol){padding-left:var(--a-3h)}
.rehber-icerik li{margin:var(--a-0) 0}
.rehber-icerik .rehber-cta{margin-top:var(--a-5)}
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--a-3) 0 var(--a-4)}
.tablo-kaydir table{width:100%;min-width:34rem}
@media (max-width:520px){.tablo-kaydir table{min-width:0}.tablo-kaydir :is(th,td){padding-inline:var(--a-1)}}
.tablo-kaydir:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.rehber-dizin-not{max-width:60ch}
/* iletişim kabı diğer sayfalarla aynı genişlikte */
.lp.lp--tam{max-width:none}

/* kırıntı yolu */
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-1);padding:var(--a-3) 0 0;font-size:var(--fs-kucuk);color:var(--ink3)}
.kirinti a{color:var(--ink2);display:inline-flex;align-items:center;min-height:28px}
.kirinti a:hover{color:var(--blue)}
.kirinti span[aria-current]{color:var(--ink)}

/* sayfa başlığı bloğu */
.hizmet-bas{padding-block:var(--sec-y-sm) var(--sec-y-m)}
.hizmet-bas h1{max-width:18ch;margin-bottom:var(--a-3h);letter-spacing:-.03em}
.hizmet-bas .lead{max-width:56ch;font-size:var(--fs-lead);line-height:1.58;color:var(--ink2);margin-bottom:var(--a-5)}
.hizmet-bas .kimin{margin-top:var(--a-4);font-size:var(--fs-ikincil);color:var(--ink2)}
.hizmet-bas .kimin strong{color:var(--navy)}

/* bölüm başlığı (hizmet sayfalarında sade) */
.bolum-baslik{margin-bottom:var(--sec-y-xs);font-size:var(--fs-h2)}
.bolum-baslik.orta{text-align:start}

/* "neler dahil" listesi — iki sütun */
.tik.iki-sutun{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:var(--a-2) var(--a-5h)}

/* uzun metin blokları — okunur satır uzunluğu */
.yazi{max-width:var(--maxw);margin-inline:auto;text-align:start}
.yazi :is(h2,p,ul){margin-inline-start:0;text-align:start}
.blok{margin-bottom:var(--sec-y-s)}
.blok:last-child{margin-bottom:0}
.blok h2{margin-bottom:var(--a-2);font-size:var(--fs-h2-kart)}
.blok p{max-width:36rem;font-size:var(--fs-govde);line-height:1.7;color:var(--ink2)}

/* fiyat kutusu */
.fiyat-kutu{
  margin-top:var(--sec-y-s);padding:var(--sec-y-xs);
  background:var(--tint);border-radius:var(--r-lg);
}
.fiyat-rakam{
  margin:0 0 var(--a-2);font-size:var(--fs-h1);font-weight:700;
  letter-spacing:-.035em;color:var(--navy);line-height:1.1;
}
.fiyat-rakam span{display:block;font-size:var(--fs-govde);font-weight:500;letter-spacing:-.01em;color:var(--ink2);margin-top:var(--a-0)}
.fiyat-kutu p{max-width:56ch;color:var(--ink2)}
.fiyat-kutu .btn{margin-top:var(--a-4)}

/* fiyat paketleri */
.paketler{display:grid;grid-template-columns:1fr;gap:var(--a-3h);align-items:stretch}
@media (min-width:40rem){.paketler{grid-template-columns:repeat(2,1fr)}}
@media (min-width:68rem){.paketler{grid-template-columns:repeat(4,1fr);gap:var(--a-3)}}
.paketler > *{min-width:0}
.paket{
  position:relative;display:flex;flex-direction:column;gap:var(--a-3);
  padding:var(--sec-y-xs);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.paket:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--blue2)}
.paket.one{border-color:var(--blue);box-shadow:var(--sh2)}
.paket-etiket{
  position:absolute;top:-.7rem;left:clamp(1.6rem,2.8vw,2.1rem);
  padding:var(--a-0) var(--a-2);border-radius:999px;background:var(--blue);color:var(--deep-ink);
  font-size:var(--fs-mikro);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.paket h3{font-size:var(--fs-kart)}
.paket-fiyat{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.035em;color:var(--navy);line-height:1.1}
.paket-fiyat span{font-size:var(--fs-ikincil);font-weight:500;letter-spacing:-.01em;color:var(--ink2)}
.paket-kimin{font-size:var(--fs-ikincil);line-height:1.55;color:var(--ink2)}
.paket .tik{gap:var(--a-1);margin-bottom:var(--a-1)}
.paket .tik li{font-size:var(--fs-ikincil);line-height:1.5}
.paket .tik li::before{flex-basis:1.25rem;width:1.25rem;height:1.25rem;background-size:.68rem}
.paket .btn{margin-top:auto;justify-content:center;width:100%;white-space:normal;text-align:center;padding-inline:var(--a-2)}
.paket .tik{flex:1 1 auto}
.paket-not{margin-top:var(--sec-y-xs);font-size:var(--fs-kucuk);color:var(--ink3);max-width:60ch}
.paket-disi{margin-top:var(--sec-y-xs);padding:var(--sec-y-xs);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}
.paket-disi h3{font-size:var(--fs-kart);margin-bottom:var(--a-2)}
.paket-disi ul{display:grid;gap:var(--a-1) var(--a-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));padding-left:1.1rem;margin:0}
.paket-disi li{font-size:var(--fs-ikincil);line-height:1.5;color:var(--ink2)}
.paket-disi p{margin-top:var(--a-3);font-size:var(--fs-ikincil);color:var(--ink2);max-width:70ch}

/* ilgili sayfa kartları */
.ilgili-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--a-3h)}
.ilgili-izgara.genis{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr))}
.ilgili-izgara > *{min-width:0}
.ilgili-kart{
  position:relative;display:flex;flex-direction:column;
  padding:var(--a-4);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  text-decoration:none;
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.ilgili-kart:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--blue2);text-decoration:none}
.ilgili-kart h2,.ilgili-kart h3{margin-bottom:var(--a-1);font-size:var(--fs-kart);color:var(--navy)}
.ilgili-kart p{font-size:var(--fs-ikincil);line-height:1.6;color:var(--ink2)}
.ilgili-kart .ok{
  margin-top:auto;padding-top:var(--a-2);
  font-size:var(--fs-kart);color:var(--blue);transition:transform .26s var(--ease);
}
.ilgili-kart:hover .ok{transform:translateX(5px)}

/* ── 21. Duyarlılık ───────────────────────────────────────────────────── */
@media (max-width:1024px){
  .wa-sticky{display:inline-flex}
  .tools--dort,.arac-izgara--dort{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atolyeler{grid-template-columns:1fr}
  .panel-anatomi{grid-template-columns:1fr;gap:var(--a-5h)}
  .surec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .surec::before{display:none}
}
@media (max-width:1024px){
  .hero-in{grid-template-columns:minmax(0,1fr);gap:var(--a-5h)}
  .hero-art{max-width:34rem}   /* A-03: çizim metnin altına; H1 + birincil düğme ilk ekranda */
  .hero .lead{max-width:46ch}
  .split,.vitrin{grid-template-columns:1fr}
  .split.ters .split-art{order:0}
  .home-products{grid-template-columns:1fr}
}
/* S-08: menü 761–1024 px'te kaba sığmıyordu (ölçüm: 775 px gerekiyor, 834 px'te 767 px var) */
@media (max-width:1024px){
  .nav{height:66px}
  .burger{display:inline-flex}
  header.site .nav{position:relative;flex-wrap:wrap}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:66px;
    flex-direction:column;align-items:stretch;gap:var(--a-0);
    padding:var(--a-3) var(--gutter) var(--a-3h);
    background:var(--paper);border-bottom:1px solid var(--line);
    box-shadow:var(--sh2);z-index:40;
  }
  .nav-links a{padding:var(--a-2) 0;font-size:var(--fs-govde)}
  .nav-links a.btn{justify-content:center;margin-top:var(--a-0)}
  .nav-links a.nav-cta{display:none}            /* A8: dar ekranda «Teklif al» burger'in yanında */
  .nav-cta-m{display:inline-flex;margin-left:auto;min-height:44px}
  .navtoggle:checked ~ .nav-links{display:flex}
  .langsw{margin-top:var(--a-1)}
  .langsw a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .aseobar{top:66px}
}
@media (max-width:760px){
  .urun-bant{grid-template-columns:minmax(0,1fr);gap:var(--a-3)}
  .arac--yatay{display:flex;flex-direction:column;align-items:stretch}
  .tool-card--yatay{display:flex;flex-direction:column;align-items:stretch}
  .tool-card--yatay .tool-top{flex-direction:row;align-items:center}
  .tool-card--yatay .foot{flex-direction:row;align-items:center;margin-top:var(--a-0)}
  .aseobar__ic{gap:var(--a-1)}
  /* Dar ekranda gezinme rozetten önemli: rozet sekmelerin yerini yiyordu. */
  .aseobar__du{display:none}
  .yetenekler{grid-template-columns:1fr}
  .hypercare{grid-template-columns:1fr;gap:var(--a-3h);text-align:left}
  .hypercare .sayi{font-size:var(--fs-h1-vitrin)}
  footer.site .fgrid{grid-template-columns:1fr 1fr}
  .arac-cta{flex-direction:column;align-items:flex-start}
  .hizmet-bas .btn-grup .btn{width:100%}
}
@media (max-width:520px){
  .aseobar__ad{display:none}      /* dar ekranda sekmelere yer aç */

  .surec{grid-template-columns:1fr}
  .hero-cta .btn,.atolye .alt .btn,.hizmet-bas .btn-grup .btn{width:100%}
  .wa-sticky-txt{display:none}
  .wa-sticky{padding:var(--a-2);min-width:52px;justify-content:center}
  /* hero düğmesi görünürken sabit düğme onu örtmesin (betik sınıfı koyar;
     betik yoksa düğme görünür kalır) */
  .wa-sticky.gizle{opacity:0;visibility:hidden;pointer-events:none}
  .tools--dort,.arac-izgara--dort{grid-template-columns:minmax(0,1fr)}
  footer.site .fgrid{grid-template-columns:1fr}
  .sss summary{font-size:var(--fs-govde);padding:var(--a-3) var(--a-3)}
  .sss .cevap{padding:0 var(--a-3) var(--a-3h)}
}

/* ── 22. Baskı ────────────────────────────────────────────────────────── */
@media print{
  header.site,footer.site,.wa-sticky,.hero-art,.btn,.aseobar{display:none!important}
  .band{margin-inline:0;width:auto;padding-block:var(--a-3)}
  .band--makine{background:var(--paper)!important;color:var(--siyah)!important}
  .band--makine h2,.band--makine h3,.band--makine h4,.band--makine p{color:var(--siyah)!important}
  body{font-size:var(--fs-kucuk)}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:var(--fs-mikro);color:var(--print-muted)}
}

/* ── 17b. Künye + ödeme logoları + yasal kart (iyzico, 04.08.2026) ─────── */
/* Mevcut footer ızgarasına dokunulmaz; yalnızca ek bloklar. */
footer.site .footer-kunye{
  margin-top:var(--a-3);padding-top:var(--a-2);border-top:1px solid var(--line);
  font-size:var(--fs-mikro);line-height:1.55;color:var(--ink3);max-width:24rem;
}
footer.site .footer-kunye p{margin:var(--a-0) 0}
footer.site .footer-kunye a{display:inline;margin:0;font-size:var(--fs-mikro);color:var(--ink2)}
footer.site .footer-kunye a:hover{color:var(--blue)}
footer.site .footer-unvan{font-weight:600;color:var(--ink2);font-size:var(--fs-mikro);line-height:1.45}

footer.site .fbottom{gap:var(--a-3) var(--a-4)}
footer.site .fbottom-left{display:flex;flex-wrap:wrap;gap:var(--a-0) var(--a-1);align-items:center}
footer.site .fbottom-sep{opacity:.5}
footer.site .odeme-logolar{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-2) var(--a-3);
}
footer.site .odeme-logolar img{
  display:block;height:28px;width:auto;object-fit:contain;
  background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:var(--a-0) var(--a-1);
}

/* Yasal / hakkımızda sayfa kartı — mevcut makale stiline uyumlu */
.legal-card{
  max-width:760px;margin:var(--a-5h) auto;background:var(--paper);
  border:1px solid var(--line);border-radius:14px;padding:var(--a-5h);
}
.legal-card h1{color:var(--navy);margin:0 0 var(--a-2);font-size:var(--fs-h1)}
.legal-card h2{color:var(--navy);font-size:var(--fs-h2-kart);margin:var(--a-5) 0 var(--a-2)}
.legal-card h2,.legal-card h3{word-spacing:.1em}  /* «1. Taraflar»: negatif harf aralığı Poppins boşluğunu yutuyordu (B-09 ile aynı) */
.legal-card h3{font-size:var(--fs-govde);margin:var(--a-3h) 0 var(--a-1);color:var(--ink)}
.legal-card p,.legal-card li{line-height:1.65;color:var(--ink)}
.legal-card a{color:var(--blue)}
.legal-list{margin:var(--a-1) 0 var(--a-3);padding-left:var(--a-3h)}
.legal-list li{margin:var(--a-0) 0}
.legal-updated{color:var(--muted,var(--ink3));font-size:var(--fs-kucuk);margin-top:var(--a-5)}  /* A6: 13→14 px */

.sirket-kunye{margin:var(--a-1) 0 var(--a-3);font-size:var(--fs-kucuk);line-height:1.55;color:var(--ink2)}
.sirket-kunye .sirket-unvan{font-weight:600;color:var(--navy);margin:0 0 var(--a-0);font-size:var(--fs-ikincil)}
.sirket-kunye .sirket-marka{margin:0 0 var(--a-1);color:var(--ink3);font-size:var(--fs-kucuk)}
.sirket-kunye .sirket-adres{margin:var(--a-0) 0 var(--a-1)}
.sirket-kunye .sirket-meta{list-style:none;padding:0;margin:var(--a-1) 0 0}
.sirket-kunye .sirket-meta li{margin:var(--a-0) 0}
.sirket-kunye .sirket-meta span{
  display:inline-block;min-width:7.5rem;color:var(--ink3);font-size:var(--fs-etiket);
}
.sirket-aside-title{margin:0 0 var(--a-1);font-size:var(--fs-govde);color:var(--navy)}

@media (max-width:760px){
  /* S-15: main.container zaten yan boşluk (gutter) veriyor; kart kenarlığı + iç boşluk
     ikinci kez veriyordu (içerik 39 px). Yan kenarlık/boşluk kalkar → içerik 20 px
     (`main.container > .gate` kalıbı). */
  .legal-card{margin:var(--a-4) 0;padding:var(--a-4) 0;border-inline:0;border-radius:0}
  footer.site .odeme-logolar img{height:24px}
}


/* ══════════════════════════════════════════════════════════════════════
   YÖNETİM PANELİ · KIRINTI · TABLO — 19.08.2026 GERİ YÜKLENDİ
   ----------------------------------------------------------------------
   Bu bloklar canlı style.css'te vardı ama depodaki kopyada YOKTU; deploy
   sırasında üzerine yazılınca yönetim paneli stilsiz kalmıştı. Canlı
   yedekten (backups/2026-08-19-canli-yedek/assets/style.css) geri alındı.
   Ders: canlı ile depo ayrıştıysa, yüklemeden önce indirilip karşılaştırılır.
   ══════════════════════════════════════════════════════════════════════ */
.admin-page{padding-bottom:var(--sec-y-m)}
.admin-hero{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--a-3h) var(--a-5);margin:var(--a-3) 0 var(--a-4);
}
.admin-hero .eyebrow{
  margin:0 0 var(--a-1);font-size:var(--fs-mikro);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--blue);
}
.admin-hero h1{margin:0 0 var(--a-1);font-size:var(--fs-h1)}
.admin-hero .lead{margin:0;max-width:48ch;color:var(--ink2);font-size:var(--fs-ikincil)}
.admin-hero-actions{display:flex;flex-wrap:wrap;gap:var(--a-1)}
.admin-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));
  gap:var(--a-2);margin:0 0 var(--a-4);
}
.admin-stat{
  padding:var(--a-3) var(--a-3h);background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-sm);box-shadow:var(--sh1);
}
.admin-stat .n{
  display:block;font-size:var(--fs-h2-kart);font-weight:700;
  letter-spacing:-.03em;color:var(--navy);line-height:1.1;
}
.admin-stat .l{display:block;margin-top:var(--a-0);font-size:var(--fs-etiket);color:var(--ink3);font-weight:500}
.admin-tabs{
  display:flex;flex-wrap:wrap;gap:var(--a-1);margin:0 0 var(--a-3h);padding:var(--a-0);
  background:var(--paper2);border:1px solid var(--line);border-radius:999px;
}
.admin-tab{
  position:relative;display:inline-flex;align-items:center;gap:var(--a-0);
  padding:var(--a-1) var(--a-3);border-radius:999px;font-size:var(--fs-kucuk);font-weight:600;
  color:var(--ink2);text-decoration:none;transition:background .18s var(--ease),color .18s var(--ease);
}
.admin-tab:hover{color:var(--navy);text-decoration:none;background:rgba(47,107,242,.08)}
.admin-tab.on{background:var(--navy);color:var(--deep-ink)}
.admin-tab.on:hover{color:var(--deep-ink);background:var(--deep2)}
.admin-tab .dot{
  min-width:1.15rem;height:1.15rem;padding:0 var(--a-0);border-radius:999px;
  background:var(--bad);color:var(--deep-ink);font-size:var(--fs-mikro);font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
}
.admin-tab.on .dot{background:var(--paper);color:var(--bad)}
.admin-panel{margin-bottom:var(--a-3h)}
.admin-panel > h2{font-size:var(--fs-govde)}
.admin-note{padding:var(--a-0) var(--a-3h) var(--a-3);margin:0;font-size:var(--fs-kucuk);color:var(--ink3);line-height:1.5}
.admin-empty{padding:var(--a-4) var(--a-3h)}
.admin-empty h2{background:transparent;border:0;padding:0 0 var(--a-1)}
.admin-empty p{margin:0;color:var(--ink2)}
.admin-actions{display:flex;flex-wrap:wrap;gap:var(--a-1);justify-content:flex-end}
.admin-search{display:flex;flex-wrap:wrap;gap:var(--a-1);align-items:center;max-width:28rem;margin-bottom:var(--a-3)}
.admin-search input{
  flex:1 1 12rem;min-height:42px;padding:var(--a-1) var(--a-2);border:1px solid var(--line);
  border-radius:var(--r-xs);font:inherit;
}
.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--a-3h);align-items:start}
.admin-unread{background:var(--tint)}
.tablewrap{overflow-x:auto}
.tablewrap table{width:100%;border-collapse:collapse;font-size:var(--fs-kucuk)}
.tablewrap th,.tablewrap td{padding:var(--a-2) var(--a-3);text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tablewrap th{font-size:var(--fs-mikro);text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);font-weight:700;background:var(--paper2)}
.tablewrap tr:last-child :is(td,th){border-bottom:0}
.tablewrap .tiny,.tiny{font-size:var(--fs-kucuk);color:var(--ink3)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-0);font-size:var(--fs-kucuk);color:var(--ink3);margin:var(--a-3) 0 0}
.crumbs a{color:var(--ink2);display:inline-flex;align-items:center;min-height:44px}
.crumbs .cur{color:var(--navy);font-weight:600}
.btn.bad:hover{filter:brightness(.95);color:var(--deep-ink);text-decoration:none}
.msg.warn,.msg.info{/* info already defined */}

/* ══════════════════════════════════════════════════════════════════════
   ARAÇ KAPISI (.gate) — 19.08.2026
   ----------------------------------------------------------------------
   lib/gate.php ve /tools/airseotools/ bu sınıfları kullanıyordu ama CSS
   HİÇ YAZILMAMIŞTI; sayfa tarayıcı varsayılanlarıyla çıkıyordu. Ölçüldü
   ve düzeltildi (tarayici ss /tools/airseotools/).
   ══════════════════════════════════════════════════════════════════════ */
.gate{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:var(--sec-y-xs);align-items:start;
  max-width:var(--maxw);margin:0 auto;
  padding:var(--sec-y-xs) var(--gutter) var(--sec-y-xl);
}
.gate > *{min-width:0}
/* Tanıtım sayfası main.container içinde: kap zaten gutter veriyor, ikinci
   kez verilince içerik kırıntı/menü hizasından 40px içeride başlıyordu. */
main.container > .gate{padding-inline:0}
.gate-main > .btn-grup{margin-top:var(--a-4)}                 /* 02.10: kicker/lead ile düğmeler arası */
.gate-main > .btn-grup + .benefits,.gate-main .kicker + .benefits{margin-top:var(--a-5)}  /* 02.10: A-04 sonrası düğme→kart boşluğu yoktu */
.gate-etiket{display:flex;flex-wrap:wrap;gap:var(--a-1);margin:0 0 var(--a-3)}
.gate-etiket .badge{white-space:nowrap}
.gate-tools .gate-tier{font-weight:500;font-size:var(--fs-mikro);color:var(--ink3)}
.gate-main h1{margin-bottom:var(--a-2);font-size:var(--fs-h1)}
.gate-main .lead{font-size:var(--fs-lead);line-height:1.6;color:var(--ink2);max-width:56ch}
.gate-main .kicker{margin-top:var(--a-1);font-size:var(--fs-kucuk);font-weight:600;color:var(--ink2)}

.gate .sec{margin-top:var(--sec-y-xs)}
.gate .sec h2{font-size:var(--fs-h2-kart);margin-bottom:var(--a-3)}

.benefits{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
  gap:var(--a-3);
}
.benefit{padding:var(--a-3) var(--a-3h);background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-sm)}
.benefit h3{font-size:var(--fs-govde);margin-bottom:var(--a-0)}
.benefit p{font-size:var(--fs-ikincil);line-height:1.55;color:var(--ink2)}

.gate .steps{list-style:none;counter-reset:g;padding:0;margin:0;display:grid;gap:var(--a-2)}
.gate .steps li{
  counter-increment:g;position:relative;padding:var(--a-2) var(--a-3) var(--a-2) var(--a-6);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);
}
.gate .steps li::before{
  content:counter(g);position:absolute;left:1rem;top:.85rem;
  width:1.5rem;height:1.5rem;display:grid;place-items:center;
  border-radius:999px;background:var(--tint);color:var(--blue-metin);
  font-size:var(--fs-mikro);font-weight:700;
}
.gate .steps li b{display:block;margin-bottom:var(--a-0)}
.gate .steps li span{font-size:var(--fs-ikincil);line-height:1.55;color:var(--ink2)}

.gate .tick,.gate .feats{list-style:none;padding:0;margin:0;display:grid;gap:var(--a-1)}
.gate .tick li,.gate .feats li{position:relative;padding-left:var(--a-4);font-size:var(--fs-ikincil);color:var(--ink2)}
.gate .tick li::before,.gate .feats li::before{
  content:"";position:absolute;left:0;top:.45em;width:.7rem;height:.7rem;
  border-radius:999px;background:var(--blue);opacity:.85;
}

.gate .faq details{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);margin-bottom:var(--a-1)}
.gate .faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--a-2);padding:var(--a-3) var(--a-3);font-weight:600;cursor:pointer;list-style:none}
.gate .faq summary::-webkit-details-marker{display:none}
.gate .faq summary::after{content:"+";flex-shrink:0;color:var(--blue-metin);font-weight:700}
.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--a-2)}
.lp-faq summary::after{float:none;flex-shrink:0}
.gate .faq details[open] summary::after{content:"−"}
.gate .faq p{padding:0 var(--a-3) var(--a-3);font-size:var(--fs-ikincil);line-height:1.6;color:var(--ink2)}

/* sağ sütun */
.gate-side{display:grid;gap:var(--a-3);position:sticky;top:calc(75px + 1rem)}
.gate-box{padding:var(--a-3h);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1)}
.gate-box.soft{background:var(--paper2);box-shadow:none}
.gate-box h2{font-size:var(--fs-kart);margin-bottom:var(--a-1)}
.gate-box h3{font-size:var(--fs-ikincil);margin-bottom:var(--a-1)}
.gate-box .lock{
  width:2.25rem;height:2.25rem;display:grid;place-items:center;margin-bottom:var(--a-2);
  border-radius:var(--r-xs);background:var(--tint);color:var(--blue-metin);
}
.gate-note{font-size:var(--fs-ikincil);line-height:1.6;color:var(--ink2);margin-bottom:var(--a-3)}
.gate-note.small{font-size:var(--fs-kucuk);margin-bottom:0}
.gate-form{display:grid;gap:var(--a-3)}
.gate-form .field{margin-bottom:0}   /* 02.10: grid gap + field margin üst üste biniyordu */
.gate-alt{display:grid;gap:var(--a-1);margin-top:var(--a-2);justify-items:center}
.gate .btn.block,.btn.block{width:100%}
.gate .tiny,.tiny{display:inline-block;padding-block:var(--a-0);font-size:var(--fs-kucuk);color:var(--ink3)}

.gate-tools{list-style:none;padding:0;margin:0 0 var(--a-2);display:grid;gap:var(--a-1)}
.gate-tools a{display:block;padding:var(--a-2);border-radius:var(--r-xs);background:var(--paper);border:1px solid var(--line);text-decoration:none}
.gate-tools a:hover{border-color:var(--blue2);text-decoration:none}
.gate-tools b{display:block;font-size:var(--fs-ikincil);color:var(--navy)}
.gate-tools span{display:block;margin-top:var(--a-0);font-size:var(--fs-etiket);line-height:1.5;color:var(--ink2)}

@media (max-width:1024px){
  .gate{grid-template-columns:minmax(0,1fr)}
  .gate-side{position:static}   /* A-04: DOM sırası korunur; H1 ve tanıtım giriş kutusundan önce */
}

/* ── 23. T7 görsel tur (02.10.2026) — K25–K35. Taban kurallardan SONRA; landing.css/airpix.css
      sonra yüklendiği için lp-* seçicileri .lp ya da main ile özgüllük kazanır. ───────────── */
/* K25 satır ölçüsü: 120+ karakterlik paragraflar ≤44em */
.not-satir,.hypercare p,.section-intro,.airpix-seo p{max-width:44em}
/* K27 düğme simgesi punto ile orantılı, en az 16 px */
.btn :is(svg,img){width:1.2em;height:1.2em;min-width:16px;min-height:16px;flex:none}
/* K28 aynı satırdaki kartlar eşit boy (içerik kısalmaz, kart uzar) */
.atolyeler{align-items:stretch}
main .lp-contact{align-items:stretch}
/* K29 hizmet sayfası SSS, başlıkla aynı sol kenarda (genişlik metin ölçüsünde kalır) */
.bolum-baslik + .sss{margin-inline:0}
/* K32 fiyat rakamı lacivert: `.fiyat-kutu p` (özgüllük 0,1,1) `.fiyat-rakam` rengini eziyordu */
.fiyat-kutu .fiyat-rakam{color:var(--navy);max-width:none}
/* K33 iletişim formu: 2 sütunlu bloktan sonra «Mesajınız» satırı da aynı adımı alsın */
main .lp-2col{margin-bottom:var(--a-3)}
/* K34 AirPix alt bölümleri yükleme alanıyla aynı genişlikte */
.lp.airpix-seo{max-width:none}
.airpix-seo .lp-final p{margin-inline:auto}  /* K37: 44em ölçüsü ortalı bantta sola yaslanmasın */
/* K35 hero güven listesi 2×2 (mobilde tek sütun) */
.hero .guven{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:var(--a-2) var(--a-5)}
@media (max-width:520px){.hero .guven{grid-template-columns:minmax(0,1fr)}}
/* K6/K30 yasal şablon H3 gövdeden ≥1.1× */
.legal-card h3{font-size:var(--fs-kart)}
/* K31 rehber: giriş paragrafı, tablo satır etiketi, liste→paragraf boşluğu */
main p.giris{font-size:var(--fs-kart);line-height:1.6;color:var(--ink)}  /* ink2 değil: K6b rehber/legal gövde rengi tek olmalı */
.rehber-icerik tbody :is(th[scope=row],tr > :first-child){font-weight:600;color:var(--ink)}
.rehber-icerik :is(ul,ol) + p{margin-top:var(--a-3)}

/* K24 bant geçişi: ardışık bantlarda içerik→içerik boşluğu (aynı zemin ≤150/110 · farklı ≤240/170) */
.band:has(+ .band--tam){padding-bottom:var(--sec-y-m)}
.band--kagit + .band--kagit{padding-top:var(--sec-y-xs)}
.band--kagit2 + .band--kagit2{padding-top:var(--sec-y-xs)}
.band--kagit2:has(+ .band--kagit2){padding-bottom:var(--sec-y-s)}
.band:has(> .rehber-icerik){padding-bottom:var(--sec-y-s)}

/* ══════════════════════════════════════════════════════════════════════
   24. TASARIM DÜZELTMESİ 04.10.2026 — ortak bileşenler + bölüm blokları.
   Her blok tek sahibin. Kural: yalnız 1024/760/520 kırılımı (max-width),
   aralık/punto değerleri mevcut jetonlardan (var(--a-*), var(--fs-*)).
   ══════════════════════════════════════════════════════════════════════ */
/* ── 24a. Söz şeridi (lib/guven.php at_soz_seridi) — Claude ── */
.soz-serit{margin-inline:calc(50% - 50vw);width:100vw;padding-block:var(--sec-y-s);background:var(--paper2);border-block:1px solid var(--line)}
.soz-serit-bas{font-size:var(--fs-ikincil);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:var(--a-3)}
.soz-izgara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a-3)}
.soz{display:grid;grid-template-columns:auto 1fr;column-gap:var(--a-2);row-gap:var(--a-0);align-content:start;padding:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.soz-ik{grid-row:span 2;fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.soz strong{font-size:var(--fs-govde);line-height:1.35;color:var(--navy);text-wrap:balance}
.soz span{font-size:var(--fs-kucuk);line-height:1.5;color:var(--ink2)}
@media (max-width:1024px){.soz-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.soz-izgara{grid-template-columns:1fr}.soz{padding:var(--a-3)}}

/* ── 24b. W1 ana sayfa ── */
/* hero fiyat satırı (ul.guven yerine) */
.hero-fiyat{margin:0;font-size:var(--fs-govde);color:var(--ink2)}
.hero-fiyat strong{color:var(--navy)}
.hero-fiyat a{font-weight:600;white-space:nowrap}
/* yaptığımız işler (yalnız veri varsa basılır) */
.ref-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--a-3h)}
.ref-kart{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ref-gorsel img{display:block;width:100%;height:auto}
.ref-metin{display:flex;flex-direction:column;gap:var(--a-1);padding:var(--a-4);flex:1}
.ref-metin .eyebrow{margin:0}
.ref-metin p{font-size:var(--fs-ikincil);color:var(--ink2)}
.ref-metin blockquote{margin:var(--a-1) 0 0;padding-left:var(--a-3);border-left:3px solid var(--blue);font-size:var(--fs-ikincil);color:var(--ink)}
.ref-metin blockquote p{margin:0}
.ref-metin cite{display:block;margin-top:var(--a-0);font-size:var(--fs-kucuk);font-style:normal;color:var(--ink3)}
.ref-link{margin-top:auto;padding-top:var(--a-2);font-weight:600}
/* panel galerisi (gerçek ekran görüntüleri varsa) */
.panel-galeri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-2)}
.panel-galeri figure{margin:0}
.panel-galeri img{display:block;width:100%;height:auto}
.panel-galeri figcaption{margin-top:var(--a-0);font-size:var(--fs-kucuk);color:var(--deep-ink2)}
/* destek bandı */
.destek-not{margin-top:var(--a-3h);font-size:var(--fs-ikincil)}
.arac .alt .btn.sm{min-height:44px}
/* ücretsiz araçlar: geliştirici etiketi */
.arac-gel{align-self:flex-start;padding:var(--a-0) var(--a-2);border:1px solid var(--deep-line);border-radius:999px;font-size:var(--fs-mikro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--light)}
/* süreç: geniş ekranda eski görünüm */
.surec-kap{display:block}
@media (max-width:1024px){
  .hizmet-serit a{min-height:44px;display:inline-flex;align-items:center}
  .ref-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ref-izgara{grid-template-columns:minmax(0,1fr)}
  /* sekiz adım: yatay kaydırmalı şerit (sayfa taşmaz, kap kendi içinde kayar) */
  .surec-kap{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:var(--a-2)}
  .surec{display:flex;grid-template-columns:none;gap:var(--a-3);width:max-content}
  .surec li{flex:0 0 min(15rem,72vw);scroll-snap-align:start;padding:var(--a-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm)}
  .surec li::before{width:2.4rem;height:2.4rem;margin-bottom:var(--a-2)}
  /* panel yetenekleri: 2 sütun, ikon üstte */
  .yetenekler{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-1)}
  .yetenek{grid-template-columns:1fr;gap:var(--a-1);padding:var(--a-2)}
  .yetenek .ikon{width:34px;height:34px;border-radius:10px}
  .yetenek .ikon svg{width:18px;height:18px}
  .yetenek h3{font-size:var(--fs-ikincil)}
  .yetenek p{line-height:1.45}
  .panel-art:not(.panel-galeri){display:none}
  .panel-anatomi{gap:0}
  /* dört standart: 2 sütun */
  .standart{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-2)}
  .std{padding:var(--a-3)}
  .std h3{min-height:0;font-size:var(--fs-govde)}
  .std .ikon{margin-bottom:var(--a-2)}
  .std p{font-size:var(--fs-kucuk);line-height:1.5}
  .hypercare{padding:var(--a-4)}
  /* ücretsiz araçlar: 2 sütun kompakt kart */
  .arac-izgara--dort{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-2)}
  .arac-izgara--dort .arac{padding:var(--a-3);gap:var(--a-1)}
  .arac-izgara--dort .arac h3{font-size:var(--fs-govde)}
  .arac-izgara--dort .arac p{font-size:var(--fs-kucuk);line-height:1.45}
  .arac-izgara--dort .arac-metin{gap:var(--a-1)}
  .arac-izgara--dort .arac .ikon{width:34px;height:34px}
  .arac .alt .btn.sm{min-height:44px}
  .arac-izgara--dort .arac .alt{flex-wrap:wrap;gap:var(--a-1)}
  /* iki atölye: yinelenen madde panelde zaten var */
  .atolye--ana .liste li:nth-child(4){display:none}
  .atolye--yan .liste{display:none}
  #atolyeler .bolum-bas p,#standart .bolum-bas p{display:none}
  #atolyeler,#panel,#standart,#destek,#ucretsiz-araclar,#sss{padding-block:var(--sec-y-l)}
  #atolyeler .bolum-bas,#panel .bolum-bas,#standart .bolum-bas,#ucretsiz-araclar .bolum-bas{margin-bottom:var(--a-4)}
  .yetenek{align-content:start}
  .hypercare .sayi{font-size:var(--fs-h2-vitrin)}
  .arac--yatay{padding:var(--a-3);gap:var(--a-2)}
  .arac--yatay .ikon{display:none}
  .arac-liste{display:grid;gap:var(--a-2)}
  .not-satir{margin-top:var(--a-4)}
  /* hero: süs çizimi dar ekranda gizlenir; başlık, düğmeler ve fiyat ilk ekranda kalır */
  .hero-art svg{display:none}
  .hero-art{max-width:none}
  .hero{padding-block:var(--sec-y-m)}
  .hero .lead,.hero-cta{margin-bottom:var(--a-3h)}
  #rehberler{padding-block:var(--sec-y-l)}
  #rehberler .bolum-bas{margin-bottom:var(--a-3)}
  #rehberler .bolum-bas p{display:none}
  #rehberler .ilgili-izgara{gap:var(--a-2)}
  #sss .bolum-bas{margin-bottom:var(--a-3)}
  .atolye--ana .ozet{display:none}
  .arac .ikon{display:none}
  .arac-cta{padding:var(--a-3);gap:var(--a-2)}
  .std .ikon,.yetenek .ikon{display:none}
  .hizmet-serit-bas{display:none}
  .sss summary{padding:var(--a-2) var(--a-3)}
  .atolye--ana .alt .btn.ghost{display:none}
  .soz-serit{padding-block:var(--sec-y-xs)}
  .hypercare{padding:var(--a-3)}
  .hypercare .sayi{font-size:var(--fs-h2)}
  .hypercare h2{margin-bottom:var(--a-1)}
  .surec-kap{padding-bottom:0}
  #standart .section-intro{display:none}
  .kapanis{padding-block:var(--sec-y-m)}
  .kapanis p{margin-bottom:var(--a-3h)}
  .kapanis-alt{margin-top:var(--a-3)}
}
@media (max-width:520px){
  .soz-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-2)}
  .soz{grid-template-columns:1fr;padding:var(--a-2)}
  .soz-ik{display:none}
  .soz strong{font-size:var(--fs-ikincil)}
}
@media (max-width:520px){
  .surec-kap{scroll-padding-inline:var(--gutter)}
}
/* ── /24b ── */

/* ── 24c. W2 hizmet + fiyat ── */
/* A2: hizmet hero'su iki sütun (metin + özet kutusu) */
.hizmet-bas-izgara{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--a-6);align-items:center}
.hizmet-bas-metin .lead{margin-bottom:var(--a-4)}
.ozet-kutu{display:flex;flex-direction:column;gap:var(--a-4);padding:var(--a-5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh2)}
.ozet-kutu dl{margin:0;display:grid;gap:var(--a-3)}
.ozet-satir{display:grid;gap:var(--a-0);padding-bottom:var(--a-3);border-bottom:1px solid var(--line)}
.ozet-satir:last-child{padding-bottom:0;border-bottom:0}
.ozet-satir dt{font-size:var(--fs-kucuk);font-weight:600;color:var(--ink3)}
.ozet-satir dd{margin:0;font-size:var(--fs-govde);line-height:1.5;color:var(--ink)}
.ozet-satir dd strong{color:var(--navy)}
.ozet-satir dd small{display:block;margin-top:var(--a-0);font-size:var(--fs-kucuk);color:var(--ink2)}
.ozet-kutu .btn{justify-content:center;width:100%}
/* A4: hizmet dizini kart ikonu + fiyat satırı (ilgili-kart ana sayfada da kullanılır, bu yüzden kapsamlı) */
.hizmet-hub .ilgili-kart .ikon{margin-bottom:var(--a-3)}
.hizmet-hub .ilgili-kart .kart-fiyat{margin-top:var(--a-3);font-size:var(--fs-kucuk);color:var(--ink2)}
.hizmet-hub .ilgili-kart .kart-fiyat strong{color:var(--navy)}
.hizmet-hub .ilgili-kart .kart-fiyat small{display:block;font-size:var(--fs-kucuk)}
/* A3: fiyat sayfası, kartların altındaki bölüm */
.paket-alt .paket-disi{margin-top:0}
@media (max-width:1024px){
  .hizmet-bas-izgara{grid-template-columns:1fr;gap:var(--a-5)}
  .kirinti a{min-height:44px}
  .ozet-kutu{max-width:34rem}
}
@media (max-width:760px){
  .paketler{grid-template-columns:1fr}
  .paketler .paket.one{order:-1}
  .ozet-kutu{padding:var(--a-4);max-width:none}
}
/* ── /24c ── */

/* ── 24d. W3 rehber ── */
.rehber-bas-izgara{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--a-5) var(--a-6);align-items:start}
.rehber-bas h1{max-width:none;font-size:var(--fs-h1-vitrin)}
.rehber-bas--yazi h1{font-size:var(--fs-h1)}  /* yazı: belge başlığı rolü (S-10); dizin vitrin ölçeğinde kalır */
.rehber-bas .lead{margin-bottom:0}
.rehber-bas time{display:block;margin-bottom:var(--a-2);font-size:var(--fs-kucuk);color:var(--ink3)}
.rehber-ozet{display:grid;gap:var(--a-4);padding:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.rehber-ozet dl{display:grid;gap:var(--a-3);margin:0}
.rehber-ozet dt{margin-bottom:var(--a-0);font-size:var(--fs-etiket);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.rehber-ozet dd{margin:0;font-size:var(--fs-ikincil);line-height:1.5;color:var(--ink)}
.rehber-ozet dd a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.rehber-ozet .btn{justify-self:start}
.rehber-ozet-sayi{margin:0;font-size:var(--fs-ikincil);color:var(--ink2)}
.rehber-ozet-sayi strong{font-size:var(--fs-h1);line-height:1;color:var(--navy)}
.rehber-konular{display:grid;gap:var(--a-2);margin:0;padding:0;list-style:none}
.rehber-konular li{display:flex;align-items:center;gap:var(--a-2);font-size:var(--fs-ikincil);color:var(--ink)}
.rehber-konu-ik{flex:none;fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rehber-icerik li a{display:inline-block;padding-block:.7rem;margin-block:-.7rem}  /* liste içi bağlantı: görünüm aynı, dokunma alanı ≥44px */
.rehber-cta-kutu{margin-top:var(--a-5h);padding:var(--a-4);background:var(--tint);border:1px solid var(--line);border-radius:var(--radius)}
.rehber-cta-kutu p{margin:0 0 var(--a-3)}
.rehber-cta-kutu .btn{white-space:normal;text-align:center}
.rehber-cta-kutu .rehber-cta-bas{margin-bottom:var(--a-1);font-size:var(--fs-kart);font-weight:700;color:var(--navy)}
@media (max-width:760px){
  .rehber-bas-izgara{grid-template-columns:minmax(0,1fr)}
  .rehber-ozet .btn,.rehber-cta-kutu .btn{width:100%}
}
/* ── /24d ── */

/* ── 24e. W4 araçlar (tanıtım sayfaları style.css tarafı) ── */
/* Tanıtım kahramanı: solda metin, sağda özet kutusu (lib/gate.php, lib/tools.php at_arac_ozet) */
.arac-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--sec-y-s);align-items:center;padding:var(--sec-y-xs) 0 var(--sec-y-s)}
.arac-hero > *{min-width:0}
.arac-hero h1{margin-bottom:var(--a-2);font-size:var(--fs-h1)}
.arac-hero .lead{font-size:var(--fs-lead);line-height:1.6;color:var(--ink2);max-width:56ch}
.arac-hero .kicker{margin-top:var(--a-1);font-size:var(--fs-kucuk);font-weight:600;color:var(--ink2)}
.arac-hero .btn-grup{margin-top:var(--a-3h)}
.arac-ozet{display:grid;gap:var(--a-3);padding:var(--a-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.arac-ozet dl{margin:0;display:grid;gap:var(--a-2)}
.arac-ozet dt{font-size:var(--fs-kucuk);font-weight:600;color:var(--ink2)}
.arac-ozet dd{margin:0;font-size:var(--fs-ikincil);line-height:1.5;color:var(--ink)}
.arac-ozet .btn{justify-self:start}
.arac-ozet-yakinda{margin:0;font-weight:600;color:var(--ink2)}
/* Araçtan hizmete köprü bandı (at_hizmet_koprusu) */
.arac-kopru{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a-3);margin-block:var(--a-3);padding:var(--a-3) var(--a-4);background:var(--paper2);border:1px solid var(--line);border-radius:var(--r)}
.arac-kopru p{margin:0;max-width:60ch;font-size:var(--fs-ikincil);color:var(--ink2)}
.gate:has(+ .arac-kopru){padding-bottom:var(--sec-y-xs)}
.gate + .arac-kopru,.lp + .arac-kopru{margin-bottom:var(--sec-y-xl)}
.panel .arac-kopru{margin-bottom:0}
/* AirSEOtools bandı ana sayfada sakin: ikincil düğme, alçak band */
.urun-bant--sakin{padding:var(--a-3) var(--a-4);background:var(--paper2);box-shadow:none}
.urun-bant--sakin .urun-logo{height:22px}
.urun-bant--sakin h2{font-size:var(--fs-govde)}
/* Dokunma hedefi (tanıtım kapısı bağlantıları) */
.gate .tiny{display:inline-flex;align-items:center;min-height:44px}
.gate-tools a{min-height:44px}
@media (max-width:760px){
  .arac-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .arac-ozet .btn{justify-self:stretch}
  .arac-kopru .btn{width:100%}
}
/* ── /24e ── */

/* ── 24f. Claude: menü, hakkımızda, referanslar, tipografi ── */
/* A10: başlıklar dengeli kırılır; zorunlu satır sonu yalnız geniş ekranda (<br class="gen">) */
h1,h2,h3{text-wrap:balance}
@media (max-width:1024px){br.gen{display:none}}
/* A6: dar ekranda dokunma hedefi ≥44 px — alt bilgi bağlantıları, dil düğmesi, chip'ler */
@media (max-width:1024px){
  footer.site .fcol a{margin:0;padding-block:var(--a-2);min-height:44px}
  footer.site .brand,header.site .brand{min-height:44px}
  /* .btn.sm (0,2,0) .nav-cta-m'yi eziyordu → ölçüm 43 px; düğme ve yanındaki rozet birlikte 44 */
  .btn.sm,.badge{min-height:44px}
  .ref-link{display:inline-flex;align-items:center;min-height:44px}
  /* liste içi tek bağlantı (iletişim/künye): satır akışı bozulmasın diye inline kalır, dikey dolgu dokunma alanını 44'e çıkarır */
  .legal-list li>a,.sirket-meta a{padding-block:12px}
  .hizmet-serit a,.chips a,.chip{min-height:44px;display:inline-flex;align-items:center}
}
/* C1 /referanslar/ + C3 Hakkımızda «Kim yapıyor» (veri yoksa hiç basılmaz) */
.referans-sayfa{padding-block:var(--sec-y-s) var(--sec-y-m)}
.referans-sayfa .lead{max-width:56ch;color:var(--ink2);margin-bottom:var(--a-5)}
.referans-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:var(--a-4)}
.referans-kart{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.referans-kart img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.referans-metin{display:flex;flex-direction:column;gap:var(--a-2);padding:var(--a-4)}
.referans-metin h2{font-size:var(--fs-h2-kart)}
.referans-metin blockquote{margin:0;padding-left:var(--a-3);border-left:3px solid var(--blue);color:var(--ink2)}
.referans-metin cite{display:block;font-style:normal;font-size:var(--fs-kucuk);color:var(--ink3)}
.referans-cta{margin-top:var(--a-5)}
.kurucu-govde{display:grid;grid-template-columns:9rem 1fr;gap:var(--a-4);align-items:start}
.kurucu-foto img{display:block;width:100%;height:auto;border-radius:var(--radius)}
@media (max-width:520px){.kurucu-govde{grid-template-columns:1fr}.kurucu-foto{max-width:9rem}}
/* ── /24f ── */