@charset "UTF-8";
/* =====================================================================
   KARAM SAFETY — kv.css  ·  "VİTRİN" tasarım sistemi  ·  v1 · 2026-08-17
   ---------------------------------------------------------------------
   KAVRAM: METAFOR YOK. Ürünün kendisi, perakende titizliğiyle.
   Sakin pus zemin · beyaz yüzeyler · sıcak kum paspartu · tek derin mavi
   vurgu · mürekkep dolgulu eylem · bol boşluk · yumuşak 12px köşe.
   İmza grafiği YOK · mono/teknik ses YOK · sarı-turuncu birincil YOK ·
   koyu bant YOK · numaralı bölüm etiketi YOK.

   Tur 19 (kN) turuncu + Manrope + yuvarlak kart ızgaraları idi.
   Tur 20 (PLAKA) sarı + keskin 2px + mono + tüy çizgi idi.
   Bu ikisinden de görsel olarak AYRI durması bilinçlidir.

   ⚠ KAPSAM: her seçici `.kv` ile başlar (ya da body.kvpd/.kvab ile
   kapılanır). Çıplak element seçicisi YOK. Korunan bölümler —
   .ka-hero, .kx-hero, .kx-sect.kx-conv, .kx-sect.kx-rel — `.kv`nin
   DIŞINDA durur; bu dosya onlara ULAŞAMAZ. Tek istisna:
   body.kvpd .to-top / .fab-stack (korunan bölüm değil, sitenin yüzen
   düğmeleri; yalnız mobil çubukla çakışmayı çözer).
   ===================================================================== */

/* ═══════════════ 1 · TOKENLAR ═══════════════ */
.kv{
  /* yüzeyler */
  --kv-ground:#F6F6F4;      /* pus zemin */
  --kv-surface:#FFFFFF;     /* kart yüzeyi */
  --kv-mat:#EFEAE3;         /* sıcak kum paspartu (ürün fotoğrafı arkası) */
  --kv-tint:#EEF1F3;        /* çok açık soğuk gri */

  /* mürekkep — küçük metin için ≥ .64 alfa (AA) */
  --kv-ink:#1A1D21;
  --kv-ink-80:rgba(26,29,33,.80);
  --kv-ink-64:rgba(26,29,33,.64);   /* ≈4,85:1 pus zemin üstünde */
  --kv-ink-40:rgba(26,29,33,.40);   /* YALNIZ dekoratif */
  --kv-line:rgba(26,29,33,.11);
  --kv-line-2:rgba(26,29,33,.20);

  /* vurgular — sarı/turuncu YOK */
  --kv-blue:#17466B;        /* birincil vurgu · beyaz üstünde 9,8:1 */
  --kv-blue-d:#0F3350;
  --kv-green:#0F6E52;       /* uygunluk */

  /* ölçü */
  --kv-max:1280px;
  --kv-pad:clamp(20px,4.4vw,52px);
  --kv-sec:clamp(56px,7vw,112px);
  --kv-gap:clamp(18px,2.4vw,32px);

  /* geometri — yumuşak, tutarlı */
  --kv-r:12px;
  --kv-r-sm:8px;
  --kv-r-pill:999px;

  /* yükseklik — gölge yığını YOK, tek yumuşak katman */
  --kv-el:0 1px 2px rgba(26,29,33,.04), 0 8px 24px -16px rgba(26,29,33,.16);

  /* hareket */
  --kv-e:cubic-bezier(.22,.68,.24,1);
  --kv-e-out:cubic-bezier(.16,.86,.3,1);
  --kv-d:0s;

  /* tipografi — TEK aile, yeni font isteği YOK */
  --kv-f:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  position:relative;
  background:var(--kv-ground);
  color:var(--kv-ink);
  font-family:var(--kv-f);
  font-size:1rem;
  line-height:1.7;
  isolation:isolate;
}
[dir=rtl] .kv{ --kv-f:'Cairo','Inter',sans-serif; }

/* ═══════════════ 2 · KABUK ═══════════════ */
.kv-wrap{ width:100%; max-width:var(--kv-max); margin-inline:auto; padding-inline:var(--kv-pad); }
.kv-sect{ padding-block:var(--kv-sec); position:relative; }
.kv--pd .kv-top{ padding-block-start:clamp(34px,4.4vw,64px);
  /* teklif paneli sahneden kısa → tam bölüm dolgusu burada boşluk gibi
     okunuyordu; alt dolgu bilinçli olarak kısaldı */
  padding-block-end:clamp(28px,3.6vw,58px); }
/* Açılış ifadesi + rakamlar TEK kompozisyondur → aralarındaki bölüm
   dolgusu kısaltıldı (tam dolguda 224px'lik boşluk deliği okunuyordu). */
.kv--ab .kv-open{ padding-block-end:clamp(26px,3.4vw,54px); }
.kv--ab .kv-figs{ padding-block-start:clamp(26px,3.4vw,54px); }

/* yüzey değişimi: yalnız iki bölüm beyaz — geri kalanı pus */
.kv--pd .kv-spec,
.kv--ab .kv-exp{ background:var(--kv-surface); }
.kv--ab .kv-bridge{ background:var(--kv-tint); }

/* görsel gizli ama ekran okuyucuya açık */
.kv-sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}

/* ═══════════════ 3 · TİPOGRAFİ ═══════════════
   ⚠ Inter + Türkçe: büyük puntoda line-height ≥1.08 (Ç/Ş/Ğ kuyrukları
     alt satırın tepesine giriyor). Ağırlık 600 — bilinçli olarak hafif:
     tur 20 (800) bağırıyordu, bu sürüm fısıldıyor. */
.kv-display{
  margin:.3em 0 0;
  font-size:clamp(2.1rem,5vw,4.4rem);
  font-weight:600; letter-spacing:-.025em; line-height:1.1;
  text-wrap:balance;
}
.kv-h2{
  margin:.3em 0 0;
  font-size:clamp(1.5rem,2.7vw,2.4rem);
  font-weight:600; letter-spacing:-.02em; line-height:1.2;
  text-wrap:balance;
}
.kv h3{ font-weight:600; letter-spacing:-.01em; }
.kv p{ margin:.85em 0 0; color:var(--kv-ink-80); }
.kv-lead{
  margin-block-start:1em;
  font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.72;
  color:var(--kv-ink-80); max-width:58ch;
}
.kv-lead--lg{ font-size:clamp(1.08rem,1.5vw,1.3rem); line-height:1.6; color:var(--kv-ink); }

/* vurgu: gerçek alt çizgi — background ile çizmek Türkçe kuyruklarını
   keser; text-decoration descender'ı atlar (skip-ink) */
.kv .hl{
  color:inherit; text-decoration:underline;
  text-decoration-color:var(--kv-blue);
  text-decoration-thickness:.06em; text-underline-offset:.16em;
}

/* bölüm etiketi — sade, dik, mavi. Numara/çizgi/tırnak motifi YOK. */
.kv-ey{
  display:inline-block;
  font-size:.78rem; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--kv-blue);
}

/* ═══════════════ 4 · ATOMLAR ═══════════════ */
.kv-num{ font-variant-numeric:tabular-nums; }
.kv-fig b, .kv-figline b, .kv-gfigs b{
  display:block; font-size:clamp(2rem,3.8vw,3.1rem); font-weight:600;
  line-height:1.05; letter-spacing:-.03em; color:var(--kv-ink);
}
/* ⚠ ETİKET TUZAĞI: `span` yazılırsa <b> içindeki .kv-num sayaç span'ı da
   yakalanır → dev rakam küçük etikete döner. DAİMA doğrudan çocuk. */
.kv-fig em, .kv-figline em, .kv-gfigs em{ font-style:normal; color:var(--kv-ink-64); }
.kv-fig > span, .kv-figline > span, .kv-gfigs li > span{
  display:block; margin-block-start:.5em;
  font-size:.82rem; font-weight:500; color:var(--kv-ink-64); max-width:20ch;
}
.kv-figline{ display:flex; align-items:baseline; gap:.7em; margin-block-start:1.4em; }
.kv-figline > span{ margin:0; }

/* düğmeler */
.kv-btn{
  --_bg:var(--kv-ink); --_fg:#fff; --_bd:transparent;
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  padding:1em 1.5em; border:1px solid var(--_bd); border-radius:var(--kv-r-pill);
  background:var(--_bg); color:var(--_fg);
  font-family:var(--kv-f); font-size:.95rem; font-weight:600; letter-spacing:-.005em;
  text-decoration:none; cursor:pointer;
  transition:background .2s var(--kv-e), color .2s var(--kv-e),
             border-color .2s var(--kv-e), translate .18s var(--kv-e);
}
.kv-btn svg{ width:1.15em; height:1.15em; flex:none; }
.kv-btn--go:hover{ --_bg:var(--kv-blue); }        /* mürekkep → derin mavi */
.kv-btn--go:active{ translate:0 1px; }
.kv-btn--soft{ --_bg:var(--kv-surface); --_fg:var(--kv-ink); --_bd:var(--kv-line-2); }
.kv-btn--soft:hover{ --_bd:var(--kv-ink); }
.kv-btn--soft:active{ translate:0 1px; }
.kv-btn--sm{ padding:.72em 1.1em; font-size:.9rem; }
.kv-arw{ transition:translate .22s var(--kv-e-out); }
.kv-btn:hover .kv-arw{ translate:.22em 0; }
[dir=rtl] .kv-arw{ scale:-1 1; }
[dir=rtl] .kv-btn:hover .kv-arw{ translate:-.22em 0; }

/* sessiz eylem */
.kv-quiet{
  align-self:center; background:none; border:0; padding:.5em 0; cursor:pointer;
  font-family:var(--kv-f); font-size:.9rem; font-weight:500; color:var(--kv-ink-64);
  text-decoration:none; border-block-end:1px solid var(--kv-line-2);
  transition:color .18s var(--kv-e), border-color .18s var(--kv-e);
}
.kv-quiet:hover{ color:var(--kv-ink); border-block-end-color:var(--kv-ink); }
.kv-copy.is-done{ color:var(--kv-green); border-block-end-color:var(--kv-green); }

/* bağlantı — altı açılan */
.kv-link{
  display:inline-flex; align-items:center; gap:.45em;
  background:none; border:0; padding:.2em 0; cursor:pointer;
  font-family:var(--kv-f); font-size:.95rem; font-weight:600;
  color:var(--kv-blue); text-decoration:none;
}
.kv-link svg{ width:1.05em; height:1.05em; transition:translate .22s var(--kv-e-out); }
.kv-link > span{ position:relative; }
.kv-link > span::after{
  content:""; position:absolute; inset-inline:0; inset-block-end:-.14em; height:1px;
  background:currentColor; scale:0 1; transform-origin:left center;
  transition:scale .28s var(--kv-e-out);
}
[dir=rtl] .kv-link > span::after{ transform-origin:right center; }
.kv-link:hover > span::after, .kv-link:focus-visible > span::after{ scale:1 1; }
.kv-link:hover svg{ translate:.22em 0; }
[dir=rtl] .kv-link:hover svg{ translate:-.22em 0; }
.kv-toggle{ margin-block-start:1.4em; }
.kv-toggle svg{ transition:rotate .26s var(--kv-e); }
.kv-toggle[aria-expanded=true] svg{ rotate:180deg; }
.kv-more{ margin-block-start:clamp(24px,3vw,40px); }
.kv-note{ margin-block-start:1.3em; font-size:.94rem; color:var(--kv-ink-64); max-width:56ch; }

/* odak */
.kv :focus-visible, .kv-dock :focus-visible, .kv-lb :focus-visible{
  outline:2px solid var(--kv-blue); outline-offset:3px; border-radius:4px;
}

/* bölüm başlığı — iki sütun */
.kv-head{ display:grid; gap:clamp(14px,2vw,26px); }

/* ═══════════════ 5 · HAREKET (fail-open) ═══════════════
   İçerik ASLA JS'e bağlı gizli başlamaz: .kv-anim sınıfını sarmalayıcı
   içindeki satır içi script ekler, motor gelmezse load+1,5 sn'de kaldırır. */
.kv-anim .kv-rv{
  opacity:0; translate:0 14px;
  transition:opacity .6s var(--kv-e-out) var(--kv-d), translate .6s var(--kv-e-out) var(--kv-d);
}
.kv-anim .kv-rv.is-in{ opacity:1; translate:0 0; }
.kv-anim .kv-frame picture{
  clip-path:inset(0 0 100% 0);
  transition:clip-path .9s var(--kv-e-out) var(--kv-d);
}
.kv-anim .kv-frame.is-in picture{ clip-path:inset(0 0 0 0); }
.kv-anim .kv-vis__band img{ scale:1.06; transition:scale 1.2s var(--kv-e-out); }
.kv-anim .kv-vis__band.is-in img{ scale:1; }

@media (prefers-reduced-motion:reduce){
  .kv-anim .kv-rv{ opacity:1; translate:0 0; transition:none; }
  .kv-anim .kv-frame picture{ clip-path:none; transition:none; }
  .kv-anim .kv-vis__band img{ scale:1; transition:none; }
  .kv *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ═══════════════ 6 · ÜRÜN DETAY ═══════════════ */
.kv-top__grid{ display:grid; gap:clamp(24px,3.4vw,52px); align-items:start; }

/* sahne: beyaz kart + sıcak kum paspartu */
.kv-stage{ margin:0; }
.kv-stage__card{
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(10px,1.2vw,16px); box-shadow:var(--kv-el);
}
.kv-stage__mat{
  background:var(--kv-mat); border-radius:var(--kv-r-sm); overflow:hidden;
}
.kv-stage__btn{
  display:block; width:100%; margin:0; padding:clamp(18px,3.2vw,44px);
  border:0; background:none; cursor:zoom-in; position:relative;
}
.kv-stage picture, .kv-stage__img{ display:block; width:100%; height:auto; }
.kv-stage__img{
  mix-blend-mode:multiply;   /* beyaz zeminli ürün karesi paspartuya oturur */
  transition:scale .55s var(--kv-e-out);
}
.kv-stage__btn:hover .kv-stage__img{ scale:1.03; }
.kv-stage__cue{
  position:absolute; inset-block-end:12px; inset-inline-end:12px;
  width:40px; height:40px; display:grid; place-items:center; border-radius:var(--kv-r-pill);
  background:var(--kv-surface); color:var(--kv-ink); box-shadow:var(--kv-el);
  transition:background .2s var(--kv-e), color .2s var(--kv-e);
}
.kv-stage__cue svg{ width:19px; height:19px; }
.kv-stage__btn:hover .kv-stage__cue{ background:var(--kv-ink); color:#fff; }

.kv-shots{ display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 0; padding:0; list-style:none; }
.kv-shot{
  width:64px; height:64px; padding:6px; cursor:pointer; border-radius:var(--kv-r-sm);
  border:1px solid var(--kv-line); background:var(--kv-surface);
  transition:border-color .18s var(--kv-e);
}
.kv-shot img{ width:100%; height:100%; object-fit:contain; display:block; }
.kv-shot:hover{ border-color:var(--kv-line-2); }
.kv-shot.is-on{ border-color:var(--kv-ink); }

/* teklif paneli */
.kv-buy{
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(22px,2.6vw,36px); box-shadow:var(--kv-el);
}
.kv-meta{ margin:0; padding:0; display:grid; gap:.9em; }
.kv-meta > div{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.3em 1em; }
.kv-meta dt{
  flex:0 0 clamp(88px,8vw,116px);
  font-size:.78rem; font-weight:500; color:var(--kv-ink-64);
  letter-spacing:.03em; text-transform:uppercase;
}
.kv-meta dd{ margin:0; flex:1 1 10ch; min-inline-size:0; font-weight:600; }
.kv-meta__code{
  font-size:clamp(1.3rem,2.4vw,1.85rem); font-weight:600; line-height:1.15;
  letter-spacing:-.02em; overflow-wrap:break-word; overflow-wrap:anywhere;
}

.kv-chips{ display:flex; flex-wrap:wrap; gap:7px; margin:1.3em 0 0; padding:0; list-style:none; }
.kv-chip{
  font-size:.8rem; font-weight:600; letter-spacing:.02em;
  padding:.4em .8em; border-radius:var(--kv-r-pill);
  background:var(--kv-tint); color:var(--kv-blue); white-space:nowrap;
}
.kv-chip--ce{ background:var(--kv-blue); color:#fff; }

.kv-buy__note{ margin-block-start:1.4em; font-size:.95rem; color:var(--kv-ink-64); max-width:40ch; }
.kv-buy__extra{
  margin-block-start:1.3em; padding-block-start:1.1em;
  border-block-start:1px solid var(--kv-line); font-size:.94rem;
}

.kv-acts{ display:flex; flex-wrap:wrap; gap:10px; margin-block-start:1.4em; }
.kv-acts--thin{ gap:20px; margin-block-start:1em; }

.kv-trust{
  display:grid; gap:.6em; margin:clamp(20px,2.4vw,28px) 0 0;
  padding-block-start:clamp(18px,2vw,24px); border-block-start:1px solid var(--kv-line);
  list-style:none; padding-inline:0;
}
.kv-trust li{
  position:relative; padding-inline-start:1.5em;
  font-size:.9rem; color:var(--kv-ink-80);
}
.kv-trust li::before{
  content:""; position:absolute; inset-inline-start:0; inset-block-start:.52em;
  width:9px; height:5px; border-inline-start:1.8px solid var(--kv-green);
  border-block-end:1.8px solid var(--kv-green); rotate:-45deg;
}

/* öne çıkanlar */
.kv-cards{
  display:grid; gap:var(--kv-gap); margin:clamp(26px,3.2vw,44px) 0 0; padding:0; list-style:none;
}
.kv-card{
  background:var(--kv-surface); border-radius:var(--kv-r); padding:clamp(20px,2.2vw,28px);
  box-shadow:var(--kv-el); min-inline-size:0;
}
.kv-card__k{
  display:block; font-size:.78rem; font-weight:500; color:var(--kv-ink-64);
  letter-spacing:.03em; text-transform:uppercase;
}
.kv-card__v{
  display:block; margin-block-start:.5em;
  font-size:clamp(1.25rem,2.1vw,1.7rem); font-weight:600; line-height:1.25;
  letter-spacing:-.02em; overflow-wrap:break-word; overflow-wrap:anywhere;
}
.kv-card__v i{ font-style:normal; font-size:.62em; font-weight:500; color:var(--kv-ink-64); }

/* teknik döküm */
.kv-panel{
  margin-block-start:clamp(26px,3.2vw,44px);
  background:var(--kv-ground); border-radius:var(--kv-r); padding:clamp(6px,1vw,14px);
}
.kv-rows{ margin:0; padding:0; }
.kv-row{
  display:grid; grid-template-columns:minmax(0,1fr); gap:.15em .5em;
  padding:.95em clamp(12px,1.4vw,20px); border-radius:var(--kv-r-sm);
  transition:background .18s var(--kv-e);
}
.kv-row:nth-child(odd){ background:var(--kv-surface); }
.kv-row:hover{ background:var(--kv-tint); }
.kv-row dt{ font-size:.82rem; font-weight:500; color:var(--kv-ink-64); overflow-wrap:break-word; overflow-wrap:anywhere; }
.kv-row dd{ margin:0; font-weight:600; overflow-wrap:break-word; overflow-wrap:anywhere; }
.kv-row dd i{ font-style:normal; font-size:.84em; font-weight:500; color:var(--kv-ink-64); }

/* standartlar */
.kv-stds{
  display:flex; flex-wrap:wrap; gap:var(--kv-gap);
  margin:clamp(26px,3.2vw,44px) 0 0; padding:0; list-style:none;
}
.kv-std{
  flex:1 1 170px; max-inline-size:300px; min-inline-size:0;
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(18px,2vw,26px); box-shadow:var(--kv-el);
}
.kv-std--ce{ background:var(--kv-blue); }
.kv-std__mark{
  display:block; font-size:clamp(1.5rem,3vw,2.3rem); font-weight:600;
  line-height:1.05; letter-spacing:-.03em; color:var(--kv-ink);
  font-variant-numeric:tabular-nums;
}
.kv-std__mark i{ font-style:normal; font-size:.5em; font-weight:500; color:var(--kv-ink-64); }
.kv-std--ce .kv-std__mark, .kv-std--ce .kv-std__mark i{ color:#fff; }
.kv-std__cap{
  display:block; margin-block-start:.6em;
  font-size:.78rem; font-weight:500; color:var(--kv-ink-64);
}
.kv-std--ce .kv-std__cap{ color:rgba(255,255,255,.82); }

/* dokümanlar */
.kv-files{ display:grid; gap:12px; margin:clamp(26px,3.2vw,44px) 0 0; padding:0; list-style:none; }
.kv-file{
  display:flex; align-items:center; gap:clamp(14px,1.8vw,22px);
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(14px,1.6vw,20px) clamp(16px,1.8vw,24px);
  text-decoration:none; color:inherit; box-shadow:var(--kv-el);
  transition:background .2s var(--kv-e), translate .2s var(--kv-e);
}
.kv-file:hover{ background:var(--kv-tint); translate:0 -2px; }
.kv-file__ic{
  flex:none; display:flex; flex-direction:column; align-items:center; gap:.25em;
  color:var(--kv-blue);
}
.kv-file__ic svg{ width:26px; height:26px; }
.kv-file__ic b{ font-size:.62rem; font-weight:600; letter-spacing:.05em; }
.kv-file__b{ flex:1 1 auto; min-inline-size:0; display:flex; flex-direction:column; gap:.2em; }
.kv-file__t{ font-size:.78rem; font-weight:500; color:var(--kv-ink-64); letter-spacing:.03em; text-transform:uppercase; }
.kv-file__n{ font-weight:600; overflow-wrap:break-word; overflow-wrap:anywhere; }
.kv-file__go{
  flex:none; display:inline-flex; align-items:center; gap:.45em; min-height:44px;
  font-size:.85rem; font-weight:600; color:var(--kv-blue);
}
.kv-file__go svg{ width:17px; height:17px; transition:translate .22s var(--kv-e-out); }
.kv-file:hover .kv-file__go svg{ translate:.25em 0; }
[dir=rtl] .kv-file:hover .kv-file__go svg{ translate:-.25em 0; }

/* notlar */
.kv-notes__grid{ display:grid; gap:clamp(22px,3vw,52px); align-items:start; }
.kv-prose{ max-width:70ch; }
.kv-prose > :first-child{ margin-block-start:0; }
.kv-prose p{ margin-block-start:1em; }
.kv-prose p:first-of-type{ font-size:1.06rem; color:var(--kv-ink); }
.kv-prose img{ max-width:100%; height:auto; display:block; margin-block:1.2em; border-radius:var(--kv-r-sm); }
.kv-prose table{ width:100%; border-collapse:collapse; display:block; overflow-x:auto; }
.kv-prose td, .kv-prose th{ padding:.6em .8em; border:1px solid var(--kv-line); text-align:start; }
.kv-prose ul, .kv-prose ol{ margin-block-start:1em; padding-inline-start:1.4em; }
.kv-prose li{ margin-block-start:.4em; color:var(--kv-ink-80); }
.kv-prose a{ color:var(--kv-blue); }
.kv-prose.is-clamped{
  max-height:var(--kv-clamp,340px); overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%);
}
.kv-prose.is-open{ max-height:none; -webkit-mask-image:none; mask-image:none; }

.kv-bullets{
  display:grid; gap:.55em; margin:clamp(22px,2.6vw,32px) 0 0; padding:0; list-style:none;
  border-block-start:1px solid var(--kv-line); padding-block-start:clamp(18px,2vw,24px);
}
.kv-bullets li{ position:relative; padding-inline-start:1.3em; font-size:.95rem; color:var(--kv-ink-80); }
.kv-bullets li::before{
  content:""; position:absolute; inset-inline-start:0; inset-block-start:.66em;
  width:6px; height:6px; border-radius:50%; background:var(--kv-blue);
}

/* video */
.kv-films{ display:grid; gap:var(--kv-gap); margin-block-start:clamp(26px,3.2vw,44px); }
.kv-film__go{
  display:block; position:relative; width:100%; padding:0; border:0; cursor:pointer;
  background:var(--kv-mat); border-radius:var(--kv-r); overflow:hidden; aspect-ratio:16/9;
}
.kv-film__go img{ width:100%; height:100%; object-fit:cover; display:block; }
.kv-film__play{
  position:absolute; inset:0; margin:auto; width:66px; height:66px;
  display:grid; place-items:center; border-radius:50%;
  background:rgba(255,255,255,.94); color:var(--kv-ink);
  transition:scale .22s var(--kv-e-out), background .22s var(--kv-e);
}
.kv-film__play svg{ width:26px; height:26px; }
.kv-film__go:hover .kv-film__play{ scale:1.07; background:#fff; }
.kv-film__one iframe{ display:block; width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:var(--kv-r); }

/* ═══════════════ 7 · HAKKIMIZDA ═══════════════ */
.kv-open__grid{ display:grid; gap:clamp(20px,3vw,48px); align-items:end; }
.kv-open__b{ min-inline-size:0; }

.kv-fgrid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,36px); margin:clamp(24px,3vw,38px) 0 0; padding:0; list-style:none;
}
.kv-fig{
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(20px,2.2vw,28px); box-shadow:var(--kv-el);
}

/* misyon */
.kv-mis__grid{ display:grid; gap:clamp(26px,3.6vw,60px); align-items:center; }
.kv-frame{ margin:0; border-radius:var(--kv-r); overflow:hidden; background:var(--kv-mat); }
.kv-frame picture, .kv-frame img{ display:block; width:100%; height:auto; }
.kv-frame--sm figcaption{
  padding:.85em 1.1em; background:var(--kv-surface);
  font-size:.8rem; font-weight:600; color:var(--kv-blue);
}

/* vizyon — misyondan farklı kurgu: tam genişlik şerit + binen beyaz kart */
.kv-vis{ padding-block:0; }
.kv-vis__band{ overflow:hidden; height:clamp(220px,32vw,440px); background:var(--kv-mat); }
.kv-vis__band picture, .kv-vis__band img{ display:block; width:100%; height:100%; }
.kv-vis__band img{ object-fit:cover; object-position:center 45%; }
.kv-vis__card{
  background:var(--kv-surface); border-radius:var(--kv-r); box-shadow:var(--kv-el);
  padding:clamp(24px,3vw,44px);
  margin-block:clamp(-48px,-4vw,-32px) var(--kv-sec);
  max-width:60ch;
}

/* ilke */
.kv-bridge__grid{ display:grid; gap:clamp(24px,3.4vw,56px); align-items:center; }
.kv-pull{ margin:0; }
.kv-pull p{
  margin:0; color:var(--kv-ink);
  font-size:clamp(1.35rem,3vw,2.2rem); font-weight:600; line-height:1.28;
  letter-spacing:-.022em; max-width:24ch; text-wrap:balance;
}
.kv-pull footer{
  margin-block-start:1.1em; font-size:.8rem; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--kv-blue);
}

/* uzmanlık — 16 gerçek ürün grubu */
.kv-groups{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,1.6vw,20px); margin:clamp(28px,3.4vw,48px) 0 0; padding:0; list-style:none;
}
.kv-group{
  display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit;
  background:var(--kv-ground); border-radius:var(--kv-r); overflow:hidden;
  transition:background .22s var(--kv-e), translate .22s var(--kv-e);
}
.kv-group:hover{ background:var(--kv-tint); translate:0 -3px; }
.kv-group__ph{ display:block; background:var(--kv-mat); overflow:hidden; }
.kv-group__ph img{
  display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain;
  padding:clamp(8px,1vw,14px); mix-blend-mode:multiply;
  transition:scale .5s var(--kv-e-out);
}
.kv-group:hover .kv-group__ph img{ scale:1.04; }
.kv-group__b{ padding:clamp(13px,1.5vw,18px); display:flex; flex-direction:column; gap:.3em; }
.kv-group__t{ font-size:.98rem; font-weight:600; line-height:1.3; overflow-wrap:break-word; overflow-wrap:anywhere; }
.kv-group__n{ font-size:.82rem; font-weight:500; color:var(--kv-ink-64); }

/* nasıl çalışıyoruz */
.kv-steps{
  display:grid; gap:clamp(14px,1.8vw,22px);
  margin:clamp(26px,3.2vw,44px) 0 0; padding:0; list-style:none;
  counter-reset:kvstep;
}
.kv-step{
  display:flex; gap:clamp(14px,1.8vw,22px); align-items:flex-start;
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(18px,2vw,26px); box-shadow:var(--kv-el);
}
.kv-step__n{
  flex:none; width:36px; height:36px; display:grid; place-items:center; border-radius:50%;
  background:var(--kv-tint); color:var(--kv-blue);
  font-size:.9rem; font-weight:600; font-variant-numeric:tabular-nums;
}
.kv-step h3{ margin:.15em 0 0; font-size:1.05rem; line-height:1.3; }
.kv-step p{ margin:.45em 0 0; font-size:.94rem; color:var(--kv-ink-64); }

/* neden KARAM */
.kv-reasons{
  margin:clamp(26px,3.2vw,44px) 0 0; padding:0; list-style:none;
  border-block-start:1px solid var(--kv-line);
}
.kv-reasons li{
  display:grid; gap:.2em .5em; padding-block:clamp(16px,1.8vw,22px);
  border-block-end:1px solid var(--kv-line);
}
.kv-reasons__t{ font-size:1.02rem; font-weight:600; }
.kv-reasons__d{ font-size:.95rem; color:var(--kv-ink-64); }

/* küresel */
.kv-glob__grid{ display:grid; gap:clamp(24px,3.4vw,56px); align-items:center; }
.kv-gfigs{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,24px); margin:0; padding:0; list-style:none;
}
.kv-gfigs li{
  background:var(--kv-surface); border-radius:var(--kv-r);
  padding:clamp(16px,1.8vw,24px); box-shadow:var(--kv-el);
}

/* belgeler */
.kv-stds--ab .kv-std{ flex:1 1 140px; max-inline-size:240px; }
.kv-stds--ab .kv-std__mark{ font-size:clamp(1.3rem,2.5vw,1.9rem); }
.kv-certs{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,1.6vw,20px); margin:clamp(28px,3.4vw,48px) 0 0; padding:0; list-style:none;
}
.kv-certcard{
  display:block; text-decoration:none; color:inherit;
  background:var(--kv-surface); border-radius:var(--kv-r); overflow:hidden;
  box-shadow:var(--kv-el); transition:translate .22s var(--kv-e);
}
.kv-certcard:hover{ translate:0 -3px; }
.kv-certcard picture, .kv-certcard img{ display:block; width:100%; height:auto; }
.kv-certcard img{ aspect-ratio:3/4; object-fit:cover; object-position:top center; }
.kv-certcard > span{
  display:block; padding:.8em 1em;
  font-size:.8rem; font-weight:500; color:var(--kv-ink-64);
}
.kv-certcard:hover > span{ color:var(--kv-ink); }
.kv-cert2__foot{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;
  margin-block-start:clamp(26px,3vw,42px); padding-block-start:clamp(20px,2.4vw,28px);
  border-block-start:1px solid var(--kv-line);
}
.kv-cert2__foot .kv-figline{ margin:0; }

/* kurumsal metin */
.kv-corpus__grid{ display:grid; gap:clamp(22px,3vw,52px); align-items:start; }

/* kapanış */
.kv-cta__card{
  background:var(--kv-ink); color:#fff; border-radius:var(--kv-r);
  padding:clamp(30px,4.4vw,64px) clamp(24px,3.6vw,56px);
}
.kv-cta__card .kv-ey{ color:#8FB6D4; }
.kv-cta__card .kv-h2{ max-width:26ch; }
.kv-cta__card .kv-lead{ color:rgba(255,255,255,.78); max-width:52ch; }
.kv-cta__card .kv-btn--go{ --_bg:#fff; --_fg:var(--kv-ink); }
.kv-cta__card .kv-btn--go:hover{ --_bg:#8FB6D4; --_fg:var(--kv-ink); }
.kv-cta__card .kv-btn--soft{ --_bg:transparent; --_fg:#fff; --_bd:rgba(255,255,255,.34); }
.kv-cta__card .kv-btn--soft:hover{ --_bd:#fff; }
.kv-cta__card .kv-quiet{ color:rgba(255,255,255,.78); border-block-end-color:rgba(255,255,255,.34); }
.kv-cta__card .kv-quiet:hover{ color:#fff; border-block-end-color:#fff; }

/* ═══════════════ 8 · MOBİL ÇUBUK + IŞIK KUTUSU ═══════════════ */
.kv-dock{
  position:fixed; inset-inline:0; inset-block-end:0; z-index:45;
  display:flex; align-items:center; gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.97); border-block-start:1px solid var(--kv-line-2);
  -webkit-backdrop-filter:saturate(150%) blur(8px);
  backdrop-filter:saturate(150%) blur(8px);
  translate:0 105%; visibility:hidden;
  transition:translate .3s var(--kv-e), visibility .3s;
  font-family:'Inter',system-ui,sans-serif;
}
/* ⚠ [hidden] author display:flex kuralına yenilir → !important şart */
.kv-dock[hidden]{ display:none !important; }
.kv-dock.is-up{ translate:0 0; visibility:visible; }
.kv-dock__id{
  flex:1 1 auto; min-inline-size:0; font-size:.9rem; font-weight:600; color:#1A1D21;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* ⚠ Sitenin `.to-top` (z 60) ve `.fab-stack` (z 45) düğmeleri çubuğun üstüne
   biner. `bottom` DEĞİL `translate` ile ötele (CLS yok). `.to-top`'un KENDİ
   `transition:.4s` kuralı tüm özellikleri kapsıyor → üzerine transition
   YAZMIYORUZ; `.fab-stack`'in geçişi yok, ona ekliyoruz.
   Sitede zaten sabit bir WhatsApp fab'ı var → çubuğa 2. WhatsApp konmadı. */
body.kvpd .fab-stack{ transition:translate .3s cubic-bezier(.22,.68,.24,1); }
body.kvpd.kv-dockon .to-top,
body.kvpd.kv-dockon .fab-stack{ translate:0 -70px; }
@media (min-width:901px){
  .kv-dock{ display:none !important; }
  body.kvpd.kv-dockon .to-top,
  body.kvpd.kv-dockon .fab-stack{ translate:0 0; }
}

.kv-lb{
  position:fixed; inset:0; z-index:120; display:grid; place-items:center;
  padding:clamp(16px,4vw,56px); background:rgba(26,29,33,.84);
  opacity:0; transition:opacity .26s var(--kv-e);
}
.kv-lb[hidden]{ display:none !important; }
.kv-lb.is-open{ opacity:1; }
.kv-lb__img{
  max-width:100%; max-height:100%; width:auto; height:auto;
  background:#fff; padding:clamp(10px,2vw,22px); border-radius:var(--kv-r);
  scale:.985; transition:scale .3s var(--kv-e-out);
}
.kv-lb.is-open .kv-lb__img{ scale:1; }
.kv-lb__x{
  position:absolute; inset-block-start:clamp(10px,2vw,22px); inset-inline-end:clamp(10px,2vw,22px);
  width:46px; height:46px; display:grid; place-items:center; border-radius:50%;
  background:#fff; color:#1A1D21; border:0; cursor:pointer;
}
.kv-lb__x svg{ width:22px; height:22px; }

/* ═══════════════ 9 · DUYARLI ═══════════════
   Mobil "küçültülmüş masaüstü" DEĞİL: her kırılımda kendi kurgusu var. */
@media (min-width:600px){
  .kv-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kv-groups{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .kv-certs{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .kv-row{ grid-template-columns:minmax(0,15ch) minmax(0,1fr); align-items:baseline; gap:.2em 1.2em; }
  .kv-films{ grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
}
@media (min-width:901px){
  .kv-top__grid{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
  .kv-cards{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .kv-fgrid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .kv-groups{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .kv-certs{ grid-template-columns:repeat(6,minmax(0,1fr)); }
  .kv-head{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:end; gap:clamp(24px,4vw,64px); }
  .kv-open__grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  .kv-mis__grid{ grid-template-columns:minmax(0,.82fr) minmax(0,1fr); }
  .kv-bridge__grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  .kv-glob__grid{ grid-template-columns:minmax(0,1fr) minmax(0,.85fr); }
  .kv-notes__grid,
  .kv-corpus__grid{ grid-template-columns:minmax(0,.36fr) minmax(0,1fr); }
  .kv-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kv-steps > :first-child{ grid-column:1 / -1; }
  .kv-reasons li{ grid-template-columns:minmax(0,.42fr) minmax(0,1fr); align-items:baseline; gap:.3em clamp(20px,3vw,48px); }
  /* teklif paneli uzun sayfalarda göz hizasında kalsın */
  .kv-buy{ position:sticky; top:96px; }
}
@media (min-width:1200px){
  .kv-steps{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .kv-steps > :first-child{ grid-column:auto; }
}
@media (min-width:1600px){ .kv{ --kv-max:1360px; } }

@media (max-width:900px){
  /* mobil çubuk son bölümü örtmesin — KORUNAN .kx-conv'e DEĞİL onu saran
     <main>'e boşluk verilir; korunanın kutusu/dolgusu DEĞİŞMEZ */
  body.kvpd .kv-main{ padding-block-end:84px; }
  .kv-vis__card{ margin-block-start:clamp(-32px,-3vw,-20px); }
}
/* dokunmalı ekranlarda metin bağlantıları da rahat hedef olsun.
   ⚠ Yalnız `padding-block` YETMEZ: .kv-link inline-flex, içerik 19px →
   .6em dolgu ile 37px'te kalıyordu (ölçüldü). `min-height` kesin çözüm. */
@media (max-width:768px){
  .kv-quiet{ padding-block:.9em; min-height:44px; align-items:center; display:inline-flex; }
  .kv-link{ padding-block:.6em; min-height:44px; }
}
@media (max-width:374px){
  .kv{ --kv-pad:16px; }
  .kv-fgrid{ gap:14px; }
  .kv-meta dt{ flex:0 0 100%; }
  .kv-btn{ padding:.9em 1.2em; font-size:.9rem; }
  .kv-shot{ width:56px; height:56px; }
}

/* ═══════════════ 10 · BASKI ═══════════════ */
@media print{
  .kv-dock, .kv-lb, .kv-stage__cue, .kv-film__play{ display:none !important; }
  .kv{ background:#fff; }
  .kv-prose.is-clamped{ max-height:none; -webkit-mask-image:none; mask-image:none; }
  .kv-anim .kv-rv{ opacity:1; translate:0 0; }
  .kv-buy{ position:static; }
}