@charset "UTF-8";
/* =========================================================================
   AQUA TURCO · VİTRİN (suaritmacihazi.net) — TASARIM SİSTEMİ
   public/assets/vitrin/vitrin.css — V1b: onaylı prototipten (prototip/vitrin/assets/vitrin.css) taşındı; kaynak artık BU dosyadır.
   --at-* token bloğu burada YOK (../tokenlar.css önce yüklenir); prototip bileşen kataloğu bölümü taşınmadı.
   SAYFA TÜRÜ ALT KÜMELERİ (14 Ekim 2026; SEO denetimi B-17; GELISTIRME §17.36): bu dosya KAYNAKTIR ve elle yalnız o düzenlenir. Ana sayfa,
   liste, ürün ve içerik sayfaları bu dosyanın o sayfa türünde eşleşebilecek kurallarından ÜRETİLEN alt kümeyi yükler
   (vitrin-ana.css · vitrin-liste.css · vitrin-urun.css · vitrin-icerik.css; kural sırası buradakiyle aynıdır); sepet, ödeme, sipariş ve
   hesap sayfaları bu dosyanın tamamını yükler (Vitrin\Katalog\Varliklar::stil). Bu dosyayı ya da vitrin şablonlarını değiştirince
   alt kümeleri yeniden üretin: php tools/vitrin-css-uret.php (unutulursa testler kırılır). Aynı turda hiçbir şablonda ve betikte
   geçmeyen prototip kalıntısı kurallar (84 seçici) silindi; temel bölümlerin (01–06, 17, 21, 24) yardımcı sınıfları korunur.
   -------------------------------------------------------------------------
   Bağlayıcı belge: docs/TASARIM-VITRIN.md (§2 küresel düzen ve bileşenler).
   Düzen ölçüleri referans sitenin 1440 px ölçümlerinden alınmıştır
   (docs/vitrin-arastirma/referans.md §2–§6); kod, görsel, metin alınmamıştır.
   Kurallar:
     · Satır içi <style> ve style="" YOK; dış kaynak YOK (CSP 'self').
       Dinamik değerler (ilerleme oranı vb.) data-* ile verilir, vitrin.js
       CSS değişkenine çevirir (CSSOM).
     · Renk ve yazı yalnız token: --at-* (panelle ortak; uygulamada
       public/assets/tokenlar.css) ve --vt-* (yalnız vitrin).
     · Tek vurgu rengi derin turkuaz (--at-accent). Gölge yerine 1 px çizgi
       (istisna: ürün kartı, 1 px çizgi + --at-shadow-card; §11).
     · En küçük yazı 12 px; metin kontrastı ≥ 4,5:1; telefonda dokunma
       alanı ≥ 44×44.
     · Sınıf öneki: .vt-*  (düğmeler .btn-vt + .btn-vt-ana/-cizgi/-hafif/
       -ikincil/-koyu/-beyaz; boy .btn-vt--l/--m/--s). JS bağları data-vt-*.
     · Sayfaya özgü küçük ek gerekirse dosyanın SONUNA "SAYFA EKİ · <sayfa>"
       başlıklı bölüm açılır (bkz. prototip/vitrin/BILESENLER.md).

   İÇİNDEKİLER
     00 Yazı tipleri                  12 Fiyat bloğu (ürün sayfası)
     01 Tokenlar (--at-*, --vt-*)     13 Kaydırmalı şerit, raf, kategori dairesi
     02 Taban, odak                   14 Kahraman, 3'lü banner, hesaplama kartı,
     03 Yerleşim: konteyner, ızgara      kategori karesi, kullanım alanı kutusu
     04 İkon                          15 Araç kutusu (Yedek Filtre Bul)
     05 Düğmeler                      16 Sekmeler, akordeon
     06 Rozet, etiket, çip, indirim,  17 Form alanları, onay, segment, adet
        sayaç, durum rozeti           18 Adım göstergesi, zaman çizelgesi
     07 Üst bilgi (4 katman)          19 Liste araçları (yol, süzgeç, sıralama,
     08 Tüm kategoriler, mega menü       görünüm, sayfalama, seçili çipler)
     09 Hesap kutusu, mini sepet      20 Yan kartlar, bilgi notu, özellik kutusu,
     10 Telefon: üst satır, alt sabit    kompakt ürün satırı
        çubuk, çekmeceler             21 Uyarı, boş durum, bildirim, durum şeridi
     11 Ürün kartı                    22 Güven şeridi, alt bilgi
                                      23 Araç sayfası kalıbı, uzun metin
                                      24 Hareket azaltma, yazdırma
     Sonda: SAYFA EKLERİ (index) ve PROTOTİP (_bilesenler; uygulamaya taşınmaz).

   Kırılımlar: ≥1200 geniş · 992–1199 dar masaüstü · 768–991 tablet ·
   <768 telefon. 992 altı telefon düzenidir (telefon üst satırı, çekmeceler,
   alt sabit çubuk, süzgeç çekmecesi).
   Çerez bandı YOKTUR: vitrin yalnız zorunlu çerez kullanır (§7.2).
   ========================================================================= */

/* =========================================================================
   00 YAZI TİPLERİ — yerel woff2 (public/assets/fonts; SIL OFL 1.1). Prototipte göreli yol.
   ========================================================================= */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/manrope-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/manrope-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/manrope-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/manrope-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/manrope-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/manrope-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/manrope-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/manrope-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/public-sans-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/public-sans-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/public-sans-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/public-sans-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/public-sans-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/public-sans-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/public-sans-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/public-sans-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* YAZI TİPİ KARARI (13 Ekim 2026; kullanıcı listesi madde 9): onaylı prototip yerelde (localhost:8090) görüntülenirken web yazı tipi
   dosyaları bulunamıyordu (göreli yol sunucu kökünün dışına çıkıyor → 404) ve sayfalar yedek yazı tipiyle, yani Windows'ta Segoe UI ile
   çizildi; ONAYLANAN görünüm budur. Vitrin aynı görünümü verir: önce Segoe UI, diğer cihazlarda sistem yazı tipi (Android: Roboto,
   iOS/macOS: San Francisco). Ağırlıklar ve boyutlar prototiple aynıdır (aynı CSS). Web yazı tipi indirilmez (ilk boyama hızlanır, CLS yok).
   Manrope + Public Sans'a dönmek için YALNIZ bu bloğu silmek yeterlidir (@font-face tanımları yerinde durur; kullanılmayan aile indirilmez).
   Panel bu dosyayı yüklemez: bayi/merkez ekranları etkilenmez. */
:root {
  --at-font-display: "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", Arial, sans-serif;
  --at-font-text: "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", Arial, sans-serif;
}

/* =========================================================================
   01 TOKENLAR
   ========================================================================= */
/* --- Vitrin tokenları (referans ölçüleri; TASARIM-VITRIN §2) ---------- */
:root {
  --vt-container: 1400px;
  --vt-gutter: 10px;
  --vt-gap: 20px;
  --vt-duyuru-h: 38px;              /* üst duyuru şeridi (telefonda 36; §07) */
  --vt-baglanti-h: 34px;
  --vt-ana-satir-h: 85px;
  --vt-cubuk-h: 45px;
  --vt-tum-kat-w: 260px;
  --vt-telefon-ust-h: 60px;
  --vt-alt-cubuk-h: var(--at-tabbar-h);
  --vt-capa-pay: 16px;              /* sayfa içi çapa (İçindekiler) hedefinin üst payı; üst bilgi yapışkan değil (§07) — olursa yüksekliği eklenir */
  --vt-kat-daire: 150px;
  --vt-sutun-suzgec: 329px;
  --vt-fs-fiyat: 24px;
  --vt-shadow-alt-cubuk: 0 -10px 30px -5px rgb(10 37 64 / .15);
  --vt-serit-pad-y: 20px;
  --vt-serit-pad-x: 30px;
  --vt-raf-adet: 5;
  --vt-raf-ara: 20px;
  --vt-krem: #FBF7EF;               /* yan kartın krem satırları (referansın krem rolü) */
  --vt-krem-cizgi: #EFE6D2;
  /* Ürün kartı (§11; "modern yüzer kart", 14 Ekim 2026). Kart yalnız bunları okur: tema ya da yoğunluk tek yerden değişir. */
  --vt-kart-r: var(--at-r-lg);                  /* 16 px kart köşesi */
  --vt-kart-ic: 14px;                           /* kart iç boşluğu (telefonda 8) */
  --vt-kart-zemin: var(--at-surface);
  --vt-kart-cizgi: var(--at-border);            /* saç çizgisi; zorunlu renk kipinde CanvasText */
  --vt-kart-cizgi-ust: var(--at-border-strong); /* üzerine gelince */
  --vt-kart-golge: var(--at-shadow-card);
  --vt-kart-golge-ust: var(--at-shadow-card-hover);
  /* şeritte (kaydırma kabı yanlarda yalnız 6 px pay bırakır) yatayda dar yayılan üzerine gelme gölgesi: kenar kartta kesik çizgi olmaz */
  --vt-kart-golge-ust-serit: 0 4px 8px -4px rgb(10 37 64 / .10), 0 16px 20px -14px rgb(10 37 64 / .26);
  --vt-kart-kalk: -3px;                         /* üzerine gelince yükselme (hareket azaltmada 0) */
  --vt-kart-gorsel-zemin: var(--at-bg);         /* görsel karosu; multiply ile fotoğrafın beyaz zemini karoya karışır */
  --vt-kart-gorsel-r: var(--at-r);              /* 10 px karo köşesi (telefonda 8) */
  --vt-kart-gorsel-ic: 16px;                    /* fotoğrafın karo içindeki boşluğu (telefonda 10) */
  --vt-kart-rozet-h: 22px;                      /* karodaki tüm haplar (durum, kampanya, puan) aynı boy (telefonda 20) */
  --vt-kart-rozet-x: 8px;                       /* hapların karo kenarına uzaklığı (telefonda 6) */
  --vt-kart-rozet-dis: 9px;                     /* alt köşe haplarının karonun dışına taşan kısmı (telefonda 8) */
  --vt-kart-fiyat-h: 26px;                      /* fiyat satırı (telefonda 24): teklif, gizli ve normal aynı yükseklik */
  --vt-kart-alt-h: 18px;                        /* alt satır ("KDV dahil", taksit, stok); dar kartta 2 satır = 32 */
  --vt-izgara-ara-x: 20px;                      /* liste ızgarası ve kart şeridi aralığı (telefonda 12) */
  --vt-izgara-ara-y: 24px;
}
@media (max-width: 991.98px) {
  :root { --vt-serit-pad-x: 15px; --vt-serit-pad-y: 15px; }
}
@media (max-width: 767.98px) {
  :root {
    --vt-kart-ic: 8px;
    --vt-kart-gorsel-r: var(--at-r-sm);
    --vt-kart-gorsel-ic: 10px;
    --vt-kart-rozet-h: 20px;
    --vt-kart-rozet-x: 6px;
    --vt-kart-rozet-dis: 8px;
    --vt-kart-fiyat-h: 24px;
    --vt-izgara-ara-x: 12px;
    --vt-izgara-ara-y: 12px;
  }
}

/* =========================================================================
   02 TABAN, TİPOGRAFİ, ODAK
   ========================================================================= */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--at-surface);
  color: var(--at-text);
  font-family: var(--at-font-text);
  font-size: var(--at-fs-base);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
h1, h2, h3, h4 {
  font-family: var(--at-font-display);
  font-weight: 700;
  letter-spacing: var(--at-track-tight);
  line-height: 1.2;
  color: inherit;
}
a { color: var(--at-accent-text); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
table { border-collapse: collapse; width: 100%; }
strong, b { font-weight: 700; }
small { font-size: var(--at-fs-xs); }
hr { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
legend { padding: 0; }
[hidden] { display: none !important; }
dialog { color: inherit; }

/* Görünür odak: turkuaz çizgi + yumuşak halka; koyu zeminde beyaz */
:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }
.vt-koyu :focus-visible,
.vt-cubuk :focus-visible,
.vt-alt__bant :focus-visible,
.vt-alt__alt-bant :focus-visible,
.vt-slayt--koyu :focus-visible { outline-color: #FFFFFF; }

::selection { background: var(--at-teal-100); color: var(--at-navy-900); }

/* =========================================================================
   03 YERLEŞİM: konteyner, 12'li ızgara, bölüm, yardımcılar
   ========================================================================= */
.vt-konteyner {
  width: 100%;
  max-width: var(--vt-container);
  margin-inline: auto;
  padding-inline: var(--vt-gutter);
}
/* 12 sütun, 20 px aralık: 8/12 = 913 px, 4/12 = 447 px (1440 genişlikte, referansla aynı) */
.vt-izgara {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--vt-gap);
}
.vt-col-3 { grid-column: span 3; }
.vt-col-4 { grid-column: span 4; }
.vt-col-5 { grid-column: span 5; }
.vt-col-6 { grid-column: span 6; }
.vt-col-8 { grid-column: span 8; }
.vt-col-9 { grid-column: span 9; }
.vt-col-12 { grid-column: 1 / -1; }
@media (max-width: 991.98px) {
  .vt-izgara > [class*="vt-col-"] { grid-column: 1 / -1; }
}

.vt-ana { display: block; }
.vt-bolum { margin-top: 20px; }
.vt-bolum--30 { margin-top: 30px; }
.vt-bolum--40 { margin-top: 40px; }

.vt-gizli-metin {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.vt-atla {
  position: absolute;
  left: 12px; top: -60px;
  z-index: 100;
  padding: 10px 16px;
  border-radius: var(--at-r-sm);
  background: var(--at-navy-900);
  color: #FFFFFF;
  font-weight: 600;
}
.vt-atla:focus { top: 12px; text-decoration: none; }

.vt-yalniz-tel { display: none !important; }
@media (max-width: 991.98px) {
  .vt-yalniz-masa { display: none !important; }
  .vt-yalniz-tel { display: revert !important; }
}
.vt-sayi { font-variant-numeric: tabular-nums; }

/* =========================================================================
   04 İKON — <svg class="vt-ikon"><use href="assets/ikonlar.svg#ad"></use></svg>
   ========================================================================= */
.vt-ikon {
  width: 20px; height: 20px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
.vt-ikon--14 { width: 14px; height: 14px; stroke-width: 2; }
.vt-ikon--16 { width: 16px; height: 16px; stroke-width: 2; }
.vt-ikon--18 { width: 18px; height: 18px; stroke-width: 1.75; }
.vt-ikon--22 { width: 22px; height: 22px; }
.vt-ikon--24 { width: 24px; height: 24px; }
.vt-ikon--28 { width: 28px; height: 28px; stroke-width: 1.75; }
.vt-ikon--32 { width: 32px; height: 32px; stroke-width: 1.5; }
.vt-ikon--40 { width: 40px; height: 40px; stroke-width: 1.5; }

/* =========================================================================
   05 DÜĞMELER — .btn-vt + tür (.btn-vt-ana | -cizgi | -hafif | -ikincil | -koyu | -beyaz)
   + boy (.btn-vt--l 48 | --m 40 varsayılan | --s 34) + .btn-vt-hap (tam köşe) + .btn-vt--tam
   ========================================================================= */
.btn-vt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: var(--at-r-sm);
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--at-fast) var(--at-ease), border-color var(--at-fast) var(--at-ease), color var(--at-fast) var(--at-ease);
}
.btn-vt:hover { text-decoration: none; }
.btn-vt .vt-ikon { width: 18px; height: 18px; }
.btn-vt--l { height: 48px; padding: 0 24px; }
.btn-vt--m { height: 40px; }
.btn-vt--s { height: 34px; padding: 0 14px; font-size: 13px; }
.btn-vt--s .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
.btn-vt--tam { width: 100%; }
.btn-vt-hap { border-radius: var(--at-r-full); }

.btn-vt-ana { background: var(--at-accent); border-color: var(--at-accent); color: #FFFFFF; }
.btn-vt-ana:hover { background: var(--at-accent-hover); border-color: var(--at-accent-hover); color: #FFFFFF; }
.btn-vt-cizgi { background: #FFFFFF; border-color: var(--at-border-strong); color: var(--at-accent-text); }
.btn-vt-cizgi:hover { border-color: var(--at-accent); color: var(--at-accent-hover); }
.btn-vt-ikincil { background: #FFFFFF; border-color: var(--at-border-strong); color: var(--at-text); }
.btn-vt-ikincil:hover { border-color: var(--at-border-hover); background: var(--at-surface-2); }
.btn-vt-hafif {
  height: 42px;
  padding: 0 12px;
  background: #FFFFFF;
  border-color: var(--at-border);
  border-radius: var(--at-r-xs);
  color: var(--at-text-2);
  font-family: var(--at-font-text);
  font-size: 13px;
  font-weight: 500;
}
.btn-vt-hafif:hover { border-color: var(--at-border-hover); color: var(--at-text); }
.btn-vt-hafif .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.btn-vt-koyu {
  height: 38px;
  padding: 0 14px;
  background: var(--at-navy-950);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
}
.btn-vt-koyu:hover { background: var(--at-navy-800); color: #FFFFFF; }
.btn-vt-koyu .vt-ikon { width: 16px; height: 16px; color: var(--at-teal-200); stroke-width: 2; }
.btn-vt-beyaz { background: #FFFFFF; color: var(--at-navy-900); border-color: #FFFFFF; }
.btn-vt-beyaz:hover { background: var(--at-teal-50); color: var(--at-navy-900); }
.btn-vt-saydam { background: transparent; color: #FFFFFF; border-color: var(--at-on-dark-line); }
.btn-vt-saydam:hover { background: var(--at-on-dark-fill-2); color: #FFFFFF; }
.btn-vt-buyuk-harf { text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }

.btn-vt[disabled],
.btn-vt[aria-disabled="true"] {
  opacity: .45;
  cursor: not-allowed;
}
.btn-vt-ana[disabled]:hover,
.btn-vt-ana[aria-disabled="true"]:hover { background: var(--at-accent); }

/* İkon düğmeleri (aria-label zorunlu) */
.vt-ikon-dugme {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 40px; height: 40px;
  border-radius: 50%;
  color: var(--at-navy-900);
}
.vt-ikon-dugme:hover { background: var(--at-surface-3); }
.vt-ikon-dugme--cizgi { border: 1px solid var(--at-border-strong); background: #FFFFFF; }
.vt-ikon-dugme--48 { width: 48px; height: 48px; }
.vt-ikon-dugme--36 { width: 36px; height: 36px; }
.vt-ikon-dugme--28 { width: 28px; height: 28px; border-radius: var(--at-r-xs); }
.vt-ikon-dugme--28 .vt-ikon { width: 15px; height: 15px; stroke-width: 2; }

/* Favori dairesi (48) — aria-pressed */
.vt-favori-daire {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 48px; height: 48px;
  border: 1px solid var(--at-border-strong);
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--at-navy-900);
}
.vt-favori-daire:hover { border-color: var(--at-accent); color: var(--at-accent); }
[aria-pressed="true"] > .vt-ikon[data-ikon="heart"],
.vt-favori-daire[aria-pressed="true"] .vt-ikon { fill: var(--at-danger); stroke: var(--at-danger); }

@media (max-width: 991.98px) {
  .btn-vt { min-height: 44px; }
  .btn-vt--s { height: 44px; }
  .vt-ikon-dugme { width: 44px; height: 44px; }
}

/* =========================================================================
   06 ROZET, ETİKET, ÇİP, İNDİRİM KUTUSU, SAYAÇ, DURUM
   ========================================================================= */
.vt-rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 9px;
  border-radius: var(--at-r-full);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: #FFFFFF;
  background: var(--at-navy-900);
}
.vt-rozet--yeni { background: var(--at-navy-900); }
.vt-rozet--kampanya { background: var(--at-danger); }
.vt-rozet--isletme { background: var(--at-navy-900); }
.vt-rozet--acik { background: var(--at-accent-soft); color: var(--at-accent-text); }

/* Kart alt etiketleri: HTML, 24 px, köşe 6 */
.vt-etiket {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--at-r-xs);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: #FFFFFF;
  background: var(--at-navy-900);
}
.vt-etiket .vt-ikon { width: 14px; height: 14px; stroke-width: 2; }
.vt-etiket--kargo { background: var(--at-navy-900); }
.vt-etiket--teklif,
.vt-etiket--nakliye { background: var(--at-warning); }
.vt-etiket--stok { background: var(--at-text-2); }

/* Sağ orta çip: "Pompalı", "NSF" (yalnız belgeli) */
.vt-cip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--at-navy-900);
  border-radius: var(--at-r-xs);
  background: #FFFFFF;
  color: var(--at-navy-900);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* İndirim kutusu: yalnız gerçek kampanyada (§4.5) */
.vt-indirim {
  display: inline-grid;
  place-items: center;
  flex: none;
  min-width: 50px;
  height: 35px;
  padding: 0 6px;
  border-radius: var(--at-r-xs);
  background: var(--at-danger);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.vt-indirim--40 { min-width: 40px; width: 40px; height: 40px; padding: 0; font-size: 13px; }

.vt-sayac {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: var(--at-r-full);
  background: var(--at-danger);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0 0 2px #FFFFFF;
}

/* Sipariş durum rozeti (panelin durum tonları) */
.vt-durum {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-full);
  background: var(--at-surface-2);
  color: var(--at-text-2);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.vt-durum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.vt-durum--basari { background: var(--at-success-soft); border-color: var(--at-success-border); color: var(--at-success); }
.vt-durum--uyari { background: var(--at-warning-soft); border-color: var(--at-warning-border); color: var(--at-warning); }
.vt-durum--tehlike { background: var(--at-danger-soft); border-color: var(--at-danger-border); color: var(--at-danger); }
.vt-durum--bilgi { background: var(--at-accent-soft); border-color: var(--at-teal-200); color: var(--at-accent-text); }

/* =========================================================================
   07 ÜST BİLGİ — 4 katman (38 + 34 + 85 + 45 = 202 px), hiçbiri yapışkan değil
   .vt-ust-bilgi > .vt-duyuru · .vt-baglanti · .vt-ana-satir · .vt-cubuk
   ========================================================================= */
.vt-ust-bilgi { position: relative; z-index: 30; background: #FFFFFF; }

/* Katman 1: duyuru şeridi (14 Ekim 2026, kullanıcı: "şık ve güzel"; V51'in açık turkuazının yerine; şablon parcalar/ust.php, mesajlar
   Vitrin\Katalog\DuyuruSeridi). Koyu lacivert zemin, soldan sağa çok ince degrade (navy-950 → 900 → 800) ve altta turkuaz saç çizgisi;
   beyaz metin. Her mesajın başında ikon çipi; tutar kalın ve turkuaz (teal-400: en açık zemin navy-800 üstünde 5,1:1; metin 12+:1);
   mesajlar arasında ince dikey ayraç; bağlantı alt çizgisiz + sağ ok, üzerine gelince alt çizgi ve ok 2 px kayar; odakta beyaz halka.
   Yükseklik sabit (masaüstü 38, telefon 36; min-height: çok dar ekranda uzun panel metni iki satıra iner, kesilmez). Telefonda (≤ 767)
   mesajlar aynı ızgara hücresinde üst üste durur: yükseklik ilk çizimde en uzun mesajdan gelir, dönüş yüksekliği değiştirmez (CLS 0);
   betik yokken ya da hareket azaltmada ilk mesaj görünür, vitrin.js (duyuruSeridi) 5 sn'de bir yumuşak geçişle döndürür. */
.vt-duyuru {
  position: relative;
  background-color: var(--at-navy-900);
  background-image: linear-gradient(90deg, var(--at-navy-950) 0%, var(--at-navy-900) 48%, var(--at-navy-800) 100%);
  color: var(--at-teal-50);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: .01em;
}
.vt-duyuru::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--at-teal-400) 70%, transparent) 50%, transparent 100%);
  pointer-events: none;
}
.vt-duyuru__ic {
  min-height: var(--vt-duyuru-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 4px;
  overflow: hidden;
}
.vt-duyuru__liste {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  min-width: 0;
  max-width: 100%;
}
.vt-duyuru__mesaj { display: flex; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.vt-duyuru__liste > li + li { margin-left: 18px; }
.vt-duyuru__liste > li + li::before {
  content: "";
  flex: none;
  width: 1px;
  height: 14px;
  margin-right: 10px;
  background: color-mix(in srgb, #FFFFFF 26%, transparent);
}
.vt-duyuru__ikon {
  width: 22px; height: 22px;
  padding: 4px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--at-teal-400) 18%, transparent);
  color: var(--at-teal-200);
  stroke-width: 2;
}
.vt-duyuru__metin { min-width: 0; }
.vt-duyuru__tutar { color: var(--at-teal-400); font-weight: 800; letter-spacing: 0; white-space: nowrap; }
.vt-duyuru__bag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
}
.vt-duyuru__bag:hover { color: #FFFFFF; text-decoration: none; }
.vt-duyuru__bag:hover .vt-duyuru__metin { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--at-teal-400); text-underline-offset: 3px; }
.vt-duyuru__ok { width: 14px; height: 14px; stroke-width: 2.25; color: var(--at-teal-400); transition: transform .2s ease; }
.vt-duyuru__bag:hover .vt-duyuru__ok { transform: translateX(2px); }
.vt-duyuru :focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
@media (min-width: 992px) {
  .vt-duyuru { font-size: 14px; }
}
@media (max-width: 767.98px) {
  .vt-duyuru { --vt-duyuru-h: 36px; }
  .vt-duyuru__liste { display: grid; width: 100%; justify-items: center; }
  .vt-duyuru__liste > li + li { margin-left: 0; }
  .vt-duyuru__liste > li + li::before { content: none; }
  .vt-duyuru__mesaj { grid-area: 1 / 1; max-width: 100%; transition: opacity .5s ease, transform .5s ease; }
  .vt-duyuru__ikon { width: 20px; height: 20px; padding: 3.5px; }
  /* betiksiz ve hareket azaltmada: yalnız ilk mesaj (klavye odağı başka mesajdaysa o öne gelir) */
  .vt-duyuru__mesaj:not(:first-child),
  .vt-duyuru__liste:focus-within > .vt-duyuru__mesaj:not(:focus-within),
  .vt-duyuru__liste.is-doner > .vt-duyuru__mesaj:not(.is-etkin) { opacity: 0; transform: translateY(.6em); pointer-events: none; }
  .vt-duyuru__liste:not(.is-doner):focus-within > .vt-duyuru__mesaj:focus-within,
  .vt-duyuru__liste.is-doner > .vt-duyuru__mesaj.is-etkin { opacity: 1; transform: none; pointer-events: auto; }
  .vt-duyuru__liste.is-doner > .vt-duyuru__mesaj.is-cikan { transform: translateY(-.6em); }
}
@media (max-width: 389.98px) {
  .vt-duyuru { font-size: 12px; }
}
@media (max-width: 359.98px) {   /* 320 px telefon: kargo cümlesi tek satırda kalsın (ikon çipi süstür) */
  .vt-duyuru { letter-spacing: 0; }
  .vt-duyuru__ikon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-duyuru__mesaj, .vt-duyuru__ok { transition: none; }
  .vt-duyuru__bag:hover .vt-duyuru__ok { transform: none; }
}
@media (forced-colors: active) {
  .vt-duyuru { border-bottom: 1px solid CanvasText; }
  .vt-duyuru__liste > li + li::before { background: CanvasText; }
  .vt-duyuru__ikon { background: none; }
}

/* Katman 2: bağlantı satırı (yalnız masaüstü) */
.vt-baglanti {
  border-bottom: 1px solid var(--at-border);
  font-size: 12px;
  font-weight: 500;
  color: var(--at-text-2);
}
.vt-baglanti__ic {
  height: var(--vt-baglanti-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.vt-baglanti__liste { display: flex; align-items: center; }
.vt-baglanti__liste li { display: flex; align-items: center; }
.vt-baglanti__liste li + li::before {
  content: "";
  width: 1px;
  height: 14px;
  margin: 0 12px;
  background: var(--at-border-strong);
}
.vt-baglanti__liste a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--at-text-2);
  white-space: nowrap;
}
.vt-baglanti__liste a:hover { color: var(--at-navy-900); }
.vt-baglanti__liste .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }

/* Katman 3: logo, arama, eylemler */
.vt-ana-satir__ic {
  height: var(--vt-ana-satir-h);
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Logo: gradyan karo + damla, AQUA TURCO kelime markası */
.vt-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  min-height: 44px;
  color: var(--at-navy-900);
  text-decoration: none;
}
.vt-logo:hover { text-decoration: none; }
.vt-logo__isaret {
  display: grid;
  place-items: center;
  flex: none;
  width: 42px; height: 42px;
  border-radius: 12px;
  background: var(--at-gradient-brand);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .18), 0 1px 2px rgb(10 37 64 / .25);
}
.vt-logo__isaret svg { width: 25px; height: 25px; }
.vt-logo__damla { fill: #FFFFFF; }
.vt-logo__dalga { fill: none; stroke: var(--at-teal-600); stroke-width: 1.7; stroke-linecap: round; }
.vt-logo__yazi { display: flex; flex-direction: column; line-height: 1; }
.vt-logo__ad {
  font-family: var(--at-font-display);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .14em;
  white-space: nowrap;
}
.vt-logo__ad span { font-weight: 500; color: var(--at-text-2); }
.vt-logo__alt {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  color: var(--at-accent-text);
  white-space: nowrap;
}

/* Arama (masaüstü 637×40; öneri listesi fiyat içermez) */
.vt-arama { position: relative; flex: 0 1 637px; max-width: 637px; min-width: 0; }
.vt-arama__girdi {
  width: 100%;
  height: 40px;
  padding: 0 56px 0 18px;
  border: 1px solid transparent;
  border-radius: var(--at-r);
  background: var(--at-surface-3);
  color: var(--at-text);
  font-size: 14px;
  outline: none;
}
.vt-arama__girdi::placeholder { color: var(--at-placeholder); opacity: 1; }
.vt-arama__girdi:focus { background: #FFFFFF; border-color: var(--at-accent); box-shadow: 0 0 0 3px var(--at-accent-ring); }
.vt-arama__dugme {
  position: absolute;
  right: 0; top: 0;
  width: 56px; height: 40px;
  display: grid;
  place-items: center;
  border-radius: 0 var(--at-r) var(--at-r) 0;
  color: var(--at-navy-900);
}
.vt-arama__dugme .vt-ikon { width: 22px; height: 22px; }
.vt-arama__oneri {
  position: absolute;
  left: 0; right: 0;
  top: calc(100% + 6px);
  z-index: 50;
  padding: 8px 0;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r);
  background: #FFFFFF;
  box-shadow: var(--at-shadow-pop);
}
.vt-arama__grup + .vt-arama__grup { border-top: 1px solid var(--at-border-2); margin-top: 6px; padding-top: 6px; }
.vt-arama__grup-baslik { padding: 6px 16px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--at-muted); }
.vt-arama__oneri a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 4px 16px;
  color: var(--at-text);
  font-size: 14px;
}
.vt-arama__oneri a:hover,
.vt-arama__oneri a:focus-visible { background: var(--at-teal-50); text-decoration: none; }
.vt-arama__oneri img { width: 36px; height: 36px; object-fit: contain; flex: none; }
.vt-arama__oneri mark { background: none; color: var(--at-accent-text); font-weight: 700; }
.vt-arama__oneri .vt-ikon { color: var(--at-accent); }

/* Eylemler (Müşteri Hizmetleri · Listelerim · Hesabım · Sepetim) */
.vt-eylemler { display: flex; align-items: center; gap: 18px; margin-left: auto; flex: none; }
.vt-eylem { position: relative; }
.vt-eylem__bag {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--at-navy-900);
  text-decoration: none;
}
.vt-eylem__bag:hover { text-decoration: none; }
.vt-eylem__bag:hover .vt-eylem__baslik { color: var(--at-accent-text); }
.vt-eylem__simge { position: relative; display: grid; place-items: center; flex: none; }
.vt-eylem__simge .vt-ikon { width: 27px; height: 27px; }
.vt-eylem__simge .vt-sayac { position: absolute; top: -7px; right: -9px; }
.vt-eylem--sepet .vt-eylem__bag { gap: 14px; }
.vt-eylem__metin { display: flex; flex-direction: column; gap: 2px; }
.vt-eylem__baslik { font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.vt-eylem__alt { font-size: 12px; font-weight: 400; line-height: 1.25; color: var(--at-muted); white-space: nowrap; }
.vt-eylem__alt .vt-rozet { height: 18px; padding: 0 6px; margin-left: 4px; vertical-align: 1px; }
@media (max-width: 1279.98px) {
  .vt-eylem--daralt .vt-eylem__metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .vt-eylemler { gap: 20px; }
}

/* Telefon üst satır düğmeleri (≡, arama, sepet, kullanıcı) */
.vt-tel-dugme {
  position: relative;
  display: none;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: var(--at-r-sm);
  color: var(--at-navy-900);
}
.vt-tel-dugme .vt-ikon { width: 26px; height: 26px; }
.vt-tel-dugme .vt-sayac { position: absolute; top: 2px; right: 0; }
.vt-tel-dugme:hover { background: var(--at-surface-3); }

/* Katman 4: kategori çubuğu (tam genişlik lacivert) */
.vt-cubuk { background: var(--at-navy-900); color: #FFFFFF; }
.vt-cubuk__ic { position: relative; display: flex; height: var(--vt-cubuk-h); }
.vt-cubuk__liste { display: flex; flex: 1 1 auto; min-width: 0; }
.vt-cubuk__oge { flex: 1 1 0; min-width: 0; display: flex; border-left: 1px solid rgb(255 255 255 / .16); }
.vt-cubuk__bag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 8px;
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--at-fast) var(--at-ease);
}
.vt-cubuk__bag:hover,
.vt-cubuk__oge:hover > .vt-cubuk__bag,
.vt-cubuk__oge.is-acik > .vt-cubuk__bag,
.vt-cubuk__bag[aria-current="page"] { background: var(--at-navy-950); color: #FFFFFF; text-decoration: none; }
.vt-cubuk__bag[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--at-teal-400); }

/* =========================================================================
   08 TÜM KATEGORİLER PANELİ ve MEGA MENÜ
   ========================================================================= */
.vt-tumkat { position: static; flex: none; width: var(--vt-tum-kat-w); }
.vt-tumkat__dugme {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 0 22px;
  background: var(--at-accent);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.vt-tumkat__dugme:hover { text-decoration: none; background: var(--at-accent-hover); color: #FFFFFF; }
.vt-tumkat__dugme .vt-ikon { width: 18px; height: 18px; }
.vt-tumkat__panel {
  position: absolute;
  left: var(--vt-gutter);
  top: 100%;
  z-index: 40;
  width: 300px;
  background: #FFFFFF;
  box-shadow: var(--at-shadow-pop);
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--at-fast) var(--at-ease), visibility 0s linear .15s;
}
.vt-tumkat:hover .vt-tumkat__panel,
.vt-tumkat:focus-within .vt-tumkat__panel,
.vt-tumkat.is-acik .vt-tumkat__panel { visibility: visible; opacity: 1; transition-delay: 0s; }
.vt-tumkat.is-kapali .vt-tumkat__panel { visibility: hidden; opacity: 0; }
.vt-tumkat__liste { position: relative; }
.vt-tumkat__satir > a {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 51px;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid var(--at-border-2);
  color: var(--at-navy-900);
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.vt-tumkat__satir > a .vt-ikon { width: 22px; height: 22px; color: var(--at-accent); }
.vt-tumkat__satir > a .vt-tumkat__ok { margin-left: auto; width: 18px; height: 18px; color: var(--at-navy-900); }
.vt-tumkat__satir.is-etkin > a,
.vt-tumkat__satir:hover > a,
.vt-tumkat__satir > a:focus-visible { background: var(--at-accent); color: #FFFFFF; outline-offset: -3px; }
.vt-tumkat__satir.is-etkin > a .vt-ikon,
.vt-tumkat__satir:hover > a .vt-ikon,
.vt-tumkat__satir > a:focus-visible .vt-ikon { color: #FFFFFF; }
.vt-tumkat__alt {
  position: absolute;
  left: 100%;
  top: 0;
  width: 300px;
  min-height: 100%;
  background: #FFFFFF;
  border-left: 3px solid transparent;
  border-image: var(--at-gradient-brand) 1;
  box-shadow: var(--at-shadow-pop);
  display: none;
}
.vt-tumkat__satir.is-etkin > .vt-tumkat__alt,
.vt-tumkat__satir:hover > .vt-tumkat__alt,
.vt-tumkat__satir:focus-within > .vt-tumkat__alt { display: block; }
.vt-tumkat__liste:hover .vt-tumkat__satir.is-etkin:not(:hover) > .vt-tumkat__alt { display: none; }
.vt-tumkat__liste:hover .vt-tumkat__satir.is-etkin:not(:hover) > a { background: transparent; color: var(--at-navy-900); }
.vt-tumkat__liste:hover .vt-tumkat__satir.is-etkin:not(:hover) > a .vt-ikon { color: var(--at-accent); }
.vt-tumkat__alt a {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid var(--at-border-2);
  color: var(--at-navy-900);
  font-size: 15px;
  text-decoration: none;
}
.vt-tumkat__alt a:hover { background: var(--at-teal-50); }
.vt-tumkat__alt img { width: 46px; height: 46px; object-fit: contain; flex: none; }
.vt-tumkat__alt .vt-tumkat__tum { font-weight: 600; color: var(--at-accent-text); }
.vt-tumkat__hepsi > a { font-family: var(--at-font-text); font-size: 16px; font-weight: 600; border-bottom: 0; }
.vt-tumkat__hepsi > a .vt-ikon { color: var(--at-navy-900); }

/* Mega menü: çubuk öğesine gelince; 1377 × ~645, beyaz, 1 px çizgi, iç boşluk 20 */
.vt-mega {
  position: absolute;
  left: var(--vt-gutter);
  right: var(--vt-gutter);
  top: 100%;
  z-index: 35;
  padding: 20px 20px 24px;
  border: 1px solid var(--at-border);
  border-top: 0;
  background: #FFFFFF;
  color: var(--at-text);
  box-shadow: var(--at-shadow-xs), 0 24px 40px -24px rgb(10 37 64 / .25);
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--at-fast) var(--at-ease), visibility 0s linear .15s;
}
.vt-cubuk__oge:hover > .vt-mega,
.vt-cubuk__oge.is-acik > .vt-mega { visibility: visible; opacity: 1; transition-delay: 0s; }
.vt-cubuk__oge.is-kapali > .vt-mega { visibility: hidden; opacity: 0; transition: none; }
.vt-mega__ic { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.vt-mega__sutunlar { grid-column: span 9; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; align-content: start; padding: 0 0 0 10px; }
.vt-mega__grup + .vt-mega__grup { margin-top: 14px; }
.vt-mega__grup-baslik {
  display: block;
  margin: 2px 0 4px;
  color: var(--at-navy-900);
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 34px;
}
a.vt-mega__grup-baslik:hover { color: var(--at-accent-text); }
.vt-mega__liste a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: var(--at-text-2);
  font-family: var(--at-font-text);
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.vt-mega__liste a:hover { color: var(--at-accent-text); }
.vt-mega__kapak {
  grid-column: span 3;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 26px 24px 20px;
  border-radius: var(--at-r-sm);
  background: radial-gradient(120% 70% at 85% 100%, var(--at-teal-100) 0%, var(--at-teal-50) 52%, var(--at-surface-3) 100%);
  overflow: hidden;
  color: var(--at-navy-900);
  text-decoration: none;
}
.vt-mega__kapak:hover { text-decoration: none; }
.vt-mega__kapak-ust { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--at-accent-text); }
.vt-mega__kapak-baslik { margin-top: 6px; font-family: var(--at-font-display); font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; text-transform: none; }
.vt-mega__kapak-metin { margin-top: 8px; font-size: 13px; color: var(--at-text-2); letter-spacing: 0; text-transform: none; font-family: var(--at-font-text); font-weight: 400; }
.vt-mega__kapak img { margin: auto auto 0; max-height: 190px; width: auto; object-fit: contain; }
.vt-mega__kapak-bag { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--at-accent-text); text-transform: none; letter-spacing: 0; font-family: var(--at-font-text); }
.vt-mega__kisayollar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; padding-left: 10px; }

/* =========================================================================
   09 AÇILIR KUTULAR — hesap kutusu (V46: form yok) ve mini sepet
   .vt-eylem > .vt-eylem__bag + .vt-acilir(.vt-acilir--hesap | --sepet)
   ========================================================================= */
.vt-acilir {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 45;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r);
  background: #FFFFFF;
  box-shadow: var(--at-shadow-pop);
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity var(--at-fast) var(--at-ease), transform var(--at-fast) var(--at-ease), visibility 0s linear .15s;
}
.vt-acilir::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.vt-eylem:hover > .vt-acilir,
.vt-eylem:focus-within > .vt-acilir,
.vt-eylem.is-acik > .vt-acilir { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
.vt-eylem.is-kapali > .vt-acilir { visibility: hidden; opacity: 0; }

.vt-acilir--hesap { width: 436px; padding: 22px 30px 24px; }
.vt-acilir__baslik { text-align: center; font-family: var(--at-font-display); font-size: 21px; font-weight: 800; color: var(--at-navy-900); }
.vt-acilir__alt { margin-top: 6px; text-align: center; font-size: 15px; color: var(--at-text-2); }
.vt-ayrac-imza { height: 4px; margin: 18px 0; border-radius: 4px; background: var(--at-gradient-brand); }
.vt-ayrac { height: 1px; margin: 16px 0; background: var(--at-border); }
.vt-acilir__dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vt-acilir__kisayollar { display: flex; justify-content: center; gap: 28px; }
.vt-acilir__kisayollar a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; color: var(--at-navy-900); font-size: 14px; }
.vt-acilir__kisayollar .vt-ikon { color: var(--at-accent); }
.vt-acilir__isletme { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; font-size: 14px; font-weight: 600; }
.vt-acilir__menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 4px;
  border-bottom: 1px solid var(--at-border-2);
  color: var(--at-navy-900);
  font-size: 14px;
}
.vt-acilir__menu a:hover { color: var(--at-accent-text); text-decoration: none; background: var(--at-teal-50); }
.vt-acilir__menu .vt-ikon { color: var(--at-accent); width: 18px; height: 18px; }
.vt-acilir__menu form { margin: 0; }
.vt-acilir__menu button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 42px; padding: 0 4px; color: var(--at-danger); font-size: 14px; }
.vt-acilir__kim { display: flex; align-items: center; gap: 12px; }
.vt-acilir__avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--at-gradient-brand); color: #FFFFFF; font-family: var(--at-font-display); font-weight: 800; }
.vt-acilir__ad { font-family: var(--at-font-display); font-size: 16px; font-weight: 800; color: var(--at-navy-900); }
.vt-acilir__eposta { font-size: 13px; color: var(--at-muted); }

.vt-acilir--sepet { width: 296px; overflow: hidden; }
.vt-mini-sepet__bas { padding: 10px 14px; background: var(--at-surface-3); text-align: center; font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-mini-sepet__liste { padding: 4px 14px; }
.vt-mini-sepet__satir { display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--at-border-2); }
.vt-mini-sepet__satir img { width: 48px; height: 48px; object-fit: contain; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-mini-sepet__ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 18px; color: var(--at-text); }
.vt-mini-sepet__tutar { margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-mini-sepet__tutar strong { color: var(--at-navy-900); font-family: var(--at-font-display); font-weight: 800; font-size: 13px; }
.vt-mini-sepet__sil { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--at-muted); }
.vt-mini-sepet__sil:hover { color: var(--at-danger); background: var(--at-danger-soft); }
.vt-mini-sepet__fazla { padding: 8px 0 2px; font-size: 13px; color: var(--at-muted); }
.vt-mini-sepet__ozet { padding: 12px 14px 14px; border-top: 1px solid var(--at-border); }
.vt-mini-sepet__toplam { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; color: var(--at-text-2); }
.vt-mini-sepet__toplam strong { font-family: var(--at-font-display); font-size: 17px; font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); }
.vt-mini-sepet__dugmeler { display: grid; gap: 8px; margin-top: 12px; }
.vt-mini-sepet__bos { padding: 22px 16px 24px; text-align: center; }
.vt-mini-sepet__bos strong { display: block; font-size: 14px; color: var(--at-navy-900); }
.vt-mini-sepet__bos p { margin-top: 8px; font-size: 13px; color: var(--at-text-2); }

/* Kargo eşiği ilerleme çubuğu (mini sepet, sepet) */
.vt-esik { margin-top: 10px; }
.vt-esik__metin { font-size: 12px; color: var(--at-text-2); }
.vt-esik__metin .vt-ikon { display: inline-block; vertical-align: -3px; margin-right: 4px; }
.vt-esik__metin strong { color: var(--at-navy-900); }
.vt-esik__cubuk { height: 6px; margin-top: 6px; border-radius: 6px; background: var(--at-surface-3); overflow: hidden; }
.vt-esik__dolu { display: block; height: 100%; border-radius: 6px; background: var(--at-accent); width: var(--vt-oran, 0%); }
.vt-esik--tamam .vt-esik__metin { color: var(--at-success); font-weight: 600; }

/* =========================================================================
   10 TELEFON (992 altı): üst satır, alt sabit çubuk, çekmeceler
   ========================================================================= */
@media (max-width: 991.98px) {
  /* duyuru şeridi: kendi bölümünde (07 · Katman 1); telefonda da ortalı, tek satır, mesajlar döner */
  .vt-baglanti,
  .vt-cubuk,
  .vt-eylemler,
  .vt-ana-satir .vt-arama { display: none; }
  .vt-ana-satir { border-bottom: 1px solid var(--at-border); }
  .vt-ana-satir__ic {
    height: var(--vt-telefon-ust-h);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 4px;
  }
  .vt-tel-dugme { display: inline-grid; }
  .vt-tel-sol { display: flex; align-items: center; justify-self: start; margin-left: -6px; }
  .vt-tel-sag { display: flex; align-items: center; justify-self: end; margin-right: -6px; }
  .vt-logo__isaret { width: 36px; height: 36px; border-radius: 10px; }
  .vt-logo__isaret svg { width: 22px; height: 22px; }
  .vt-logo__ad { font-size: 15px; letter-spacing: .12em; }
  .vt-logo__alt { font-size: 12px; margin-top: 3px; letter-spacing: .02em; }
  body { padding-bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom)); }
}
@media (min-width: 992px) {
  .vt-tel-sol, .vt-tel-sag { display: none; }
}
@media (max-width: 374.98px) {
  .vt-logo__alt { display: none; }
}
/* 360 px altı (320 px telefon; 1280 px'in %400 yakınlaştırması, WCAG 1.4.10): iki 44 px düğme + logo + iki 44 px düğme sayfayı yana
   taşırıyordu (belge 350 px). Düğmeler 44 px kalır; logo bir kademe küçülür, satır aralığı kalkar. */
@media (max-width: 359.98px) {
  .vt-ana-satir__ic { gap: 0; }
  .vt-ana-satir .vt-logo { gap: 6px; }
  .vt-ana-satir .vt-logo__isaret { width: 32px; height: 32px; border-radius: 9px; }
  .vt-ana-satir .vt-logo__isaret svg { width: 20px; height: 20px; }
  .vt-ana-satir .vt-logo__ad { font-size: 13px; letter-spacing: .06em; }
}

/* Alt sabit çubuk (5 eşit öğe) */
.vt-alt-cubuk { display: none; }
@media (max-width: 991.98px) {
  .vt-alt-cubuk {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: var(--at-z-tabbar);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid var(--at-border);
    background: #FFFFFF;
    box-shadow: var(--vt-shadow-alt-cubuk);
  }
}
.vt-alt-cubuk__oge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 44px;
  color: var(--at-text-2);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}
.vt-alt-cubuk__oge:hover { text-decoration: none; color: var(--at-navy-900); }
.vt-alt-cubuk__oge[aria-current="page"] { color: var(--at-accent-text); font-weight: 700; }
.vt-alt-cubuk__simge { position: relative; display: grid; place-items: center; }
.vt-alt-cubuk__simge .vt-ikon { width: 24px; height: 24px; }
.vt-alt-cubuk__simge .vt-sayac { position: absolute; top: -7px; right: -11px; }

/* Çekmeceler: <dialog class="vt-cekmece vt-cekmece--sol|--sag|--tam"> (odak tuzağı ve Esc yerel) */
.vt-cekmece {
  position: fixed;
  top: 0; bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border: 0;
  background: #FFFFFF;
  color: var(--at-text);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.vt-cekmece::backdrop { background: rgb(6 26 46 / .52); }
.vt-cekmece--sol { left: 0; right: auto; }
.vt-cekmece--sag { left: auto; right: 0; width: 250px; }
.vt-cekmece--tam { inset: 0; display: none; flex-direction: column; overflow: hidden; }
.vt-cekmece--tam[open] { display: flex; }
.vt-cekmece[open].vt-cekmece--sol { animation: vt-soldan .22s var(--at-ease); }
.vt-cekmece[open].vt-cekmece--sag { animation: vt-sagdan .22s var(--at-ease); }
@keyframes vt-soldan { from { transform: translateX(-24px); opacity: .6; } to { transform: none; opacity: 1; } }
@keyframes vt-sagdan { from { transform: translateX(24px); opacity: .6; } to { transform: none; opacity: 1; } }
body.vt-kilit { overflow: hidden; }

.vt-cekmece__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 60px; padding: 0 10px; }
.vt-cekmece__kapat {
  display: grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  color: var(--at-muted);
}
.vt-cekmece__kapat span { display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid var(--at-border-strong); border-radius: 50%; }
.vt-cekmece__kapat:hover span { border-color: var(--at-navy-900); color: var(--at-navy-900); }
.vt-cekmece__arama { position: relative; display: flex; align-items: center; height: 65px; padding: 0 10px; background: var(--at-surface-3); }
.vt-cekmece__arama input { flex: 1; min-width: 0; height: 48px; padding: 0 8px; border: 0; background: transparent; font-size: 16px; outline: none; }
.vt-cekmece__arama input::placeholder { color: var(--at-placeholder); opacity: 1; }
.vt-cekmece__arama:focus-within { box-shadow: inset 0 -2px 0 var(--at-accent); }
.vt-cekmece__etiket { padding: 18px 12px 10px; font-family: var(--at-font-display); font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--at-text-2); }
.vt-cekmece__govde { padding: 0 10px 24px; }

/* Kategori çekmecesi akordeon kartları (iç içe <details>) */
.vt-cek-kat { border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-cek-kat + .vt-cek-kat { margin-top: 16px; }
.vt-cek-kat > summary {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 55px;
  padding: 0 12px;
  list-style: none;
  cursor: pointer;
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--at-navy-900);
}
.vt-cek-kat > summary::-webkit-details-marker { display: none; }
.vt-cek-kat > summary > .vt-ikon:first-child { width: 30px; height: 30px; color: var(--at-accent); stroke-width: 1.5; }
.vt-cek-kat > summary .vt-ac-ok { margin-left: auto; width: 20px; height: 20px; transition: transform var(--at-fast) var(--at-ease); }
.vt-cek-kat[open] > summary .vt-ac-ok { transform: rotate(180deg); }
.vt-cek-kat__ic { padding: 0 12px 10px; }
.vt-cek-kat__tum { display: flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--at-accent-text); }
.vt-cek-alt { border-top: 1px solid var(--at-border-2); }
.vt-cek-alt > summary,
.vt-cek-alt > a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  color: var(--at-navy-900);
  text-decoration: none;
}
.vt-cek-alt > summary::-webkit-details-marker { display: none; }
.vt-cek-alt img { width: 30px; height: 30px; object-fit: contain; flex: none; }
.vt-cek-alt .vt-ac-ok { margin-left: auto; width: 18px; height: 18px; transition: transform var(--at-fast) var(--at-ease); }
.vt-cek-alt[open] > summary .vt-ac-ok { transform: rotate(180deg); }
.vt-cek-alt ul { padding: 0 0 8px 42px; }
.vt-cek-alt li a { display: flex; align-items: center; min-height: 44px; font-size: 14px; color: var(--at-text-2); }
.vt-cek-kart {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  margin-top: 16px;
  padding: 0 12px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-xs);
  color: var(--at-navy-900);
  font-weight: 600;
}
.vt-cek-kart .vt-ikon { color: var(--at-accent); }
.vt-cek-yardim { margin-top: 24px; padding: 16px 12px; border-radius: var(--at-r-sm); background: var(--at-teal-50); }
.vt-cek-yardim h2 { font-size: 15px; color: var(--at-navy-900); }
.vt-cek-yardim ul { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.vt-cek-yardim a { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; color: var(--at-text); }
.vt-cek-yardim .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }

/* Hesap çekmecesi (sağdan, 250 px) */
.vt-cek-hesap__bas { display: flex; align-items: center; justify-content: center; position: relative; height: 48px; background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 17px; font-weight: 800; }
.vt-cek-hesap__bas .vt-cekmece__kapat { position: absolute; right: 2px; top: 2px; color: #FFFFFF; }
.vt-cek-hesap__bas .vt-cekmece__kapat span { border-color: var(--at-on-dark-line); width: 32px; height: 32px; }
.vt-cek-hesap__bas .vt-cekmece__kapat:focus-visible { outline-color: #FFFFFF; }
.vt-cek-hesap__baslik { padding: 10px 12px; background: var(--at-surface-3); font-size: 14px; font-weight: 600; color: var(--at-text-2); }
.vt-cek-hesap a,
.vt-cek-hesap button.vt-cek-hesap__cikis {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border-bottom: 1px solid var(--at-border-2);
  color: var(--at-text);
  font-size: 14px;
  text-align: left;
}
.vt-cek-hesap a .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-cek-hesap a:hover { background: var(--at-teal-50); text-decoration: none; }

/* Süzgeç / sıralama çekmecesi (tam ekran) */
.vt-cekmece--tam .vt-cekmece__bas { border-bottom: 1px solid var(--at-border); padding: 0 6px 0 16px; flex: none; }
.vt-cekmece__baslik { font-family: var(--at-font-display); font-size: 17px; font-weight: 800; color: var(--at-navy-900); }
.vt-cekmece__kaydir { flex: 1; overflow-y: auto; padding: 12px 16px; }
.vt-cekmece__ayak { flex: none; display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--at-border); background: #FFFFFF; }

/* =========================================================================
   11 ÜRÜN KARTI — "modern yüzer kart" (kullanıcı kararı 14 Ekim 2026; TASARIM-VITRIN §2.4, §2.11). Tek bileşen: kategori, arama, marka,
   Kampanyalar, şeritler (ana sayfa, sepet, ürün sayfası), Yedek Filtre Bul, Favorilerim ve araç sonuçları aynı kartı kullanır.
   Kabuk: beyaz, 16 px köşe, saç çizgisi + iki katmanlı dinlenik gölge (üzerine gelince ayrı katmanda yükselir); --liste farkı yalnız en az yükseklik.
   Anatomi (kartın ızgara satırları): görsel karosu (sol üst durum hapı, sağ üst favori dairesi; kampanya rozeti ve puan karonun alt kenarına
   oturur) → özellik → ad (3 satır) → [dar kartta puan] → avantaj rozetleri → boşluk → ayak: büyük fiyat, alt satır, tam genişlik düğme.
   Belirteçler --vt-kart-* ve --vt-izgara-ara-* (01). Kapsayıcılar: vt-kart (kartın iç genişliği), vt-kart-ayak (ayak).
   Tıklama: ad bağlantısının ::after katmanı kartın tamamını kaplar; favori (z 3) ve sepet düğmesi (z 2) onun ÜSTÜNDE kalır.
   ========================================================================= */
.vt-kart {
  container: vt-kart / inline-size;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  /*                  görsel özellik ad   puan avantaj boşluk          ayak */
  grid-template-rows: auto   auto    auto auto auto    minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 407px;
  padding: var(--vt-kart-ic);
  border: 1px solid var(--vt-kart-cizgi);
  border-radius: var(--vt-kart-r);
  background: var(--vt-kart-zemin);
  box-shadow: var(--vt-kart-golge);
  isolation: isolate;                          /* gölge katmanı ve multiply kartın içinde kalır */
  transition: transform var(--at-normal) var(--at-ease), border-color var(--at-fast) var(--at-ease);
}
.vt-kart--liste { min-height: 417px; }
/* Üzerine gelme gölgesi ayrı katmanda: yalnız opaklık geçer (yeniden boyama yok) */
.vt-kart::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  box-shadow: var(--vt-kart-golge-ust);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--at-normal) var(--at-ease);
}
/* Satır yerleşimi (sütun açıkça 1: yalnız satırı verilen öğe örtük sütuna kaçmaz) */
.vt-kart > *                 { grid-column: 1; }
.vt-kart > .vt-kart__gorsel  { grid-row: 1; }
.vt-kart > .vt-kart__ozellik { grid-row: 2; }
.vt-kart > .vt-kart__ad      { grid-row: 3; }
.vt-kart > .vt-avantajlar    { grid-row: 5; }
.vt-kart > .vt-kart__ayak    { grid-row: 7; }

/* Görsel karosu: tonlu zemin, iç köşe 10; fotoğraf ortada. Alt boşluk, alt köşe haplarının karo İÇİNDE kalan kısmından 6 px büyüktür:
   kampanya rozeti ve puan fotoğrafla hiçbir genişlikte çakışmaz. */
.vt-kart__gorsel { position: relative; aspect-ratio: 1 / 1; min-height: 0; border-radius: var(--vt-kart-gorsel-r); background: var(--vt-kart-gorsel-zemin); }
.vt-kart__resim { position: absolute; inset: 0; display: grid; place-items: center; }
.vt-kart__resim img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--vt-kart-gorsel-ic) var(--vt-kart-gorsel-ic) calc(var(--vt-kart-rozet-h) - var(--vt-kart-rozet-dis) + 6px);
  transition: transform var(--at-slow) var(--at-ease);
}
.vt-kart__resim--yok { border-radius: inherit; background: var(--at-teal-50); color: var(--at-accent); }
.vt-kart__resim--yok .vt-ikon { width: 48px; height: 48px; stroke-width: 1.5; }
.vt-kart--stok-yok .vt-kart__resim img { opacity: .6; filter: grayscale(.6); }
/* Üst köşeler (§2.11 iki yuva): sol üst tek durum hapı (tıklamayı geçirir), sağ üst favori dairesi */
.vt-kart__yuva { position: absolute; display: flex; z-index: 1; }
.vt-kart__yuva--sol-ust { left: var(--vt-kart-rozet-x); top: var(--vt-kart-rozet-x); max-width: calc(100% - 2 * var(--vt-kart-rozet-x) - 40px); pointer-events: none; }
.vt-kart__yuva--sol-ust > .vt-etiket,
.vt-kart__yuva--sol-ust > .vt-rozet { height: var(--vt-kart-rozet-h); padding: 0 10px; border-radius: var(--at-r-full); font-size: 12px; }
.vt-kart__yuva--sag-ust { z-index: 3; right: 4px; top: 4px; }
.vt-kart__favori {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  color: var(--at-navy-900);
}
.vt-kart__favori::before {                    /* 40 px dokunma alanı içinde 32 px beyaz daire */
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  border-radius: 50%;
  background: var(--at-surface);
  box-shadow: var(--at-shadow-xs), 0 0 0 1px rgb(10 37 64 / .06);
}
.vt-kart__favori .vt-ikon { width: 18px; height: 18px; }
.vt-kart__favori[aria-pressed="true"] .vt-ikon { fill: var(--at-danger); stroke: var(--at-danger); }
.vt-kart__favori:focus-visible { outline-offset: -4px; }   /* halka dairenin kenarında; karo kenarında kesilmez */

/* Alt köşe hapları: kampanya rozeti sol altta, puan sağ altta. Karonun alt kenarına OTURUR (yarısı karoda, yarısı kartta) ve akıştan
   çıkar: fotoğraf bandı korunur, satırlar hizalı kalır. Kampanya rozeti sığmazsa "…" ile kısalır (tam metni okunur); dar kartta puan adın
   altına iner (aşağıda @container vt-kart). */
.vt-kart > .vt-kart__kampanya,
.vt-kart > .vt-kart__puan {
  grid-row: 1;
  align-self: end;
  position: relative;
  z-index: 1;
  height: var(--vt-kart-rozet-h);
  margin: 0 0 calc(-1 * var(--vt-kart-rozet-dis));
  pointer-events: none;
}
.vt-kart > .vt-kart__kampanya {
  display: flex;
  justify-self: start;
  max-width: calc(100% - 2 * var(--vt-kart-rozet-x));
  margin-left: var(--vt-kart-rozet-x);
}
.vt-kart:has(> .vt-kart__puan) > .vt-kart__kampanya { max-width: calc(100% - 2 * var(--vt-kart-rozet-x) - 88px); }
.vt-kart__kampanya .vt-rozet {
  display: block;
  max-width: 100%;
  height: var(--vt-kart-rozet-h);
  padding: 0 9px;
  overflow: hidden;
  font-size: 12px;                             /* alt sınır 12 (§2.2) */
  line-height: var(--vt-kart-rozet-h);
  text-overflow: ellipsis;
  box-shadow: 0 0 0 2px var(--vt-kart-zemin);  /* karo kenarını kestiği yerde temiz ayrım */
}
.vt-kart > .vt-kart__puan {
  justify-self: end;
  z-index: 2;                                  /* puan 88 px'ten genişse (5 haneli sayı, metin aralığı) kampanyanın kesik ucu altta kalır */
  margin-right: var(--vt-kart-rozet-x);
  padding: 0 8px 0 6px;
  border-radius: var(--at-r-full);
  background: var(--at-surface);
  box-shadow: var(--at-shadow-xs), 0 0 0 1px rgb(10 37 64 / .08);
  white-space: nowrap;
}

/* Metin: özellik tek satır; ad en çok 3 satır, sabit 3 satırlık yükseklik (fiyatlar kartlar arasında hizalı kalır) */
.vt-kart__ozellik {
  margin-top: calc(var(--vt-kart-rozet-dis) + 6px);
  min-height: 18px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--at-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vt-kart__ad {
  margin-top: 4px;
  height: 60px;
  height: 3lh;                                 /* 3 satır; kullanıcı satır aralığını büyütürse (WCAG 1.4.12) 3. satır kırpılmaz */
  overflow: hidden;
  overflow-wrap: anywhere;                     /* boşluksuz uzun model kodu kart genişliğinde kırılır */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  font-family: var(--at-font-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--at-text);
}
.vt-kart__ad a { color: inherit; }
/* Kartın tamamı tıklanır (ad bağlantısının ::after katmanı); favori ve sepet düğmesi üstte kalır */
.vt-kart__ad a::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.vt-kart__ad a:focus-visible { outline: none; }
.vt-kart > .vt-avantajlar--kart { margin-top: 10px; }

/* Ayak (GELISTIRME §17.38: sepet düğmesi her zaman görünür): büyük fiyat solda, alt satır altında, tam genişlik hap düğme en altta. Fiyat
   satırı ve alt satır için en az yükseklik ayrılır: fiyatın son satırı ve düğme, aynı satırdaki kartlarda (stokta yok, teklifli, fiyatı gizli,
   kurumsal dahil) aynı yerde durur. Metin sığmazsa (yazı aralığı büyütülmüşse) kesilmez, satıra iner. HTML sırası fiyat → alt satır → düğme
   (ekran okuyucu görsel sırayla okur). Ayak tıklamayı geçirir (kartın tamamı ürüne gider), düğme yakalar. */
.vt-kart > .vt-kart__ayak {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(var(--vt-kart-alt-h), auto) auto;   /* alt satır yoksa (fiyatı gizli) yeri yine ayrılır */
  gap: 2px 0;
  margin-top: 14px;
}
.vt-kart__ayak--sepet { container: vt-kart-ayak / inline-size; pointer-events: none; }
.vt-kart__ayak > .vt-kart__fiyat { grid-column: 1; grid-row: 1; }
.vt-kart__ayak--sepet > .vt-kart__sepet { position: relative; z-index: 2; grid-column: 1; grid-row: 3; margin: 10px 0 0; pointer-events: auto; }
/* Fiyat satırı: fiyat solda, varsa indirim kutusu sağda; sığmazsa kutu fiyatın ÜSTÜNE iner (wrap-reverse), fiyatın son satırı yerinde kalır */
.vt-kart__fiyat {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px 8px;
  min-height: var(--vt-kart-fiyat-h);
}
.vt-kart__tutar { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; text-align: left; }
.vt-eski-fiyat { font-size: 12px; font-weight: 400; color: var(--at-muted); text-decoration: line-through; white-space: nowrap; }
.vt-fiyat {
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: var(--at-track-num);
  color: var(--at-navy-900);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.vt-kart .vt-fiyat { font-size: 20px; line-height: 26px; }
.vt-kart__ayak--uzun .vt-fiyat { font-size: 17px; line-height: 22px; }   /* kurumsal fiyat, 10 milyon ₺ ve üstü, "Teklifle satılır" */
.vt-fiyat--kampanya { color: var(--at-danger); }
.vt-fiyat-ust { font-size: 12px; font-weight: 500; color: var(--at-muted); white-space: nowrap; }
.vt-kart .vt-fiyat-ust { white-space: normal; }   /* "KDV hariç 1.028.806,58 ₺" dar kartta kenardan taşmaz */
.vt-fiyat--isletme { color: var(--at-accent-text); }
.vt-fiyat-guncel { display: none; font-size: 13px; font-weight: 600; color: var(--at-muted); }
.vt-kart .vt-fiyat-guncel { line-height: 20px; }
.vt-fiyat small { font-family: var(--at-font-text); font-size: 12px; font-weight: 600; letter-spacing: 0; }
/* Alt satır: geniş kartta tek satır, sola yaslı; sığmazsa kesilmez, en çok 2 satıra iner (dar kartta 2 satırlık yer her kartta ayrılır) */
.vt-kart__alt { font-size: 12px; font-weight: 500; line-height: 18px; color: var(--at-text-2); text-align: left; }
.vt-kart__ayak > .vt-kart__alt {
  grid-column: 1;
  grid-row: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.vt-kart__alt--stok { color: var(--at-warning); }
.vt-kart__alt--teklif { color: var(--at-warning); }

/* Sepet düğmesi: tam genişlik hap; açık turkuaz zemin (yazı #09707A, 5,39:1), çerçeve saydam (zorunlu renk kipinde görünür çizgi olur) */
.vt-kart__ekle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--at-r-full);
  background: var(--at-accent-soft);
  color: var(--at-accent-text);
  font-family: var(--at-font-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--at-fast) var(--at-ease), border-color var(--at-fast) var(--at-ease), color var(--at-fast) var(--at-ease);
}
.vt-kart__ekle .vt-ikon { width: 18px; height: 18px; flex: none; stroke-width: 2; }
.vt-kart__ekle:focus-visible { border-color: var(--at-accent); background: var(--at-accent); color: #FFFFFF; text-decoration: none; outline: 2px solid var(--at-accent); outline-offset: 2px; }
/* üzerine gelme yalnız gerçek imleçte (dokunmatikte yapışmaz); pasif ve "eklendi" kuralları aşağıda, bunu ezer */
@media (hover: hover) {
  .vt-kart__ekle:hover { border-color: var(--at-accent); background: var(--at-accent); color: #FFFFFF; text-decoration: none; }
}
.vt-kart__ekle-yazi { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.vt-kart__ekle--teklif,
.vt-kart__ekle--incele { border-color: var(--at-border-strong); background: var(--at-surface); color: var(--at-text-2); }
.vt-kart__ekle--pasif,
.vt-kart__ekle--pasif:hover { border-color: transparent; background: var(--at-surface-3); color: var(--at-muted); cursor: not-allowed; }
.vt-kart__ekle[aria-busy="true"] { cursor: progress; opacity: .7; }
.vt-kart__ekle.is-eklendi,
.vt-kart__ekle.is-eklendi:hover { border-color: var(--at-success); background: var(--at-success); color: #FFFFFF; }
@container vt-kart-ayak (max-width: 129.98px) {
  .vt-kart__ekle-yazi { display: none; }      /* çok dar ayakta yalnız ikon (erişilebilir ad aria-label'da) */
}
@media (max-width: 991.98px), (pointer: coarse) {
  .vt-kart__ekle { height: 44px; }
  .vt-kart__favori { width: 44px; height: 44px; }
  .vt-kart__favori::before { inset: 6px; }
  .vt-kart__yuva--sag-ust { right: 2px; top: 2px; }
}

/* Etkileşim: üzerine gelme yalnız gerçek imleçte; kaldırma üst öğeden tetiklenir (kart yukarı kayınca alt kenarda titreme olmaz) */
@media (hover: hover) {
  .vt-kart:hover { border-color: var(--vt-kart-cizgi-ust); }
  .vt-kart:hover::after { opacity: 1; }
  .vt-urun-izgara__oge:hover > .vt-kart,
  .vt-raf__oge:hover > .vt-kart,
  .vt-arac-urunler > li:hover > .vt-kart { transform: translateY(var(--vt-kart-kalk)); }
  .vt-kart:hover .vt-kart__resim img { transform: scale(1.04); }
  .vt-kart:hover .vt-kart__ad a { color: var(--at-accent-text); }
  .vt-kart__favori:hover { color: var(--at-danger); }
}
/* Klavye odağı: ad bağlantısı (kartın tamamını kaplar) odaktayken kartın çevresinde 2 px --at-accent halka, 3 px dışarıda (beyazda 4,95:1,
   gri bantta 4,65:1). Odak içerideyken gölge de yükselir. */
.vt-kart:has(:focus-visible)::after { opacity: 1; }
.vt-kart:has(.vt-kart__ad a:focus-visible) { outline: 2px solid var(--at-accent); outline-offset: 3px; }

/* Bağlam: kartın altında kendi satırı olan yerler (Yedek Filtre Bul "Plan: …", Favorilerim eylem satırı). Kabuk (çizgi, köşe, gölge,
   kaldırma) öğeye (li) taşınır; kart ve alt satır tek nesne olur, alt satır kabuğun tabanında bant. */
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge,
.vt-akis .vt-fav-oge {
  position: relative;
  border: 1px solid var(--vt-kart-cizgi);
  border-radius: var(--vt-kart-r);
  background: var(--vt-kart-zemin);
  box-shadow: var(--vt-kart-golge);
  isolation: isolate;
  transition: transform var(--at-normal) var(--at-ease), border-color var(--at-fast) var(--at-ease);
}
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge::after,
.vt-akis .vt-fav-oge::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  box-shadow: var(--vt-kart-golge-ust);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--at-normal) var(--at-ease);
}
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge > .vt-kart,
.vt-akis .vt-fav-oge > .vt-kart { border: 0; background: transparent; box-shadow: none; }
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge > .vt-kart::after,
.vt-akis .vt-fav-oge > .vt-kart::after { display: none; }
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge > .vt-kart:has(.vt-kart__ad a:focus-visible),
.vt-akis .vt-fav-oge > .vt-kart:has(.vt-kart__ad a:focus-visible) { outline: 0; }
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge:has(.vt-kart__ad a:focus-visible),
.vt-akis .vt-fav-oge:has(.vt-kart__ad a:focus-visible) { outline: 2px solid var(--at-accent); outline-offset: 3px; }
.vt-filtre-bul-sayfasi .vt-urun-izgara__oge:has(:focus-visible)::after,
.vt-akis .vt-fav-oge:has(:focus-visible)::after { opacity: 1; }
@media (hover: hover) {
  .vt-filtre-bul-sayfasi .vt-urun-izgara__oge:hover,
  .vt-akis .vt-fav-oge:hover { border-color: var(--vt-kart-cizgi-ust); transform: translateY(var(--vt-kart-kalk)); }
  .vt-filtre-bul-sayfasi .vt-urun-izgara__oge:hover::after,
  .vt-akis .vt-fav-oge:hover::after { opacity: 1; }
  .vt-filtre-bul-sayfasi .vt-urun-izgara__oge:hover > .vt-kart { transform: none; }
}
/* alt bant: nötr zemin, ince ayraç, kabuğun alt köşelerine uyar (plan satırının yazısı icerik.css, eylem satırının düzeni §akış) */
.vt-filtre-bul-sayfasi .vt-fb-plan,
.vt-akis .vt-fav-eylem {
  margin: 0;
  border-top: 1px solid var(--at-border-2);
  border-radius: 0 0 calc(var(--vt-kart-r) - 1px) calc(var(--vt-kart-r) - 1px);
  background: var(--at-surface-2);
}

@media (prefers-reduced-motion: reduce) {
  :root { --vt-kart-kalk: 0px; }
  .vt-kart, .vt-kart::after, .vt-kart__resim img, .vt-kart__ekle, .vt-fav-oge, .vt-filtre-bul-sayfasi .vt-urun-izgara__oge { transition: none; }
  .vt-kart:hover .vt-kart__resim img { transform: none; }
}
@media (forced-colors: active) {
  .vt-kart, .vt-fav-oge, .vt-filtre-bul-sayfasi .vt-urun-izgara__oge { border-color: CanvasText; }
  .vt-kart::after { display: none; }
  /* ".vt-ana img { mix-blend-mode: multiply }" (revizyon 1) koyu yüksek karşıtlık temasında (Canvas siyah) fotoğrafı tamamen karartır */
  .vt-kart .vt-kart__resim img { mix-blend-mode: normal; }
  .vt-kart__favori::before { border: 1px solid CanvasText; }   /* kalp dairesi kalır: kalp fotoğrafın beyaz zemininde de görünür */
}

/* Dar kart: iç genişlik < 190 px (telefon ızgarası 146–181, telefon şeridi 131–146; 768 px'te 206, masaüstünde 212). Kapsayıcı sorgusu:
   bağlamdan bağımsız. Puan karodan adın altına iner (kampanya rozeti tam görünür); durum hapında ikon gizlenir, hap sığmazsa iki satıra iner
   (favori dairesine değmez); alt satır 2 satıra kadar kırılır ve 2 satırlık yer HER kartta ayrılır (fiyat ve düğme yine hizalı). */
@container vt-kart (max-width: 189.98px) {
  .vt-kart > .vt-kart__puan {
    grid-row: 4;
    align-self: start;
    justify-self: start;
    height: 16px;
    margin: 4px 0 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .vt-kart:has(> .vt-kart__puan) > .vt-kart__kampanya { max-width: calc(100% - 2 * var(--vt-kart-rozet-x)); }
  .vt-kart__yuva--sol-ust { top: 7px; max-width: calc(100% - var(--vt-kart-rozet-x) - 33px); }   /* kalp dairesi sağdan 31 px + 2 px ara */
  .vt-kart__yuva--sol-ust > .vt-etiket,
  .vt-kart__yuva--sol-ust > .vt-rozet { max-width: 100%; height: auto; min-height: var(--vt-kart-rozet-h); padding: 3px 7px; line-height: 14px; white-space: normal; }
  .vt-kart__yuva--sol-ust .vt-etiket .vt-ikon { display: none; }
  .vt-kart__yuva--sag-ust { right: -5px; top: -5px; }
  .vt-kart__favori::before { inset: 8px; }
  .vt-kart__favori .vt-ikon { width: 16px; height: 16px; }
  .vt-kart > .vt-kart__ayak { grid-template-rows: auto minmax(32px, auto) auto; }
  .vt-kart__ayak > .vt-kart__alt { line-height: 16px; }
  /* avantaj rozeti kesilmez ("Basınç Dengeleyici HEDİYE"): en çok 2 satır (V1b eklerindeki tek satır kuralını ezer) */
  .vt-kart .vt-avantajlar--kart .vt-avantaj > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; overflow-wrap: anywhere; }
  .vt-kart__ayak--sepet > .vt-kart__sepet { margin-top: 4px; }
  .vt-kart__ekle { padding: 0 8px; gap: 6px; font-size: 13px; }
}

/* Durum: kur bayat / onay / yok → fiyat gizli, düğme "İncele" (§4.3) */
.durum-kur-bayat .vt-kart__tutar > :not(.vt-fiyat-guncel),
.durum-kur-bayat .vt-kart__fiyat .vt-indirim,
.vt-kart--fiyat-gizli .vt-kart__tutar > :not(.vt-fiyat-guncel),
.vt-kart--fiyat-gizli .vt-kart__fiyat .vt-indirim { display: none !important; }
.durum-kur-bayat .vt-fiyat-guncel,
.vt-kart--fiyat-gizli .vt-fiyat-guncel { display: block !important; }
.durum-kur-bayat .vt-kart__alt { visibility: hidden; }

/* Telefon (≤ 767,98 px): ölçüler belirteçlerden (01); 2 sütun, 12 px aralık */
@media (max-width: 767.98px) {
  .vt-kart { min-height: 314px; }
  .vt-kart__ozellik { margin-top: calc(var(--vt-kart-rozet-dis) + 5px); }
  .vt-kart > .vt-avantajlar--kart { margin-top: 8px; }
  .vt-kart > .vt-kart__ayak { margin-top: 10px; }
  .vt-kart .vt-fiyat { font-size: 18px; line-height: 24px; }
  .vt-kart__ayak--uzun .vt-fiyat { font-size: 15px; line-height: 20px; }
  .vt-kart__fiyat .vt-indirim { min-width: 37px; height: 30px; font-size: 13px; }
  .vt-fiyat { font-size: 16px; }              /* kart dışı fiyatlar (öneri kartı) */
  .vt-etiket { height: 22px; padding: 0 6px; }
}

/* =========================================================================
   12 FİYAT BLOĞU (ürün sayfası) — ızgara 40 | esnek | 181
   .vt-fiyat-blok(--kampanya | --isletme | --gizli | --teklif)
   ========================================================================= */
.vt-fiyat-blok {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 181px;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--at-border-2);
  border-bottom: 1px solid var(--at-border-2);
}
.vt-fiyat-blok__orta { min-width: 0; }
.vt-fiyat-blok__fiyat {
  display: block;
  font-family: var(--at-font-display);
  font-size: var(--vt-fs-fiyat);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: var(--at-track-num);
  color: var(--at-navy-900);
  font-variant-numeric: tabular-nums;
}
.vt-fiyat-blok--isletme { grid-template-columns: auto minmax(0, 1fr) 181px; }
.vt-fiyat-blok--isletme .vt-fiyat-blok__fiyat { color: var(--at-accent-text); }
.vt-fiyat-blok__not { font-size: 12px; color: var(--at-muted); }
.vt-fiyat-blok__sag { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--at-text-2); }
.vt-fiyat-blok__sag span,
.vt-fiyat-blok__sag a { display: flex; align-items: center; gap: 6px; }
.vt-fiyat-blok__sag .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-fiyat-blok--gizli .vt-fiyat-blok__orta { font-size: 14px; color: var(--at-text-2); }
.vt-fiyat-tarihi { margin-top: 8px; font-size: 12px; color: var(--at-muted); }
@media (max-width: 575.98px) {
  .vt-fiyat-blok { grid-template-columns: auto minmax(0, 1fr); }
  .vt-fiyat-blok__sol:empty { display: none; }
  .vt-fiyat-blok__sag { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 6px 14px; }
}

/* =========================================================================
   13 KAYDIRMALI ŞERİT (.vt-serit + .vt-raf) ve KATEGORİ DAİRELERİ
   CSS scroll-snap + vitrin.js (oklar); kütüphane yok
   ========================================================================= */
.vt-serit {
  padding: var(--vt-serit-pad-y) var(--vt-serit-pad-x) calc(var(--vt-serit-pad-y) + 10px);
  border-radius: var(--at-r-xl);
  background: var(--at-bg);
}
.vt-serit__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 40px;
  margin-bottom: 24px;
}
.vt-serit__baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--at-font-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--at-navy-900);
}
.vt-serit__baslik .vt-ikon { width: 20px; height: 20px; color: var(--at-accent); }
.vt-serit__baslik .vt-ikon--sicak { color: var(--at-accent); }
.vt-serit__not { margin-left: 4px; font-family: var(--at-font-text); font-size: 13px; font-weight: 500; color: var(--at-muted); }
.vt-serit__not a { font-weight: 600; }

.vt-raf { position: relative; --vt-raf-ok-y: 50%; }
.vt-raf__liste {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--vt-raf-adet) - 1) * var(--vt-raf-ara)) / var(--vt-raf-adet));
  gap: var(--vt-raf-ara);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 3px;
  margin: -3px;
}
.vt-raf__liste::-webkit-scrollbar { display: none; }
.vt-raf__oge { scroll-snap-align: start; min-width: 0; }
.vt-raf__oge > .vt-kart { height: 100%; }
.vt-raf__ok {
  position: absolute;
  top: var(--vt-raf-ok-y);
  z-index: 5;
  display: grid;
  place-items: center;
  width: 40px; height: 40px;
  margin-top: -20px;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--at-navy-900);
  box-shadow: var(--at-shadow-pop), 0 0 0 1px var(--at-border);
  transition: opacity var(--at-fast) var(--at-ease);
}
.vt-raf__ok .vt-ikon { width: 20px; height: 20px; }
.vt-raf__ok--geri { left: -20px; }
.vt-raf__ok--ileri { right: -20px; }
.vt-raf__ok:hover { color: var(--at-accent); }
.vt-raf__ok[disabled] { opacity: .4; cursor: default; }
/* Ürün kartı şeridi (§11): aralık ızgarayla aynı (telefonda 12); kaydırma alanı kartın gölgesini ve kaldırmayı kesmez (6 px yan, 22 px alt
   pay); gölge yatayda dar yayılır (kenar kartta kesik çizgi olmaz). Ok daireleri görsel karosunun ortasında. */
.vt-raf--kart { --vt-raf-ok-y: 121px; --vt-raf-ara: var(--vt-izgara-ara-x); }
.vt-raf--kart .vt-raf__liste { padding: 6px 6px 22px; margin: -6px -6px -22px; scroll-padding-inline: 6px; }
.vt-raf--kart .vt-kart::after { box-shadow: var(--vt-kart-golge-ust-serit); }
@media (max-width: 1199.98px) { :root { --vt-raf-adet: 4; } }
@media (max-width: 991.98px) { :root { --vt-raf-adet: 3; } }
@media (max-width: 767.98px) {
  :root { --vt-raf-adet: 2; }
  .vt-raf--kart { --vt-raf-ok-y: 82px; }
  .vt-raf__ok { width: 28px; height: 28px; margin-top: -14px; }
  .vt-raf__ok .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
  .vt-raf__ok--geri { left: -12px; }
  .vt-raf__ok--ileri { right: -12px; }
  .vt-serit__bas { margin-bottom: 16px; }
}

/* Kategori daireleri: 150 px, adım 174 (aralık 24); 8 / 6 / 4 / 2 görünür */
.vt-daireler { --vt-raf-ara: 24px; --vt-raf-ok-y: 75px; }
.vt-daireler .vt-raf__liste { grid-auto-columns: var(--vt-kat-daire); }
.vt-daire {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--at-text);
  text-decoration: none;
}
.vt-daire:hover { text-decoration: none; }
.vt-daire__gorsel {
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  display: grid;
  place-items: center;
  width: var(--vt-kat-daire);
  height: var(--vt-kat-daire);
  padding: 18px;
  border: 1px solid var(--at-border);
  border-radius: 50%;
  background: var(--at-teal-100);
  overflow: hidden;
  transition: border-color var(--at-fast) var(--at-ease);
}
.vt-daire__gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform var(--at-normal) var(--at-ease); }
.vt-daire:hover .vt-daire__gorsel { border-color: var(--at-accent); }
.vt-daire:hover .vt-daire__gorsel img { transform: scale(1.05); }
.vt-daire__ad {
  max-width: var(--vt-kat-daire);
  min-height: 40px;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: var(--at-navy-900);
}
@media (max-width: 767.98px) {
  .vt-daireler .vt-raf__liste { grid-auto-columns: calc((100% - var(--vt-raf-ara)) / 2); }
  .vt-daireler { --vt-raf-ara: 16px; --vt-raf-ok-y: 75px; }
  .vt-daireler .vt-raf__ok--geri { left: 2px; }
  .vt-daireler .vt-raf__ok--ileri { right: 2px; }
}
/* Daire şeridi okları (≥ 768 px; GELISTIRME §17.41): referansta konteynerin 20 px dışındadır, ama konteynerin kenar payı 10 px olduğundan
   sayfa kenarına 20 px'ten az kalan genişliklerde (≈ 1420 px altı: tablet, küçük masaüstü) ok sayfayı 10 px yatay taşırıyordu. Ok en çok
   kenar payı + konteyner dışı boşluk kadar dışarı çıkar (en çok 20 px); 100vw dikey kaydırma çubuğunu içerdiği için 20 px pay düşülür
   (1440 px'te referansla aynı: 20 px). */
@media (min-width: 768px) {
  .vt-daireler { --vt-raf-ok-dis: min(20px, calc(var(--vt-gutter) + max(0px, (100vw - var(--vt-container) - 20px) / 2))); }
  .vt-daireler .vt-raf__ok--geri { left: calc(-1 * var(--vt-raf-ok-dis)); }
  .vt-daireler .vt-raf__ok--ileri { right: calc(-1 * var(--vt-raf-ok-dis)); }
}

/* =========================================================================
   14 KAHRAMAN, 3'LÜ BANNER, HESAPLAMA KARTI, KATEGORİ KARESİ, KULLANIM ALANI
   ========================================================================= */
.vt-kahraman {
  position: relative;
  min-height: 369px;
  border-radius: var(--at-r-xl);
  background: var(--at-surface-3);
  overflow: hidden;
  isolation: isolate;
}
.vt-kahraman__raf {
  display: flex;
  height: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.vt-kahraman__raf::-webkit-scrollbar { display: none; }
.vt-slayt {
  position: relative;
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 100%;
  padding: 32px 40px 40px 56px;
  scroll-snap-align: start;
  overflow: hidden;
}
.vt-slayt__metin { position: relative; z-index: 2; }
.vt-slayt__ust {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--at-accent-text);
}
.vt-slayt__baslik {
  margin-top: 10px;
  font-family: var(--at-font-display);
  font-size: 36px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.025em;
  color: var(--at-navy-900);
}
.vt-slayt__maddeler { display: grid; gap: 8px; margin-top: 18px; }
.vt-slayt__maddeler li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: var(--at-text-2); }
.vt-slayt__maddeler .vt-ikon { width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; stroke-width: 2.4; }
.vt-slayt__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.vt-slayt__gorsel { position: relative; z-index: 1; display: grid; place-items: center; height: 100%; min-height: 280px; }
.vt-slayt__gorsel::before {
  content: "";
  position: absolute;
  width: 300px; height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 45%, #FFFFFF 0%, var(--at-teal-50) 45%, var(--at-teal-100) 100%);
  box-shadow: 0 0 0 18px rgb(10 124 134 / .06), 0 0 0 40px rgb(10 124 134 / .035);
}
.vt-slayt__gorsel img { position: relative; max-height: 290px; width: auto; max-width: 100%; object-fit: contain; }
.vt-slayt__dalga { position: absolute; inset: auto 0 0 0; height: 120px; z-index: 0; opacity: .7; pointer-events: none; }
.vt-slayt__dalga path { fill: none; stroke: var(--at-teal-200); stroke-width: 1.5; }
.vt-slayt--koyu { background: var(--at-gradient-hero); }
.vt-slayt--koyu .vt-slayt__ust { color: var(--at-teal-200); }
.vt-slayt--koyu .vt-slayt__baslik { color: #FFFFFF; }
.vt-slayt--koyu .vt-slayt__maddeler li { color: var(--at-on-dark-2); }
.vt-slayt--koyu .vt-slayt__maddeler .vt-ikon { background: #FFFFFF; color: var(--at-navy-900); stroke-width: 2.4; }
.vt-slayt--koyu .vt-slayt__gorsel::before { background: radial-gradient(circle at 50% 45%, #FFFFFF 0%, #FFFFFF 58%, var(--at-teal-50) 100%); box-shadow: 0 0 0 18px rgb(255 255 255 / .08), 0 0 0 40px rgb(255 255 255 / .05); }
.vt-slayt--koyu .vt-slayt__dalga path { stroke: rgb(255 255 255 / .16); }
.vt-kahraman__ok {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  color: var(--at-navy-900);
  opacity: 0;
  transition: opacity var(--at-fast) var(--at-ease);
}
.vt-kahraman__ok .vt-ikon { width: 30px; height: 30px; stroke-width: 1.5; }
.vt-kahraman:hover .vt-kahraman__ok,
.vt-kahraman__ok:focus-visible { opacity: 1; }
.vt-kahraman__ok--geri { left: 0; }
.vt-kahraman__ok--ileri { right: 0; }
.vt-kahraman__ok:focus-visible { outline-offset: -4px; }
.vt-kahraman[data-koyu="1"] .vt-kahraman__ok { color: #FFFFFF; }
.vt-kahraman__noktalar { position: absolute; left: 50%; bottom: 8px; z-index: 3; display: flex; gap: 0; transform: translateX(-50%); }
.vt-kahraman__nokta { display: grid; place-items: center; width: 26px; height: 26px; }
.vt-kahraman__nokta::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 0 1px var(--at-border-strong); }
.vt-kahraman__nokta[aria-current="true"]::before { background: var(--at-navy-900); box-shadow: 0 0 0 2px #FFFFFF; }

@media (max-width: 1199.98px) {
  .vt-slayt { padding: 30px 28px 40px 36px; }
  .vt-slayt__baslik { font-size: 30px; }
}
@media (max-width: 767.98px) {
  .vt-kahraman { min-height: 0; }
  .vt-slayt { grid-template-columns: minmax(0, 1fr) 128px; gap: 10px; padding: 20px 16px 36px 20px; min-height: 220px; }
  .vt-slayt__ust { font-size: 12px; }
  .vt-slayt__baslik { margin-top: 6px; font-size: 20px; line-height: 1.2; }
  .vt-slayt__maddeler { display: none; }
  .vt-slayt__eylem { margin-top: 14px; }
  .vt-slayt__eylem .btn-vt { height: 44px; padding: 0 16px; font-size: 14px; }
  .vt-slayt__gorsel { min-height: 0; }
  .vt-slayt__gorsel::before { width: 128px; height: 128px; box-shadow: 0 0 0 10px rgb(10 124 134 / .06); }
  .vt-slayt__gorsel img { max-height: 140px; }
  .vt-kahraman__ok { display: none; }
  .vt-kahraman__noktalar { bottom: 0; }
  .vt-kahraman__nokta { width: 44px; height: 36px; }
}

/* 3'lü banner: 440×189, 112 px görsel + metin */
.vt-bannerlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vt-banner {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 189px;
  padding: 18px 22px 18px 20px;
  border-radius: var(--at-r-lg);
  background: var(--at-surface-3);
}
.vt-banner__gorsel { display: grid; place-items: center; height: 150px; }
.vt-banner__gorsel img { max-height: 150px; width: auto; max-width: 112px; object-fit: contain; }
.vt-banner__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--at-navy-900); }
.vt-banner__metin { margin-top: 6px; font-size: 13px; line-height: 1.5; color: var(--at-text-2); }
.vt-banner .btn-vt { margin-top: 14px; }
@media (max-width: 991.98px) {
  .vt-bannerlar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .vt-banner { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 12px; padding: 24px 20px; }
  .vt-banner__gorsel { height: 150px; }
  .vt-banner__gorsel img { max-width: 180px; }
  .vt-banner__baslik { font-size: 20px; }
  .vt-banner__metin { font-size: 15px; }
}

/* Hesaplama kartı: 325×223, 100 px görsel + metin */
.vt-hesaplar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vt-hesapla {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 223px;
  padding: 18px;
  border-radius: var(--at-r-lg);
  background: var(--at-surface-3);
}
.vt-hesapla__gorsel { display: grid; place-items: center; height: 120px; }
.vt-hesapla__gorsel img { max-height: 120px; width: auto; max-width: 100px; object-fit: contain; }
.vt-hesapla__simge { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #FFFFFF, var(--at-teal-100)); color: var(--at-accent); box-shadow: 0 0 0 8px rgb(10 124 134 / .06); }
.vt-hesapla__simge .vt-ikon { width: 42px; height: 42px; stroke-width: 1.5; }
.vt-hesapla__baslik { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--at-navy-900); }
.vt-hesapla__metin { margin-top: 8px; font-size: 13px; line-height: 19px; color: var(--at-text-2); }
/* düğme metin sütunundan taşmaz: 1200–1399 px'te 4'lü dizide sütun ~128 px; uzun etiket ("Rehberi okuyun") iki satıra iner */
.vt-hesapla .btn-vt { max-width: 100%; height: auto; min-height: 46px; margin-top: 14px; padding: 6px 18px; line-height: 1.2; white-space: normal; text-align: center; }
@media (max-width: 1199.98px) { .vt-hesaplar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .vt-hesaplar { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .vt-hesapla { grid-template-columns: 76px minmax(0, 1fr); min-height: 160px; padding: 18px 16px; }
  .vt-hesapla__gorsel { height: 96px; }
  .vt-hesapla__gorsel img { max-width: 76px; max-height: 96px; }
  .vt-hesapla__simge { width: 72px; height: 72px; }
  .vt-hesapla__simge .vt-ikon { width: 34px; height: 34px; stroke-width: 1.5; }
}

/* Kategori karesi: 205×182 (görsel 148, ad bandı 34) */
.vt-kareler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px 23px; padding: 0 15px; }
.vt-kare { display: flex; flex-direction: column; border-radius: var(--at-r-sm); overflow: hidden; text-decoration: none; }
.vt-kare:hover { text-decoration: none; }
.vt-kare__gorsel { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; height: 148px; padding: 12px; background: var(--at-teal-50); }
.vt-kare__gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform var(--at-normal) var(--at-ease); }
.vt-kare:hover .vt-kare__gorsel img { transform: scale(1.05); }
.vt-kare__ad {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 6px 8px;
  background: var(--at-navy-900);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.vt-kare:hover .vt-kare__ad { background: var(--at-navy-950); }
@media (max-width: 1199.98px) { .vt-kareler { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .vt-kareler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .vt-kareler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }

/* Kullanım alanı kutusu: 145×145 (V45, markalar şeridinin yerinde) */
.vt-kullanim { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 22px; }
.vt-kullanim__kutu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  aspect-ratio: 1 / 1;
  padding: 12px 8px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-xs);
  background: #FFFFFF;
  color: var(--at-navy-900);
  text-align: center;
  text-decoration: none;
  transition: border-color var(--at-fast) var(--at-ease), box-shadow var(--at-fast) var(--at-ease);
}
.vt-kullanim__kutu:hover { border-color: var(--at-accent); box-shadow: var(--at-shadow-sm); text-decoration: none; }
.vt-kullanim__simge { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-kullanim__simge .vt-ikon { width: 30px; height: 30px; stroke-width: 1.5; }
.vt-kullanim__ad { font-family: var(--at-font-display); font-size: 14px; font-weight: 700; line-height: 1.25; }
@media (max-width: 1199.98px) { .vt-kullanim { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .vt-kullanim { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .vt-kullanim__kutu { aspect-ratio: auto; min-height: 132px; }
}

/* =========================================================================
   15 ARAÇ KUTUSU (Yedek Filtre Bul) — 446×364, 4 zincirli seçim + büyük harf düğme
   JS kapalıyken seçeneklerin tümü <optgroup> ile gelir; JS zinciri kurar
   ========================================================================= */
.vt-arac-kutu {
  display: flex;
  flex-direction: column;
  min-height: 364px;
  padding: 6px 15px 14px;
  border-radius: var(--at-r-xl);
  background: var(--at-bg);
  box-shadow: var(--at-shadow-sm);
}
.vt-arac-kutu__bas { display: flex; align-items: center; gap: 12px; min-height: 52px; }
.vt-arac-kutu__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; }
.vt-arac-kutu__simge .vt-ikon { width: 22px; height: 22px; }
.vt-arac-kutu__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--at-navy-900); }
.vt-arac-kutu__alanlar { display: grid; gap: 6px; }
.vt-arac-kutu__alan label { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 600; line-height: 16px; color: var(--at-navy-900); }
.vt-arac-kutu .vt-secim { box-shadow: var(--at-shadow-xs); border-color: transparent; }
.vt-arac-kutu .vt-secim:disabled { background: var(--at-surface-2); box-shadow: none; border-color: var(--at-border-2); }
.vt-arac-kutu__dugme { margin-top: auto; padding-top: 10px; }
.vt-arac-kutu__dugme .btn-vt { height: 42px; font-size: 16px; }

/* =========================================================================
   16 SEKMELER (dikey; ürün sayfası) ve AKORDEON (<details>)
   ========================================================================= */
.vt-sekmeler { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 20px; align-items: start; }
.vt-sekmeler__liste { display: flex; flex-direction: column; gap: 10px; }
.vt-sekmeler__dugme {
  display: flex;
  align-items: center;
  min-height: 43px;
  padding: 0 14px;
  border-radius: var(--at-r-xs);
  background: var(--at-teal-50);
  color: var(--at-text-2);
  font-size: 15px;
  text-align: left;
  line-height: 1.25;
}
.vt-sekmeler__dugme:hover { color: var(--at-navy-900); }
.vt-sekmeler__dugme[aria-selected="true"] { background: var(--at-accent); color: #FFFFFF; font-weight: 600; }
.vt-sekmeler__panel { min-width: 0; padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); }
.vt-sekmeler__panel-baslik { margin-bottom: 12px; font-size: 17px; color: var(--at-navy-900); }
/* JS yokken: liste gizli, tüm paneller sırayla açık (ilerici geliştirme) */
.vt-sekmeler:not(.is-hazir) { grid-template-columns: minmax(0, 1fr); }
.vt-sekmeler:not(.is-hazir) .vt-sekmeler__liste { display: none; }
.vt-sekmeler:not(.is-hazir) .vt-sekmeler__panel + .vt-sekmeler__panel { margin-top: 0; }
.vt-sekmeler.is-hazir .vt-sekmeler__panel-baslik { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 767.98px) {
  .vt-sekmeler { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .vt-sekmeler__dugme { min-height: 46px; }
  .vt-sekmeler__panel { padding: 16px; }
}

.vt-akordeon { border-top: 1px solid var(--at-border); }
.vt-akordeon__oge { border-bottom: 1px solid var(--at-border); }
.vt-akordeon__oge > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 10px 4px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: var(--at-navy-900);
}
.vt-akordeon__oge > summary::-webkit-details-marker { display: none; }
.vt-akordeon__oge > summary:hover { color: var(--at-accent-text); }
.vt-akordeon__oge > summary .vt-ikon { flex: none; width: 20px; height: 20px; transition: transform var(--at-fast) var(--at-ease); }
.vt-akordeon__oge[open] > summary { font-weight: 600; }
.vt-akordeon__oge[open] > summary .vt-ikon { transform: rotate(180deg); }
.vt-akordeon__icerik { padding: 0 4px 18px; font-size: 15px; line-height: 1.65; color: var(--at-text-2); max-width: 760px; }

/* =========================================================================
   17 FORM ALANLARI, SEÇİM, ONAY KUTUSU, RADYO, SEGMENT, ADET, ŞİFRE
   ========================================================================= */
.vt-form { display: grid; gap: 16px; align-content: start; }
.vt-form__iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 575.98px) { .vt-form__iki { grid-template-columns: minmax(0, 1fr); } }
.vt-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.vt-alan__etiket { font-size: 13px; font-weight: 600; color: var(--at-text); }
.vt-alan__zorunlu { color: var(--at-danger); margin-left: 2px; }
.vt-alan__ipucu { font-size: 12px; color: var(--at-muted); }
.vt-alan__hata { display: none; align-items: center; gap: 6px; font-size: 13px; color: var(--at-danger); }
.vt-alan__hata .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
.vt-alan--hata .vt-alan__hata { display: flex; }
.vt-girdi,
.vt-secim {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--at-border-strong);
  border-radius: var(--at-r-sm);
  background: #FFFFFF;
  color: var(--at-text);
  font-size: 14px;
  outline: none;
  transition: border-color var(--at-fast) var(--at-ease), box-shadow var(--at-fast) var(--at-ease);
}
.vt-girdi::placeholder { color: var(--at-placeholder); opacity: 1; }
.vt-girdi:hover,
.vt-secim:hover { border-color: var(--at-border-hover); }
.vt-girdi:focus,
.vt-secim:focus { border-color: var(--at-accent); box-shadow: 0 0 0 3px var(--at-accent-ring); }
.vt-girdi[readonly] { background: var(--at-surface-2); }
.vt-girdi:disabled,
.vt-secim:disabled { background: var(--at-surface-2); color: var(--at-muted); cursor: not-allowed; }
.vt-alan--hata .vt-girdi,
.vt-alan--hata .vt-secim { border-color: var(--at-danger); }
.vt-alan--hata .vt-girdi:focus { box-shadow: 0 0 0 3px rgb(194 53 43 / .18); }
textarea.vt-girdi { height: auto; min-height: 104px; padding: 10px 12px; resize: vertical; line-height: 1.5; }
.vt-secim { appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; }
.vt-secim-sar { position: relative; display: block; }
.vt-secim-sar > .vt-ikon { position: absolute; right: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--at-navy-900); pointer-events: none; }
.vt-girdi-on { display: flex; }
.vt-girdi-on__on { display: grid; place-items: center; flex: none; padding: 0 12px; border: 1px solid var(--at-border-strong); border-right: 0; border-radius: var(--at-r-sm) 0 0 var(--at-r-sm); background: var(--at-surface-3); font-weight: 600; color: var(--at-text-2); }
.vt-girdi-on .vt-girdi { border-radius: 0 var(--at-r-sm) var(--at-r-sm) 0; }
.vt-sifre { position: relative; }
.vt-sifre .vt-girdi { padding-right: 48px; }
.vt-sifre__goster { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 44px; height: 100%; color: var(--at-muted); }
.vt-sifre__goster:hover { color: var(--at-navy-900); }
@media (max-width: 991.98px) {
  .vt-girdi, .vt-secim { height: 44px; font-size: 16px; }
}

/* Onay kutusu ve radyo (20×20) */
.vt-onay { display: flex; align-items: flex-start; gap: 10px; min-height: 24px; font-size: 14px; line-height: 1.45; color: var(--at-text); cursor: pointer; }
.vt-onay input { appearance: none; -webkit-appearance: none; flex: none; display: grid; place-items: center; width: 20px; height: 20px; margin: 1px 0 0; border: 1.5px solid var(--at-border-strong); border-radius: 5px; background: #FFFFFF; cursor: pointer; }
.vt-onay input::before { content: ""; width: 10px; height: 6px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: translateY(-1px) rotate(-45deg); opacity: 0; }
.vt-onay input:checked { background: var(--at-accent); border-color: var(--at-accent); }
.vt-onay input:checked::before { opacity: 1; }
.vt-onay input[type="radio"] { border-radius: 50%; }
.vt-onay input[type="radio"]::before { width: 8px; height: 8px; border: 0; border-radius: 50%; background: #FFFFFF; transform: none; }
.vt-onay input:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 2px; }
.vt-onay__adet { margin-left: auto; color: var(--at-muted); font-size: 13px; }
@media (max-width: 991.98px) { .vt-onay { min-height: 44px; align-items: center; } .vt-onay input { margin: 0; } }

/* Segment (Bireysel | İşletme) */
.vt-segment { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 3px; border-radius: var(--at-r-sm); background: var(--at-surface-3); }
.vt-segment input { position: absolute; opacity: 0; pointer-events: none; }
.vt-segment label { display: grid; place-items: center; min-height: 38px; padding: 0 18px; border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--at-text-2); cursor: pointer; }
.vt-segment input:checked + label { background: #FFFFFF; color: var(--at-navy-900); box-shadow: var(--at-shadow-xs), 0 0 0 1px var(--at-border); }
.vt-segment input:focus-visible + label { outline: 2px solid var(--at-accent); outline-offset: 1px; }

/* Adet seçici: 134×48 (−/+ 40×48) */
.vt-adet { display: inline-grid; grid-template-columns: 40px 54px 40px; height: 48px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-adet button { display: grid; place-items: center; color: var(--at-navy-900); }
.vt-adet button:hover { color: var(--at-accent); background: var(--at-teal-50); }
.vt-adet button:disabled { color: var(--at-faint); background: none; cursor: not-allowed; }
.vt-adet input { width: 100%; border: 0; text-align: center; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); outline: none; -moz-appearance: textfield; }
.vt-adet input::-webkit-outer-spin-button,
.vt-adet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vt-adet:focus-within { border-color: var(--at-accent); box-shadow: 0 0 0 3px var(--at-accent-ring); }
.vt-adet--s { height: 40px; grid-template-columns: 36px 44px 36px; }

/* =========================================================================
   18 ADIM GÖSTERGESİ ve ZAMAN ÇİZELGESİ
   ========================================================================= */
.vt-adimlar { display: flex; align-items: center; gap: 12px; }
.vt-adim { display: flex; align-items: center; gap: 10px; flex: 1 1 0; min-width: 0; font-size: 14px; font-weight: 600; color: var(--at-muted); }
.vt-adim:last-child { flex: 0 0 auto; }
.vt-adim:not(:last-child)::after { content: ""; flex: 1; height: 2px; min-width: 24px; border-radius: 2px; background: var(--at-border); }
.vt-adim__no { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border: 2px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; font-family: var(--at-font-display); font-size: 13px; font-weight: 800; }
.vt-adim__no .vt-ikon { width: 15px; height: 15px; stroke-width: 2.4; }
.vt-adim--tamam { color: var(--at-text); }
.vt-adim--tamam .vt-adim__no { border-color: var(--at-accent); background: var(--at-accent); color: #FFFFFF; }
.vt-adim--tamam::after { background: var(--at-accent) !important; }
.vt-adim--etkin { color: var(--at-navy-900); }
.vt-adim--etkin .vt-adim__no { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-adim-tel { display: none; }
.vt-adim-tel__metin { font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-adim-tel__metin span { color: var(--at-muted); font-weight: 500; }
.vt-adim-tel__cubuk { height: 4px; margin-top: 8px; border-radius: 4px; background: var(--at-surface-3); overflow: hidden; }
.vt-adim-tel__cubuk span { display: block; height: 100%; background: var(--at-accent); border-radius: 4px; width: var(--vt-oran, 0%); }
@media (max-width: 767.98px) {
  .vt-adimlar { display: none; }
  .vt-adim-tel { display: block; }
}

.vt-zaman { display: grid; gap: 0; }
.vt-zaman__oge { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; padding-bottom: 22px; }
.vt-zaman__oge:not(:last-child)::before { content: ""; position: absolute; left: 13px; top: 30px; bottom: 2px; width: 2px; border-radius: 2px; background: var(--at-border); }
.vt-zaman__oge--tamam:not(:last-child)::before { background: var(--at-accent); }
.vt-zaman__nokta { display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; color: var(--at-muted); }
.vt-zaman__nokta .vt-ikon { width: 15px; height: 15px; stroke-width: 2.4; }
.vt-zaman__oge--tamam .vt-zaman__nokta { border-color: var(--at-accent); background: var(--at-accent); color: #FFFFFF; }
.vt-zaman__oge--etkin .vt-zaman__nokta { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-zaman__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); line-height: 28px; }
.vt-zaman__oge--bekliyor .vt-zaman__baslik { color: var(--at-muted); font-weight: 600; }
.vt-zaman__ayrinti { font-size: 13px; color: var(--at-text-2); }

/* =========================================================================
   19 LİSTE ARAÇLARI: breadcrumb, süzgeç kutusu, fiyat aralığı, sıralama, görünüm, sayfalama, seçili çipler
   ========================================================================= */
.vt-yol { padding: 18px 0 14px; font-size: 13px; font-weight: 500; color: var(--at-muted); }
.vt-yol ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.vt-yol li { display: inline-flex; align-items: center; gap: 6px; }
.vt-yol li + li::before { content: "›"; color: var(--at-muted); }
.vt-yol a { color: var(--at-text-2); }
.vt-yol [aria-current="page"] { color: var(--at-muted); }

.vt-suzgec { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--at-border); }
.vt-suzgec > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  list-style: none;
  cursor: pointer;
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--at-navy-900);
}
.vt-suzgec > summary::-webkit-details-marker { display: none; }
.vt-suzgec > summary .vt-ikon { width: 18px; height: 18px; transition: transform var(--at-fast) var(--at-ease); }
.vt-suzgec[open] > summary .vt-ikon { transform: rotate(180deg); }
.vt-suzgec__govde { padding: 4px 2px 2px; }
.vt-suzgec__secenek { display: flex; align-items: center; gap: 10px; min-height: 32px; font-size: 14px; color: var(--at-accent-text); cursor: pointer; }
.vt-suzgec__secenek .vt-onay__adet { margin-left: auto; color: var(--at-muted); }
.vt-suzgec__bag { display: flex; align-items: center; justify-content: space-between; min-height: 32px; font-size: 14px; }
.vt-fiyat-araligi { display: flex; align-items: center; gap: 6px; }
.vt-fiyat-araligi .vt-girdi { width: 113px; height: 34px; padding: 0 8px; font-size: 13px; }
.vt-fiyat-araligi .btn-vt { width: 48px; height: 34px; padding: 0; }
.vt-hazir-araliklar { display: grid; gap: 2px; margin-top: 8px; }

.vt-liste-arac { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 14px; }
.vt-liste-arac__sol { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--at-muted); }
.vt-siralama .vt-secim { width: 190px; height: 35px; font-size: 13px; padding-right: 36px; }
.vt-siralama .vt-secim-sar > .vt-ikon { width: 16px; height: 16px; margin-top: -8px; right: 10px; stroke-width: 2; }
.vt-gorunum { display: inline-flex; gap: 4px; }
.vt-gorunum button { display: grid; place-items: center; width: 48px; height: 30px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-xs); color: var(--at-text-2); background: #FFFFFF; }
.vt-gorunum button[aria-pressed="true"] { background: var(--at-navy-900); border-color: var(--at-navy-900); color: #FFFFFF; }
.vt-gorunum .vt-ikon { width: 18px; height: 18px; }

.vt-secili { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }
.vt-secili__cip { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 4px 0 12px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-full); background: var(--at-accent-soft); color: var(--at-navy-900); font-size: 13px; font-weight: 500; }
.vt-secili__cip a,
.vt-secili__cip button { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: var(--at-text-2); }
.vt-secili__cip a:hover,
.vt-secili__cip button:hover { background: #FFFFFF; color: var(--at-danger); }
.vt-secili__cip .vt-ikon { width: 14px; height: 14px; stroke-width: 2; }
.vt-secili__temizle { font-size: 13px; font-weight: 600; }

.vt-sayfalama { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 30px 0 10px; }
.vt-sayfalama ol { display: flex; }
.vt-sayfalama li + li { margin-left: -1px; }
.vt-sayfalama ol a,
.vt-sayfalama ol span { display: grid; place-items: center; min-width: 33px; height: 34px; padding: 0 6px; border: 1px solid var(--at-border); background: #FFFFFF; color: var(--at-text-2); font-size: 13px; font-weight: 600; }
.vt-sayfalama ol a:hover { position: relative; z-index: 1; border-color: var(--at-accent); color: var(--at-accent-text); text-decoration: none; }
.vt-sayfalama [aria-current="page"] { position: relative; z-index: 2; border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-sayfalama .btn-vt { height: 34px; }

/* Telefon "Filtrele | Sırala" ikilisi */
.vt-suz-sira { display: none; }
@media (max-width: 991.98px) {
  .vt-suz-sira { display: grid; grid-template-columns: repeat(2, 160px); justify-content: center; margin: 12px 0 16px; }
  .vt-suz-sira button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: 1px solid var(--at-navy-900); background: #FFFFFF; color: var(--at-navy-900); font-weight: 600; font-size: 14px; }
  .vt-suz-sira button:first-child { border-radius: var(--at-r-sm) 0 0 var(--at-r-sm); }
  .vt-suz-sira button:last-child { border-radius: 0 var(--at-r-sm) var(--at-r-sm) 0; border-left: 0; }
  .vt-suz-sira .vt-ikon { width: 18px; height: 18px; }
}

/* =========================================================================
   20 YAN KARTLAR, BİLGİ NOTU, ÖZELLİK KUTUSU, KOMPAKT ÜRÜN SATIRI
   ========================================================================= */
.vt-yan-kart { display: grid; gap: 5px; }
.vt-yan-kart__bas { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: var(--at-r-xs); background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; }
.vt-yan-kart__satir { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 12px; border: 1px solid var(--at-warning-border); border-radius: var(--at-r-xs); background: var(--at-warning-soft); color: var(--at-text); font-size: 13px; line-height: 1.35; }
.vt-yan-kart__satir .vt-ikon { width: 22px; height: 22px; color: var(--at-warning); }
.vt-yan-kart__satir .vt-yan-kart__ok { margin-left: auto; width: 16px; height: 16px; color: var(--at-muted); }
a.vt-yan-kart__satir:hover { text-decoration: none; border-color: var(--at-warning); }
.vt-guven-bag { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-teal-50); color: var(--at-text); font-size: 13px; }
.vt-guven-bag .vt-ikon { width: 22px; height: 22px; color: var(--at-accent); }
a.vt-guven-bag:hover { text-decoration: none; border-color: var(--at-teal-200); }
.vt-guven-baglar { display: grid; gap: 5px; margin-top: 10px; }
.vt-bilgi-notu { display: flex; align-items: center; gap: 10px; min-height: 47px; padding: 8px 12px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-xs); background: var(--at-accent-soft); color: var(--at-text); font-size: 13px; line-height: 1.4; }
.vt-bilgi-notu__simge { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; }
.vt-bilgi-notu__simge .vt-ikon { width: 15px; height: 15px; stroke-width: 2; }
.vt-ozellikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.vt-ozellik-kutu { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 42px; padding: 4px 6px 4px 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-teal-50); font-size: 13px; }
.vt-ozellik-kutu dt { font-weight: 600; color: var(--at-text); }
.vt-ozellik-kutu dd { text-align: right; color: var(--at-text-2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767.98px) { .vt-ozellikler { grid-template-columns: minmax(0, 1fr); } }

.vt-kompakt { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; min-height: 106px; padding: 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-kompakt__gorsel { display: grid; place-items: center; width: 80px; height: 80px; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-kompakt__gorsel img { width: 72px; height: 72px; object-fit: contain; }
.vt-kompakt__ust { font-size: 12px; font-weight: 600; color: var(--at-accent-text); }
.vt-kompakt__ad { font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--at-text); }
.vt-kompakt__ad a { color: inherit; }
.vt-kompakt__kod { margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-kompakt__fiyat { text-align: right; }
.vt-kompakt__fiyat .vt-fiyat { font-size: 15px; }
@media (max-width: 575.98px) {
  .vt-kompakt { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
  .vt-kompakt__gorsel { width: 64px; height: 64px; }
  .vt-kompakt__gorsel img { width: 58px; height: 58px; }
  .vt-kompakt__fiyat { grid-column: 2; text-align: left; }
  .vt-kompakt > :last-child { grid-column: 2; }
}

/* =========================================================================
   21 UYARI, BOŞ DURUM, BİLDİRİM (toast), SİTE GENELİ DURUM ŞERİDİ
   ========================================================================= */
.vt-uyari { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); color: var(--at-text); font-size: 14px; line-height: 1.5; }
.vt-uyari > .vt-ikon { width: 22px; height: 22px; margin-top: 0; color: var(--at-accent); }
.vt-uyari__baslik { font-weight: 700; color: var(--at-navy-900); }
.vt-uyari__eylemler { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 8px; font-weight: 600; }
.vt-uyari--uyari { border-color: var(--at-warning-border); background: var(--at-warning-soft); }
.vt-uyari--uyari > .vt-ikon { color: var(--at-warning); }
.vt-uyari--hata { border-color: var(--at-danger-border); background: var(--at-danger-soft); }
.vt-uyari--hata > .vt-ikon { color: var(--at-danger); }
.vt-uyari--basari { border-color: var(--at-success-border); background: var(--at-success-soft); }
.vt-uyari--basari > .vt-ikon { color: var(--at-success); }

.vt-bos { display: grid; justify-items: center; gap: 10px; padding: 40px 20px; text-align: center; }
.vt-bos__simge { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-bos__simge .vt-ikon { width: 34px; height: 34px; stroke-width: 1.5; }
.vt-bos__baslik { font-family: var(--at-font-display); font-size: 17px; font-weight: 700; color: var(--at-navy-900); }
.vt-bos__metin { max-width: 420px; font-size: 14px; color: var(--at-text-2); }
.vt-bos .btn-vt { margin-top: 6px; }

.vt-bildirim-alan { position: fixed; right: 20px; bottom: 20px; z-index: var(--at-z-toast); display: grid; gap: 10px; width: min(360px, calc(100vw - 32px)); pointer-events: none; }
.vt-bildirim { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--at-r); background: var(--at-navy-900); color: #FFFFFF; font-size: 14px; box-shadow: var(--at-shadow-pop); pointer-events: auto; animation: vt-bildirim .22s var(--at-ease); }
.vt-bildirim > .vt-ikon { width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: var(--at-teal-400); color: var(--at-navy-900); stroke-width: 2.4; }
.vt-bildirim a { margin-left: auto; color: #FFFFFF; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@keyframes vt-bildirim { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 991.98px) {
  .vt-bildirim-alan { left: 16px; right: 16px; width: auto; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); }
}

.vt-durum-serit { border-bottom: 1px solid var(--at-warning-border); background: var(--at-warning-soft); color: var(--at-text); font-size: 14px; }
.vt-durum-serit__ic { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding-block: 8px; text-align: center; }
.vt-durum-serit .vt-ikon { color: var(--at-warning); }

/* =========================================================================
   22 GÜVEN ŞERİDİ ve ALT BİLGİ (6 katman; telefonda sütunlar akordeon, V53)
   ========================================================================= */
.vt-alt { margin-top: 40px; background: #FFFFFF; }
.vt-alt__bant { background: var(--at-gradient-band); color: #FFFFFF; }
.vt-alt__bant-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 50px; padding-block: 8px; }
.vt-alt__bant-sol { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
.vt-alt__bant-baslik { font-family: var(--at-font-display); font-size: 14px; font-weight: 700; }
.vt-alt__bant a { color: #FFFFFF; }
.vt-alt__wa { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: var(--at-r-full); background: #FFFFFF; color: var(--at-navy-900) !important; font-size: 13px; font-weight: 700; }
.vt-alt__wa:hover { text-decoration: none; background: var(--at-teal-50); }
.vt-alt__wa .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-alt__tel { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--at-on-dark-2); }
.vt-alt__tel strong { color: #FFFFFF; font-weight: 700; }
.vt-alt__sosyal { display: flex; align-items: center; gap: 14px; font-size: 13px; }
.vt-alt__sosyal-baslik { font-family: var(--at-font-display); font-weight: 700; }
.vt-alt__sosyal ul { display: flex; gap: 8px; }
.vt-alt__sosyal a { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 1px solid var(--at-on-dark-line); border-radius: var(--at-r-full); color: #FFFFFF; font-size: 12px; font-weight: 600; }
.vt-alt__sosyal a:hover { background: var(--at-on-dark-fill-2); text-decoration: none; }

.vt-guven { border-bottom: 1px solid var(--at-border); }
.vt-guven__ic { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; padding-block: 20px; }
.vt-guven__oge { display: flex; align-items: flex-start; gap: 12px; }
.vt-guven__simge { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border: 1px solid var(--at-border-strong); border-radius: 50%; color: var(--at-accent); }
.vt-guven__simge .vt-ikon { width: 21px; height: 21px; }
.vt-guven__baslik { font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); line-height: 1.3; }
.vt-guven__metin { margin-top: 3px; font-size: 12px; line-height: 1.45; color: var(--at-text-2); }

.vt-alt__sutunlar { display: grid; grid-template-columns: 1fr 1.15fr 1fr 1fr 1.1fr; gap: 30px; padding-block: 26px 30px; }
.vt-alt__sutun > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--at-border);
  list-style: none;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--at-navy-900);
}
.vt-alt__sutun > summary::-webkit-details-marker { display: none; }
.vt-alt__sutun > summary > .vt-ikon:first-child { width: 17px; height: 17px; color: var(--at-accent); }
.vt-alt__sutun > summary .vt-ac-ok { display: none; margin-left: auto; width: 18px; height: 18px; transition: transform var(--at-fast) var(--at-ease); }
.vt-alt__sutun li a { display: inline-flex; align-items: center; min-height: 24px; font-size: 13px; line-height: 24px; color: var(--at-text-2); }
.vt-alt__sutun li a:hover { color: var(--at-accent-text); }
.vt-alt__iletisim { display: grid; gap: 8px; font-size: 13px; color: var(--at-text-2); }
.vt-alt__iletisim li { display: flex; align-items: flex-start; gap: 10px; line-height: 1.45; }
.vt-alt__iletisim .vt-ikon { width: 17px; height: 17px; margin-top: 1px; color: var(--at-accent); }
.vt-alt__iletisim a { min-height: 0 !important; line-height: 1.45 !important; color: var(--at-text) !important; font-weight: 500; }
@media (min-width: 992px) {
  .vt-alt__sutun > summary { pointer-events: none; cursor: default; }
}

.vt-alt__takip { border-top: 1px solid var(--at-border); }
.vt-alt__takip-ic { display: flex; align-items: center; gap: 24px; padding-block: 18px; }
.vt-alt__takip-metin { flex: 1 1 auto; min-width: 0; }
.vt-alt__takip-metin strong { display: block; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-alt__takip-metin span { font-size: 13px; color: var(--at-text-2); }
.vt-alt__takip-form { display: flex; align-items: flex-end; gap: 10px; flex: none; }
.vt-alt__takip-form .vt-girdi { width: 250px; }
.vt-alt__takip-form .vt-girdi--kisa { width: 170px; }

.vt-alt__aramalar { border-top: 1px solid var(--at-border); }
.vt-alt__aramalar-ic { display: flex; align-items: center; gap: 12px 16px; padding-block: 14px; }
.vt-alt__aramalar-liste { flex: 1; display: flex; flex-wrap: wrap; font-size: 12px; line-height: 24px; color: var(--at-muted); }
.vt-alt__aramalar-liste li { white-space: nowrap; }
.vt-alt__aramalar-liste li:not(:last-child)::after { content: "|"; margin: 0 6px; color: var(--at-border-hover); }
.vt-alt__aramalar-liste a { color: var(--at-text-2); }
.vt-alt__aramalar-baslik { flex: none; font-size: 12px; font-weight: 700; line-height: 24px; color: var(--at-navy-900); }
.vt-yer-tutucu { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border: 1px dashed var(--at-border-hover); border-radius: var(--at-r-xs); font-size: 12px; font-weight: 700; color: var(--at-muted); text-align: center; line-height: 1.1; }

.vt-alt__alt-bant { background: var(--at-gradient-band); color: #FFFFFF; }
.vt-alt__alt-bant-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 47px; padding-block: 8px; }
.vt-alt__unvan { font-size: 12px; font-weight: 700; letter-spacing: .01em; }
.vt-alt__yasal { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 2px; font-size: 12px; }
.vt-alt__yasal a { color: var(--at-on-dark-2); }
.vt-alt__yasal a:hover { color: #FFFFFF; }
.vt-alt__odeme { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 8px; font-size: 12px; font-weight: 600; color: var(--at-on-dark-2); white-space: nowrap; }
.vt-alt__odeme .vt-ikon { width: 18px; height: 18px; color: #FFFFFF; }
.vt-alt__odeme-logolar { flex: none; width: auto; height: 22px; margin-inline-start: 6px; } /* iyzico onayı için her zaman; dar ekranda alt satıra iner */

@media (max-width: 1199.98px) {
  .vt-guven__ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vt-alt__takip-form .vt-girdi { width: 200px; }
}
@media (max-width: 991.98px) {
  .vt-alt__bant-ic { flex-direction: column; align-items: flex-start; padding-block: 14px; }
  .vt-guven__ic { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-block: 18px; }
  .vt-alt__sutunlar { grid-template-columns: minmax(0, 1fr); gap: 0; padding-block: 8px 16px; }
  .vt-alt__sutun { border-bottom: 1px solid var(--at-border); }
  .vt-alt__sutun > summary { min-height: 52px; margin: 0; padding: 0; border: 0; cursor: pointer; font-size: 15px; }
  .vt-alt__sutun > summary .vt-ac-ok { display: block; }
  .vt-alt__sutun[open] > summary .vt-ac-ok { transform: rotate(180deg); }
  .vt-alt__sutun > ul { padding-bottom: 14px; }
  .vt-alt__sutun li a { min-height: 44px; font-size: 14px; }
  .vt-alt__iletisim li { min-height: 32px; }
  .vt-alt__takip-ic { flex-direction: column; align-items: stretch; gap: 14px; }
  .vt-alt__takip-form { flex-direction: column; align-items: stretch; }
  .vt-alt__takip-form .vt-girdi,
  .vt-alt__takip-form .vt-girdi--kisa { width: 100%; }
  .vt-alt__aramalar-ic { flex-direction: column; align-items: flex-start; }
  .vt-alt__alt-bant-ic { flex-direction: column; align-items: flex-start; padding-block: 14px; }
}

/* =========================================================================
   23 ARAÇ SAYFASI KALIBI (§3.16) ve UZUN METİN
   ========================================================================= */
.vt-arac-bas { max-width: 760px; margin: 30px auto 24px; text-align: center; }
.vt-arac-bas h1 { font-size: var(--at-fs-3xl); font-weight: 800; color: var(--at-navy-900); }
.vt-arac-bas p { max-width: 720px; margin: 10px auto 0; font-size: 16px; color: var(--at-text-2); }
.vt-arac-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vt-arac-form .vt-alan__etiket { font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-form .vt-girdi,
.vt-arac-form .vt-secim { height: 48px; font-size: 15px; }
.vt-arac-form__dugme { grid-column: 1 / -1; }
.vt-arac-form__dugme .btn-vt { width: 100%; height: 56px; font-size: 17px; }
@media (max-width: 767.98px) { .vt-arac-form { grid-template-columns: minmax(0, 1fr); } }
.vt-sonuc-kart { margin-top: 30px; padding: 30px; border-radius: var(--at-r-lg); background: var(--at-gradient-hero); color: #FFFFFF; }
.vt-sonuc-kart__baslik { font-family: var(--at-font-display); font-size: 22px; font-weight: 700; }
.vt-sonuc-kart__deger { margin-top: 8px; font-family: var(--at-font-display); font-size: var(--at-fs-hero); font-weight: 800; line-height: 1.05; letter-spacing: var(--at-track-num); }
.vt-sonuc-kart__alt { margin-top: 6px; color: var(--at-on-dark-2); }
.vt-sonuc-kart__karolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.vt-sonuc-kart__karo { padding: 12px 14px; border-radius: var(--at-r-sm); background: var(--at-on-dark-fill-2); }
.vt-sonuc-kart__karo span { display: block; font-size: 12px; color: var(--at-on-dark-2); }
.vt-sonuc-kart__karo strong { font-family: var(--at-font-display); font-size: 17px; }
.vt-sonuc-kart__oneri { margin-top: 20px; padding: 16px; border-radius: var(--at-r-sm); background: rgb(255 255 255 / .1); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); }
.vt-sonuc-kart__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.vt-sonuc-kart__not { margin-top: 14px; font-size: 13px; color: var(--at-on-dark-2); }
@media (max-width: 767.98px) { .vt-sonuc-kart { padding: 20px; } .vt-sonuc-kart__karolar { grid-template-columns: minmax(0, 1fr); } }

.vt-metin { max-width: 760px; font-size: 15px; line-height: 1.65; color: var(--at-text-2); }
.vt-metin h1 { font-size: 32px; color: var(--at-navy-900); margin-bottom: 14px; }
.vt-metin h2 { font-size: 26px; color: var(--at-navy-900); margin: 28px 0 10px; }
.vt-metin h3 { font-size: 20px; color: var(--at-navy-900); margin: 22px 0 8px; }
.vt-metin p + p { margin-top: 12px; }
.vt-metin ul { list-style: disc; padding-left: 22px; margin: 10px 0; }
.vt-metin ol { list-style: decimal; padding-left: 22px; margin: 10px 0; }
.vt-metin li + li { margin-top: 4px; }
.vt-metin a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767.98px) { .vt-metin h1 { font-size: 26px; } .vt-metin h2 { font-size: 21px; } }

/* =========================================================================
   24 HAREKET AZALTMA, ZORUNLU RENK, YAZDIRMA
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .vt-rozet, .vt-etiket, .vt-indirim, .vt-sayac, .btn-vt { border: 1px solid CanvasText; }
}
@media print {
  .vt-ust-bilgi, .vt-alt, .vt-alt-cubuk, .vt-bildirim-alan, .vt-raf__ok, .vt-kahraman__ok { display: none !important; }
  body { padding: 0; }
}

/* =========================================================================
   SAYFA EKİ · index (ana sayfa) — bölüm sırası ve aralıklar (§3.1)
   ========================================================================= */
.vt-ana-sayfa .vt-kahraman-satir { margin-top: 30px; }
.vt-ana-sayfa .vt-kahraman-satir .vt-izgara { align-items: stretch; }
.vt-ana-sayfa .vt-daire-bolum { margin-top: 30px; }
@media (max-width: 991.98px) {
  .vt-ana-sayfa .vt-kahraman-satir { margin-top: 10px; }
  .vt-ana-sayfa .vt-kahraman-satir .vt-izgara { gap: 16px; }
  .vt-ana-sayfa .vt-daire-bolum { margin-top: 24px; }
}

/* =========================================================================
   TELEFON DOKUNMA HEDEFLERİ (≥ 44×44; görünen ikon küçük kalabilir)
   ========================================================================= */
.vt-atla { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 991.98px) {
  .vt-kahraman__nokta { height: 44px; }
  .vt-alt__wa { height: 44px; }
  .vt-alt__tel { min-height: 44px; }
  .vt-alt__sosyal a { height: 44px; }
  .vt-alt__sutun li a { min-width: 44px; }
  .vt-alt__iletisim a { display: inline-flex !important; align-items: center; min-height: 44px !important; }
  .vt-alt__iletisim li { align-items: center; }
  .vt-alt__aramalar-liste { line-height: 44px; font-size: 13px; }
  .vt-alt__aramalar-liste a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 767.98px) {
  .vt-raf__ok { width: 44px; height: 44px; margin-top: -22px; background: transparent; box-shadow: none; }
  .vt-raf__ok::before { content: ""; position: absolute; left: 8px; top: 8px; width: 28px; height: 28px; border-radius: 50%; background: #FFFFFF; box-shadow: var(--at-shadow-pop), 0 0 0 1px var(--at-border); }
  .vt-raf__ok .vt-ikon { position: relative; }
  .vt-raf__ok--geri { left: -20px; }
  .vt-raf__ok--ileri { right: -20px; }
  .vt-daireler .vt-raf__ok--geri { left: -6px; }
  .vt-daireler .vt-raf__ok--ileri { right: -6px; }
}
.vt-fiyat--isletme { white-space: normal; }
@media (max-width: 767.98px) { .vt-fiyat--isletme { font-size: 15px; } }
@media (max-width: 767.98px) {
  .vt-serit__baslik { flex-wrap: wrap; row-gap: 0; }
  .vt-serit__not { flex-basis: 100%; margin-left: 30px; }
  .vt-serit__not a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* === sayfa grubu: kurumsal === */
/* =========================================================================
   SAYFA GRUBU · KURUMSAL — hakkimizda, iletisim, yardim, sss, bayimiz-olun,
   yasal.html + yasal/*.html, 404, bakim (TASARIM-VITRIN §3.18, §3.20–§3.25).
   Ölçüler referansın 1440 ölçüleridir (referans.md §4.12–§4.17):
     içerik modülü üst bilgiden 20 px aşağıda, iç boşluk 15 px (x = 47);
     bilgi kartları bandı 1347×234, kart 321×100, aralık 14;
     yardım kahramanı 350 px, arama 600×60; konu karosu 329×157, aralık 20;
     konu/yasal yan listesi satırı 51 px; galeri 300×300; 404 karosu 220×200.
   Bu bölüm mevcut kuralları DEĞİŞTİRMEZ; yalnız yeni sınıflar ekler.
   ========================================================================= */

/* --- İçerik modülü ve çizgili bölüm başlığı (referans: "İletişim Formu", "Bayilik Başvurusu") --- */
.vt-kurumsal { padding: 20px 15px 0; }
.vt-kurumsal--yol { padding-top: 0; }
.vt-bas-cizgi { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 20px; border-bottom: 1px solid var(--at-border); }
.vt-bas-cizgi__baslik { font-family: var(--at-font-display); font-size: 20px; font-weight: 700; color: var(--at-navy-900); line-height: 1.25; }
.vt-bas-cizgi__alt { margin-top: 4px; font-size: 14px; color: var(--at-text-2); }
.vt-bas-cizgi--orta { justify-content: center; text-align: center; min-height: 60px; align-items: center; padding-bottom: 0; margin-bottom: 10px; }
.vt-bas-cizgi--orta .vt-bas-cizgi__baslik { font-size: 17px; font-weight: 600; }

/* Taslak damgası (yasal metinler avukat onayına) */
.vt-damga { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border: 1px dashed var(--at-warning); border-radius: var(--at-r-xs); background: var(--at-warning-soft); color: var(--at-warning); font-family: var(--at-font-display); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.vt-damga .vt-ikon { width: 15px; height: 15px; stroke-width: 2; }

/* --- Hakkımızda --------------------------------------------------------- */
.vt-hak-logolar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 61px; }
.vt-marka-yazi { display: inline-flex; flex-direction: column; align-items: flex-end; font-family: var(--at-font-display); font-size: 24px; font-weight: 800; letter-spacing: .16em; color: var(--at-navy-900); line-height: 1; }
.vt-marka-yazi small { margin-top: 6px; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--at-muted); }
.vt-hak-metin { margin-top: 22px; }
.vt-metin .vt-metin__vurgu { color: var(--at-accent-text); }
.vt-kunye { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--at-border); }
.vt-kunye__baslik { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--at-accent-text); }
.vt-kunye__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 30px; margin-top: 14px; }
.vt-kunye__liste > div { min-width: 0; }
.vt-kunye__liste dt { font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-kunye__liste dd { margin-top: 2px; font-size: 14px; font-weight: 600; color: var(--at-text); overflow-wrap: anywhere; }
.vt-kunye__liste .vt-kunye__bekliyor { color: var(--at-warning); font-weight: 600; }
.vt-kunye--kutu { margin-top: 0; padding: 16px 18px; border: 1px solid var(--at-teal-200); border-top-width: 1px; border-radius: var(--at-r-sm); background: var(--at-accent-soft); }
.vt-kunye--kutu .vt-kunye__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }

/* Bilgi kartları bandı (referans: hakkımızda ve yasal sayfaların sonunda 4×2 kart) */
.vt-bilgi-kartlari { margin-top: 33px; padding: 10px; border-radius: var(--at-r-xs); background: var(--at-bg); }
.vt-bilgi-kartlari ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.vt-bilgi-kart { display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 100px; padding: 18px 19px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; color: var(--at-text); }
a.vt-bilgi-kart:hover { border-color: var(--at-teal-200); box-shadow: var(--at-shadow-sm); text-decoration: none; }
.vt-bilgi-kart__baslik { display: flex; align-items: center; gap: 8px; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-bilgi-kart__baslik .vt-ikon { width: 17px; height: 17px; color: var(--at-accent); }
.vt-bilgi-kart__metin { font-size: 12px; line-height: 18px; color: var(--at-text-2); }
.vt-bilgi-kart[aria-current="page"] { border-color: var(--at-accent); box-shadow: inset 0 3px 0 var(--at-accent); }

/* --- Yan liste (yardım konu ve yasal sayfalar; satır 51 px) ------------ */
.vt-yan-liste__baslik { display: flex; align-items: center; min-height: 59px; padding: 0 15px; border-bottom: 1px solid var(--at-border); font-family: var(--at-font-display); font-size: 17px; font-weight: 600; color: var(--at-navy-900); }
.vt-yan-liste li a { display: flex; align-items: center; gap: 12px; min-height: 51px; padding: 6px 12px; border-bottom: 1px solid var(--at-border); color: var(--at-text); font-size: 15px; line-height: 1.3; }
.vt-yan-liste li a:hover { background: var(--at-surface-2); color: var(--at-navy-900); text-decoration: none; }
.vt-yan-liste li a[aria-current="page"] { background: var(--at-teal-50); color: var(--at-accent-text); font-weight: 600; box-shadow: inset 3px 0 0 var(--at-accent); }
.vt-yan-liste__simge { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-yan-liste li a[aria-current="page"] .vt-yan-liste__simge { background: var(--at-accent); color: #FFFFFF; }
.vt-yan-liste__simge .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
.vt-yan-liste__taslak { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--at-muted); }

/* --- Yasal sayfa şablonu (3/12 liste + 9/12 metin) ---------------------- */
.vt-yasal { align-items: start; }
.vt-yasal__metin { min-width: 0; }
.vt-yasal-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; min-height: 59px; padding-bottom: 12px; border-bottom: 1px solid var(--at-border); }
.vt-yasal-bas h1 { font-size: 26px; font-weight: 700; color: var(--at-navy-900); line-height: 1.2; }
.vt-yasal-bas__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 13px; color: var(--at-muted); }
.vt-yasal__govde { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.vt-yasal .vt-metin { max-width: 760px; }
.vt-yasal .vt-metin h2 { margin: 26px 0 8px; font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--at-accent-text); line-height: 1.4; }
.vt-yasal .vt-metin h3 { margin: 16px 0 6px; font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-yasal .vt-metin > h2:first-child { margin-top: 4px; }
.vt-metin--sozlesme { font-size: 16px; line-height: 1.6; }
.vt-yasal__tablo-sar { overflow-x: auto; }
.vt-yasal__ayak { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--at-border); font-size: 13px; color: var(--at-muted); }
.vt-yasal-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

/* --- İletişim ---------------------------------------------------------- */
.vt-harita { position: relative; height: 300px; overflow: hidden; border-radius: var(--at-r-xs); background: var(--at-surface-3); }
.vt-harita__cizim { position: absolute; inset: 0; width: 100%; height: 100%; }
.vt-harita__zemin { fill: var(--at-surface-3); }
.vt-harita__blok { fill: var(--at-border); }
.vt-harita__park { fill: var(--at-teal-100); }
.vt-harita__yol { fill: none; stroke: #FFFFFF; stroke-width: 14; stroke-linecap: round; }
.vt-harita__yol--ana { stroke-width: 24; }
.vt-harita__yol-kenar { fill: none; stroke: var(--at-border-strong); stroke-width: 26; stroke-linecap: round; }
.vt-harita__isaret { position: absolute; left: 52%; top: 50%; display: grid; place-items: center; width: 44px; height: 44px; margin: -44px 0 0 -22px; color: var(--at-danger); }
.vt-harita__isaret .vt-ikon { width: 44px; height: 44px; fill: var(--at-danger); stroke: #FFFFFF; stroke-width: 1.5; }
.vt-harita__kart { position: absolute; left: 10px; top: 10px; width: min(330px, calc(100% - 20px)); padding: 12px 14px; border-radius: var(--at-r-sm); background: #FFFFFF; box-shadow: var(--at-shadow-pop); }
.vt-harita__kart-ad { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; color: var(--at-navy-900); }
.vt-harita__kart-adres { margin-top: 2px; font-size: 13px; color: var(--at-text-2); line-height: 1.4; }
.vt-harita__kart .btn-vt { margin-top: 10px; }
.vt-harita__not { position: absolute; right: 10px; bottom: 8px; padding: 2px 8px; border-radius: var(--at-r-xs); background: rgb(255 255 255 / .9); font-size: 12px; color: var(--at-muted); }
.vt-iletisim { margin-top: 20px; }
.vt-iletisim-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vt-iletisim-kart { display: flex; align-items: flex-start; gap: 12px; min-height: 84px; padding: 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-iletisim-kart--genis { grid-column: 1 / -1; }
.vt-iletisim-kart__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-iletisim-kart__simge .vt-ikon { width: 20px; height: 20px; }
.vt-iletisim-kart__etiket { font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-iletisim-kart__deger { margin-top: 2px; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); line-height: 1.35; overflow-wrap: anywhere; }
.vt-iletisim-kart__deger a { color: inherit; }
.vt-iletisim-kart__alt { margin-top: 2px; font-size: 13px; color: var(--at-text-2); line-height: 1.4; }
.vt-form-kart { padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-form-kart .vt-bas-cizgi { margin-bottom: 16px; }
.vt-tuzak { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vt-form__ayak { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.vt-form__not { font-size: 13px; color: var(--at-text-2); }

/* --- Yardım merkezi ---------------------------------------------------- */
.vt-yardim-kahraman { display: grid; place-items: center; min-height: 350px; padding: 40px 10px; background: linear-gradient(180deg, var(--at-surface-3) 0%, var(--at-surface-2) 100%); }
.vt-yardim-kahraman__ic { width: min(600px, 100%); text-align: center; }
.vt-yardim-kahraman h1 { font-size: 26px; font-weight: 600; color: var(--at-navy-900); }
.vt-yardim-kahraman__alt { margin-top: 6px; font-size: 15px; color: var(--at-text-2); }
.vt-yardim-ara { position: relative; display: flex; height: 60px; margin-top: 16px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: #FFFFFF; box-shadow: var(--at-shadow-sm); overflow: hidden; }
.vt-yardim-ara:focus-within { border-color: var(--at-accent); box-shadow: 0 0 0 3px var(--at-accent-ring); }
.vt-yardim-ara input { flex: 1 1 auto; min-width: 0; padding: 0 20px; border: 0; background: transparent; font-size: 16px; color: var(--at-text); outline: none; }
.vt-yardim-ara input::placeholder { color: var(--at-placeholder); opacity: 1; }
.vt-yardim-ara button { flex: none; min-width: 60px; padding: 0 16px; background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; }
.vt-yardim-ara button:hover { background: var(--at-navy-800); }
.vt-konu-karolari { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vt-konu-karo { display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 157px; padding: 20px 12px 16px; border-radius: var(--at-r-sm); color: var(--at-text); text-align: center; }
.vt-konu-karo:hover { background: var(--at-teal-50); text-decoration: none; }
.vt-konu-karo__simge { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--at-teal-100); color: var(--at-accent); }
.vt-konu-karo__simge .vt-ikon { width: 28px; height: 28px; }
.vt-konu-karo__ad { font-size: 15px; font-weight: 500; color: var(--at-navy-900); line-height: 1.35; }
.vt-konu-karo__alt { margin-top: -6px; font-size: 13px; color: var(--at-muted); }
.vt-rehber-kutu { display: flex; align-items: center; gap: 16px; margin-top: 20px; padding: 18px 20px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); }
.vt-rehber-kutu__simge { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; }
.vt-rehber-kutu__simge .vt-ikon { width: 24px; height: 24px; }
.vt-rehber-kutu__metin { flex: 1 1 auto; min-width: 0; }
.vt-rehber-kutu__baslik { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-rehber-kutu__metin p + p { margin-top: 2px; font-size: 14px; color: var(--at-text-2); }
.vt-sss { margin-top: 30px; }
.vt-sss__grup + .vt-sss__grup { margin-top: 26px; }
.vt-sss__grup-baslik { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 17px; font-weight: 700; color: var(--at-navy-900); }
.vt-sss__grup-baslik .vt-ikon { width: 20px; height: 20px; color: var(--at-accent); }
.vt-sss__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 18px; font-size: 14px; color: var(--at-text-2); }
.vt-sss-ara { display: none; }
.vt-sss-ara.is-hazir { display: block; }
.vt-sss-ara .vt-yardim-ara { margin-top: 0; height: 52px; }
.vt-sss__bos { margin-top: 12px; }
.vt-akordeon__icerik p + p,
.vt-akordeon__icerik p + ul,
.vt-akordeon__icerik ul + p { margin-top: 8px; }
.vt-akordeon__icerik ul { list-style: disc; padding-left: 22px; }
.vt-akordeon__icerik a { text-decoration: underline; text-underline-offset: 3px; }
.vt-sss-sayfa .vt-akordeon__icerik { max-width: none; }

/* --- Bayimiz Olun ------------------------------------------------------ */
.vt-bayi-kahraman { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: center; gap: 30px; min-height: 340px; padding: 36px 40px; border-radius: var(--at-r-xl); background: var(--at-gradient-hero); color: #FFFFFF; overflow: hidden; }
.vt-bayi-kahraman__ust { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--at-teal-200); }
.vt-bayi-kahraman h2 { margin-top: 8px; font-size: 36px; font-weight: 800; line-height: 1.15; }
.vt-bayi-kahraman__maddeler { display: grid; gap: 10px; margin-top: 18px; }
.vt-bayi-kahraman__maddeler li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; color: var(--at-on-dark-2); }
.vt-bayi-kahraman__maddeler strong { color: #FFFFFF; }
.vt-bayi-kahraman__maddeler .vt-ikon { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--at-teal-200); }
.vt-bayi-kahraman__eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.vt-bayi-kahraman__gorsel { position: relative; display: grid; place-items: center; width: 300px; height: 300px; justify-self: end; }
.vt-bayi-kahraman__gorsel::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: rgb(255 255 255 / .1); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); }
.vt-bayi-kahraman__gorsel img { position: relative; width: 250px; height: 250px; object-fit: contain; }
.vt-karsilastir { margin-top: 20px; }
.vt-karsilastir__kart { height: 100%; padding: 22px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: #FFFFFF; }
.vt-karsilastir__kart--vurgu { border-color: var(--at-accent); box-shadow: inset 0 4px 0 var(--at-accent); }
.vt-karsilastir__bas { display: flex; align-items: center; gap: 12px; }
.vt-karsilastir__simge { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-karsilastir__kart--vurgu .vt-karsilastir__simge { background: var(--at-accent); color: #FFFFFF; }
.vt-karsilastir__baslik { font-family: var(--at-font-display); font-size: 19px; font-weight: 800; color: var(--at-navy-900); }
.vt-karsilastir__kim { font-size: 13px; color: var(--at-text-2); }
.vt-karsilastir__liste { display: grid; margin-top: 14px; border-top: 1px solid var(--at-border-2); }
.vt-karsilastir__liste > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--at-border-2); font-size: 14px; }
.vt-karsilastir__liste dt { font-weight: 600; color: var(--at-muted); }
.vt-karsilastir__liste dd { color: var(--at-text); }
.vt-karsilastir__eylem { margin-top: 16px; }
.vt-adim-kartlari { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: vt-adim; }
.vt-adim-kart { position: relative; padding: 20px 20px 20px 74px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: var(--at-surface-2); }
.vt-adim-kart::before { counter-increment: vt-adim; content: counter(vt-adim); position: absolute; left: 20px; top: 20px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 17px; font-weight: 800; }
.vt-adim-kart__baslik { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-adim-kart__metin { margin-top: 4px; font-size: 14px; color: var(--at-text-2); }
.vt-cta-bant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: 20px; padding: 22px 24px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-lg); background: var(--at-accent-soft); }
.vt-cta-bant__baslik { font-family: var(--at-font-display); font-size: 18px; font-weight: 800; color: var(--at-navy-900); }
.vt-cta-bant__metin { margin-top: 2px; font-size: 14px; color: var(--at-text-2); }
.vt-cta-bant__eylem { display: flex; flex-wrap: wrap; gap: 10px; }

/* --- 404 ---------------------------------------------------------------- */
.vt-404 { padding: 50px 10px 54px; background: repeating-linear-gradient(-45deg, var(--at-surface) 0 14px, var(--at-surface-2) 14px 28px); }
.vt-404__ic { display: grid; justify-items: center; max-width: 680px; margin: 0 auto; text-align: center; }
.vt-404__karo { display: grid; place-items: center; align-content: center; gap: 4px; width: 220px; height: 200px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: #FFFFFF; color: var(--at-accent); }
.vt-404__karo .vt-ikon { width: 64px; height: 64px; stroke-width: 1.5; }
.vt-404__kod { font-family: var(--at-font-display); font-size: 44px; font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); line-height: 1; }
.vt-404__baslik { margin-top: 30px; font-size: 32px; font-weight: 800; color: var(--at-navy-900); }
.vt-404__metin { margin-top: 6px; font-size: 16px; color: var(--at-text-2); }
.vt-404__ara { width: min(520px, 100%); margin-top: 22px; }
.vt-404__ara .vt-yardim-ara { margin-top: 0; height: 52px; }
.vt-404__ana { margin-top: 24px; min-width: 216px; height: 64px; padding: 0 30px; border: 1px solid var(--at-border); border-radius: var(--at-r-full); background: #FFFFFF; color: var(--at-navy-900); font-size: 16px; box-shadow: 0 5px 0 var(--at-navy-900), var(--at-shadow-pop); }
.vt-404__ana:hover { background: var(--at-teal-50); color: var(--at-navy-900); }
.vt-404__kategoriler { margin-top: 30px; }
.vt-404__kategoriler-baslik { font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-hap-baglar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
.vt-hap-bag { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; color: var(--at-text); font-size: 14px; font-weight: 500; }
.vt-hap-bag .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-hap-bag:hover { border-color: var(--at-accent); color: var(--at-accent-text); text-decoration: none; }

/* --- Bakım / Yakında (kabuksuz tek sayfa) ------------------------------- */

/* Konu sayfası başlık satırındaki arama (referans: 250×44, koyu [Ara]) */
.vt-konu-ara { width: 250px; height: 44px; margin-top: 0; box-shadow: none; }
.vt-konu-ara input { padding: 0 12px; font-size: 14px; }
.vt-konu-ara button { min-width: 52px; font-size: 14px; }
@media (max-width: 767.98px) { .vt-konu-ara { width: 100%; } }

/* --- Kırılımlar ---------------------------------------------------------- */
@media (max-width: 1199.98px) {
  .vt-bayi-kahraman { grid-template-columns: minmax(0, 1fr) 260px; }
  .vt-bayi-kahraman__gorsel { width: 240px; height: 240px; }
  .vt-bayi-kahraman__gorsel img { width: 200px; height: 200px; }
}
@media (max-width: 991.98px) {
  .vt-kurumsal { padding: 14px 0 0; }
  .vt-kunye__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-bilgi-kartlari ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-konu-karolari { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .vt-yasal__metin { order: -1; }
  .vt-yasal-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-yan-liste { margin-top: 10px; }
  .vt-bayi-kahraman { grid-template-columns: minmax(0, 1fr); padding: 26px 22px; }
  .vt-bayi-kahraman__gorsel { display: none; }
  .vt-bayi-kahraman h2 { font-size: 26px; }
  .vt-adim-kartlari { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .vt-harita__isaret { left: 70%; }
}
@media (max-width: 767.98px) {
  .vt-bas-cizgi { flex-direction: column; align-items: flex-start; }
  .vt-bas-cizgi__baslik { font-size: 19px; }
  .vt-bas-cizgi--orta { align-items: center; }
  .vt-hak-logolar { flex-direction: column; align-items: flex-start; gap: 14px; padding: 6px 0; }
  .vt-marka-yazi { align-items: flex-start; font-size: 20px; }
  .vt-kunye__liste,
  .vt-kunye--kutu .vt-kunye__liste { grid-template-columns: minmax(0, 1fr); }
  .vt-bilgi-kartlari ul { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .vt-yasal-kartlar { grid-template-columns: minmax(0, 1fr); }
  .vt-yasal-bas h1 { font-size: 22px; }
  .vt-iletisim-kartlar { grid-template-columns: minmax(0, 1fr); }
  .vt-harita { height: 260px; }
  .vt-harita__isaret { left: 74%; top: 72%; }
  .vt-form-kart { padding: 16px; }
  .vt-yardim-kahraman { min-height: 0; padding: 30px 10px; }
  .vt-yardim-kahraman h1 { font-size: 22px; }
  .vt-yardim-ara { height: 54px; }
  .vt-yardim-ara input { padding: 0 14px; }
  .vt-konu-karo { min-height: 140px; padding: 16px 8px 12px; }
  .vt-rehber-kutu { flex-direction: column; align-items: flex-start; }
  .vt-karsilastir__liste > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .vt-cta-bant { flex-direction: column; align-items: stretch; }
  .vt-cta-bant__eylem .btn-vt { flex: 1 1 auto; }
  .vt-404 { padding: 34px 10px 40px; }
  .vt-404__karo { width: 180px; height: 164px; }
  .vt-404__baslik { font-size: 26px; }
  .vt-404__ana { width: 100%; }
}
@media (max-width: 991.98px) {
  .vt-hap-bag { min-height: 44px; }
  .vt-yasal__ayak a,
  .vt-sss__alt a,
  .vt-kunye__liste a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-yardim-ara button { min-width: 64px; }
  .vt-iletisim-kart__deger a, .vt-iletisim-kart__alt a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-yasal-sayfasi .vt-yol a, .vt-sss-sayfasi .vt-yol a, .vt-yardim-konu-sayfasi .vt-yol a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-yasal-sayfasi .vt-yol, .vt-sss-sayfasi .vt-yol, .vt-yardim-konu-sayfasi .vt-yol { padding-block: 6px 4px; }
}
@media print {
  .vt-yan-liste, .vt-bilgi-kartlari, .vt-yasal__ayak, .vt-yol { display: none !important; }
  .vt-yasal { display: block; }
  .vt-damga { border-style: solid; }
}
/* === sayfa grubu: kurumsal (sonu) === */

/* === sayfa grubu: on === */
/* Sahibi: vitrin önü sayfaları (kategori, liste, cok-satanlar, kampanyalar, arama, arama-yok, urun, urun-filtre,
   filtre-bul, secim-sihirbazi, hesaplayici-filtre, hesaplayici-yumusatma). Yalnız sayfa gövde sınıfları altında:
   .vt-liste-sayfasi · .vt-urun-sayfasi · .vt-arac-sayfasi. Mevcut kurallar değiştirilmez; ölçüler referans 1440. */
/* -------------------------------------------------------------------------
   ON-1 · LİSTE ŞABLONU — kategori, liste, cok-satanlar, kampanyalar, arama, arama-yok
   ve Yedek Filtre Bul sonucu. Referans 1440: breadcrumb y 225 · daireler 265–495 ·
   iki sütun y 515'ten (sol 329 süzgeç, sağ 1028 içerik) · kart 254×417, aralık 8 ·
   sayfalama 33×34 · SEO kutusu 230 px (içinde kaydırma).
   ------------------------------------------------------------------------- */
.vt-liste-sayfasi .vt-liste-daireler { padding: 10px 0 13px; }
.vt-liste-sayfasi .vt-liste-daireler .vt-raf__liste { padding-left: 15px; }
.vt-liste-sayfasi .vt-liste-duzen-bolum { margin-top: 20px; }
.vt-liste-sayfasi .vt-liste-duzen { align-items: start; }

/* Sol sütun: süzgeç kutuları (iç boşluk 15; kutular arası 1 px çizgi + 10 px) */
.vt-liste-sayfasi .vt-liste__suzgec { min-width: 0; }
.vt-liste-sayfasi .vt-liste__suzgec .vt-suzgec { padding-inline: 15px; }
.vt-liste-sayfasi .vt-liste__suzgec .vt-suzgec > summary { min-height: 48px; }
.vt-liste-sayfasi .vt-suzgec__baglar { display: grid; }
.vt-liste-sayfasi .vt-suzgec__bag { gap: 10px; min-height: 30px; color: var(--at-accent-text); }
.vt-liste-sayfasi .vt-suzgec__bag .vt-onay__adet { flex: none; }
.vt-liste-sayfasi .vt-suzgec__bag[aria-current="page"] { font-weight: 700; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-suzgec__bag[aria-current="page"]::before { content: ""; width: 3px; height: 18px; margin-left: -15px; margin-right: 2px; border-radius: 0 3px 3px 0; background: var(--at-accent); }
.vt-liste-sayfasi .vt-suzgec__secenek > span:not(.vt-onay__adet) { min-width: 0; }
.vt-liste-sayfasi .vt-fiyat-araligi .vt-girdi { width: auto; flex: 1 1 0; min-width: 0; }
.vt-liste-sayfasi .vt-hazir-araliklar { border: 0; padding: 0; }
.vt-liste-sayfasi .vt-suzgec-temizle { margin-top: 4px; }
.vt-liste-sayfasi .vt-suzgec-temizle .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
.vt-liste-sayfasi .vt-suzgec-uygula { margin-top: 10px; }
.vt-js .vt-liste-sayfasi .vt-suzgec-uygula { display: none; }

/* Sağ sütun: başlık, araç satırı, ızgara */
.vt-liste-sayfasi .vt-liste__icerik { min-width: 0; }
.vt-liste-sayfasi .vt-liste__bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding-top: 16px; }
.vt-liste-sayfasi .vt-liste__baslik { font-size: var(--at-fs-xl); font-weight: 700; line-height: 1.25; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-liste__adet { font-size: 13px; font-weight: 500; color: var(--at-muted); }
.vt-liste-sayfasi .vt-liste__not { flex-basis: 100%; margin-top: 2px; font-size: 13px; color: var(--at-text-2); }
.vt-liste-sayfasi .vt-liste-arac { margin: 18px 0 24px; }
.vt-liste-sayfasi .vt-siralama { margin: 0; }
.vt-liste-sayfasi .vt-siralama .vt-secim { width: 190px; }
.vt-liste-sayfasi .vt-siralama__bag { font-size: 13px; font-weight: 600; }
.vt-js .vt-liste-sayfasi .vt-siralama__uygula { display: none; }

/* Ürün ızgarası: 4 / 3 / 2 sütun (görünüm düğmeleri, data-sutun); aralık 20 sütun / 24 satır, telefonda 12 (§11 kartı; sütundan taşmaz) */
.vt-liste-sayfasi .vt-urun-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--vt-izgara-ara-y) var(--vt-izgara-ara-x); }
.vt-liste-sayfasi .vt-urun-izgara[data-sutun="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vt-liste-sayfasi .vt-urun-izgara[data-sutun="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vt-liste-sayfasi .vt-urun-izgara__oge { min-width: 0; display: flex; }
.vt-liste-sayfasi .vt-urun-izgara__oge > .vt-kart { flex: 1; min-width: 0; }
@media (max-width: 1199.98px) {
  .vt-liste-sayfasi .vt-urun-izgara,
  .vt-liste-sayfasi .vt-urun-izgara[data-sutun="4"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.vt-liste-sayfasi .vt-liste-bos { margin-top: 4px; }
.vt-liste-sayfasi .vt-sayfalama { margin: 24px 0 0; }
.vt-liste-sayfasi span.btn-vt[aria-disabled="true"] { opacity: .45; cursor: default; }

/* SEO metni (kategori rehberi): 230 px, içinde kaydırma (referans), klavyeyle odaklanır */
.vt-liste-sayfasi .vt-seo { height: 230px; margin-top: 40px; padding: 2px 16px 2px 2px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--at-border-hover) transparent; border-radius: var(--at-r-xs); }
.vt-liste-sayfasi .vt-seo:focus-visible { outline-offset: 2px; }
.vt-liste-sayfasi .vt-seo__baslik { margin-bottom: 14px; font-size: var(--at-fs-2xl); font-weight: 700; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-seo__icindekiler { max-width: 362px; margin-bottom: 22px; padding: 14px 16px 16px; border-radius: var(--at-r-xs); background: var(--at-bg); }
.vt-liste-sayfasi .vt-seo__icindekiler > p { margin-bottom: 10px; font-family: var(--at-font-display); font-size: 18px; font-weight: 700; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-seo__icindekiler ol { display: grid; gap: 8px; padding-left: 20px; list-style: decimal; font-size: 14px; color: var(--at-text-2); }
.vt-liste-sayfasi .vt-seo .vt-metin { max-width: none; }
.vt-liste-sayfasi .vt-seo .vt-metin h3 { margin-top: 18px; }

/* Kampanya bandı (liste başında: tarih, koşul, 30 gün açıklaması) */
.vt-liste-sayfasi .vt-kampanya-bant { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding: 14px 16px; border: 1px solid var(--at-danger-border); border-radius: var(--at-r-sm); background: var(--at-danger-soft); font-size: 13px; line-height: 1.5; color: var(--at-text); }
.vt-liste-sayfasi .vt-kampanya-bant > .vt-ikon { width: 28px; height: 28px; color: var(--at-danger); }
.vt-liste-sayfasi .vt-kampanya-bant > div { flex: 1; min-width: 0; }
.vt-liste-sayfasi .vt-kampanya-bant__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-kampanya-bant .btn-vt { flex: none; }
.vt-liste-sayfasi .vt-bos__eylemler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }
.vt-liste-sayfasi .vt-liste-bos-kutu { border: 1px solid var(--at-border); border-radius: var(--at-r-sm); }

/* Arama: sonuç yok */
.vt-liste-sayfasi .vt-arama-yok__uyari { margin-top: 18px; }
.vt-liste-sayfasi .vt-arama-yok__oneri { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.vt-liste-sayfasi .vt-arama-yok__ipucu { margin-top: 24px; }
.vt-liste-sayfasi .vt-arama-yok__ipucu h2,
.vt-liste-sayfasi .vt-arama-yok__kategoriler h2 { font-size: 17px; font-weight: 700; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-arama-yok__ipucu ul { display: grid; gap: 6px; margin-top: 10px; padding-left: 20px; list-style: disc; font-size: 14px; line-height: 1.55; color: var(--at-text-2); }
.vt-liste-sayfasi .vt-arama-yok__eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.vt-liste-sayfasi .vt-arama-yok__kategoriler { margin-top: 32px; }
.vt-liste-sayfasi .vt-arama-yok__kategoriler h2 { margin-bottom: 16px; }
.vt-liste-sayfasi .vt-kareler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; }
.vt-liste-sayfasi .vt-kareler--4 .vt-kare { width: auto; }

/* Telefon "Filtrele | Sırala" bağlantıları (JS kapalıyken sayfa içi bağlantı) */
@media (max-width: 991.98px) {
  .vt-liste-sayfasi .vt-suz-sira a { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: 1px solid var(--at-navy-900); background: #FFFFFF; color: var(--at-navy-900); font-weight: 600; font-size: 14px; text-decoration: none; }
  .vt-liste-sayfasi .vt-suz-sira a:first-child { border-radius: var(--at-r-sm) 0 0 var(--at-r-sm); }
  .vt-liste-sayfasi .vt-suz-sira a:last-child { border-radius: 0 var(--at-r-sm) var(--at-r-sm) 0; border-left: 0; }
  .vt-liste-sayfasi .vt-suz-sira .vt-ikon { width: 18px; height: 18px; }
  .vt-liste-sayfasi .vt-liste__suzgec { order: 2; }
  .vt-js .vt-liste-sayfasi .vt-liste__suzgec { display: none; }
  .vt-js .vt-liste-sayfasi .vt-liste-arac { display: none; }
  .vt-liste-sayfasi .vt-gorunum { display: none; }
  .vt-liste-sayfasi .vt-liste-daireler .vt-raf__liste { padding-left: 0; }
  .vt-liste-sayfasi .vt-liste-duzen-bolum { margin-top: 4px; }
  .vt-liste-sayfasi .vt-liste__bas { padding-top: 8px; }
  .vt-liste-sayfasi .vt-kampanya-bant { flex-wrap: wrap; }
}
@media (max-width: 767.98px) {
  .vt-liste-sayfasi .vt-urun-izgara,
  .vt-liste-sayfasi .vt-urun-izgara[data-sutun] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-liste-sayfasi .vt-sayfalama { flex-wrap: wrap; gap: 8px; }
  .vt-liste-sayfasi .vt-sayfalama ol a,
  .vt-liste-sayfasi .vt-sayfalama ol span { min-width: 44px; height: 44px; }
  .vt-liste-sayfasi .vt-kareler--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-liste-sayfasi .vt-arama-yok__eylemler .btn-vt { flex: 1 1 100%; }
}

/* Telefon sıralama çekmecesi: düz seçenek listesi (52 px satır) */
.vt-liste-sayfasi .vt-cekmece-form { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.vt-liste-sayfasi .vt-cekmece--tam .vt-cekmece__baslik { margin: 0; }
.vt-liste-sayfasi .vt-sirala-liste { display: grid; }
.vt-liste-sayfasi .vt-sirala-liste .vt-onay { min-height: 52px; border-bottom: 1px solid var(--at-border-2); font-size: 15px; }
.vt-liste-sayfasi .vt-sirala-not { padding: 14px 0; font-size: 14px; font-weight: 600; }
.vt-liste-sayfasi .vt-cekmece--tam .vt-suzgec { padding-inline: 0; }
.vt-liste-sayfasi .vt-cekmece--tam .vt-suzgec-temizle,
.vt-liste-sayfasi .vt-cekmece--tam .vt-suzgec-uygula { display: none; }

/* Süzgeç sütunu = modern kart (C) dili (kullanıcı isteği 14 Ekim 2026; TASARIM-VITRIN §2.11; GELISTIRME §17.43). Her süzgeç grubu ayrı kart:
   beyaz, kartla aynı köşe (--vt-kart-r), saç çizgisi + kart gölgesi (--vt-kart-golge = --at-shadow-card); başlık satırı ile gövde arasında
   ince çizgi; uzun listeler grup İÇİNDE kayar; seçili seçenek açık turkuaz zeminli ve kalın, seçimi olan grubun başlığında nokta. Telefonda
   aynı kartlar alttan açılan süzgeç penceresinde (gri zemin, büyük ×, "Sonuçları göster"). Yalnız biçim: HTML ve ad/değerler aynı. */
.vt-liste-sayfasi .vt-liste__suzgec > form { display: grid; gap: 14px; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--vt-kart-cizgi);
  border-radius: var(--vt-kart-r);
  background: var(--vt-kart-zemin);
  box-shadow: var(--vt-kart-golge);
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec > summary {
  gap: 10px;
  min-height: 52px;
  padding: 0 14px 0 16px;
  border-radius: var(--vt-kart-r);
  font-size: 15px;
  letter-spacing: -.005em;
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec[open] > summary { border-bottom: 1px solid var(--at-border-2); border-radius: var(--vt-kart-r) var(--vt-kart-r) 0 0; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec > summary .vt-ikon { flex: none; margin-left: auto; color: var(--at-muted); }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec > summary:hover .vt-ikon { color: var(--at-navy-900); }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec:has(input:checked, [aria-current="true"]) > summary { justify-content: flex-start; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec:has(input:checked, [aria-current="true"]) > summary::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--at-accent);
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec__govde { padding: 8px 8px 10px; }
/* uzun seçenek listesi (bağlantılar, onay/daire kümesi) grup İÇİNDE kayar; form içeren gövde (Yedek Filtre Bul seçimi) kaymaz */
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec__govde:has(> .vt-suzgec__baglar, > fieldset) {
  max-height: 296px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--at-border-hover) transparent;
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec__govde fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
/* seçenek satırları: onay kutusu / daire, ad, adet hapı tek hizada; satır kartın iç kenarından 8 px içeride, üzerine gelince açık zemin */
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) :is(.vt-suzgec__secenek, .vt-suzgec__bag) {
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 4px 8px;
  border-radius: var(--at-r-sm);
  line-height: 1.35;
  color: var(--at-text);
  text-decoration: none;
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) :is(.vt-suzgec__secenek, .vt-suzgec__bag):hover { background: var(--at-bg); text-decoration: none; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) :is(.vt-suzgec__secenek, .vt-suzgec__bag) > span:not(.vt-onay__adet):not(.vt-hazir-aralik__daire) { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-onay__adet {
  flex: none;
  min-width: 30px;
  margin-left: auto;
  padding: 1px 8px;
  border-radius: var(--at-r-full);
  background: var(--at-bg);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--at-muted);
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec__secenek input { flex: none; margin: 0; }
/* seçili: kalın, lacivert, açık turkuaz zemin; adet hapı beyaz */
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) :is(.vt-suzgec__secenek:has(input:checked), .vt-suzgec__bag[aria-current="page"], .vt-hazir-aralik[aria-current="true"]) {
  background: var(--at-accent-soft);
  font-weight: 700;
  color: var(--at-navy-900);
}
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) :is(.vt-suzgec__secenek:has(input:checked), .vt-suzgec__bag[aria-current="page"], .vt-hazir-aralik[aria-current="true"]) .vt-onay__adet { background: #FFFFFF; color: var(--at-accent-text); }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-suzgec__bag[aria-current="page"]::before { display: none; }
/* fiyat: iki alan + uygula düğmesi aynı yükseklikte, seçenek satırlarıyla aynı iç kenarda */
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-fiyat-araligi { gap: 6px; padding: 4px 8px 2px; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-fiyat-araligi .vt-girdi { height: 40px; border-radius: var(--at-r-sm); font-size: 14px; }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-fiyat-araligi .btn-vt { flex: none; width: 40px; height: 40px; border-radius: var(--at-r-sm); }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-fiyat-araligi > span { color: var(--at-muted); }
.vt-liste-sayfasi :is(.vt-liste__suzgec, .vt-cekmece--alt) .vt-hazir-araliklar { gap: 2px; margin: 8px 0 0; }
.vt-liste-sayfasi .vt-liste__suzgec :is(.vt-suzgec-temizle, .vt-suzgec-uygula) { margin-top: 0; border-radius: var(--vt-kart-r); }
/* seçili süzgeç hapları (ızgaranın üstünde): belirgin hap + "Tümünü temizle" */
.vt-liste-sayfasi .vt-secili { gap: 8px; margin-bottom: 16px; }
.vt-liste-sayfasi .vt-secili__cip { height: 34px; border-color: var(--at-accent); font-weight: 600; }
.vt-liste-sayfasi .vt-secili__temizle { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border-radius: var(--at-r-full); color: var(--at-danger); }
.vt-liste-sayfasi .vt-secili__temizle:hover { background: var(--at-danger-soft); text-decoration: none; }

/* Telefon süzgeç penceresi: alttan açılan sayfa (kart grupları gri zeminde; tutamak; büyük ×; "Sonuçları göster") */
.vt-liste-sayfasi .vt-cekmece--alt {
  inset: auto 0 0 0;
  top: auto;
  width: 100%;
  max-width: 640px;
  height: auto;
  max-height: calc(100% - 28px - env(safe-area-inset-top));
  margin: 0 auto;
  border-radius: var(--vt-kart-r) var(--vt-kart-r) 0 0;
  background: var(--at-bg);
  box-shadow: 0 -12px 32px rgb(6 26 46 / .22);
}
.vt-liste-sayfasi .vt-cekmece--alt[open] { animation: vt-alttan .24s var(--at-ease); }
@keyframes vt-alttan { from { transform: translateY(40px); opacity: .5; } to { transform: none; opacity: 1; } }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece-form { flex: 1 1 auto; height: auto; min-height: 0; }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__bas { position: relative; height: 64px; padding: 6px 8px 0 18px; border-bottom: 0; background: var(--at-bg); }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__bas::before { content: ""; position: absolute; top: 7px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 2px; background: var(--at-border-hover); }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__baslik { font-size: 19px; }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__kapat { width: 52px; height: 52px; color: var(--at-navy-900); }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__kapat span { width: 46px; height: 46px; border: 1px solid var(--vt-kart-cizgi); background: #FFFFFF; box-shadow: var(--vt-kart-golge); }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__kapat .vt-ikon { width: 24px; height: 24px; stroke-width: 2.25; }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__kaydir { display: grid; flex: 1 1 auto; align-content: start; gap: 12px; min-height: 0; padding: 4px 16px 16px; }
.vt-liste-sayfasi .vt-cekmece--alt .vt-suzgec__govde:has(> .vt-suzgec__baglar, > fieldset) { max-height: none; overflow: visible; }
.vt-liste-sayfasi .vt-cekmece--alt :is(.vt-suzgec__secenek, .vt-suzgec__bag) { min-height: 44px; }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__ayak { grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); box-shadow: 0 -6px 16px rgb(6 26 46 / .06); }
.vt-liste-sayfasi .vt-cekmece--alt .vt-cekmece__ayak .btn-vt { height: 50px; border-radius: var(--at-r-sm); font-size: 15px; }
@media (prefers-reduced-motion: reduce) { .vt-liste-sayfasi .vt-cekmece--alt[open] { animation: none; } }

@media (max-width: 991.98px) {
  .vt-liste-sayfasi .vt-liste__suzgec :is(.vt-suzgec__secenek, .vt-suzgec__bag) { min-height: 44px; }
}

/* Telefonda breadcrumb ve İçindekiler bağlantıları ≥ 44 px dokunma alanı */
@media (max-width: 991.98px) {
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol { padding: 4px 0; }
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol a { display: inline-flex; align-items: center; min-height: 44px; }
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol [aria-current="page"] { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-liste-sayfasi .vt-seo__icindekiler ol { gap: 0; }
  .vt-liste-sayfasi .vt-seo__icindekiler a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-liste-sayfasi .vt-liste__not a,
  .vt-liste-sayfasi .vt-arama-yok__ipucu a,
  .vt-liste-sayfasi .vt-uyari a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 991.98px) {
  .vt-liste-sayfasi .vt-secili__cip { height: 44px; padding-left: 14px; }
  .vt-liste-sayfasi .vt-secili__cip a { width: 44px; height: 44px; }
  .vt-liste-sayfasi .vt-secili__temizle { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 991.98px) {
  .vt-liste-sayfasi .vt-suzgec__bag,
  .vt-liste-sayfasi .vt-suzgec__secenek { min-height: 44px; }
  .vt-liste-sayfasi .vt-cekmece--tam .vt-suzgec > summary { min-height: 52px; }
}

/* -------------------------------------------------------------------------
   ON-2 · ÜRÜN SAYFASI — urun.html, urun-filtre.html. Referans 1440: ana blok y 265–818
   (galeri 446 · özet 562 yapışkan · yan sütun 329 yapışkan) · aksesuar bandı (gri, 2 sütun
   kompakt satır 653×106) · dikey sekmeler 160 + 1101 · yorum kutusu · benzer ürünler şeridi.
   ------------------------------------------------------------------------- */
.vt-urun-sayfasi .vt-urun-ust { margin-top: 20px; }
.vt-urun-sayfasi .vt-urun-ust > .vt-izgara { align-items: start; }

/* Galeri: ana görsel 446×446 (çizgi, köşe 8, iç boşluk 18); 36 px oklar; 60×60 küçük resimler */
.vt-urun-sayfasi .vt-urun-galeri { min-width: 0; }
.vt-urun-sayfasi .vt-urun-galeri__ana { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; padding: 18px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; overflow: hidden; }
/* ana görsel: en büyük görsele bağlantı (JS ile tam ekran görüntüleyici); büyüteç simgesi görselin sol üstünde, bağlantının parçası */
.vt-urun-sayfasi .vt-urun-galeri__bag { position: absolute; inset: 0; z-index: 1; display: block; cursor: zoom-in; border-radius: inherit; }
.vt-urun-sayfasi .vt-urun-galeri__bag > img { position: absolute; inset: 18px; width: calc(100% - 36px); height: calc(100% - 36px); object-fit: contain; }
.vt-urun-sayfasi .vt-urun-galeri__bag:focus-visible { outline-offset: -3px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva { position: absolute; z-index: 2; display: flex; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sag-ust { right: 12px; top: 12px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sag-ust .vt-cip { height: 28px; padding: 0 12px; font-size: 13px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sol-alt { left: 0; bottom: 0; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sol-alt .vt-etiket { height: 30px; padding: 0 12px; border-radius: 0 var(--at-r-xs) 0 var(--at-r-sm); font-size: 13px; }
.vt-urun-sayfasi .vt-urun-galeri__ok,
.vt-urun-sayfasi .vt-urun-galeri__buyut { position: absolute; z-index: 3; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-urun-galeri__ok { top: 50%; margin-top: -18px; }
.vt-urun-sayfasi .vt-urun-galeri__ok--geri { left: 14px; }
.vt-urun-sayfasi .vt-urun-galeri__ok--ileri { right: 14px; }
.vt-urun-sayfasi .vt-urun-galeri__buyut { left: 12px; top: 12px; }
.vt-urun-sayfasi .vt-urun-galeri__ok:hover,
.vt-urun-sayfasi .vt-urun-galeri__bag:hover .vt-urun-galeri__buyut { border-color: var(--at-accent); color: var(--at-accent); text-decoration: none; }
.vt-urun-sayfasi .vt-urun-galeri__ok .vt-ikon { width: 20px; height: 20px; }
.vt-urun-sayfasi .vt-urun-galeri__buyut .vt-ikon { width: 18px; height: 18px; }
.vt-urun-sayfasi .vt-urun-galeri__kucukler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; width: 60px; height: 60px; padding: 3px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk img { width: 100%; height: 100%; object-fit: contain; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk:hover { border-color: var(--at-border-hover); }
.vt-urun-sayfasi .vt-urun-galeri__kucuk[aria-current="true"] { border-color: var(--at-accent); box-shadow: 0 0 0 1px var(--at-accent); }

/* Özet (5/12): blok aralığı 14 px; H1 Manrope 20/700/26 */
.vt-urun-sayfasi .vt-urun-ozet { display: grid; gap: 14px; min-width: 0; }
.vt-urun-sayfasi .vt-urun-ozet__baslik { font-size: var(--at-fs-xl); font-weight: 700; line-height: 26px; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-urun-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--at-border-2); font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-urun-meta__kod strong { font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-urun-meta__bag { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.vt-urun-sayfasi .vt-urun-meta__paylas { position: relative; margin-left: auto; }
.vt-urun-sayfasi .vt-paylas-dugme { gap: 6px; font-family: var(--at-font-text); font-size: 13px; font-weight: 600; }
.vt-urun-sayfasi .vt-paylas-dugme .vt-ikon { color: var(--at-accent); }
.vt-urun-sayfasi .vt-paylas-kutu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; display: grid; gap: 2px; width: 230px; padding: 8px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: #FFFFFF; box-shadow: var(--at-shadow-pop); }
.vt-urun-sayfasi .vt-paylas-kutu[hidden] { display: none; }
.vt-urun-sayfasi .vt-paylas-kutu > a,
.vt-urun-sayfasi .vt-paylas-kutu > button { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; border-radius: var(--at-r-xs); font-size: 14px; color: var(--at-text); text-align: left; }
.vt-urun-sayfasi .vt-paylas-kutu > a:hover,
.vt-urun-sayfasi .vt-paylas-kutu > button:hover { background: var(--at-surface-2); text-decoration: none; }
.vt-urun-sayfasi .vt-paylas-kutu .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-urun-sayfasi .vt-varyantlar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.vt-urun-sayfasi .vt-varyantlar__etiket { font-size: 13px; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-varyantlar__liste { display: flex; flex-wrap: wrap; gap: 8px; }
.vt-urun-sayfasi .vt-varyant { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; font-size: 13px; font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-varyant:hover { border-color: var(--at-accent); color: var(--at-accent-text); text-decoration: none; }
.vt-urun-sayfasi .vt-varyant[aria-current="page"] { border-color: var(--at-accent); background: var(--at-accent-soft); color: var(--at-accent-text); }
.vt-urun-sayfasi .vt-urun-fiyat { display: grid; gap: 0; }
.vt-urun-sayfasi .vt-urun-fiyat .vt-fiyat-blok { min-height: 72px; }
.vt-urun-sayfasi .vt-fiyat-blok__orta { display: flex; flex-direction: column; }
.vt-urun-sayfasi .vt-fiyat-blok__sag a { font-weight: 600; }
.vt-urun-sayfasi .vt-urun-teslim { display: grid; gap: 4px; margin-top: 10px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-urun-teslim li { display: flex; align-items: center; gap: 8px; }
.vt-urun-sayfasi .vt-urun-teslim .vt-ikon { width: 16px; height: 16px; color: var(--at-success); stroke-width: 2; }
.vt-urun-sayfasi .vt-urun-teslim li:last-child .vt-ikon { color: var(--at-accent); }
.vt-urun-sayfasi .vt-urun-teslim strong { color: var(--at-success); font-weight: 700; }
.vt-urun-sayfasi .vt-urun-teslim--yok .vt-ikon,
.vt-urun-sayfasi .vt-urun-teslim--yok strong { color: var(--at-warning); }
/* İşletme: KDV hariç | dahil görünümü (iki değer her zaman görünür; düğme hangisinin büyük olduğunu seçer) */
/* İşletme KDV görünümü: revizyon 1 bloğunda (varsayılan KDV dahil) */
.vt-urun-sayfasi .vt-fiyat-blok--isletme .vt-fiyat-blok__sag { align-items: flex-start; }

/* Satın alma kutusu: 48 | 134 | esnek (işletmede birim seçimi eklenir); eylem satırı 3 × 42 */
.vt-urun-sayfasi .vt-satin-al { display: grid; grid-template-columns: 48px 134px minmax(0, 1fr); align-items: center; gap: 12px; margin: 0; }
.durum-isletme .vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim),
.durum-isletme.vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim) { grid-template-columns: 48px 134px auto minmax(0, 1fr); }
.vt-urun-sayfasi .vt-satin-al--yok { grid-template-columns: 48px minmax(0, 1fr); }
.vt-urun-sayfasi .vt-satin-al__dugme { width: 100%; }
.vt-urun-sayfasi .vt-satin-al__birim { border: 0; margin: 0; }
.vt-urun-sayfasi .vt-eylem-satiri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vt-urun-sayfasi .vt-eylem-satiri form { margin: 0; }
.vt-urun-sayfasi .vt-eylem-satiri .btn-vt { width: 100%; white-space: normal; text-align: center; line-height: 1.2; }

/* Yan sütun (3/12): ödeme ve teslimat kartı + güven kartları + soru düğmesi */
.vt-urun-sayfasi .vt-urun-yan { display: grid; gap: 0; min-width: 0; }
.vt-urun-sayfasi .vt-urun-yan .vt-yan-kart__satir > span { flex: 1; min-width: 0; }
.vt-urun-sayfasi .vt-urun-yan__soru { height: 46px; margin-top: 10px; font-family: var(--at-font-text); font-size: 14px; font-weight: 600; }
.vt-urun-sayfasi .vt-urun-yan__soru .vt-ikon { color: var(--at-accent); }
/* 992–1060 px'te yan sütun soru düğmesinin tek satırlık yazısından (≈ 245 px) dardır: sütun içeriğe göre genişleyip sayfayı taşırmasın
   (1024'te 1 px; §17.41), yazı gerekirse iki satıra insin. */
.vt-urun-sayfasi .vt-urun-yan { grid-template-columns: minmax(0, 1fr); }
.vt-urun-sayfasi .vt-urun-yan__soru { white-space: normal; text-align: center; line-height: 1.2; }
@media (min-width: 992px) {
  .vt-urun-sayfasi .vt-urun-ozet,
  .vt-urun-sayfasi .vt-urun-yan { position: sticky; top: 16px; }
}

/* Bakım seti / kullanan cihazlar bandı (referans aksesuar bandı: gri, köşe 20, iç boşluk 44/35) */
.vt-urun-sayfasi .vt-serit--genis { padding: 40px 35px 44px; }
.vt-urun-sayfasi .vt-bakim-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin-bottom: 14px; }
.vt-urun-sayfasi .vt-bakim-bas__not { margin: 4px 0 0 30px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-bakim-set { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; }
.vt-urun-sayfasi .vt-bakim-set__secim { border: 0; margin: 0; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--at-border); }
.vt-urun-sayfasi .vt-bakim-set__secim label { display: grid; gap: 1px; min-height: 44px; padding: 4px 14px; line-height: 1.15; text-align: center; }
.vt-urun-sayfasi .vt-bakim-set__secim label span { font-size: 12px; font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-bakim-set__secim label strong { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); }
.vt-urun-sayfasi .vt-bakim-set__secim input:checked + label { background: var(--at-accent-soft); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-urun-sayfasi .vt-bakim-set .btn-vt { height: 48px; }
.vt-urun-sayfasi .vt-bakim-icerik { margin: 0 0 24px 30px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-kompaktlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
.vt-urun-sayfasi .vt-kompakt__metin { min-width: 0; }
.vt-urun-sayfasi .vt-kompakt__ust { margin-bottom: 2px; }
.vt-urun-sayfasi .vt-kompakt__ad { font-family: var(--at-font-text); letter-spacing: 0; }
.vt-urun-sayfasi .vt-kompakt__fiyat { display: flex; flex-direction: column; align-items: flex-end; }
.vt-urun-sayfasi .vt-kompakt__gorsel--yok { color: var(--at-accent); }
.vt-urun-sayfasi .vt-kompakt__form { margin: 0; }
.durum-kur-bayat .vt-urun-sayfasi .vt-kompakt__fiyat > :not(.vt-fiyat-guncel),
.durum-kur-bayat.vt-urun-sayfasi .vt-kompakt__fiyat > :not(.vt-fiyat-guncel) { display: none !important; }
.durum-kur-bayat.vt-urun-sayfasi .vt-kompakt__fiyat .vt-fiyat-guncel { display: block; }

/* Dikey sekmeler: liste 160 + panel 1101 (referans; tam genişliğe yayılmaz) */
@media (min-width: 768px) { .vt-urun-sayfasi .vt-sekmeler.is-hazir { grid-template-columns: 160px minmax(0, 1101px); gap: 10px; } }
.vt-urun-sayfasi .vt-sekmeler:not(.is-hazir) { max-width: 1271px; }
.vt-urun-sayfasi .vt-sekmeler__dugme { font-family: var(--at-font-text); }
.vt-urun-sayfasi .vt-sekmeler__panel:target { scroll-margin-top: 20px; }
.vt-urun-sayfasi .vt-aciklama { max-width: 1040px; font-size: 14px; line-height: 1.65; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-aciklama p + p { margin-top: 10px; }
.vt-urun-sayfasi .vt-aciklama__baslik { display: flex; align-items: center; gap: 8px; margin: 18px 0 8px; font-size: 16px; font-weight: 700; color: var(--at-accent-text); }
.vt-urun-sayfasi .vt-aciklama__baslik:first-child { margin-top: 0; }
.vt-urun-sayfasi .vt-aciklama h4 { margin: 16px 0 6px; font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-aciklama ol,
.vt-urun-sayfasi .vt-aciklama ul { display: grid; gap: 4px; padding-left: 22px; }
.vt-urun-sayfasi .vt-aciklama ol { list-style: decimal; }
.vt-urun-sayfasi .vt-aciklama ul { list-style: disc; }
.vt-urun-sayfasi .vt-aciklama strong { color: var(--at-text); }
.vt-urun-sayfasi .vt-teknik { margin-top: 20px; border: 1px solid var(--at-border); font-size: 13px; }
.vt-urun-sayfasi .vt-teknik th,
.vt-urun-sayfasi .vt-teknik td { height: 45px; padding: 10px 20px; border: 1px solid var(--at-border); text-align: left; vertical-align: middle; }
.vt-urun-sayfasi .vt-teknik tbody th { width: 69%; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-teknik td { color: var(--at-text-2); }
.vt-urun-sayfasi .vt-teknik tbody tr:nth-child(odd) { background: var(--at-surface-2); }
.vt-urun-sayfasi .vt-teknik thead th { background: var(--at-surface-3); font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-teknik--takvim { margin-top: 0; }
.vt-urun-sayfasi .vt-teknik--takvim td:first-child { width: 90px; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-sekme-not { margin-top: 12px; font-size: 13px; color: var(--at-muted); }
.vt-urun-sayfasi .vt-sekme-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
/* Taksit Seçenekleri (GELISTIRME §17.51; kart C dili): masaüstünde kart programı sütunlu tablo kendi kartında (beyaz, --vt-kart-r köşe,
   saç çizgisi + kart gölgesi; dar ekranda tablo KENDİ kutusunda kayar, sayfa taşmaz). Satır = taksit sayısı; hücre: aylık × N (kalın) ve
   toplam (küçük). Vade farksız satırlar açık turkuaz zeminli + yeşil "Vade farksız" hapı; yedek kipte vade farklı satırlar tutarsız
   ("Vade farkı ödeme sayfasında hesaplanır", soluk). Telefonda ve tablette (≤ 991) çok programlı tablo
   gizlenir, program başına açılır kart (details) görünür. Yedek kipte (tek "Tüm kredi kartları" sütunu) tablo her genişlikte, en çok 560 px. */
.vt-urun-sayfasi .vt-taksit-uyari { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid var(--at-warning-border); border-radius: var(--at-r-sm); background: var(--at-warning-soft); font-size: 13px; line-height: 1.5; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-uyari .vt-ikon { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--at-warning); }
.vt-urun-sayfasi .vt-taksit-giris { margin: 0 0 14px; font-size: 14px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-taksit-giris strong { font-family: var(--at-font-display); font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-kutu { max-width: 560px; overflow-x: auto; border: 1px solid var(--vt-kart-cizgi); border-radius: var(--vt-kart-r); background: var(--vt-kart-zemin); box-shadow: var(--vt-kart-golge); }
.vt-urun-sayfasi .vt-taksit-kutu--programlar { max-width: none; }
.vt-urun-sayfasi .vt-taksit-tablosu { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-tablosu thead th { padding: 12px 10px; background: var(--at-surface-3); font-family: var(--at-font-display); font-size: 13px; font-weight: 700; color: var(--at-navy-900); text-align: center; white-space: nowrap; }
.vt-urun-sayfasi .vt-taksit-tablosu thead th:first-child,
.vt-urun-sayfasi .vt-taksit-tablosu tbody th { padding-left: 14px; text-align: left; }
.vt-urun-sayfasi .vt-taksit-tablosu tbody th { min-width: 118px; padding: 10px 14px; border-top: 1px solid var(--at-border-2); font-weight: 700; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-tablosu td { padding: 9px 8px; border-top: 1px solid var(--at-border-2); text-align: center; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-tablosu :is(th, td) + :is(th, td) { border-left: 1px solid var(--at-border-2); }
.vt-urun-sayfasi .vt-taksit-h__aylik { display: block; font-weight: 700; color: var(--at-navy-900); white-space: nowrap; }
.vt-urun-sayfasi .vt-taksit-h__toplam { display: block; margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-h__yok { color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-h__hesap { display: block; font-size: 12px; line-height: 1.4; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-tablosu tr.is-tutarsiz > th { font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi :is(.vt-taksit-tablosu, .vt-taksit-kart__tablo) tr.is-vade-farksiz > * { background: var(--at-teal-50); }
.vt-urun-sayfasi .vt-taksit-rozet { display: inline-block; margin: 2px 0 0 8px; padding: 1px 8px; border: 1px solid var(--at-success-border); border-radius: var(--at-r-full); background: var(--at-success-soft); font-size: 11px; font-weight: 600; line-height: 16px; color: var(--at-success); white-space: nowrap; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-kartlar { display: none; }
.vt-urun-sayfasi .vt-taksit-kart { min-width: 0; border: 1px solid var(--vt-kart-cizgi); border-radius: var(--vt-kart-r); background: var(--vt-kart-zemin); box-shadow: var(--vt-kart-golge); }
.vt-urun-sayfasi .vt-taksit-kart > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 0 14px 0 16px; border-radius: var(--vt-kart-r); font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); list-style: none; cursor: pointer; }
.vt-urun-sayfasi .vt-taksit-kart > summary::-webkit-details-marker { display: none; }
.vt-urun-sayfasi .vt-taksit-kart > summary .vt-ikon { flex: none; width: 18px; height: 18px; color: var(--at-muted); transition: transform var(--at-fast) var(--at-ease); }
.vt-urun-sayfasi .vt-taksit-kart[open] > summary { border-bottom: 1px solid var(--at-border-2); border-radius: var(--vt-kart-r) var(--vt-kart-r) 0 0; }
.vt-urun-sayfasi .vt-taksit-kart[open] > summary .vt-ikon { transform: rotate(180deg); }
.vt-urun-sayfasi .vt-taksit-kart__tablo { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-kart__tablo :is(th, td) { padding: 9px 12px; border-top: 1px solid var(--at-border-2); text-align: right; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-kart__tablo thead th { border-top: 0; font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-kart__tablo :is(thead th, tbody th):first-child { text-align: left; }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody th { font-weight: 700; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody td:nth-child(2) { font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody tr:last-child > * { padding-bottom: 12px; }
.vt-urun-sayfasi .vt-yan-kart__ek { display: block; margin-top: 2px; font-size: 12px; color: var(--at-muted); }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-taksit-kutu--programlar { display: none; }
  .vt-urun-sayfasi .vt-taksit-kartlar { display: grid; gap: 10px; }
}
@media (max-width: 575.98px) {
  .vt-urun-sayfasi .vt-taksit-kart__tablo :is(th, td) { padding: 9px 10px; }
  .vt-urun-sayfasi :is(.vt-taksit-kart__tablo, .vt-taksit-tablosu) .vt-taksit-rozet { display: block; width: max-content; margin: 4px 0 0; } /* display: table olmaz: tablonun border-collapse değeri miras kalır, köşe ve iç boşluk kaybolur */
}
@media (prefers-reduced-motion: reduce) { .vt-urun-sayfasi .vt-taksit-kart > summary .vt-ikon { transition: none; } }
@media (forced-colors: active) { .vt-urun-sayfasi :is(.vt-taksit-kutu, .vt-taksit-kart) { border-color: CanvasText; box-shadow: none; } }

/* Kurulum ve kullanım kutusu (referansta yorum kutusunun yerinde): çizgili, 3 sütun */
.vt-urun-sayfasi .vt-kurulum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 30px; padding: 26px 30px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-urun-sayfasi .vt-kurulum__oge { display: grid; justify-items: center; align-content: start; gap: 6px; text-align: center; }
.vt-urun-sayfasi .vt-kurulum__simge { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-urun-sayfasi .vt-kurulum__simge .vt-ikon { width: 24px; height: 24px; }
.vt-urun-sayfasi .vt-kurulum__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-kurulum__metin { max-width: 320px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-kurulum__oge .btn-vt,
.vt-urun-sayfasi .vt-kurulum__dugmeler { margin-top: 6px; }
.vt-urun-sayfasi .vt-kurulum__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.vt-urun-sayfasi .vt-kurulum--tek { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; text-align: left; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__baslik { font-size: 17px; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__metin { max-width: 640px; margin-top: 4px; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__dugmeler { margin: 0; }

/* Tam ekran görsel görüntüleyici (<dialog class="vt-goruntu">; GELISTIRME §17.43). Koyu zemin, görsel en büyük boyunda (büyütülmez),
   üstte sayaç + yakınlaştır + büyük × (48 px, koyu yarı saydam, çentik payı), yanlarda oklar, altta küçük resim şeridi. Aşağı kaydırırken
   --vt-goruntu-soluk (JS, CSSOM) zemini ve araçları soluklaştırır. Hareket azaltma tercihinde geçiş yok. */
.vt-goruntu {
  --vt-goruntu-soluk: 1;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgb(8 14 22 / calc(.96 * var(--vt-goruntu-soluk)));
  color: #FFFFFF;
  overflow: hidden;
  overscroll-behavior: contain;
}
.vt-goruntu::backdrop { background: transparent; }
.vt-ana .vt-goruntu img { mix-blend-mode: normal; } /* §2.12 multiply koyu zeminde görseli karartır */
.vt-goruntu[open] { animation: vt-goruntu-ac .18s var(--at-ease); }
@keyframes vt-goruntu-ac { from { opacity: 0; } to { opacity: 1; } }
.vt-goruntu__sahne {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  place-items: center;
  padding: calc(72px + env(safe-area-inset-top)) calc(76px + env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) calc(76px + env(safe-area-inset-left));
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: zoom-out;
}
.vt-goruntu__gorsel { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: var(--at-r-xs); background: #FFFFFF; cursor: zoom-in; transform-origin: 50% 50%; will-change: transform; -webkit-user-drag: none; }
.vt-goruntu.is-yakin .vt-goruntu__gorsel { cursor: grab; }
.vt-goruntu.is-yakin.is-surukle .vt-goruntu__gorsel { cursor: grabbing; }
.vt-goruntu__gorsel.is-gecis { transition: transform .22s var(--at-ease); }
.vt-goruntu__ust { position: absolute; top: 0; right: 0; left: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left)); pointer-events: none; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__ust > * { pointer-events: auto; }
.vt-goruntu__sayac { margin: 0 auto 0 0; padding: 6px 12px; border-radius: var(--at-r-full); background: rgb(0 0 0 / .55); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #FFFFFF; }
.vt-goruntu__dugme { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgb(255 255 255 / .22); border-radius: 50%; background: rgb(0 0 0 / .55); color: #FFFFFF; cursor: pointer; }
.vt-goruntu__dugme:hover { background: rgb(0 0 0 / .78); border-color: rgb(255 255 255 / .5); }
.vt-goruntu__dugme:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.vt-goruntu__dugme .vt-ikon { width: 24px; height: 24px; stroke-width: 2; }
.vt-goruntu__sayac[hidden] + .vt-goruntu__yakin { margin-left: auto; }
.vt-goruntu__kapat { width: 52px; height: 52px; }
.vt-goruntu__kapat .vt-ikon { width: 28px; height: 28px; stroke-width: 2.25; }
.vt-goruntu__eksi,
.vt-goruntu.is-yakin .vt-goruntu__arti { display: none; }
.vt-goruntu.is-yakin .vt-goruntu__eksi { display: block; }
.vt-goruntu__ok { position: absolute; top: 50%; z-index: 2; margin-top: -24px; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__ok--geri { left: calc(14px + env(safe-area-inset-left)); }
.vt-goruntu__ok--ileri { right: calc(14px + env(safe-area-inset-right)); }
.vt-goruntu__serit { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: safe center; gap: 8px; padding: 12px calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left)); overflow-x: auto; scrollbar-width: none; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__serit::-webkit-scrollbar { display: none; }
.vt-goruntu__serit > li { flex: none; }
.vt-goruntu__kucuk { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; overflow: hidden; width: 64px; height: 64px; padding: 4px; border: 2px solid transparent; border-radius: var(--at-r-xs); background: #FFFFFF; opacity: .6; cursor: pointer; }
.vt-goruntu__kucuk img { width: 100%; height: 100%; object-fit: contain; }
.vt-goruntu__kucuk:hover { opacity: .9; }
.vt-goruntu__kucuk[aria-current="true"] { border-color: var(--at-accent); opacity: 1; }
.vt-goruntu__kucuk:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.vt-goruntu.is-yakin .vt-goruntu__ok,
.vt-goruntu.is-yakin .vt-goruntu__serit,
.vt-goruntu.is-surukle .vt-goruntu__ok { visibility: hidden; }
@media (max-width: 767.98px) {
  .vt-goruntu__sahne { padding: calc(68px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(92px + env(safe-area-inset-bottom)) env(safe-area-inset-left); }
  .vt-goruntu__gorsel { border-radius: 0; }
  .vt-goruntu__ok { display: none; }
  .vt-goruntu__kucuk { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-goruntu[open] { animation: none; }
  .vt-goruntu__gorsel.is-gecis { transition: none; }
}
@media (forced-colors: active) {
  .vt-goruntu { background: Canvas; }
  .vt-goruntu__dugme, .vt-goruntu__sayac { border: 1px solid ButtonText; }
}

/* Telefon (992 altı): galeri → başlık → özellikler (tek sütun) → fiyat → satın alma (favori + adet; altında tam genişlik düğme) → eylemler (2 + 1) → yan kartlar */
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-urun-ust { margin-top: 4px; }
  .vt-urun-sayfasi .vt-urun-ust > .vt-izgara { gap: 18px; }
  .vt-urun-sayfasi .vt-urun-galeri__bag > img { inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); }
  .vt-urun-sayfasi .vt-urun-galeri__ok,
  .vt-urun-sayfasi .vt-urun-galeri__buyut { width: 44px; height: 44px; }
  .vt-urun-sayfasi .vt-urun-galeri__ok { margin-top: -22px; }
  .vt-urun-sayfasi .vt-urun-ozet__baslik { font-size: 18px; line-height: 24px; }
  .vt-urun-sayfasi .vt-urun-meta__bag { min-height: 44px; }
  .vt-urun-sayfasi .vt-paylas-dugme { min-height: 44px; }
  .vt-urun-sayfasi .vt-varyant { min-height: 44px; }
  .vt-urun-sayfasi .vt-satin-al { grid-template-columns: 48px 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-satin-al__dugme { grid-column: 1 / -1; }
  .durum-isletme.vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim) { grid-template-columns: 48px 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-eylem-satiri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-urun-sayfasi .vt-eylem-satiri .btn-vt { min-height: 44px; height: auto; padding-block: 6px; }
  .vt-urun-sayfasi .vt-yan-kart__satir,
  .vt-urun-sayfasi .vt-guven-bag { min-height: 46px; }
  .vt-urun-sayfasi .vt-ikon-dugme--28 { width: 44px; height: 44px; margin: -8px -6px -8px 0; }
  .vt-urun-sayfasi .vt-ozellik-kutu { grid-template-columns: 110px minmax(0, 1fr) auto; }
  .vt-urun-sayfasi .vt-kompaktlar { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .vt-urun-sayfasi .vt-serit--genis { padding: 24px 15px 28px; }
  .vt-urun-sayfasi .vt-bakim-bas__not,
  .vt-urun-sayfasi .vt-bakim-icerik { margin-left: 0; }
  .vt-urun-sayfasi .vt-bakim-set { width: 100%; }
  .vt-urun-sayfasi .vt-bakim-set__secim { width: 100%; }
  .vt-urun-sayfasi .vt-bakim-set__secim label { padding: 4px 6px; }
  .vt-urun-sayfasi .vt-bakim-set .btn-vt { width: 100%; }
  .vt-urun-sayfasi .vt-kurulum { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; }
  .vt-urun-sayfasi .vt-kurulum--tek { justify-items: start; }
  .vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__dugmeler { justify-content: flex-start; }
  .vt-urun-sayfasi .vt-kurulum .btn-vt { min-height: 44px; }
  .vt-urun-sayfasi .vt-teknik th,
  .vt-urun-sayfasi .vt-teknik td { padding: 10px 12px; }
  .vt-urun-sayfasi .vt-teknik tbody th { width: 46%; }
  .vt-urun-sayfasi .vt-aciklama a,
  .vt-urun-sayfasi .vt-teknik a,
  .vt-urun-sayfasi .vt-fiyat-blok__sag a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-urun-sayfasi .vt-kompakt__ad a { display: inline-flex; min-height: 44px; align-items: center; }
}
@media (max-width: 575.98px) {
  .vt-urun-sayfasi .vt-kompakt { grid-template-columns: 64px minmax(0, 1fr) auto; }
  .vt-urun-sayfasi .vt-kompakt__fiyat { grid-column: 2; align-items: flex-start; }
  .vt-urun-sayfasi .vt-kompakt > :last-child { grid-column: 3; grid-row: 2; }
  .vt-urun-sayfasi .vt-urun-meta__paylas { margin-left: 0; }
}
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-adet { grid-template-columns: 44px minmax(0, 1fr) 44px; }
}
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-kdv-gecis button { height: 44px; padding: 0 14px; }
}
.durum-kart-kapali.vt-urun-sayfasi .vt-yan-kart__satir.vt-taksit { display: none; }

/* -------------------------------------------------------------------------
   ON-3 · ARAÇ SAYFALARI — filtre-bul, secim-sihirbazi, hesaplayici-filtre, hesaplayici-yumusatma.
   Referans kapasite hesabı kalıbı (1440): içerik 1160 (1200 − 2×20) ortalı · başlık üst bilgiden ~76 px
   aşağıda, 32/800, altında 16 px açıklama (en çok 720) · form 3 sütun (373), aralık 20, alan 48 ·
   tam genişlik düğme 56–59 · sonuç kartı koyu gradyan, ortalı: başlık 24 · değer 52/800 · vurgu kutusu
   800 · 3'lü karolar 92 px · öneri kutusu 900 · iki düğme 220×49 · ayraçlı not.
   ------------------------------------------------------------------------- */
.vt-arac-sayfasi .vt-arac-kap { max-width: 1160px; margin-inline: auto; padding-bottom: 10px; }
.vt-arac-sayfasi .vt-arac-bas { margin: 56px auto 32px; }
.vt-arac-sayfasi .vt-arac-bas p a { font-weight: 600; }
.vt-arac-sayfasi .vt-arac-form { align-items: start; }
.vt-arac-sayfasi .vt-arac-form--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vt-arac-sayfasi .vt-arac-form .vt-alan__ipucu { font-size: 12px; }
.vt-arac-sayfasi .vt-arac-form__dugme { margin-top: 6px; }
.vt-arac-sayfasi .vt-arac-form__dugme .btn-vt { border-radius: var(--at-r); }

/* Sihirbaz: 3 numaralı adım (fieldset) + öncelik karoları */
.vt-arac-sayfasi .vt-sihirbaz { gap: 26px; }
.vt-arac-sayfasi .vt-arac-adim { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 0; border: 0; }
.vt-arac-sayfasi .vt-arac-adim__baslik { display: flex; align-items: center; gap: 10px; width: 100%; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--at-border); font-family: var(--at-font-display); font-size: 17px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-arac-adim__no { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--at-navy-900); color: #FFFFFF; font-size: 14px; font-weight: 800; }
.vt-arac-sayfasi .vt-arac-adim__alanlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.vt-arac-sayfasi .vt-secenek-karolar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vt-arac-sayfasi .vt-secenek-karo { position: relative; }
.vt-arac-sayfasi .vt-secenek-karo input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.vt-arac-sayfasi .vt-secenek-karo label { display: grid; justify-items: start; gap: 6px; height: 100%; min-height: 112px; padding: 16px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); background: #FFFFFF; cursor: pointer; }
.vt-arac-sayfasi .vt-secenek-karo label .vt-ikon { color: var(--at-accent); }
.vt-arac-sayfasi .vt-secenek-karo__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-secenek-karo__metin { font-size: 13px; line-height: 1.45; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-secenek-karo label:hover { border-color: var(--at-border-hover); }
.vt-arac-sayfasi .vt-secenek-karo input:checked + label { border-color: var(--at-accent); background: var(--at-accent-soft); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-arac-sayfasi .vt-secenek-karo input:focus-visible + label { outline: 2px solid var(--at-accent); outline-offset: 2px; }

/* Sonuç kartı: ortalı (referans) */
.vt-arac-sayfasi .vt-sonuc-kart { margin-top: 36px; padding: 40px 36px 30px; text-align: center; box-shadow: var(--at-shadow-hero); }
.vt-arac-sayfasi .vt-sonuc-kart__baslik { font-size: 24px; }
.vt-arac-sayfasi .vt-sonuc-kart__deger { margin-top: 10px; }
.vt-arac-sayfasi .vt-sonuc-kart__alt { margin-top: 8px; font-size: 18px; }
.vt-arac-sayfasi .vt-sonuc-kart__vurgu { max-width: 800px; margin: 18px auto 0; padding: 12px 16px; border-radius: var(--at-r); background: var(--at-on-dark-fill); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); font-size: 17px; line-height: 1.55; }
.vt-arac-sayfasi .vt-sonuc-kart__aciklama { max-width: 820px; margin: 18px auto 0; font-size: 16px; line-height: 1.65; color: var(--at-on-dark-2); }
.vt-arac-sayfasi .vt-sonuc-kart__karolar { margin-top: 28px; }
.vt-arac-sayfasi .vt-sonuc-kart__karo { display: grid; align-content: center; gap: 4px; min-height: 92px; padding: 16px; border-radius: var(--at-r); background: var(--at-on-dark-fill); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); }
.vt-arac-sayfasi .vt-sonuc-kart__karo span { font-size: 13px; }
.vt-arac-sayfasi .vt-sonuc-kart__oneri { max-width: 900px; margin: 28px auto 0; padding: 16px 18px; font-size: 15px; font-weight: 600; line-height: 1.55; }
.vt-arac-sayfasi .vt-sonuc-kart__oneri a,
.vt-arac-sayfasi .vt-sonuc-kart__not a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }
.vt-arac-sayfasi .vt-sonuc-kart__dugmeler { justify-content: center; gap: 14px; margin-top: 24px; }
.vt-arac-sayfasi .vt-sonuc-kart__dugmeler .btn-vt { min-width: 220px; height: 49px; }
.vt-arac-sayfasi .vt-sonuc-kart__not { max-width: 920px; margin: 26px auto 0; padding-top: 20px; border-top: 1px solid var(--at-on-dark-line); }
.vt-arac-sayfasi .vt-sonuc-tablo { width: 100%; max-width: 900px; margin: 26px auto 0; border-radius: var(--at-r); background: var(--at-on-dark-fill); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); font-size: 14px; text-align: left; }
.vt-arac-sayfasi .vt-sonuc-tablo th,
.vt-arac-sayfasi .vt-sonuc-tablo td { padding: 12px 16px; border-bottom: 1px solid var(--at-on-dark-line); vertical-align: top; }
.vt-arac-sayfasi .vt-sonuc-tablo tbody tr:last-child td { border-bottom: 0; }
.vt-arac-sayfasi .vt-sonuc-tablo th { font-size: 13px; font-weight: 600; color: var(--at-on-dark-2); }
.vt-arac-sayfasi .vt-sonuc-tablo strong { font-family: var(--at-font-display); font-weight: 800; }
.vt-arac-sayfasi .vt-sonuc-tablo__not { display: block; margin-top: 2px; font-size: 13px; color: var(--at-on-dark-2); }

/* Sonuç altı: öneriler, parçalar, ürünler, bilgi kartları */
.vt-arac-sayfasi .vt-arac-oneriler { margin-top: 40px; }
.vt-arac-sayfasi .vt-arac-bolum-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin-bottom: 18px; }
.vt-arac-sayfasi .vt-arac-bolum-bas .vt-arac-bolum-baslik { margin: 0; }
.vt-arac-sayfasi .vt-arac-bolum-baslik { margin-bottom: 16px; font-size: var(--at-fs-xl); font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-arac-bolum-metin { margin: -8px 0 18px; font-size: 15px; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-arac-alt-not { margin-top: 14px; font-size: 14px; font-weight: 600; }
.vt-arac-sayfasi .vt-arac-urunler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vt-arac-sayfasi .vt-arac-urunler--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* sihirbaz: en çok 6 ürün, 3 + 3 (§17.52) */
.vt-arac-sayfasi .vt-kompaktlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.vt-arac-sayfasi .vt-kompakt__metin { min-width: 0; }
.vt-arac-sayfasi .vt-kompakt__ad { font-family: var(--at-font-text); letter-spacing: 0; }
.vt-arac-sayfasi .vt-kompakt__fiyat { display: flex; flex-direction: column; align-items: flex-end; }
.vt-arac-sayfasi .vt-kompakt__form { margin: 0; }
.vt-arac-sayfasi .vt-arac-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.vt-arac-sayfasi .vt-arac-bilgi__oge { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border-radius: var(--at-r-lg); background: var(--at-surface-3); }
.vt-arac-sayfasi .vt-arac-bilgi__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; color: var(--at-accent); }
.vt-arac-sayfasi .vt-arac-bilgi__baslik { margin-bottom: 4px; font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-arac-bilgi p { font-size: 13px; line-height: 1.55; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-arac-bilgi a { font-weight: 600; }
.durum-sonuc.vt-arac-sayfasi .vt-arac-bilgi { margin-top: 40px; }

/* Bakım seti satırı (Yedek Filtre Bul sonucu ve hesaplayıcı) */
.vt-arac-sayfasi .vt-set-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin: 0 0 22px; padding: 16px 18px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-lg); background: var(--at-accent-soft); }
.vt-arac-sayfasi .vt-set-satiri__metin { flex: 1 1 280px; min-width: 0; font-size: 13px; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-set-satiri__baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-set-satiri__baslik .vt-ikon { color: var(--at-accent); }
.vt-arac-sayfasi .vt-set-satiri__secim { margin: 0; border: 0; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--at-border); }
.vt-arac-sayfasi .vt-set-satiri__secim label { display: grid; gap: 1px; min-height: 44px; padding: 4px 14px; line-height: 1.15; text-align: center; }
.vt-arac-sayfasi .vt-set-satiri__secim label span { font-size: 12px; font-weight: 600; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-set-satiri__secim label strong { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); }
.vt-arac-sayfasi .vt-set-satiri__secim input:checked + label { background: var(--at-accent-soft); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-arac-sayfasi .vt-set-satiri--yalin { margin: 0; padding: 0; border: 0; background: none; }
.vt-arac-sayfasi .vt-fb-secim { display: grid; gap: 10px; padding-bottom: 4px; }
.vt-arac-sayfasi .vt-fb-not { display: flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 13px; color: var(--at-muted); }
.vt-arac-sayfasi .vt-fb-olculer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vt-arac-sayfasi .vt-cip-bag { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; font-size: 13px; font-weight: 600; color: var(--at-accent-text); }
.vt-arac-sayfasi .vt-cip-bag:hover { border-color: var(--at-accent); text-decoration: none; }

/* Yedek Filtre Bul: ölçü kartları */
.vt-arac-sayfasi .vt-olcu { margin-top: 48px; }
.vt-arac-sayfasi .vt-olcu-kartlari { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vt-arac-sayfasi .vt-olcu-kart { display: flex; flex-direction: column; gap: 8px; padding: 14px 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-arac-sayfasi .vt-olcu-kart__gorsel { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; height: 148px; padding: 14px; border-radius: var(--at-r-xs); background: var(--at-teal-50); color: var(--at-accent); }
.vt-arac-sayfasi .vt-olcu-kart__gorsel img { width: 100%; height: 100%; object-fit: contain; }
.vt-arac-sayfasi .vt-olcu-kart__baslik { margin-top: 4px; font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-arac-sayfasi .vt-olcu-kart__metin { flex: 1; font-size: 13px; line-height: 1.5; color: var(--at-text-2); }
.vt-arac-sayfasi .vt-olcu-kart__bag { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-size: 14px; font-weight: 600; }
.vt-arac-sayfasi .vt-olcu-kart--wa .vt-olcu-kart__gorsel { background: var(--at-accent-soft); }

/* Köprü sayfası (prototip) */

@media (max-width: 991.98px) {
  .vt-arac-sayfasi .vt-arac-bas { margin: 26px auto 22px; }
  .vt-arac-sayfasi .vt-arac-form--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-arac-sayfasi .vt-arac-urunler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .vt-arac-sayfasi .vt-kompaktlar { grid-template-columns: minmax(0, 1fr); }
  .vt-arac-sayfasi .vt-arac-bilgi { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .vt-arac-sayfasi .vt-olcu-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-arac-sayfasi .vt-secenek-karolar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-arac-sayfasi .vt-arac-bilgi a,
  .vt-arac-sayfasi .vt-olcu-kart__bag,
  .vt-arac-sayfasi .vt-arac-alt-not a,
  .vt-arac-sayfasi .vt-sonuc-kart__oneri a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-arac-sayfasi .vt-cip-bag { min-height: 44px; }
  .vt-arac-sayfasi .vt-set-satiri__secim { width: 100%; }
  .vt-arac-sayfasi .vt-set-satiri__secim label { padding: 4px 6px; }
  .vt-arac-sayfasi .vt-set-satiri .btn-vt { width: 100%; }
  .vt-arac-sayfasi .vt-uyari__eylemler a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 767.98px) {
  .vt-arac-sayfasi .vt-arac-bas h1 { font-size: 26px; }
  .vt-arac-sayfasi .vt-arac-bas p { font-size: 15px; }
  .vt-arac-sayfasi .vt-arac-form--4,
  .vt-arac-sayfasi .vt-arac-adim__alanlar { grid-template-columns: minmax(0, 1fr); }
  .vt-arac-sayfasi .vt-sonuc-kart { padding: 26px 16px 22px; }
  .vt-arac-sayfasi .vt-sonuc-kart__baslik { font-size: 19px; }
  .vt-arac-sayfasi .vt-sonuc-kart__deger { font-size: 38px; }
  .vt-arac-sayfasi .vt-sonuc-kart__alt { font-size: 15px; }
  .vt-arac-sayfasi .vt-sonuc-kart__vurgu { font-size: 15px; }
  .vt-arac-sayfasi .vt-sonuc-kart__aciklama { font-size: 15px; }
  .vt-arac-sayfasi .vt-sonuc-kart__oneri { padding: 12px 4px; }
  .vt-arac-sayfasi .vt-sonuc-kart__dugmeler .btn-vt { width: 100%; min-width: 0; }
  .vt-arac-sayfasi .vt-sonuc-tablo { font-size: 13px; }
  .vt-arac-sayfasi .vt-sonuc-tablo th,
  .vt-arac-sayfasi .vt-sonuc-tablo td { padding: 10px 8px; }
  .vt-arac-sayfasi .vt-olcu-kartlari { grid-template-columns: minmax(0, 1fr); }
  .vt-arac-sayfasi .vt-kompakt { grid-template-columns: 64px minmax(0, 1fr) auto; }
  .vt-arac-sayfasi .vt-kompakt__fiyat { grid-column: 2; align-items: flex-start; }
  .vt-arac-sayfasi .vt-kompakt > :last-child { grid-column: 3; grid-row: 2; }
}
@media (max-width: 991.98px) {
  .vt-arac-sayfasi .vt-kompakt__ad a { display: inline-flex; align-items: center; min-height: 44px; }
}
.vt-arac-sayfasi .vt-arac-urunler > li { display: flex; min-width: 0; } .vt-arac-sayfasi .vt-arac-urunler > li > .vt-kart { flex: 1; min-width: 0; }
@media (max-width: 767.98px) {
  .vt-arac-sayfasi .vt-sonuc-kart__karolar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .vt-arac-sayfasi .vt-sonuc-kart__karo { min-height: 80px; padding: 12px 8px; }
  .vt-arac-sayfasi .vt-sonuc-kart__karo strong { font-size: 15px; }
}

/* === sayfa grubu: on (sonu) === */

/* === sayfa grubu: akis === */
/* =========================================================================
   SAYFA GRUBU · AKIŞ VE HESAP — sepet, ödeme, sipariş sonucu, sipariş takip,
   havale bildirimi, giriş/üyelik/şifre, Hesabım, kurumsal üyelik başvurusu, teklif iste.
   Yalnız body.vt-akis altında geçerlidir (diğer sayfa gruplarıyla çakışmaz).
   Ölçüler: referansın giriş (588 px sütun, 286×42 sekme), şifremi unuttum (7/12 + 5/12),
   sipariş takip / havale (tam genişlik form + hesap tablosu), ürün toplama (8/12 + 4/12) sayfaları;
   türetilmiş sayfalarda TASARIM-VITRIN §2.1 (8/12 + 4/12 yapışkan özet, 3/12 + 9/12 hesap menüsü).
   ========================================================================= */

/* ---------------------------------------------------------------- Sayfa kabı ve başlık */
.vt-akis .vt-akis-ic { padding-top: 36px; padding-bottom: 10px; }
.vt-akis .vt-akis-ic--dar { padding-top: 68px; padding-bottom: 36px; }
.vt-akis .vt-akis-baslik {
  font-family: var(--at-font-display);
  font-size: var(--at-fs-xl);
  font-weight: 700;
  line-height: 1.25;
  color: var(--at-navy-900);
}
.vt-akis .vt-akis-baslik span { color: var(--at-muted); font-weight: 600; }
.vt-akis .vt-akis-baslik__alt { margin-top: 6px; font-size: 14px; color: var(--at-text-2); max-width: 760px; }
.vt-akis .vt-akis-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.vt-akis .vt-akis-izgara { align-items: start; }
.vt-akis .vt-yapiskan { position: sticky; top: 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.vt-akis .vt-akis-col-7 { grid-column: span 7; }
.vt-akis .vt-akis-col-5 { grid-column: span 5; }
@media (max-width: 991.98px) {
  .vt-akis .vt-akis-ic { padding-top: 20px; padding-bottom: 0; }
  .vt-akis .vt-akis-ic--dar { padding-top: 32px; padding-bottom: 14px; }
  .vt-akis .vt-akis-col-7,
  .vt-akis .vt-akis-col-5 { grid-column: 1 / -1; }
  .vt-akis .vt-yapiskan { position: static; }
}

/* Kutu: çizgili beyaz kart, başlık bandı ve gövde (form bölümleri, özetler) */
.vt-akis .vt-kutu { border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-kutu + .vt-kutu { margin-top: 16px; }
.vt-akis .vt-kutu__bas { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 20px; border-bottom: 1px solid var(--at-border); }
.vt-akis .vt-kutu__baslik { flex: 1; min-width: 0; font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-kutu__baslik .vt-ikon { display: inline-block; vertical-align: -4px; width: 20px; height: 20px; margin-right: 8px; color: var(--at-accent); }
.vt-akis .vt-kutu__no { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 13px; font-weight: 800; }
.vt-akis .vt-kutu__duzenle { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; font-size: 14px; font-weight: 600; }
.vt-akis .vt-kutu__govde { padding: 20px; }
.vt-akis .vt-kutu__ayak { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 20px; border-top: 1px solid var(--at-border); background: var(--at-surface-2); border-radius: 0 0 var(--at-r-sm) var(--at-r-sm); }
.vt-akis .vt-kutu--vurgu { border-color: var(--at-teal-200); }
.vt-akis .vt-kutu--vurgu > .vt-kutu__bas { background: var(--at-accent-soft); border-bottom-color: var(--at-teal-200); border-radius: var(--at-r-sm) var(--at-r-sm) 0 0; }
.vt-akis .vt-kutu--uyari { border-color: var(--at-warning-border); }
.vt-akis .vt-kutu--uyari > .vt-kutu__bas { background: var(--at-warning-soft); border-bottom-color: var(--at-warning-border); border-radius: var(--at-r-sm) var(--at-r-sm) 0 0; }
.vt-akis .vt-kutu--tehlike { border-color: var(--at-danger-border); }
@media (max-width: 767.98px) {
  .vt-akis .vt-kutu__bas { padding: 10px 14px; }
  .vt-akis .vt-kutu__govde { padding: 16px 14px; }
  .vt-akis .vt-kutu__ayak { padding: 12px 14px; }
}

/* Düğme satırı (geri | ileri) ve tehlike düğmesi */
.vt-akis .vt-dugme-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.vt-akis .vt-dugme-satir--sag { justify-content: flex-end; }
.vt-akis .vt-geri-bag { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; font-size: 14px; font-weight: 600; }
.vt-akis .btn-vt-tehlike { background: var(--at-danger); border-color: var(--at-danger); color: #FFFFFF; }
.vt-akis .btn-vt-tehlike:hover { background: var(--at-danger); border-color: var(--at-danger); color: #FFFFFF; filter: brightness(.92); }
@media (max-width: 575.98px) {
  .vt-akis .vt-dugme-satir { flex-direction: column-reverse; align-items: stretch; }
  .vt-akis .vt-dugme-satir .btn-vt { width: 100%; }
  .vt-akis .vt-geri-bag { justify-content: center; min-height: 44px; }
}

/* Genel tablo */
.vt-akis .vt-tablo { width: 100%; font-size: 14px; color: var(--at-text); }
.vt-akis .vt-tablo th,
.vt-akis .vt-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--at-border); text-align: left; vertical-align: middle; }
.vt-akis .vt-tablo thead th { background: var(--at-surface-3); font-family: var(--at-font-display); font-size: 13px; font-weight: 700; color: var(--at-navy-900); border-bottom-color: var(--at-border-strong); }
.vt-akis .vt-tablo tbody tr:nth-child(even) { background: var(--at-surface-2); }
.vt-akis .vt-tablo tbody th { font-weight: 600; color: var(--at-navy-900); }
.vt-akis .vt-tablo .vt-sag { text-align: right; }

/* Kopyala düğmesi (IBAN, sipariş no, açıklama) */
.vt-akis .vt-kopyala { display: inline-flex; align-items: center; gap: 4px; height: 30px; margin-left: 8px; padding: 0 10px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-xs); background: #FFFFFF; color: var(--at-accent-text); font-size: 12px; font-weight: 600; vertical-align: middle; }
.vt-akis .vt-kopyala:hover { border-color: var(--at-accent); }
.vt-akis .vt-iban { font-family: var(--at-font-display); font-weight: 700; letter-spacing: .01em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--at-navy-900); }
@media (max-width: 991.98px) { .vt-akis .vt-kopyala { height: 44px; padding: 0 12px; } }

/* Bal küpü alanı (botlar doldurur; insanlar görmez) */
.vt-akis .vt-bal { pointer-events: none; }

/* JS kapalıyken görünen öğeler (vitrin.js <html class="vt-js"> ekler) */
.vt-js .vt-akis .vt-jssiz { display: none !important; }

/* ---------------------------------------------------------------- Giriş, üyelik (referans: 588 px ortalı sütun) */
.vt-akis .vt-giris-kolon { width: 100%; max-width: 588px; margin-inline: auto; }
.vt-akis .vt-giris-sekmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 22px; }
.vt-akis .vt-giris-sekme {
  display: grid; place-items: center; height: 42px;
  border: 1px solid transparent; border-radius: var(--at-r-xs);
  background: var(--at-surface-3); color: var(--at-muted);
  font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700;
}
.vt-akis .vt-giris-sekme:hover { color: var(--at-navy-900); text-decoration: none; }
.vt-akis .vt-giris-sekme[aria-current="page"] { background: #FFFFFF; border-color: var(--at-border-strong); color: var(--at-navy-900); }
.vt-akis .vt-giris-kolon .vt-form { gap: 18px; }
.vt-akis .vt-giris-kolon .vt-alan__etiket { font-size: 14px; font-weight: 500; }
.vt-akis .vt-giris-kolon > .vt-uyari { margin-bottom: 18px; }
.vt-akis .vt-giris-alt { display: grid; gap: 10px; margin-top: 10px; }
.vt-akis .vt-giris-bag { margin-top: 18px; text-align: center; font-size: 14px; }
.vt-akis .vt-giris-bag a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; }
.vt-akis .vt-giris-bayi { margin-top: 6px; text-align: center; font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-giris-bayi a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.vt-akis .vt-giris-kvkk { font-size: 13px; color: var(--at-text-2); line-height: 1.5; }
.vt-akis .vt-giris-onaylar { display: grid; gap: 10px; }
.vt-akis .vt-isletme-alan { display: grid; gap: 16px; padding: 18px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-teal-50); }
.vt-akis .vt-isletme-alan > legend { float: left; width: 100%; margin-bottom: 2px; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-isletme-alan > legend + * { clear: both; }
.vt-akis .vt-segment--tam { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
.vt-akis .vt-sonuc-kutu { display: grid; justify-items: center; gap: 10px; padding: 36px 24px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); text-align: center; }
.vt-akis .vt-sonuc-kutu__simge { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-akis .vt-sonuc-kutu__simge .vt-ikon { width: 30px; height: 30px; stroke-width: 1.5; }
.vt-akis .vt-sonuc-kutu__simge--basari { background: var(--at-success-soft); color: var(--at-success); }
.vt-akis .vt-sonuc-kutu h1,
.vt-akis .vt-sonuc-kutu h2 { font-family: var(--at-font-display); font-size: var(--at-fs-xl); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-sonuc-kutu p { max-width: 460px; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-sonuc-kutu .btn-vt { margin-top: 6px; }
@media (max-width: 767.98px) {
  .vt-akis .vt-giris-kolon { padding-inline: 12px; }
  .vt-akis .vt-giris-sekmeler { gap: 12px; }
  .vt-akis .vt-giris-sekme { height: 44px; font-size: 16px; }
}

/* Şifremi unuttum: 7/12 form + 5/12 giriş bilgisi (referans düzeni) */
.vt-akis .vt-cift-bas { padding-bottom: 14px; margin-bottom: 20px; border-bottom: 1px solid var(--at-border); }
.vt-akis .vt-cift-sag { padding-left: 16px; }
.vt-akis .vt-cift-sag h2 { font-family: var(--at-font-display); font-size: 24px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-cift-sag p { margin-top: 10px; font-size: 15px; color: var(--at-text-2); }
.vt-akis .vt-cift-sag .btn-vt { margin-top: 16px; }
.vt-akis .vt-form--dar { max-width: 760px; }
@media (max-width: 991.98px) {
  .vt-akis .vt-cift-sag { padding: 20px 0 0; border-top: 1px solid var(--at-border); }
}

/* ---------------------------------------------------------------- Sipariş takip ve havale bildirimi */
.vt-akis .vt-takip-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: 16px 20px; }
.vt-akis .vt-takip-form .btn-vt { min-width: 140px; }
@media (max-width: 767.98px) { .vt-akis .vt-takip-form { grid-template-columns: minmax(0, 1fr); } .vt-akis .vt-takip-form .btn-vt { width: 100%; } }
.vt-akis .vt-takip-sonuc { margin-top: 24px; }
.vt-akis .vt-takip-sonuc__bas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.vt-akis .vt-takip-sonuc__no { font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 800; color: var(--at-navy-900); }
.vt-akis .vt-takip-sonuc__tarih { font-size: 13px; color: var(--at-muted); }
.vt-akis .vt-bilgi-liste { display: grid; gap: 10px; font-size: 14px; }
.vt-akis .vt-bilgi-liste > div { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 12px; align-items: baseline; }
.vt-akis .vt-bilgi-liste dt { color: var(--at-muted); font-size: 13px; }
.vt-akis .vt-bilgi-liste dd { color: var(--at-text); font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 575.98px) { .vt-akis .vt-bilgi-liste > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* Banka hesapları tablosu (referans: banka, şube, IBAN, hesap sahibi). Telefonda kartlara döner */
.vt-akis .vt-banka { margin-top: 30px; }
.vt-akis .vt-banka__baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-banka__baslik .vt-ikon { color: var(--at-accent); }
.vt-akis .vt-banka__tablo { border: 1px solid var(--at-border); }
.vt-akis .vt-banka__not { margin-top: 10px; font-size: 13px; color: var(--at-text-2); }
@media (max-width: 767.98px) {
  .vt-akis .vt-banka__tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .vt-akis .vt-banka__tablo,
  .vt-akis .vt-banka__tablo tbody,
  .vt-akis .vt-banka__tablo tr,
  .vt-akis .vt-banka__tablo th,
  .vt-akis .vt-banka__tablo td { display: block; }
  .vt-akis .vt-banka__tablo { border: 0; }
  .vt-akis .vt-banka__tablo tr { margin-bottom: 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF !important; }
  .vt-akis .vt-banka__tablo th,
  .vt-akis .vt-banka__tablo td { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; }
  .vt-akis .vt-banka__tablo [data-etiket]::before { content: attr(data-etiket); font-size: 12px; font-weight: 600; color: var(--at-muted); }
  .vt-akis .vt-banka__tablo td[data-etiket="IBAN"] { grid-template-columns: 70px minmax(0, 1fr) auto; }
  .vt-akis .vt-banka__tablo .vt-iban { white-space: normal; font-size: 14px; }
  .vt-akis .vt-banka__tablo .vt-kopyala { margin-left: 0; }
  .vt-akis .vt-banka__tablo tr > :last-child { border-bottom: 0; }
}

/* ---------------------------------------------------------------- Sepet */
.vt-akis .vt-sepet-bas { display: grid; grid-template-columns: minmax(0, 1fr) 120px 134px 130px 44px; gap: 16px; padding: 0 12px 8px; font-size: 12px; font-weight: 600; color: var(--at-muted); text-transform: uppercase; letter-spacing: .04em; }
.vt-akis .vt-sepet-bas span:nth-child(2),
.vt-akis .vt-sepet-bas span:nth-child(4) { text-align: right; }
.vt-akis .vt-sepet-bas span:first-child { padding-left: 96px; }
.vt-akis .vt-sepet-liste { display: grid; gap: 12px; }
.vt-akis .vt-sepet-satir {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 120px 134px 130px 44px;
  align-items: center;
  gap: 16px;
  min-height: 106px;
  padding: 12px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-sm);
  background: #FFFFFF;
}
.vt-akis .vt-sepet-satir__gorsel { display: grid; place-items: center; width: 80px; height: 80px; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-akis .vt-sepet-satir__gorsel img { width: 72px; height: 72px; object-fit: contain; }
.vt-akis .vt-sepet-satir__ad { font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--at-text); }
.vt-akis .vt-sepet-satir__ad a { color: inherit; }
.vt-akis .vt-sepet-satir__kod { margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-sepet-satir__not { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12px; color: var(--at-success); font-weight: 600; }
.vt-akis .vt-sepet-satir__not .vt-ikon { width: 15px; height: 15px; stroke-width: 2; }
.vt-akis .vt-sepet-satir__not--uyari { color: var(--at-warning); }
.vt-akis .vt-sepet-satir__birim,
.vt-akis .vt-sepet-satir__toplam { text-align: right; font-variant-numeric: tabular-nums; }
.vt-akis .vt-sepet-satir__birim { font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-sepet-satir__toplam { font-family: var(--at-font-display); font-size: 16px; font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); }
.vt-akis .vt-sepet-satir small { display: block; font-family: var(--at-font-text); font-size: 12px; font-weight: 500; letter-spacing: 0; color: var(--at-muted); }
.vt-akis .vt-sepet-satir__etiket { display: none; }
.vt-akis .vt-sepet-adet { display: grid; gap: 6px; justify-items: start; margin: 0; }
.vt-akis .vt-sepet-adet .btn-vt { height: 30px; font-size: 12px; }
.vt-akis .vt-sepet-satir--pasif { background: var(--at-surface-2); }
.vt-akis .vt-sepet-satir--pasif .vt-sepet-satir__gorsel img { opacity: .5; }
.vt-akis .vt-sepet-satir--pasif .vt-sepet-satir__ad { color: var(--at-muted); }
.vt-akis .vt-sepet-arac { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.vt-akis .vt-sepet-arac form { margin: 0; }
.vt-akis .vt-kodla-ekle { margin-top: 20px; }
.vt-akis .vt-kodla-ekle__satir { display: grid; grid-template-columns: minmax(0, 1fr) 120px auto; gap: 12px; align-items: end; }
@media (max-width: 991.98px) { .vt-akis .vt-sepet-bas { display: none; } }
@media (max-width: 767.98px) {
  .vt-akis .vt-sepet-satir { grid-template-columns: 64px auto minmax(0, 1fr) 44px; grid-template-areas: "g a a s" "g b b b" "d d t t"; gap: 8px 12px; padding: 12px; }
  .vt-akis .vt-sepet-satir__gorsel { grid-area: g; width: 64px; height: 64px; align-self: start; }
  .vt-akis .vt-sepet-satir__gorsel img { width: 58px; height: 58px; }
  .vt-akis .vt-sepet-satir__metin { grid-area: a; }
  .vt-akis .vt-sepet-satir__sil { grid-area: s; align-self: start; }
  .vt-akis .vt-sepet-satir__birim { grid-area: b; text-align: left; }
  .vt-akis .vt-sepet-adet { grid-area: d; }
  .vt-akis .vt-sepet-satir__toplam { grid-area: t; align-self: center; }
  .vt-akis .vt-sepet-satir__etiket { display: inline; font-size: 12px; color: var(--at-muted); }
  .vt-akis .vt-kodla-ekle__satir { grid-template-columns: minmax(0, 1fr) 96px; }
  .vt-akis .vt-kodla-ekle__satir .btn-vt { grid-column: 1 / -1; }
}

/* Sipariş özeti kartı (sepet, ödeme; yapışkan sağ sütun) */
.vt-akis .vt-ozet-kart { padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; box-shadow: var(--at-shadow-xs); }
.vt-akis .vt-ozet-kart__bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--at-border); }
.vt-akis .vt-ozet-kart__baslik { font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-ozet-kart__liste { display: grid; gap: 8px; }
.vt-akis .vt-ozet-kart__satir { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-ozet-kart__satir dd { font-weight: 600; color: var(--at-text); text-align: right; }
.vt-akis .vt-ozet-kart__satir--basari dd { color: var(--at-success); }
.vt-akis .vt-ozet-kart__satir--kucuk { font-size: 13px; }
.vt-akis .vt-ozet-kart__satir--kucuk dd { font-weight: 500; color: var(--at-text-2); }
.vt-akis .vt-ozet-kart__toplam { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--at-border); }
.vt-akis .vt-ozet-kart__toplam span { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-ozet-kart__toplam small { display: block; font-family: var(--at-font-text); font-size: 12px; font-weight: 500; color: var(--at-muted); }
.vt-akis .vt-ozet-kart__toplam strong { font-family: var(--at-font-display); font-size: var(--vt-fs-fiyat); font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vt-akis .vt-ozet-kart > .btn-vt { margin-top: 16px; }
.vt-akis .vt-ozet-kart__yontem { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-ozet-kart__yontem .vt-ikon { flex: none; width: 18px; height: 18px; color: var(--at-accent); }
.vt-akis .vt-ozet-kart .vt-fiyat-tarihi { margin-top: 10px; }
.vt-akis .vt-ozet-kart__urunler { display: grid; gap: 10px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--at-border); }
.vt-akis .vt-ozet-kart__urun { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.vt-akis .vt-ozet-kart__urun img { width: 48px; height: 48px; object-fit: contain; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-akis .vt-ozet-kart__ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 18px; color: var(--at-text); }
.vt-akis .vt-ozet-kart__adet { font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-ozet-kart__tutar { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; color: var(--at-navy-900); white-space: nowrap; }
.vt-akis .vt-ozet-kart .vt-esik { margin-top: 12px; }
.vt-akis .vt-ozet-kart .vt-uyari { margin-top: 14px; font-size: 13px; }
.vt-akis .vt-guven-baglar { margin-top: 0; }
.vt-akis .vt-kdv-gecis { margin-left: auto; }
/* İşletme: KDV hariç/dahil görünüm (yalnız hangi değerin büyük gösterildiğini değiştirir) */
.vt-akis .vt-kdv-dahil-buyuk { display: none; }
.vt-akis.is-kdv-dahil .vt-kdv-dahil-buyuk { display: revert; }
.vt-akis.is-kdv-dahil .vt-kdv-haric-buyuk { display: none; }
/* Kur bayatken (satış kapalı) tutarlar gizlenir */
.vt-akis .vt-guncelleniyor { display: none; color: var(--at-muted); font-size: 13px; font-weight: 600; font-family: var(--at-font-text); letter-spacing: 0; }
.durum-kur-bayat.vt-akis .vt-tutar-gizlenir { display: none !important; }
.durum-kur-bayat.vt-akis .vt-guncelleniyor { display: inline; }

/* ---------------------------------------------------------------- Ödeme */
.vt-akis .vt-odeme-bas { display: grid; grid-template-columns: auto minmax(0, 560px); align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.vt-akis .vt-odeme-bas .vt-adimlar { width: 100%; }
@media (max-width: 991.98px) { .vt-akis .vt-odeme-bas { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-bottom: 16px; } }
.vt-akis .vt-tel-ozet { display: none; }
@media (max-width: 991.98px) {
  .vt-akis .vt-tel-ozet { display: block; margin-bottom: 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
  .vt-akis .vt-tel-ozet__dugme { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 0 14px; font-size: 15px; color: var(--at-navy-900); }
  .vt-akis .vt-tel-ozet__dugme strong { font-family: var(--at-font-display); font-weight: 800; }
  .vt-akis .vt-tel-ozet__dugme .vt-ikon { transition: transform var(--at-fast) var(--at-ease); }
  .vt-akis .vt-tel-ozet__dugme[aria-expanded="true"] .vt-ikon { transform: rotate(180deg); }
  .vt-akis .vt-tel-ozet__ic { padding: 0 14px 14px; }
  .vt-akis .vt-odeme-yan { display: none; }
}
.vt-akis .vt-uyelik-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.vt-akis .vt-uyelik-sec > div { display: grid; gap: 8px; align-content: start; }
.vt-akis .vt-uyelik-sec h3 { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-uyelik-sec p { font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-uyelik-sec > div + div { padding-left: 20px; border-left: 1px solid var(--at-border); }
.vt-akis .vt-uyelik-sec .btn-vt { justify-self: start; }
@media (max-width: 575.98px) {
  .vt-akis .vt-uyelik-sec { grid-template-columns: minmax(0, 1fr); }
  .vt-akis .vt-uyelik-sec > div + div { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--at-border); }
}
.vt-akis .vt-kayitli-adres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vt-akis .vt-kayitli-adres label { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; padding: 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); font-size: 13px; color: var(--at-text-2); cursor: pointer; }
.vt-akis .vt-kayitli-adres label:has(input:checked) { border-color: var(--at-accent); box-shadow: 0 0 0 1px var(--at-accent); background: var(--at-teal-50); }
.vt-akis .vt-kayitli-adres strong { display: block; font-size: 14px; color: var(--at-navy-900); }
.vt-akis .vt-kayitli-adres input { margin-top: 2px; }
@media (max-width: 575.98px) { .vt-akis .vt-kayitli-adres { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-sabit-bilgi { padding: 14px 16px; border: 1px dashed var(--at-border-strong); border-radius: var(--at-r-sm); background: var(--at-surface-2); font-size: 14px; color: var(--at-text); }
.vt-akis .vt-sabit-bilgi strong { color: var(--at-navy-900); }
.vt-akis .vt-sabit-bilgi p + p { margin-top: 4px; }
.vt-akis .vt-sabit-bilgi .vt-alan__ipucu { margin-top: 8px; }

/* Ödeme yöntemi kartları (hiçbiri önceden seçili gelmez) */
.vt-akis .vt-yontemler { display: grid; gap: 12px; }
.vt-akis .vt-yontem { border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-yontem:has(> .vt-yontem__bas input:checked) { border-color: var(--at-accent); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-akis .vt-yontem__bas { display: grid; grid-template-columns: 20px 28px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 64px; padding: 12px 16px; cursor: pointer; }
.vt-akis .vt-yontem__bas > .vt-ikon { width: 26px; height: 26px; color: var(--at-accent); }
.vt-akis .vt-yontem__bas strong { display: block; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-yontem__bas small { display: block; font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-yontem__govde { padding: 4px 16px 16px 76px; }
@media (max-width: 575.98px) { .vt-akis .vt-yontem__govde { padding: 4px 14px 14px; } }
.vt-akis .vt-taksit-tablo { margin-top: 4px; border: 1px solid var(--at-border); font-size: 14px; }
.vt-akis .vt-taksit-tablo td,
.vt-akis .vt-taksit-tablo th { padding: 8px 12px; }
.vt-akis .vt-not { margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--at-text-2); }
.vt-akis .vt-not .vt-ikon { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right: 4px; color: var(--at-accent); stroke-width: 2; }
.vt-akis .vt-hesap-kisa { display: grid; gap: 8px; }
.vt-akis .vt-hesap-kisa li { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: var(--at-surface-2); font-size: 13px; }
.vt-akis .vt-hesap-kisa strong { font-size: 14px; color: var(--at-navy-900); }
.vt-akis .vt-hesap-kisa .vt-kopyala { margin-left: 0; }
@media (max-width: 575.98px) {
  .vt-akis .vt-hesap-kisa li { grid-template-columns: minmax(0, 1fr) auto; }
  .vt-akis .vt-hesap-kisa li > strong { grid-column: 1 / -1; }
}
.vt-akis .vt-kargo-bilgi { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; }
.vt-akis .vt-kargo-bilgi__simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-akis .vt-kargo-bilgi p { font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-kargo-bilgi p strong { color: var(--at-navy-900); }

/* Onay adımı: "Siparişinizi onaylamadan önce" kutusu ve sözleşme kutuları (en az 16 px; MSY md.6/1) */
.vt-akis .vt-onay-ozet { display: grid; gap: 0; border: 2px solid var(--at-navy-900); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-onay-ozet__bas { padding: 14px 20px; background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; }
.vt-akis .vt-onay-ozet__bolum { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 14px 20px; border-top: 1px solid var(--at-border); font-size: 16px; line-height: 1.55; color: var(--at-text); }
.vt-akis .vt-onay-ozet__bolum:first-of-type { border-top: 0; }
.vt-akis .vt-onay-ozet__bolum > h3 { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); line-height: 1.6; }
.vt-akis .vt-onay-ozet__bolum ul { display: grid; gap: 2px; }
.vt-akis .vt-onay-ozet__bolum strong { color: var(--at-navy-900); }
@media (max-width: 767.98px) {
  .vt-akis .vt-onay-ozet__bolum { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px 14px; }
  .vt-akis .vt-onay-ozet__bolum > div { grid-column: 1 / -1; grid-row: 2; }
  .vt-akis .vt-onay-ozet__bas { padding: 12px 14px; }
}
.vt-akis .vt-sozlesme { margin-top: 16px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); }
.vt-akis .vt-sozlesme__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 16px; border-bottom: 1px solid var(--at-border); background: var(--at-surface-3); border-radius: var(--at-r-sm) var(--at-r-sm) 0 0; }
.vt-akis .vt-sozlesme__bas h2,
.vt-akis .vt-sozlesme__bas h3 { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-sozlesme__metin { max-height: 280px; overflow-y: auto; padding: 16px 20px; font-size: 16px; line-height: 1.6; color: var(--at-text); scrollbar-width: thin; }
.vt-akis .vt-sozlesme__metin:focus-visible { outline-offset: -3px; }
.vt-akis .vt-sozlesme__metin h4 { margin: 16px 0 6px; font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-sozlesme__metin h4:first-child { margin-top: 0; }
.vt-akis .vt-sozlesme__metin p + p { margin-top: 8px; }
.vt-akis .vt-sozlesme__metin ul { list-style: disc; padding-left: 22px; }
.vt-akis .vt-sozlesme__metin table { margin: 6px 0; font-size: 15px; }
.vt-akis .vt-sozlesme__metin td,
.vt-akis .vt-sozlesme__metin th { padding: 6px 8px; border: 1px solid var(--at-border); text-align: left; }
.vt-akis .vt-sozlesme__metin .vt-sag { text-align: right; }
.vt-akis .vt-teyit { display: grid; gap: 12px; margin-top: 20px; padding: 18px 20px; border-radius: var(--at-r-sm); background: var(--at-surface-2); border: 1px solid var(--at-border); }
.vt-akis .vt-teyit .vt-onay { font-size: 15px; }
.vt-akis .vt-teyit__yukumluluk { padding-top: 12px; border-top: 1px solid var(--at-border); font-size: 15px; font-weight: 600; color: var(--at-navy-900); }
.vt-akis .vt-teyit .btn-vt { width: 100%; height: 52px; font-size: 17px; }
.vt-akis .vt-ozet-bant { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 20px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); font-size: 14px; color: var(--at-text); }
.vt-akis .vt-ozet-bant strong { font-family: var(--at-font-display); color: var(--at-navy-900); }
.vt-akis .vt-ozet-bant + .vt-kutu { margin-top: 16px; }

/* Kart sayfası: sağlayıcının iFrame alanı (yer tutucu; PayTR iFrame ya da iyzico yönlendirmesi) */
.vt-akis .vt-iframe-yer { display: grid; place-items: center; align-content: center; gap: 12px; min-height: 460px; margin-top: 16px; padding: 30px 20px; border: 2px dashed var(--at-border-strong); border-radius: var(--at-r-sm); background: var(--at-surface-2); text-align: center; }
.vt-akis .vt-iframe-yer > .vt-ikon { width: 40px; height: 40px; color: var(--at-accent); stroke-width: 1.5; }
.vt-akis .vt-iframe-yer h2 { font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-iframe-yer p { max-width: 460px; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-proto-not { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px; padding-top: 14px; border-top: 1px dashed var(--at-border-strong); font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-proto-not a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; font-size: 12px; font-weight: 600; }
.vt-akis .vt-donen { width: 44px; height: 44px; border: 4px solid var(--at-teal-100); border-top-color: var(--at-accent); border-radius: 50%; animation: vt-donen 1s linear infinite; }
@keyframes vt-donen { to { transform: rotate(360deg); } }

/* ---------------------------------------------------------------- Sipariş alındı */
.vt-akis .vt-tamam-bas { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 24px; margin-bottom: 20px; border: 1px solid var(--at-success-border); border-radius: var(--at-r-sm); background: var(--at-success-soft); }
.vt-akis .vt-tamam-bas__simge { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--at-success); color: #FFFFFF; }
.vt-akis .vt-tamam-bas__simge .vt-ikon { width: 36px; height: 36px; stroke-width: 2.4; }
.vt-akis .vt-tamam-bas--bekliyor { border-color: var(--at-warning-border); background: var(--at-warning-soft); }
.vt-akis .vt-tamam-bas--bekliyor .vt-tamam-bas__simge { background: var(--at-warning); }
.vt-akis .vt-tamam-bas h1 { font-family: var(--at-font-display); font-size: 26px; font-weight: 800; color: var(--at-navy-900); }
.vt-akis .vt-tamam-bas p { margin-top: 4px; font-size: 15px; color: var(--at-text-2); }
.vt-akis .vt-tamam-bas__no { display: grid; justify-items: end; gap: 4px; text-align: right; }
.vt-akis .vt-tamam-bas__no span { font-size: 12px; font-weight: 600; color: var(--at-muted); text-transform: uppercase; letter-spacing: .05em; }
.vt-akis .vt-tamam-bas__no strong { font-family: var(--at-font-display); font-size: 24px; font-weight: 800; letter-spacing: .02em; color: var(--at-navy-900); }
@media (max-width: 767.98px) {
  .vt-akis .vt-tamam-bas { grid-template-columns: 52px minmax(0, 1fr); gap: 14px; padding: 18px 16px; }
  .vt-akis .vt-tamam-bas__simge { width: 52px; height: 52px; }
  .vt-akis .vt-tamam-bas__simge .vt-ikon { width: 28px; height: 28px; stroke-width: 2.4; }
  .vt-akis .vt-tamam-bas h1 { font-size: 21px; }
  .vt-akis .vt-tamam-bas__no { grid-column: 1 / -1; justify-items: start; text-align: left; padding-top: 12px; border-top: 1px solid var(--at-success-border); }
  .vt-akis .vt-tamam-bas--bekliyor .vt-tamam-bas__no { border-top-color: var(--at-warning-border); }
}
.vt-akis .vt-talimat__karolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.vt-akis .vt-talimat__karo { display: grid; gap: 4px; align-content: start; padding: 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
.vt-akis .vt-talimat__karo span { font-size: 12px; font-weight: 600; color: var(--at-muted); text-transform: uppercase; letter-spacing: .04em; }
.vt-akis .vt-talimat__karo strong { font-family: var(--at-font-display); font-size: 20px; font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); }
.vt-akis .vt-talimat__karo .vt-kopyala { justify-self: start; margin: 4px 0 0; }
.vt-akis .vt-talimat__karo--vurgu { border-color: var(--at-warning-border); background: var(--at-warning-soft); }
.vt-akis .vt-talimat .vt-hesap-kisa { margin-top: 16px; }
.vt-akis .vt-talimat .vt-uyari { margin-top: 16px; }
@media (max-width: 767.98px) { .vt-akis .vt-talimat__karolar { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-urun-satirlar { display: grid; }
.vt-akis .vt-urun-satir { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--at-border-2); }
.vt-akis .vt-urun-satir:first-child { padding-top: 0; }
.vt-akis .vt-urun-satir img { width: 56px; height: 56px; object-fit: contain; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-akis .vt-urun-satir__ad { font-size: 14px; font-weight: 500; color: var(--at-text); line-height: 1.4; }
.vt-akis .vt-urun-satir__ad a { color: inherit; }
.vt-akis .vt-urun-satir__alt { font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-urun-satir__tutar { font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vt-akis .vt-toplamlar { display: grid; gap: 8px; margin-top: 14px; margin-left: auto; max-width: 360px; }
.vt-akis .vt-iki-adres { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.vt-akis .vt-iki-adres h3 { margin-bottom: 6px; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-iki-adres p { font-size: 14px; color: var(--at-text-2); line-height: 1.55; }
@media (max-width: 575.98px) { .vt-akis .vt-iki-adres { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-uye-ol-kart { display: grid; gap: 12px; padding: 20px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); }
.vt-akis .vt-uye-ol-kart h2 { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-uye-ol-kart p { font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-yardim-kart { display: grid; gap: 4px; padding: 16px 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); }
.vt-akis .vt-yardim-kart h2 { margin-bottom: 4px; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-yardim-kart a { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 14px; color: var(--at-navy-900); }
.vt-akis .vt-yardim-kart a .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
@media (max-width: 991.98px) { .vt-akis .vt-yardim-kart a { min-height: 44px; } }

/* ---------------------------------------------------------------- Hesabım: 3/12 menü + 9/12 içerik */
.vt-akis .vt-hesap { align-items: start; padding-bottom: 10px; }
.vt-akis .vt-hesap-yan { position: sticky; top: 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; min-width: 0; }
.vt-akis .vt-hesap-kim { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--at-r-sm); background: var(--at-gradient-band); color: #FFFFFF; }
.vt-akis .vt-hesap-kim__avatar { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--at-on-dark-fill-2); box-shadow: inset 0 0 0 1px var(--at-on-dark-line); font-family: var(--at-font-display); font-weight: 800; }
.vt-akis .vt-hesap-kim__ad { font-family: var(--at-font-display); font-size: 16px; font-weight: 800; }
.vt-akis .vt-hesap-kim__alt { margin-top: 2px; font-size: 13px; color: var(--at-on-dark-2); }
.vt-akis .vt-hesap-kim .vt-rozet--isletme { background: #FFFFFF; color: var(--at-navy-900); }
.vt-akis .vt-hesap-menu ul { display: grid; gap: 6px; }
.vt-akis .vt-hesap-menu a,
.vt-akis .vt-hesap-menu button {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 43px; padding: 0 14px;
  border-radius: var(--at-r-xs); background: var(--at-teal-50); color: var(--at-text-2);
  font-size: 15px; text-align: left; line-height: 1.25;
}
.vt-akis .vt-hesap-menu a:hover,
.vt-akis .vt-hesap-menu button:hover { color: var(--at-navy-900); text-decoration: none; }
.vt-akis .vt-hesap-menu .vt-ikon { flex: none; width: 18px; height: 18px; color: var(--at-accent); }
.vt-akis .vt-hesap-menu a[aria-current="page"] { background: var(--at-accent); color: #FFFFFF; font-weight: 600; }
.vt-akis .vt-hesap-menu a[aria-current="page"] .vt-ikon { color: #FFFFFF; }
.vt-akis .vt-hesap-menu form { margin: 0; }
.vt-akis .vt-hesap-menu button { color: var(--at-danger); }
.vt-akis .vt-hesap-menu button .vt-ikon { color: var(--at-danger); }
.vt-akis .vt-hesap-bas { margin-bottom: 20px; }
.vt-akis .vt-hesap-icerik { min-width: 0; }
@media (max-width: 991.98px) {
  .vt-akis .vt-hesap { gap: 14px; padding-bottom: 0; }
  .vt-akis .vt-hesap-yan { position: static; }
  .vt-akis .vt-hesap-kim { padding: 12px 14px; }
  .vt-akis .vt-hesap-menu { margin-inline: calc(var(--vt-gutter) * -1); }
  .vt-akis .vt-hesap-menu ul { display: flex; gap: 8px; overflow-x: auto; padding: 2px var(--vt-gutter) 6px; scroll-snap-type: x proximity; scrollbar-width: none; }
  .vt-akis .vt-hesap-menu ul::-webkit-scrollbar { display: none; }
  .vt-akis .vt-hesap-menu li { flex: none; scroll-snap-align: start; }
  .vt-akis .vt-hesap-menu a,
  .vt-akis .vt-hesap-menu button { min-height: 44px; padding: 0 14px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-full); font-size: 14px; white-space: nowrap; }
}

/* Pano: kısa yollar, sipariş kartı, durum kartları */
.vt-akis .vt-kisayollar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.vt-akis .vt-kisayol { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; align-items: center; gap: 12px; min-height: 76px; padding: 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; color: var(--at-text); }
.vt-akis .vt-kisayol:hover { border-color: var(--at-teal-200); background: var(--at-teal-50); text-decoration: none; }
.vt-akis .vt-kisayol__simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-akis .vt-kisayol strong { display: block; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-kisayol small { display: block; font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-kisayol > .vt-ikon { width: 18px; height: 18px; color: var(--at-muted); }
@media (max-width: 1199.98px) { .vt-akis .vt-kisayollar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .vt-akis .vt-kisayollar { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-iki-kart { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.vt-akis .vt-iki-kart > .vt-kutu { margin-top: 0; }
@media (max-width: 767.98px) { .vt-akis .vt-iki-kart { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-bolum-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 24px 0 12px; }
.vt-akis .vt-bolum-bas h2 { font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-bolum-bas a { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; font-size: 14px; font-weight: 600; }

.vt-akis .vt-sekme-cip { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.vt-akis .vt-sekme-cip a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; color: var(--at-text-2); font-size: 13px; font-weight: 600; }
.vt-akis .vt-sekme-cip a:hover { border-color: var(--at-accent); color: var(--at-navy-900); text-decoration: none; }
.vt-akis .vt-sekme-cip a[aria-current="page"] { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-akis .vt-sekme-cip span { color: inherit; opacity: .8; font-weight: 500; }
@media (max-width: 991.98px) {
  .vt-akis .vt-sekme-cip { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--vt-gutter) * -1); padding: 0 var(--vt-gutter) 4px; scrollbar-width: none; }
  .vt-akis .vt-sekme-cip a { flex: none; min-height: 44px; }
}

.vt-akis .vt-siparis-kartlar { display: grid; gap: 12px; }
.vt-akis .vt-siparis-kart { border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-siparis-kart__bas { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--at-border); background: var(--at-surface-2); border-radius: var(--at-r-sm) var(--at-r-sm) 0 0; }
.vt-akis .vt-siparis-kart__no { font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); }
.vt-akis .vt-siparis-kart__tarih { display: block; font-family: var(--at-font-text); font-size: 12px; font-weight: 500; color: var(--at-muted); }
.vt-akis .vt-siparis-kart__tutar { font-family: var(--at-font-display); font-size: 16px; font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vt-akis .vt-siparis-kart__govde { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 14px 16px; }
.vt-akis .vt-siparis-kart__resimler { display: flex; gap: 6px; }
.vt-akis .vt-siparis-kart__resimler img { width: 56px; height: 56px; object-fit: contain; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-akis .vt-siparis-kart__ozet { font-size: 13px; color: var(--at-text-2); line-height: 1.5; }
.vt-akis .vt-siparis-kart__ozet strong { color: var(--at-text); font-weight: 600; }
.vt-akis .vt-siparis-kart__eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.vt-akis .vt-siparis-kart__eylem form { margin: 0; }
.vt-akis .vt-siparis-kart__uyari { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--at-warning-border); background: var(--at-warning-soft); font-size: 13px; color: var(--at-text); border-radius: 0 0 var(--at-r-sm) var(--at-r-sm); }
.vt-akis .vt-siparis-kart__uyari .vt-ikon { width: 18px; height: 18px; color: var(--at-warning); }
@media (max-width: 767.98px) {
  .vt-akis .vt-siparis-kart__bas { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 14px; }
  .vt-akis .vt-siparis-kart__bas .vt-durum { grid-row: 2; grid-column: 1; justify-self: start; }
  .vt-akis .vt-siparis-kart__govde { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px; }
  .vt-akis .vt-siparis-kart__eylem { justify-content: stretch; }
  .vt-akis .vt-siparis-kart__eylem > * { flex: 1 1 140px; }
  .vt-akis .vt-siparis-kart__eylem .btn-vt { width: 100%; }
}
.vt-akis .vt-detay-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.vt-akis .vt-detay-bas__sol { display: grid; gap: 6px; }
.vt-akis .vt-detay-bas__sol h1 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vt-akis .vt-detay-bas__sol p { font-size: 13px; color: var(--at-muted); }
.vt-akis .vt-detay-bas__eylem { display: flex; gap: 8px; flex-wrap: wrap; }
.vt-akis .vt-detay-bas__eylem form { margin: 0; }
.vt-akis .vt-durum-hatti { padding-top: 18px; padding-bottom: 20px; }
.vt-akis .vt-durum-hatti .vt-adim { font-size: 13px; }
.vt-akis .vt-detay-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.vt-akis .vt-detay-izgara > div { display: grid; gap: 16px; min-width: 0; }
.vt-akis .vt-detay-izgara .vt-kutu + .vt-kutu { margin-top: 0; }
.vt-akis .vt-detay-izgara > div:last-child .vt-bilgi-liste > div { grid-template-columns: 80px minmax(0, 1fr); }
@media (max-width: 1199.98px) { .vt-akis .vt-detay-izgara { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-belgeler { display: grid; gap: 4px; }
.vt-akis .vt-belgeler a,
.vt-akis .vt-belgeler span { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 14px; }
.vt-akis .vt-belgeler .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-akis .vt-belgeler span { color: var(--at-muted); }
.vt-akis .vt-eylem-liste { display: grid; gap: 10px; }
.vt-akis .vt-eylem-liste form { margin: 0; }
.vt-akis .vt-eylem-liste .btn-vt { width: 100%; }
.vt-akis .vt-eylem-liste p { font-size: 13px; color: var(--at-text-2); }

/* Adresler */
.vt-akis .vt-adresler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vt-akis .vt-adres-kart { display: grid; gap: 10px; align-content: start; padding: 18px 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-adres-kart--varsayilan { border-color: var(--at-teal-200); box-shadow: inset 4px 0 0 var(--at-accent); }
.vt-akis .vt-adres-kart__bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.vt-akis .vt-adres-kart__bas h2 { display: flex; align-items: center; gap: 8px; font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-adres-kart__bas h2 .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-akis .vt-adres-kart__rozetler { display: flex; flex-wrap: wrap; gap: 6px; }
.vt-akis .vt-adres-kart address { font-style: normal; font-size: 14px; line-height: 1.6; color: var(--at-text-2); }
.vt-akis .vt-adres-kart address strong { color: var(--at-text); }
.vt-akis .vt-adres-kart__eylem { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--at-border-2); }
.vt-akis .vt-adres-kart__eylem form { margin: 0; }
@media (max-width: 767.98px) { .vt-akis .vt-adresler { grid-template-columns: minmax(0, 1fr); } }
.vt-akis .vt-arac-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; font-size: 14px; color: var(--at-text-2); }

/* Favoriler: liste kartı ızgarası + kart altı eylemler (kart ve eylem satırı tek kabukta: §11 "kartın altında kendi satırı olan yerler") */
.vt-akis .vt-fav-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--vt-izgara-ara-y) var(--vt-izgara-ara-x); }
.vt-akis .vt-fav-oge { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto; min-width: 0; }
.vt-akis .vt-fav-eylem { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px var(--vt-kart-ic); }
.vt-akis .vt-fav-eylem form { margin: 0; }
.vt-akis .vt-fav-eylem .btn-vt { width: 100%; min-width: 0; overflow: hidden; border-radius: var(--at-r-full); }
.vt-akis .vt-fav-eylem .vt-ikon-dugme { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; color: var(--at-text-2); }
@media (max-width: 1199.98px) { .vt-akis .vt-fav-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px), (pointer: coarse) {
  .vt-akis .vt-fav-eylem .btn-vt { min-height: 44px; }
  .vt-akis .vt-fav-eylem .vt-ikon-dugme { width: 44px; height: 44px; }
}
@media (max-width: 767.98px) {
  .vt-akis .vt-fav-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Teklif Listem ve Tekliflerim (Hesabım) */
.vt-akis .vt-teklif-satirlar { display: grid; gap: 10px; }
.vt-akis .vt-teklif-satirlar .vt-kompakt { min-height: 0; }
.vt-akis .vt-teklif-gecmis { display: grid; gap: 10px; }
.vt-akis .vt-teklif-gecmis details { border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-akis .vt-teklif-gecmis summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 20px; align-items: center; gap: 16px; min-height: 60px; padding: 10px 16px; list-style: none; cursor: pointer; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-teklif-gecmis summary::-webkit-details-marker { display: none; }
.vt-akis .vt-teklif-gecmis summary strong { display: block; font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); }
.vt-akis .vt-teklif-gecmis summary > .vt-ikon { width: 18px; height: 18px; color: var(--at-navy-900); transition: transform var(--at-fast) var(--at-ease); }
.vt-akis .vt-teklif-gecmis details[open] > summary > .vt-ikon { transform: rotate(180deg); }
.vt-akis .vt-teklif-gecmis__ic { padding: 0 16px 16px; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-teklif-gecmis__ic ul { display: grid; gap: 4px; margin: 8px 0; list-style: disc; padding-left: 20px; }
@media (max-width: 575.98px) { .vt-akis .vt-teklif-gecmis summary { grid-template-columns: minmax(0, 1fr) 20px; gap: 6px 12px; } .vt-akis .vt-teklif-gecmis summary .vt-durum, .vt-akis .vt-teklif-gecmis summary .vt-teklif-gecmis__kalem { grid-column: 1; } }

/* Kurumsal üyelik başvurusu (Favorilerim'deki ürün kartının avantaj rozetlerine sızmaz: :not(--kart)) */
.vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) > .vt-avantaj { display: grid; gap: 6px; align-content: start; padding: 16px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-sm); background: var(--at-teal-50); }
.vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) > .vt-avantaj .vt-ikon { width: 24px; height: 24px; color: var(--at-accent); }
.vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) > .vt-avantaj strong { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) > .vt-avantaj p { font-size: 13px; color: var(--at-text-2); }
@media (max-width: 767.98px) { .vt-akis .vt-avantajlar:not(.vt-avantajlar--kart) { grid-template-columns: minmax(0, 1fr); } }

/* ---------------------------------------------------------------- Teklif İste (referans: ürün toplama sihirbazı; sol 8/12 seçici + sağ 4/12 yapışkan liste) */
.vt-akis .vt-teklif-katlar { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0; border: 1px solid var(--at-border); border-radius: var(--at-r-sm) var(--at-r-sm) 0 0; background: var(--at-surface-3); overflow: hidden; }
.vt-akis .vt-teklif-kat { display: grid; justify-items: center; align-content: center; gap: 6px; min-height: 98px; padding: 10px 6px; border-right: 1px solid var(--at-border); color: var(--at-text-2); font-size: 12px; font-weight: 600; line-height: 1.3; text-align: center; }
.vt-akis .vt-teklif-kat:last-child { border-right: 0; }
.vt-akis .vt-teklif-kat .vt-ikon { width: 26px; height: 26px; color: var(--at-accent); }
.vt-akis .vt-teklif-kat:hover { background: #FFFFFF; color: var(--at-navy-900); text-decoration: none; }
.vt-akis .vt-teklif-kat[aria-current="page"] { background: var(--at-accent); color: #FFFFFF; }
.vt-akis .vt-teklif-kat[aria-current="page"] .vt-ikon { color: #FFFFFF; }
.vt-akis .vt-teklif-bant { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-height: 68px; margin-top: 10px; padding: 10px 16px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); }
.vt-akis .vt-teklif-bant h2 { flex: 1; min-width: 180px; display: flex; align-items: center; gap: 8px; font-family: var(--at-font-display); font-size: var(--at-fs-lg); font-weight: 700; color: var(--at-navy-900); }
.vt-akis .vt-teklif-bant h2 .vt-ikon { color: var(--at-accent); }
.vt-akis .vt-teklif-bant .vt-secim { width: 170px; height: 40px; }
.vt-akis .vt-teklif-suzgec { position: relative; }
.vt-akis .vt-teklif-suzgec > summary { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-sm); background: #FFFFFF; list-style: none; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-akis .vt-teklif-suzgec > summary::-webkit-details-marker { display: none; }
.vt-akis .vt-teklif-suzgec > summary .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-akis .vt-teklif-suzgec__ic { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; display: grid; gap: 4px; width: 260px; padding: 12px 14px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: #FFFFFF; box-shadow: var(--at-shadow-pop); }
.vt-akis .vt-teklif-arac { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 14px 0; }
.vt-akis .vt-teklif-ara { display: flex; gap: 8px; flex: 1; max-width: 420px; }
.vt-akis .vt-teklif-ara .vt-girdi { flex: 1; }
.vt-akis .vt-teklif-sayfa { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-teklif-sayfa .vt-ikon-dugme { border: 1px solid var(--at-border-strong); border-radius: var(--at-r-xs); width: 34px; height: 34px; }
.vt-akis .vt-teklif-karolar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vt-akis .vt-teklif-karo { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 8px; padding: 10px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-akis .vt-teklif-karo--listede { border-color: var(--at-teal-200); background: var(--at-teal-50); }
.vt-akis .vt-teklif-karo__gorsel { position: relative; aspect-ratio: 1 / 1; }
.vt-akis .vt-teklif-karo__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.vt-akis .vt-teklif-karo__dis { position: absolute; right: 4px; top: 4px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--at-text-2); }
.vt-akis .vt-teklif-karo__dis:hover { background: var(--at-surface-3); color: var(--at-navy-900); }
.vt-akis .vt-teklif-karo__dis .vt-ikon { width: 18px; height: 18px; }
.vt-akis .vt-teklif-karo__ad { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--at-text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vt-akis .vt-teklif-karo__kod { display: block; margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-teklif-karo form { margin: 0; }
.vt-akis .vt-teklif-karo .btn-vt { width: 100%; }
.vt-akis .vt-teklif-karo__durum { display: flex; align-items: center; justify-content: center; gap: 6px; height: 34px; font-size: 13px; font-weight: 600; color: var(--at-success); }
.vt-akis .vt-teklif-karo__durum .vt-ikon { width: 16px; height: 16px; stroke-width: 2; }
.vt-akis .vt-teklif-liste .vt-kutu__govde { display: grid; gap: 14px; }
.vt-akis .vt-teklif-kalemler { display: grid; gap: 8px; }
.vt-akis .vt-teklif-kalem { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px; gap: 8px; align-items: center; padding-bottom: 8px; border-bottom: 1px solid var(--at-border-2); }
.vt-akis .vt-teklif-kalem__ad { font-size: 13px; font-weight: 500; line-height: 1.35; color: var(--at-text); }
.vt-akis .vt-teklif-kalem__kod { display: block; font-size: 12px; color: var(--at-muted); }
.vt-akis .vt-teklif-kalem .vt-adet { grid-template-columns: 32px 40px 32px; height: 36px; }
.vt-akis .vt-teklif-kalem .vt-adet input { font-size: 14px; }
.vt-akis .vt-teklif-bos { display: grid; justify-items: center; gap: 6px; padding: 24px 14px; border: 2px dashed var(--at-border-strong); border-radius: var(--at-r-sm); text-align: center; font-size: 14px; color: var(--at-text-2); }
.vt-akis .vt-teklif-bos strong { font-family: var(--at-font-display); font-size: 15px; color: var(--at-navy-900); }
.vt-akis .vt-teklif-bos .vt-ikon { width: 28px; height: 28px; color: var(--at-accent); }
.vt-akis .vt-teklif-liste .vt-form { gap: 12px; }
.vt-akis .vt-teklif-liste .vt-ayrac { margin: 2px 0; }
@media (max-width: 1199.98px) {
  .vt-akis .vt-teklif-katlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vt-akis .vt-teklif-kat:nth-child(4n) { border-right: 0; }
  .vt-akis .vt-teklif-kat:nth-child(-n+4) { border-bottom: 1px solid var(--at-border); }
  .vt-akis .vt-teklif-karolar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .vt-akis .vt-teklif-katlar { display: flex; overflow-x: auto; scrollbar-width: none; }
  .vt-akis .vt-teklif-kat { flex: 0 0 104px; border-bottom: 0 !important; border-right: 1px solid var(--at-border) !important; }
  .vt-akis .vt-teklif-karolar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .vt-akis .vt-teklif-bant .vt-secim-sar { flex: 1; }
  .vt-akis .vt-teklif-bant .vt-secim { width: 100%; height: 44px; }
  .vt-akis .vt-teklif-suzgec > summary { height: 44px; }
  .vt-akis .vt-teklif-suzgec__ic { right: auto; left: auto; width: min(260px, calc(100vw - 40px)); }
  .vt-akis .vt-teklif-ara { max-width: none; flex-basis: 100%; }
  .vt-akis .vt-teklif-sayfa .vt-ikon-dugme { width: 44px; height: 44px; }
  .vt-akis .vt-teklif-karo__dis { width: 44px; height: 44px; right: 0; top: 0; }
  .vt-akis .vt-teklif-kalem { grid-template-columns: minmax(0, 1fr) 44px; }
  .vt-akis .vt-teklif-kalem .vt-adet { grid-column: 1; grid-row: 2; height: 44px; grid-template-columns: 44px 48px 44px; }
}

/* Yazdırma: Teklif Listem ve sözleşme metinleri (Yazdır düğmesi) */
@media print {
  .vt-akis .vt-teklif-secici,
  .vt-akis .vt-hesap-yan,
  .vt-akis .vt-odeme-yan,
  .vt-akis .vt-dugme-satir,
  .vt-akis .vt-yol { display: none !important; }
  .vt-akis .vt-sozlesme__metin { max-height: none; overflow: visible; }
  .vt-akis .vt-izgara > [class*="vt-col-"] { grid-column: 1 / -1; }
}

/* Durum yardımcıları (yalnız bu sayfa grubu): havale onayı, üye/misafir sonuç ekranı */
.vt-akis .vt-yalniz-havale,
.vt-akis .vt-yalniz-uye { display: none; }
.durum-havale.vt-akis .vt-yalniz-havale { display: inline; }
.durum-havale.vt-akis .vt-gizle-havale { display: none; }
.durum-uye.vt-akis .vt-yalniz-uye { display: block; }
.durum-uye.vt-akis .vt-gizle-uye { display: none; }
.vt-akis .vt-dugme-satir--orta { justify-content: center; }
.vt-akis .vt-akis-tel-ozet__sag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--at-text-2); }
.vt-akis .vt-akis-yarim { max-width: calc(50% - 8px); }
.vt-akis .vt-ozet-kart__toplam.vt-toplamlar { display: flex; }
.vt-akis .vt-ozet-bant { margin-bottom: 16px; }
.vt-akis .vt-ozet-bant > span { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; }
.vt-akis .vt-detay-bas__baslik { display: flex; align-items: center; gap: 4px 10px; flex-wrap: wrap; }
.vt-akis .vt-detay-bas__baslik .vt-kopyala { margin-left: 0; }
@media (max-width: 575.98px) { .vt-akis .vt-akis-yarim { max-width: none; } }
/* Telefonda dokunma hedefleri (>= 44 px) */
@media (max-width: 991.98px) {
  .vt-akis .vt-mini-sepet__sil { width: 44px; height: 44px; }
  .vt-akis .vt-adet { grid-template-columns: 44px 54px 44px; height: 48px; }
  .vt-akis .vt-adet--s { grid-template-columns: 44px 48px 44px; height: 46px; }
  .vt-akis .vt-teklif-kalem .vt-adet { height: 46px; }
  .vt-akis .vt-kutu__duzenle { min-height: 44px; }
  .vt-akis .vt-geri-bag { min-height: 44px; }
  .vt-akis .vt-belgeler a, .vt-akis .vt-belgeler span { min-height: 44px; }
  .vt-akis .vt-bolum-bas a { min-height: 44px; }
  .vt-akis .vt-sekme-cip a { min-height: 44px; }
  .vt-akis .vt-yol a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-akis .vt-yol { padding: 8px 0 4px; }
  .vt-akis .vt-siralama .vt-secim { height: 44px; }
  .vt-akis .vt-kdv-gecis button { height: 44px; }
  .vt-akis .vt-sepet-satir__ad a,
  .vt-akis .vt-urun-satir__ad a,
  .vt-akis .vt-kompakt__ad a { display: inline-flex; align-items: center; min-height: 44px; }
}
/* === sayfa grubu: akis (sonu) === */

/* === revizyon 1 === */
/* =========================================================================
   REVİZYON 1 · jüri bulguları (7 Ekim 2026). Ortak bileşen düzeltmeleri; sayfaya
   özel ekler kendi gövde sınıfları altında. Kaynak: TASARIM-VITRIN §2.3, §2.4,
   §2.6, §2.7, §2.10, §2.11, §2.12 (revizyon notları belgede).
   ========================================================================= */

/* --- Ürün görseli kuralı (§2.12): görseller beyaz zeminlidir (üretimde GorselIsleyici
   "saydamlık → beyaz" çıktısı; prototipte img/ altında aynı biçim). Açık renkli görsel
   alanında (daire, kare, banner, kapak, kompakt satır, arama önerisi) multiply: beyaz zemin
   alanın rengini alır, delik ya da saçak oluşmaz. Koyu zeminde ürün beyaz disk üstünde durur. */
.vt-ust-bilgi img,
.vt-ana img,
.vt-cekmece img { mix-blend-mode: multiply; }

/* --- Görselsiz kategori: ikon yer tutucu (daire ve kare; görsel gelene kadar) */
.vt-daire__gorsel--ikon,
.vt-kare__gorsel--ikon { color: var(--at-accent); }
.vt-daire__gorsel--ikon .vt-ikon,
.vt-kare__gorsel--ikon .vt-ikon { width: 56px; height: 56px; stroke-width: 1.5; }

/* --- Kahraman: tek ürün, disk ortasında; yapay gölge yerine zemin gölgesi (CSS) */
.vt-slayt__gorsel { z-index: auto; }   /* yığın bağlamı açmaz: görsel slayt zeminiyle karışır (multiply) */
.vt-slayt__gorsel img { z-index: 1; width: 300px; height: 300px; max-width: 100%; max-height: none; object-fit: contain; filter: none; }
.vt-slayt__gorsel::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% + 112px);
  width: 200px;
  height: 24px;
  margin-left: -100px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgb(10 37 64 / .22), rgb(10 37 64 / 0));
}
.vt-slayt--koyu .vt-slayt__gorsel::after { background: radial-gradient(closest-side, rgb(10 37 64 / .28), rgb(10 37 64 / 0)); }
@media (max-width: 767.98px) {
  .vt-slayt__gorsel img { width: 128px; height: 128px; }
  .vt-slayt__gorsel::after { top: calc(50% + 46px); width: 90px; height: 12px; margin-left: -45px; }
}

/* --- Kategori çubuğu: "Tüm Kategoriler" çubuktan ayrışan blok (turkuaz; beyaz yazı 4,96:1) */
.vt-tumkat__dugme { box-shadow: inset -1px 0 0 rgb(255 255 255 / .22); }

/* --- Mega menü: 3 sütun × 2 grup + "Bu kategoride çok satanlar" (yükseklik içerikten) */
.vt-mega__sutun { min-width: 0; }
.vt-mega__cok { grid-column: 1 / -1; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--at-border-2); }
.vt-mega__cok-baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-mega__cok-baslik .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-mega__miniler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.vt-mega__mini {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: center;
  min-height: 74px;
  padding: 4px 10px 4px 4px;
  border: 1px solid var(--at-border-2);
  border-radius: var(--at-r-xs);
  color: var(--at-text);
  text-decoration: none;
}
.vt-mega__mini:hover { border-color: var(--at-accent); text-decoration: none; }
.vt-mega__mini img { grid-row: 1 / span 2; width: 64px; height: 64px; object-fit: contain; }
.vt-mega__mini-ad { align-self: end; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--at-text-2); }
.vt-mega__mini-fiyat { align-self: start; margin-top: 2px; font-family: var(--at-font-display); font-size: 14px; font-weight: 800; letter-spacing: var(--at-track-num); color: var(--at-navy-900); }
.vt-mega__kapak { min-height: 0; }

/* --- Telefon kategori çekmecesi: iki araç kartı üstte yan yana; görselsiz alt satırda ikon */
.vt-cek-araclar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; }
.vt-cek-araclar .vt-cek-kart { margin-top: 0; min-height: 56px; border-color: var(--at-teal-200); background: var(--at-teal-50); font-size: 14px; line-height: 1.25; }
.vt-cek-alt__yer { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-cek-alt__yer .vt-ikon { width: 18px; height: 18px; }

/* --- Breadcrumb telefonda: yalnız bir üst düzeye "‹ Üst kategori" geri bağlantısı (BreadcrumbList microdata kalır) */
@media (max-width: 991.98px) {
  .vt-yol { padding: 2px 0 0; }
  .vt-yol li { display: none; }
  .vt-yol li:nth-last-child(2) { display: inline-flex; }
  .vt-yol li:nth-last-child(2)::before { content: "‹"; margin-right: 2px; font-size: 20px; line-height: 1; color: var(--at-accent-text); }
  .vt-yol li:nth-last-child(2) a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--at-accent-text); }
}

/* --- Taksit satırı (ürün sayfası fiyat bloğu): tek satır. Kartta alt satır sola yaslıdır ve sığmazsa 2 satıra iner (§11, 14 Ekim 2026). */
.vt-fiyat-blok__sag .vt-taksit { white-space: nowrap; }

/* --- Popüler aramalar: telefonda ayraçsız çip dizisi (ayraç masaüstünde öğe sonunda) */
@media (max-width: 991.98px) {
  .vt-alt__aramalar-liste { gap: 8px; }
  .vt-alt__aramalar-liste li::after { content: none !important; }
  .vt-alt__aramalar-liste a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-full); font-size: 13px; }
}

/* --- 3'lü banner ve hesaplama kartı: başlık, açıklama ve düğme kartlar arasında hizalı */
.vt-banner,
.vt-hesapla { align-items: stretch; }
.vt-banner__gorsel,
.vt-hesapla__gorsel { align-self: center; }
.vt-banner > div:last-child,
.vt-hesapla > div:last-child { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-block: 6px; }
.vt-banner__baslik,
.vt-hesapla__baslik { min-height: calc(2 * 1.3em); }
.vt-banner__metin,
.vt-hesapla__metin { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vt-banner .btn-vt,
.vt-hesapla .btn-vt { margin-top: auto; }
.vt-banner__metin,
.vt-hesapla__metin { margin-bottom: 14px; }
@media (max-width: 767.98px) {
  .vt-banner > div:last-child { align-items: center; }
  .vt-banner__baslik,
  .vt-hesapla__baslik { min-height: 0; }
}

/* --- Yan kartın krem satırları (referansın krem rolü; uyarı tonlarından ayrı) */
.vt-yan-kart__satir { border-color: var(--vt-krem-cizgi); background: var(--vt-krem); }
.vt-yan-kart__satir .vt-ikon { color: var(--at-accent); }
a.vt-yan-kart__satir:hover { border-color: var(--at-teal-200); }

/* --- Kart rozetleri: görsel üstünde en çok 2 yuva (sol üst durum, sağ üst favori) */

/* --- Hata özeti (formlar, ?durum=hata): üstte role=alert, maddeler alana bağlantı */
.vt-hata-ozet { display: grid; gap: 6px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid var(--at-danger-border); border-left: 4px solid var(--at-danger); border-radius: var(--at-r-sm); background: var(--at-danger-soft); color: var(--at-text); font-size: 14px; }
.vt-hata-ozet__baslik { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--at-danger); }
.vt-hata-ozet__baslik .vt-ikon { width: 20px; height: 20px; }
.vt-hata-ozet ul { display: grid; gap: 2px; padding-left: 28px; list-style: disc; }
.vt-hata-ozet a { color: var(--at-danger); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* --- Yer tutucu değer (veri bekleniyor; prototipte görünür, yayında boş geçilmez) */

/* --- Marka süzgeci (liste sayfaları): 20×20 onay kutusu, sayı sağda */
.vt-suzgec__secenek input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--at-accent); flex: none; }
/* --- Bayimiz Olun ve Kurumsal Üyelik kahramanı: koyu zeminde ürün beyaz disk üstünde (diskin %80'i) */
.vt-bayi-kahraman__gorsel::before { background: #FFFFFF; box-shadow: 0 0 0 12px rgb(255 255 255 / .08); }
.vt-bayi-kahraman__gorsel img { width: 240px; height: 240px; }

/* --- Kurumsal Üyelik sayfası (§3.19): avantaj kartları, kimler başvurabilir */
.vt-avantajlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vt-avantaj-kart { display: grid; align-content: start; gap: 8px; padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: #FFFFFF; }
.vt-avantaj-kart__simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-avantaj-kart__baslik { font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-avantaj-kart__metin { font-size: 14px; line-height: 1.5; color: var(--at-text-2); }
.vt-kimler { align-items: stretch; }
.vt-kimler__kutu { padding: 22px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: var(--at-surface-2); }
.vt-kimler__baslik { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; color: var(--at-navy-900); }
.vt-kimler__baslik .vt-ikon { color: var(--at-accent); }
.vt-kimler__liste { display: grid; gap: 6px; margin-top: 12px; padding-left: 20px; list-style: disc; font-size: 14px; color: var(--at-text); }
.vt-kimler__not { margin-top: 12px; font-size: 13px; color: var(--at-text-2); }
@media (max-width: 991.98px) { .vt-avantajlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vt-kimler { gap: 16px; } }
@media (max-width: 575.98px) { .vt-avantajlar { grid-template-columns: minmax(0, 1fr); } }
/* --- Ürün sayfası özet sütunu (R6, D4, D12): fiyat tek satır, tarih 12 px + ⓘ, stok ve kargo tek satır */
.vt-urun-sayfasi .vt-urun-ozet { gap: 12px; }
.vt-urun-sayfasi .vt-ozellik-diger > summary,
.vt-urun-sayfasi .vt-parca-ac > summary { display: none; }
.vt-urun-sayfasi .vt-ozellik-diger { margin-top: -4px; }
.vt-urun-sayfasi .vt-urun-fiyat .vt-fiyat-blok { min-height: 0; padding: 10px 0; }
.vt-fiyat-blok__satir { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.vt-urun-sayfasi .vt-fiyat-tarihi { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 12px; line-height: 18px; }
.vt-ipucu { display: inline-flex; color: var(--at-muted); cursor: help; }
.vt-ipucu .vt-ikon { width: 14px; height: 14px; stroke-width: 2; }
.vt-urun-sayfasi .vt-urun-teslim { margin-top: 0; }
.vt-toplu-not,
.vt-stok-oneri { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--at-text-2); }
.vt-toplu-not .vt-ikon,
.vt-stok-oneri .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-toplu-not[hidden],
.vt-stok-oneri[hidden] { display: none; }
.vt-stok-oneri a { font-weight: 600; }
.vt-urun-sayfasi .vt-eylem-satiri > form .btn-vt { width: 100%; }
/* İşletme: varsayılan büyük değer KDV dahil (U7); düğme KDV hariç'i büyütebilir */
.vt-urun-sayfasi .vt-kdv-haric { display: none !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-kdv-dahil { display: none !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-fiyat-blok__satir.vt-kdv-haric { display: flex !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-fiyat-blok__not.vt-kdv-haric { display: block !important; }
.vt-taksit-ilk { display: block; font-size: 12px; color: var(--at-muted); }
/* Sekmeler tek yazı tipi (Manrope 14/600); teknik tablo etiket sütunu 280 px */
.vt-urun-sayfasi .vt-sekmeler__dugme { font-family: var(--at-font-display); font-size: 14px; font-weight: 600; }
.vt-urun-sayfasi .vt-teknik tbody th { width: 280px; }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-ozellik-diger > summary,
  .vt-urun-sayfasi .vt-parca-ac > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: #FFFFFF; color: var(--at-accent-text); font-size: 14px; font-weight: 600; list-style: none; cursor: pointer; }
  .vt-urun-sayfasi .vt-ozellik-diger > summary::-webkit-details-marker,
  .vt-urun-sayfasi .vt-parca-ac > summary::-webkit-details-marker { display: none; }
  .vt-urun-sayfasi .vt-ozellik-diger[open] > summary .vt-ikon,
  .vt-urun-sayfasi .vt-parca-ac[open] > summary .vt-ikon { transform: rotate(180deg); }
  .vt-urun-sayfasi .vt-ozellik-diger > .vt-ozellikler { margin-top: 8px; }
  .vt-urun-sayfasi .vt-parca-ac > .vt-kompaktlar { margin-top: 12px; }
  .vt-urun-sayfasi .vt-teknik tbody th { width: 46%; }
  .vt-urun-sayfasi .vt-fiyat-tarihi .vt-ipucu { min-width: 24px; min-height: 24px; align-items: center; justify-content: center; }
}
/* --- Teklifli ürün (urun-endustriyel.html, §3.6): satın alma kutusu = adet + [Teklif İste] */
.vt-urun-sayfasi .vt-satin-al--teklif { grid-template-columns: 134px minmax(0, 1fr); }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-satin-al--teklif { grid-template-columns: 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-satin-al--teklif .vt-satin-al__dugme { grid-column: auto; }
}
/* --- Tüm Kategoriler sayfası (çekmecenin JS'siz statik sürümü; §1.2 #8a) */
.vt-tumkat-araclar { max-width: 640px; margin: 4px 0 20px; }
.vt-tumkat-sayfa { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: start; }
.vt-tumkat-kart { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: #FFFFFF; }
.vt-tumkat-kart__baslik a { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 16px; font-weight: 800; color: var(--at-navy-900); }
.vt-tumkat-kart__baslik .vt-ikon { width: 26px; height: 26px; color: var(--at-accent); }
.vt-tumkat-kart__liste { display: grid; gap: 4px; }
.vt-tumkat-kart__alt { display: flex; align-items: center; gap: 10px; min-height: 48px; padding-top: 6px; border-top: 1px solid var(--at-border-2); font-size: 15px; font-weight: 600; color: var(--at-navy-900); }
.vt-tumkat-kart__alt img { width: 40px; height: 40px; object-fit: contain; flex: none; }
.vt-tumkat-kart__yaprak { display: flex; flex-wrap: wrap; gap: 0 14px; padding: 0 0 6px 50px; }
.vt-tumkat-kart__yaprak a { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; color: var(--at-text-2); }
@media (max-width: 1199.98px) { .vt-tumkat-sayfa { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .vt-tumkat-sayfa { grid-template-columns: minmax(0, 1fr); }
  .vt-tumkat-kart__yaprak a { min-height: 44px; }
}
/* --- Liste sayfaları: dairelerin altında yönlendirme bandı (D13; ilk kez gelen müşteri için seçim aracı) */
.vt-yonlendir-bant { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 14px 15px 0; padding: 10px 16px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); color: var(--at-text); font-size: 14px; }
.vt-yonlendir-bant > .vt-ikon { color: var(--at-accent); }
.vt-yonlendir-bant a { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.vt-yonlendir-bant__ayrac { color: var(--at-border-hover); }
@media (max-width: 991.98px) { .vt-yonlendir-bant { margin: 10px 0 0; padding: 6px 12px; } .vt-yonlendir-bant a { min-height: 44px; } }
/* --- Sepet (D3, D22, D24): işletmede KDV görünümü yalnız birim ve satır fiyatlarında (varsayılan KDV dahil) */
.vt-akis .vt-kdv-h { display: none; }
.vt-akis.is-kdv-haric .vt-kdv-h { display: inline; }
.vt-akis.is-kdv-haric .vt-kdv-d { display: none; }
.vt-akis .vt-sepet-kdv { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 10px; font-size: 13px; color: var(--at-text-2); }
.vt-tahmini-teslim { display: flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 13px; color: var(--at-text-2); }
.vt-tahmini-teslim > .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-tahmini-teslim strong { color: var(--at-navy-900); }
.vt-akis .vt-fiyat-tarihi { display: flex; align-items: center; gap: 4px; }
.vt-sepet-bosalt > summary { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; font-weight: 600; color: var(--at-text-2); text-decoration: underline; text-underline-offset: 3px; list-style: none; cursor: pointer; }
.vt-sepet-bosalt > summary::-webkit-details-marker { display: none; }
.vt-sepet-bosalt__onay { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--at-danger-border); border-radius: var(--at-r-sm); background: var(--at-danger-soft); font-size: 13px; }
.vt-tel-sepet-ust { display: none; }
@media (max-width: 991.98px) {
  .vt-tel-sepet-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 10px 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: var(--at-surface-2); font-size: 14px; }
  .vt-tel-sepet-ust strong { font-family: var(--at-font-display); font-size: 17px; font-weight: 800; color: var(--at-navy-900); }
  .vt-akis .vt-sepet-kdv { justify-content: flex-start; flex-wrap: wrap; }
}
/* --- Ödeme (D6, D7, D9): kapalı ödeme kabuğu, tek satır üyelik, hata durumu */
.vt-odeme-kabuk { border-bottom: 1px solid var(--at-border); }
.vt-odeme-kabuk__ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; }
.vt-odeme-kabuk__guven { display: inline-flex; align-items: center; gap: 8px; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-odeme-kabuk__guven .vt-ikon { color: var(--at-accent); }
.vt-odeme-kabuk__tel { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); }
.vt-odeme-kabuk__tel .vt-ikon { width: 26px; height: 26px; color: var(--at-navy-900); }
.vt-odeme-kabuk__tel > span { display: flex; flex-direction: column; line-height: 1.2; }
.vt-odeme-kabuk__tel-ust { font-family: var(--at-font-text); font-size: 12px; font-weight: 500; color: var(--at-muted); }
.vt-odeme-kabuk-alt { margin-top: 40px; }
.vt-odeme-sayfasi { padding-bottom: 0 !important; }
@media (max-width: 767.98px) {
  .vt-odeme-kabuk__ic { min-height: 60px; }
  .vt-odeme-kabuk__guven span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .vt-odeme-kabuk__tel-ust { display: none; }
  .vt-odeme-kabuk .vt-logo__alt { display: none; }
}
.vt-uye-satir { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: var(--at-accent-soft); font-size: 14px; color: var(--at-text); }
.vt-uye-satir > .vt-ikon { flex: none; color: var(--at-accent); }
.vt-uye-satir a { font-weight: 700; }
.vt-akis .vt-kutu__baslik > .vt-ikon:first-child { margin-right: 8px; vertical-align: -4px; color: var(--at-accent); }
/* Ön bilgilendirme ve sözleşme kutusu: tablo dahil tüm metin en az 16 px (MSY md.6/1; U18) */
.vt-sozlesme__metin td,
.vt-sozlesme__metin th { font-size: 16px; }
/* --- Sihirbaz (D5, D11): radyo hapları, yanıt çipleri, katlı "Yanıtlarınızı değiştirin" */
@media (min-width: 768px) { .vt-arac-sayfasi .vt-arac-adim__alanlar.vt-arac-adim__alanlar--hap { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vt-hap-soru { border: 0; margin: 0; padding: 0; min-width: 0; }
.vt-haplar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.vt-haplar input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.vt-haplar label { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; font-size: 14px; font-weight: 600; color: var(--at-text); cursor: pointer; }
.vt-haplar label:hover { border-color: var(--at-accent); }
.vt-haplar input:checked + label { border-color: var(--at-accent); background: var(--at-accent-soft); color: var(--at-accent-text); box-shadow: inset 0 0 0 1px var(--at-accent); }
.vt-haplar input:focus-visible + label { outline: 3px solid var(--at-accent-ring); outline-offset: 2px; }
.vt-sonuc-kart__cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.vt-sonuc-kart__cipler li { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: var(--at-r-full); background: var(--at-on-dark-fill-2); font-size: 13px; font-weight: 600; color: #FFFFFF; }
.vt-yanit-degistir { margin-top: 24px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: #FFFFFF; }
.vt-yanit-degistir > summary { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 20px; font-family: var(--at-font-display); font-size: 16px; font-weight: 700; color: var(--at-navy-900); list-style: none; cursor: pointer; }
.vt-yanit-degistir > summary::-webkit-details-marker { display: none; }
.vt-yanit-degistir > summary .vt-ikon:first-child { color: var(--at-accent); }
.vt-yanit-degistir > summary .vt-ac-ok { margin-left: auto; transition: transform var(--at-fast) var(--at-ease); }
.vt-yanit-degistir[open] > summary .vt-ac-ok { transform: rotate(180deg); }
.vt-yanit-degistir > .vt-arac-form { padding: 0 20px 20px; }
.vt-sonuc-kart:target { scroll-margin-top: 16px; }
/* --- Yedek Filtre Bul (D15, D16): cihaz türü karoları, ipucu kutusu, kartta plan satırı */
.vt-tur-karolar { margin-bottom: 24px; }
.vt-tur-karolar__liste { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.vt-tur-karo { display: grid; justify-items: center; align-content: start; gap: 8px; min-height: 140px; padding: 14px 10px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: #FFFFFF; text-align: center; font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-tur-karo:hover { border-color: var(--at-accent); text-decoration: none; }
.vt-tur-karo img { width: 80px; height: 80px; object-fit: contain; }
.vt-tur-karo__ikon { display: grid; place-items: center; width: 80px; height: 80px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-tur-karo__ikon .vt-ikon { width: 36px; height: 36px; stroke-width: 1.5; }
.vt-ipucu-kutu { margin-top: 12px; font-size: 14px; color: var(--at-text-2); }
.vt-ipucu-kutu > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; color: var(--at-accent-text); cursor: pointer; list-style: none; }
.vt-ipucu-kutu > summary::-webkit-details-marker { display: none; }
.vt-ipucu-kutu > summary .vt-ikon { width: 18px; height: 18px; }
.vt-ipucu-kutu p { max-width: 760px; padding: 4px 0 0 26px; }
.vt-kart__alt--plan { color: var(--at-accent-text); font-weight: 600; }
@media (max-width: 991.98px) { .vt-tur-karolar__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .vt-tur-karolar__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* --- Hakkımızda (M18): metin + sağda kısa künye ve iletişim kartı (boş alan kalmaz) */
.vt-hak-duzen { display: grid; grid-template-columns: minmax(0, 760px) minmax(0, 1fr); gap: 40px; align-items: start; }
.vt-hak-yan { display: grid; gap: 16px; position: sticky; top: 16px; }
.vt-hak-kart { padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-lg); background: var(--at-surface-2); }
.vt-hak-kart__baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 17px; font-weight: 800; color: var(--at-navy-900); }
.vt-hak-kart__baslik .vt-ikon { color: var(--at-accent); }
.vt-hak-kart__liste { display: grid; gap: 8px; font-size: 14px; }
.vt-hak-kart__liste > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; }
.vt-hak-kart__liste dt { font-weight: 600; color: var(--at-muted); }
.vt-hak-kart__bag { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 6px; font-weight: 700; }
.vt-hak-kart--iletisim p { font-size: 15px; font-weight: 600; }
.vt-hak-kart--iletisim p + p { margin-top: 4px; }
@media (max-width: 991.98px) { .vt-hak-duzen { grid-template-columns: minmax(0, 1fr); gap: 20px; } .vt-hak-yan { position: static; } }
/* --- Denetim düzeltmeleri (390 px): dokunma alanları ve açılır onay kutusu */
.vt-sepet-bosalt:not([open]) > .vt-sepet-bosalt__onay { display: none; }
@media (max-width: 991.98px) {
  .vt-sepet-bosalt[open] { flex-basis: 100%; }
  .vt-hak-kart--iletisim a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-tumkat-kart__yaprak a { min-width: 44px; padding: 0 6px; justify-content: center; }
}
/* === revizyon 1 (sonu) === */

/* =========================================================================
   V1b EKLERİ (uygulama; prototipte yoktu) — kullanıcı kararları O9, O16, O19 ve satın alma kutusunun sepetsiz hali.
   Yalnız token kullanır; mevcut kuralları değiştirmez.
   ========================================================================= */

/* Avantaj / hediye rozetleri (O19). Tür rengi ve biçimi belirler; her rozette ikon + ad vardır (renk tek başına anlam taşımaz). */
.vt-avantajlar { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vt-avantaj { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 2px 8px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-surface-2); color: var(--at-text); font-size: 12px; font-weight: 600; line-height: 16px; }
.vt-avantaj .vt-ikon { flex: none; width: 14px; height: 14px; stroke-width: 2; color: var(--at-text-2); }
.vt-avantaj--hediye { border-color: var(--at-success-border); border-radius: var(--at-r-full); background: var(--at-success-soft); }
.vt-avantaj--hediye .vt-ikon { color: var(--at-success); }
.vt-avantaj--hizmet { border-color: var(--at-teal-200); background: var(--at-accent-soft); }
.vt-avantaj--hizmet .vt-ikon { color: var(--at-accent); }
.vt-avantaj--bilgi { border-style: dashed; background: #FFFFFF; }
.vt-avantajlar--kart .vt-avantaj { max-width: 100%; }
.vt-avantajlar--kart .vt-avantaj > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vt-avantaj-kutu { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-avantaj-kutu__bas { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-avantaj-kutu__bas .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-avantaj-kutu .vt-avantajlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vt-avantaj-kutu .vt-avantaj { align-items: flex-start; gap: 10px; min-height: 44px; padding: 8px 10px; font-size: 13px; line-height: 18px; }
.vt-avantaj-kutu .vt-avantaj .vt-ikon { width: 20px; height: 20px; margin-top: 1px; }
.vt-avantaj-kutu .vt-avantaj > span { display: grid; min-width: 0; }
.vt-avantaj__kosul { font-size: 12px; font-weight: 500; line-height: 16px; color: var(--at-text-2); }
@media (max-width: 575.98px) {
  .vt-avantaj-kutu .vt-avantajlar { grid-template-columns: minmax(0, 1fr); }
}

/* "Resmi Satıcı" rozeti (O16): ürün başlığının altında mühür satırı. */

/* Satın alma kutusu: sepet gelene kadar (V2a) tek düğme. */
.vt-urun-sayfasi .vt-satin-al--tek { grid-template-columns: minmax(0, 1fr); }
.vt-urun-sayfasi .vt-yan-kart div.vt-yan-kart__satir { cursor: default; }

/* Telefonda yapışkan sipariş çubuğu (O9): alt sabit çubuğun hemen üstünde; masaüstünde yok. */
.vt-yapiskan-sepet { display: none; }
@media (max-width: 991.98px) {
  .vt-yapiskan-sepet {
    position: fixed;
    left: 0; right: 0;
    bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom));
    z-index: var(--at-z-actionbar);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    border-top: 1px solid var(--at-border);
    background: #FFFFFF;
  }
  .vt-yapiskan-sepet__fiyat { display: grid; flex: 1 1 auto; min-width: 0; line-height: 18px; }
  .vt-yapiskan-sepet__fiyat strong { font-family: var(--at-font-display); font-size: 17px; font-weight: 800; color: var(--at-navy-900); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .vt-yapiskan-sepet__fiyat span { font-size: 12px; color: var(--at-text-2); }
  .vt-yapiskan-sepet__dugme { flex: 0 1 auto; min-height: 44px; padding-inline: 16px; white-space: nowrap; }
  body.vt-urun-sayfasi { padding-bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom)); }
  body.vt-urun-sayfasi .vt-bildirim-alan { bottom: calc(var(--vt-alt-cubuk-h) + 74px + env(safe-area-inset-bottom)); }
}
@media print {
  .vt-yapiskan-sepet { display: none !important; }
}

/* Ana sayfa hızlı arama kutusu (araç kutusu kalıbı; Yedek Filtre Bul aracı kendi paketiyle bu kutunun yerini alır). */
.vt-arac-kutu .vt-girdi { width: 100%; }

/* Sayfalama: araya giren "…" */
.vt-sayfalama ol > li[aria-hidden="true"] { display: grid; place-items: center; min-width: 24px; color: var(--at-muted); }

/* ===== Entegrasyonlar 2. tur (GELISTIRME §17.22): doğrulanmış yorumlar (O23e), yorum formu, Teklif Listem düğmesi ===== */
.vt-urun-yorumlar h2{font-family:var(--at-font-display);font-size:var(--at-fs-lg);color:var(--at-navy-900);margin:0}
.vt-yorum-ozet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:16px}
.vt-yorum-ozet p{margin:0;color:var(--at-text-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vt-yildiz{display:inline-flex;gap:1px;color:var(--at-warning);vertical-align:middle}
.vt-yildiz .vt-ikon{width:16px;height:16px;fill:currentColor}
.vt-yildiz .vt-yildiz__bos{fill:none;color:var(--at-border-strong)}
.vt-yorum-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vt-yorum{border:1px solid var(--at-border);border-radius:var(--at-r-sm);padding:14px 16px;background:#fff}
.vt-yorum__bas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px;color:var(--at-muted);font-size:14px}
.vt-yorum__bas strong{color:var(--at-text)}
.vt-yorum__dogrulama{display:inline-flex;align-items:center;gap:4px;color:var(--at-success)}
.vt-yorum__dogrulama .vt-ikon{width:16px;height:16px}
.vt-yorum p{margin:0 0 6px;color:var(--at-text-2);overflow-wrap:anywhere}
.vt-yorum__yanit{margin-top:10px;padding:10px 12px;border-left:3px solid var(--at-accent);background:var(--at-surface-2);border-radius:var(--at-r-xs)}
.vt-puan-sec{border:0;padding:0;margin:0 0 16px;min-width:0}
.vt-puan-sec__liste{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.vt-puan-sec__oge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--at-border-strong);border-radius:var(--at-r-sm);padding:8px 12px;cursor:pointer;min-height:44px}
.vt-puan-sec__oge span{display:inline-flex;align-items:center;gap:6px}
.vt-puan-sec__oge .vt-ikon{width:16px;height:16px;color:var(--at-warning);fill:currentColor}
.vt-puan-sec__oge:has(input:checked){border-color:var(--at-accent);background:var(--at-accent-soft)}
.vt-siparis-yorum{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}

/* =========================================================================
   DESTEK DÜĞMELERİ (yüzen; sağ alt) — "WhatsApp destek" + "Bizi arayın" (13 Ekim 2026; parça vitrin/parcalar/destek-dugmeleri)
   Masaüstü: ikon + etiket (44 px hap). 992 altı: yalnız ikon (48 px daire), alt sabit çubuğun ÜSTÜNDE; ürün sayfasında yapışkan
   "Sepete Ekle" çubuğunun da üstünde. Sol kenardaki indirim sekmesiyle (.vt-kenar) çakışmaz. Ödeme düzeninde parça çizilmez.
   Renk yalnız token; beyaz yazı kontrastı ≥ 4,5:1 (--at-success 5,1:1 · --at-navy-900 15,9:1).
   ========================================================================= */
.vt-destek { position: fixed; right: 20px; bottom: 20px; z-index: 27; display: grid; gap: 8px; justify-items: end; }
.vt-destek__dugme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px 0 14px;
  border-radius: var(--at-r-full);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: var(--at-shadow-pop);
  transition: transform var(--at-fast) var(--at-ease), background-color var(--at-fast) var(--at-ease);
}
.vt-destek__dugme .vt-ikon { width: 22px; height: 22px; flex: none; }
.vt-destek__dugme--wa { background: var(--at-success); }
.vt-destek__dugme--tel { background: var(--at-navy-900); }
.vt-destek__dugme:hover { color: #FFFFFF; text-decoration: none; transform: translateY(-1px); }
.vt-destek__dugme--tel:hover { background: var(--at-navy-800); }
.vt-destek__dugme:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 3px; }
/* Bildirim (toast) düğmelerin üstüne binmesin */
body:has(.vt-destek) .vt-bildirim-alan { bottom: 132px; }
/* Sabit destek düğmeleri (sağ alt, ~182 px) sayfa sonunda alt bandın sağını örter: bandın içeriği düğme sütununun soluna çekilir (iyzico/kart
   logoları görünür kalsın). Geniş ekranda konteyner kenarı zaten düğmelerin solundaysa yalnız normal kenar payı. */
@media (min-width: 992px) {
  body:has(.vt-destek) .vt-alt__alt-bant-ic { padding-inline-end: max(var(--vt-gutter), calc(230px - max(0px, (100vw - var(--vt-container)) / 2))); }
}
@media (max-width: 991.98px) {
  .vt-destek { right: 12px; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); gap: 10px; }
  .vt-destek__dugme { justify-content: center; width: 48px; height: 48px; min-height: 0; padding: 0; }
  .vt-destek__etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body.vt-urun-sayfasi .vt-destek { bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom) + 12px); }
  body:has(.vt-destek) .vt-bildirim-alan { right: 72px; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); }
  body.vt-urun-sayfasi:has(.vt-destek) .vt-bildirim-alan { bottom: calc(var(--vt-alt-cubuk-h) + 74px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .vt-destek__dugme { transition: none; } }
@media print { .vt-destek { display: none !important; } }

/* YUKARI ÇIK (GELISTIRME §17.38; parça destek-dugmeleri, betik vitrin.js [data-vt-yukari]): destek düğmelerinin hemen ÜSTÜNDE aynı tarzda
   yuvarlak ok (masaüstü 44, 992 altı 48 px). Betik görünür kılar (hidden kalkar) ama ~1 ekran kaydırılana kadar görünmez ve tıklanmaz
   (visibility): yeri ayrılmış olduğundan görünürken destek düğmeleri kaymaz. Destek grubuyla birlikte gizlenir (çerez bandı, çark davet kartı).
   Destek düğmeleri kapalıysa tek başına aynı köşede (.vt-yukari--tek). */
.vt-yukari {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--at-border-strong);
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--at-navy-900);
  box-shadow: var(--at-shadow-pop);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--at-fast) var(--at-ease), transform var(--at-fast) var(--at-ease), visibility 0s linear var(--at-fast), background-color var(--at-fast) var(--at-ease);
}
.vt-yukari[hidden] { display: none; }
.vt-yukari.is-gorunur { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
.vt-yukari .vt-ikon { width: 22px; height: 22px; stroke-width: 2.2; }
.vt-yukari:hover { border-color: var(--at-accent); background: var(--at-teal-50); color: var(--at-accent-text); }
.vt-yukari:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 3px; }
.vt-yukari--tek { position: fixed; right: 20px; bottom: 20px; z-index: 27; }
/* Bildirim (toast) masaüstünde yukarı düğmesinin de üstünde; 992 altında düğme sütununun solunda (destek kuralı) */
@media (min-width: 992px) {
  body:has(.vt-destek .vt-yukari:not([hidden])) .vt-bildirim-alan { bottom: 184px; }
  body:has(.vt-yukari--tek:not([hidden])) .vt-bildirim-alan { bottom: 80px; }
}
@media (max-width: 991.98px) {
  .vt-yukari { width: 48px; height: 48px; }
  .vt-yukari--tek { right: 12px; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); }
  body.vt-urun-sayfasi .vt-yukari--tek { bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom) + 12px); }
  body.vt-cark-davetli .vt-yukari--tek,
  body:has(.vt-izin:not([hidden])) .vt-yukari--tek { display: none; }
  body:has(.vt-yukari--tek:not([hidden])) .vt-bildirim-alan { right: 72px; }
}
@media (prefers-reduced-motion: reduce) { .vt-yukari { transform: none; transition: none; } }
@media print { .vt-yukari { display: none !important; } }

/* =========================================================================
   ÜRÜN SAYFASI + LİSTELER — onaylı prototipe eşitleme, 2. tur (13 Ekim 2026; GELISTIRME §17.26)
   Bilinçli sapmalar (kullanıcı isteği): sekmeler açıklamanın ÜSTÜNDE yatay (içerik tam genişlik; telefonda yatay kaydırılır);
   "Resmi Satıcı" (O16) başlığın altında değil, sağ sütunda "Ödeme ve teslimat" kutusunun altında kart (telefonda fiyat bloğunun altında).
   ========================================================================= */
.vt-urun-sayfasi .vt-sekmeler--yatay,
.vt-urun-sayfasi .vt-sekmeler--yatay.is-hazir { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__liste { flex-direction: row; gap: 6px; overflow-x: auto; scrollbar-width: none; border-bottom: 2px solid var(--at-accent); }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__liste::-webkit-scrollbar { display: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme { flex: none; min-height: 46px; padding: 0 22px; border-radius: var(--at-r-xs) var(--at-r-xs) 0 0; white-space: nowrap; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme:focus-visible { outline-offset: -3px; }
.vt-urun-sayfasi .vt-sekmeler--yatay.is-hazir .vt-sekmeler__panel { border-top: 0; border-radius: 0 0 var(--at-r-xs) var(--at-r-xs); }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__panel { padding: 24px; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-aciklama { max-width: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay:not(.is-hazir) .vt-sekmeler__panel + .vt-sekmeler__panel { margin-top: 12px; }
@media (max-width: 767.98px) {
  .vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme { padding: 0 16px; }
  .vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__panel { padding: 16px; }
}

.vt-resmi-kart { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 12px 14px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: linear-gradient(135deg, var(--at-accent-soft), #FFFFFF 72%); }
.vt-resmi-kart__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; box-shadow: 0 0 0 4px var(--at-teal-50); }
.vt-resmi-kart__simge .vt-ikon { width: 22px; height: 22px; stroke-width: 2.25; }
.vt-resmi-kart__metin { min-width: 0; }
.vt-resmi-kart__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 800; line-height: 20px; color: var(--at-navy-900); }
.vt-resmi-kart__aciklama { font-size: 13px; line-height: 18px; color: var(--at-text-2); }
.vt-resmi-kart--tel { display: none; margin-top: 0; }
@media (max-width: 991.98px) {
  .vt-resmi-kart--yan { display: none; }
  .vt-resmi-kart--tel { display: flex; }
}

/* Bakım planı girilmemiş cihaz: bölüm başlığı + araç düğmeleri */
.vt-urun-sayfasi .vt-bakim-araclar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.vt-urun-sayfasi .vt-urun-bakim .vt-bakim-bas:last-child { margin-bottom: 0; }
/* Favori dairesi bağlantı da olabilir (girişsiz ziyaretçi) */
a.vt-favori-daire:hover { text-decoration: none; }
/* Eylem satırındaki form (Teklif Listeme Ekle) düğmesi satırı doldurur */
.vt-urun-sayfasi .vt-eylem-satiri > form { display: grid; margin: 0; }
.vt-urun-sayfasi .vt-kompakt__gorsel > .vt-ikon { width: 28px; height: 28px; color: var(--at-accent); }
/* Hazır fiyat aralıkları: bağlantı (tek tıkla uygulanır); görünüm prototipteki seçenek satırı (daire + etiket + adet) */
.vt-liste-sayfasi .vt-hazir-araliklar { list-style: none; margin: 8px 0 0; padding: 0; }
.vt-hazir-aralik { text-decoration: none; }
.vt-hazir-aralik:hover { text-decoration: none; }
.vt-hazir-aralik__daire { flex: none; width: 20px; height: 20px; border: 1.5px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; }
.vt-hazir-aralik:hover .vt-hazir-aralik__daire { border-color: var(--at-accent); }
.vt-hazir-aralik[aria-current="true"] .vt-hazir-aralik__daire { border: 6px solid var(--at-accent); }

/* === ROZET TÜRLERİ (GELISTIRME §17.32; O19 eki) — kampanya: kırmızı etiket (yalnız etiket; fiyatı ve üstü çizili fiyatı değiştirmez) ·
   yeni: lacivert · ürün sayfasında bilgi rozeti notu: nötr/gri, kesik çizgi ("Kurulum Dahil Değil" gibi; kartta gösterilmez).
   Renk tek başına anlam taşımaz: her rozette ikon ve ad vardır. */
.vt-avantaj--kampanya { border-color: var(--at-danger-border); border-radius: var(--at-r-full); background: var(--at-danger-soft); color: var(--at-danger); }
.vt-avantaj--kampanya .vt-ikon { color: var(--at-danger); }
.vt-avantaj-kutu .vt-avantaj--kampanya { border-radius: var(--at-r-xs); }
.vt-avantaj--yeni { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-avantaj--yeni .vt-ikon { color: #FFFFFF; }
.vt-avantaj-kutu .vt-avantaj--yeni .vt-avantaj__kosul { color: rgb(255 255 255 / .85); }
.vt-bilgi-notu--rozet { border-style: dashed; border-color: var(--at-border-strong); background: var(--at-surface-2); color: var(--at-text-2); }
.vt-bilgi-notu--rozet .vt-bilgi-notu__simge { background: var(--at-text-2); }
.vt-bilgi-notu--rozet strong { color: var(--at-text); }

/* --- Kurumsal üyelik bilgi şeridi (14 Eki 2026; GELISTIRME §17.35): ana sayfa (ilk ürün şeridinin üstü), ürün sayfası (fiyat bloğunun altı),
   sepet (ürün listesinin altı). Onaylı prototipte yoktur; .vt-bilgi-notu / .vt-resmi-kart diliyle kuruldu. Yükseklik sabit (düzen kayması yok). */
.vt-kurumsal-uye-sar { margin-top: 20px; }
.vt-kurumsal-uye { display: flex; align-items: center; gap: 10px; min-height: 46px; margin-top: 10px; padding: 6px 8px 6px 10px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: linear-gradient(90deg, var(--at-accent-soft), #FFFFFF 80%); color: var(--at-navy-900); font-size: 13px; line-height: 18px; }
.vt-kurumsal-uye-sar > .vt-kurumsal-uye { margin-top: 0; }
.vt-kurumsal-uye__simge { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; }
.vt-kurumsal-uye__metin { flex: 1 1 auto; min-width: 0; margin: 0; font-weight: 600; }
.vt-kurumsal-uye__dugme { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 34px; padding: 0 12px; border-radius: var(--at-r-full); background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.vt-kurumsal-uye__dugme:hover, .vt-kurumsal-uye__dugme:focus-visible { background: var(--at-navy-700); color: #FFFFFF; text-decoration: none; }
.vt-kurumsal-uye__dugme:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 2px; }
@media (max-width: 479.98px) {
  .vt-kurumsal-uye { gap: 8px; padding-left: 8px; font-size: 12px; line-height: 16px; }
  .vt-kurumsal-uye__dugme { min-height: 36px; padding: 0 10px; font-size: 12px; }
  .vt-kurumsal-uye__dugme .vt-ikon { display: none; }
}
@media print { .vt-kurumsal-uye, .vt-kurumsal-uye-sar { display: none !important; } }

/* --- SEO denetimi işleri (14 Eki 2026; GELISTIRME §17.36): ürün açıklaması (işaretlemeli metin: ara başlık, madde, kalın), ürün sayfasındaki
   iç bağlantılar (kategori, marka, serinin öteki ürünleri), ürün kodu satırındaki marka bağlantısı, marka sayfasının kısa tanıtım metni. */
.vt-urun-sayfasi .vt-aciklama h5 { margin: 12px 0 4px; font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-aciklama p + ul,
.vt-urun-sayfasi .vt-aciklama p + ol { margin-top: 8px; }
.vt-urun-sayfasi .vt-aciklama ul + p,
.vt-urun-sayfasi .vt-aciklama ol + p { margin-top: 10px; }
.vt-urun-sayfasi .vt-aciklama a { text-decoration: underline; text-underline-offset: 3px; }
.vt-urun-sayfasi .vt-urun-meta__marka a { font-weight: 600; color: var(--at-text); text-decoration: underline; text-underline-offset: 3px; }
.vt-urun-sayfasi .vt-urun-meta__marka a:hover { color: var(--at-accent-text); }
.vt-urun-ilgili { display: grid; gap: 6px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--at-border); font-size: 13px; line-height: 1.6; color: var(--at-text-2); }
.vt-urun-ilgili__etiket { font-weight: 600; color: var(--at-text); }
.vt-urun-ilgili a { text-decoration: underline; text-underline-offset: 3px; }
.vt-liste-sayfasi .vt-liste__giris { max-width: 860px; margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--at-text-2); }
@media (max-width: 767.98px) {
  .vt-urun-ilgili a { display: inline-block; padding: 6px 0; }
}

/* =========================================================================
   MÜŞTERİ PUANLARI VE YORUMLARI (14 Ekim 2026; GELISTIRME §17.37) — ürün adının altındaki puan satırı ("Puan ver" yıldızları formun gönder
   düğmeleridir; üzerine gelince soldan dolar, verilince dolu kalır), "Müşteri Yorumları" sekmesi (özet, SVG dağılım çubukları, liste, boş durum,
   herkese açık form), kartta küçük yıldız, yorum sayfaları ve e-postadaki puan bağlantısının sayfası. Renk yalnız token; satır içi stil yok;
   dokunma hedefi masaüstünde 32 px, telefonda 40 px (e-posta sayfasında 44 px).
   ========================================================================= */
.vt-puan-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; margin: 6px 0 2px; font-size: 14px; line-height: 20px; color: var(--at-text-2); }
.vt-puan-ozet-bag { display: inline-flex; align-items: center; gap: 6px; color: var(--at-text); text-decoration: none; }
.vt-puan-ozet-bag:hover strong, .vt-puan-ozet-bag:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }
.vt-puan-ozet-bag__sayi { color: var(--at-muted); }
.vt-puan-ver { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 8px; margin: 0; }
.vt-puan-ver__etiket { color: var(--at-text-2); }
.vt-puan-ver__yildizlar { display: inline-flex; }
.vt-puan-ver__yildiz { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--at-r-xs); background: transparent; color: var(--at-border-strong); cursor: pointer; }
.vt-puan-ver__yildiz .vt-ikon { width: 22px; height: 22px; fill: none; }
.vt-puan-ver__yildizlar:hover .vt-puan-ver__yildiz,
.vt-puan-ver__yildiz.is-dolu { color: var(--at-warning); }
.vt-puan-ver__yildizlar:hover .vt-puan-ver__yildiz .vt-ikon,
.vt-puan-ver__yildiz.is-dolu .vt-ikon { fill: currentColor; }
.vt-puan-ver__yildiz:hover ~ .vt-puan-ver__yildiz { color: var(--at-border-strong); }
.vt-puan-ver__yildiz:hover ~ .vt-puan-ver__yildiz .vt-ikon { fill: none; }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz { cursor: default; color: var(--at-border-strong); }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz .vt-ikon { fill: none; }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz.is-dolu { color: var(--at-warning); }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz.is-dolu .vt-ikon { fill: currentColor; }
.vt-puan-ver__yildiz:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 1px; }
.vt-puan-ver__sonuc { font-size: 13px; font-weight: 600; color: var(--at-success); }
.vt-puan-ver__sonuc.is-hata { color: var(--at-danger); }
.vt-puan-ver__sonuc:empty { display: none; }
.vt-kart__puan { display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 16px; color: var(--at-muted); }   /* yerleşim: §11 */
.vt-kart__puan .vt-ikon { width: 14px; height: 14px; color: var(--at-warning); fill: currentColor; }
.vt-kart__puan strong { font-weight: 600; color: var(--at-text); }
.vt-yorumlar { display: grid; gap: 16px; }
.vt-puan-ozet { display: grid; grid-template-columns: minmax(150px, 200px) minmax(0, 1fr); align-items: center; gap: 16px 28px; padding: 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
.vt-puan-ozet__ana { display: grid; justify-items: start; gap: 4px; }
.vt-puan-ozet__deger { display: flex; align-items: baseline; gap: 6px; margin: 0; color: var(--at-muted); }
.vt-puan-ozet__deger strong { font-family: var(--at-font-display); font-size: 36px; line-height: 1; font-weight: 800; color: var(--at-navy-900); }
.vt-puan-ozet__sayi { margin: 0; font-size: 13px; color: var(--at-text-2); }
.vt-yildiz--buyuk .vt-ikon { width: 20px; height: 20px; }
.vt-puan-dagilim { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.vt-puan-dagilim li { display: grid; grid-template-columns: 64px minmax(0, 1fr) 36px; align-items: center; gap: 10px; font-size: 13px; color: var(--at-text-2); }
.vt-puan-dagilim__cubuk { display: block; width: 100%; height: 8px; }
.vt-puan-dagilim__zemin { fill: var(--at-border); }
.vt-puan-dagilim__dolu { fill: var(--at-warning-solid); }
.vt-puan-dagilim__sayi { text-align: right; font-variant-numeric: tabular-nums; }
.vt-yorum__baslik { margin: 0 0 4px; font-weight: 700; color: var(--at-text); }
.vt-yorum-sayfalama { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-top: 12px; font-size: 13px; color: var(--at-muted); }
.vt-yorum-bos { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px dashed var(--at-border-strong); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
.vt-yorum-bos__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-warning-soft); color: var(--at-warning); }
.vt-yorum-bos__simge .vt-ikon { width: 22px; height: 22px; fill: currentColor; }
.vt-yorum-bos__baslik { margin: 0 0 4px; font-family: var(--at-font-display); font-weight: 700; color: var(--at-navy-900); }
.vt-yorum-bos p { margin: 0; color: var(--at-text-2); }
.vt-yorum-yaz { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--at-border); }
.vt-yorum-yaz__baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-family: var(--at-font-display); font-size: var(--at-fs-lg); color: var(--at-navy-900); }
.vt-yorum-form { display: grid; gap: 14px; max-width: 760px; }
.vt-yorum-form .vt-puan-sec { margin: 0; }
.vt-yorum-geri { margin-top: 16px; }
.vt-yorum-geri a { display: inline-flex; align-items: center; gap: 4px; }
.vt-puanla-liste { list-style: none; margin: 16px 0; padding: 0; display: grid; gap: 12px; }
.vt-puanla { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-puanla__urun { display: grid; gap: 2px; min-width: 0; font-weight: 600; color: var(--at-text); overflow-wrap: anywhere; }
.vt-puanla__kod { font-size: 12px; font-weight: 400; color: var(--at-muted); }
.vt-puanla__verildi { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; color: var(--at-success); }
.vt-puan-ver--buyuk .vt-puan-ver__yildiz { width: 44px; height: 44px; }
.vt-puan-ver--buyuk .vt-puan-ver__yildiz .vt-ikon { width: 28px; height: 28px; }
@media (max-width: 767.98px) {
  .vt-puan-ozet { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .vt-puan-ver__yildiz { width: 40px; height: 40px; }
  .vt-puan-ver__yildiz .vt-ikon { width: 24px; height: 24px; }
}
.vt-yorum-not { margin: 0; font-size: 13px; line-height: 1.5; color: var(--at-text-2); }
.vt-yorum-not .vt-ikon { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right: 4px; color: var(--at-accent); }
.vt-puan-dagilim { max-width: 560px; }

/* =========================================================================
   ANA SAYFA · OTOMATİK SLAYT, KAYAN ŞERİT: MARKA LOGOLARI ve GOOGLE YORUMLARI (paket 14; GELISTIRME §17.42)
   Kayma yalnız vitrin.js .is-kayiyor ekleyince başlar: betiksiz ve hareket azaltma tercihinde yatay kaydırılabilir tek liste (ikinci,
   aria-hidden kopya gizli). Süre --vt-kayan-sure (betik ölçer: liste genişliği / hız); satır içi stil yok. Üzerine gelince, odak içerideyken
   ve "Durdur" düğmesiyle durur. Logolar gri tonlu DEĞİL, kendi renginde; eşit yükseklik (44 px, telefonda 34 px).
   ========================================================================= */
.vt-kahraman__oynat {
  position: absolute;
  left: 12px; bottom: 8px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--at-navy-900);
  box-shadow: 0 0 0 1px var(--at-border-strong);
}
.vt-kahraman__oynat .vt-ikon { position: relative; width: 12px; height: 12px; fill: currentColor; stroke: none; }
.vt-kahraman__oynat[data-durum="oynuyor"] .vt-ikon--oynat,
.vt-kahraman__oynat[data-durum="durdu"] .vt-ikon--durdur { display: none; }
@media (max-width: 991.98px) {
  .vt-kahraman__oynat { left: 2px; bottom: 0; width: 44px; height: 44px; background: transparent; box-shadow: none; }
  .vt-kahraman__oynat::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 0 1px var(--at-border-strong); }
}

.vt-kayan-kutu { padding: 20px 24px 24px; border: 1px solid var(--at-border); border-radius: var(--at-r-xl); background: #FFFFFF; }
.vt-kayan-kutu--yorum { border-color: transparent; background: var(--at-bg); }
.vt-kayan-kutu__bas { margin-bottom: 18px; }
.vt-kayan__dugme {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--at-border-strong);
  border-radius: var(--at-r-full);
  background: #FFFFFF;
  color: var(--at-navy-900);
  font-size: 13px;
  font-weight: 600;
}
.vt-kayan__dugme:hover { border-color: var(--at-accent); color: var(--at-accent-text); }
.vt-kayan__dugme .vt-ikon { width: 12px; height: 12px; fill: currentColor; stroke: none; }
.vt-kayan__dugme[data-durum="kayiyor"] .vt-ikon--oynat,
.vt-kayan__dugme[data-durum="durdu"] .vt-ikon--durdur { display: none; }
.vt-kayan {
  position: relative;
  container-type: inline-size;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  padding-block: 2px;
}
.vt-kayan__iz { display: flex; width: max-content; }
.vt-kayan__grup { display: flex; flex-shrink: 0; align-items: center; gap: var(--vt-kayan-ara, 48px); margin: 0; padding: 0; list-style: none; }
.vt-kayan__grup[aria-hidden="true"] { display: none; }
.vt-kayan.is-kayiyor {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
}
.vt-kayan.is-kayiyor .vt-kayan__grup { padding-right: var(--vt-kayan-ara, 48px); }
.vt-kayan.is-kayiyor .vt-kayan__grup[aria-hidden="true"] { display: flex; }
.vt-kayan.is-kayiyor .vt-kayan__iz { animation: vt-kayan var(--vt-kayan-sure, 40s) linear infinite; will-change: transform; }
.vt-kayan.is-kayiyor:hover .vt-kayan__iz,
.vt-kayan.is-kayiyor:focus-within .vt-kayan__iz,
.vt-kayan.is-durdu .vt-kayan__iz { animation-play-state: paused; }
@keyframes vt-kayan { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@media (prefers-reduced-motion: reduce) {
  .vt-kayan.is-kayiyor .vt-kayan__iz { animation: none; }
}

.vt-logolar { --vt-kayan-ara: 56px; }
.vt-logolar__oge { flex: none; }
.vt-logolar__bag { display: flex; align-items: center; height: 60px; padding: 8px 4px; border-radius: var(--at-r-sm); }
.vt-logolar img { display: block; width: auto; height: 44px; max-width: 180px; object-fit: contain; }
.vt-kayan:not(.is-kayiyor) .vt-logolar { justify-content: center; min-width: 100cqi; }

.vt-gyorumlar__bas { display: grid; gap: 2px; min-width: 0; }
.vt-gyorumlar .vt-serit__baslik .vt-ikon { color: var(--at-warning-solid); fill: currentColor; }
.vt-gyorumlar__kaynak { margin: 0 0 0 30px; font-size: 13px; color: var(--at-muted); }
.vt-gyorumlar__kaynak a { font-weight: 600; color: var(--at-accent-text); }
.vt-gkartlar { --vt-kayan-ara: 16px; align-items: stretch; }
.vt-gkart {
  display: flex;
  flex-direction: column;
  flex: 0 0 250px;
  flex-basis: calc((100cqi - 4 * 16px) / 5);
  min-height: 196px;
  padding: 16px 16px 14px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-lg);
  background: #FFFFFF;
  box-shadow: var(--at-shadow-xs);
}
.vt-gkart__bas { display: flex; align-items: center; gap: 10px; min-width: 0; }
.vt-gkart__harf {
  display: grid;
  place-items: center;
  flex: none;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--at-navy-800);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 16px;
  font-weight: 700;
}
.vt-gkart__kim { min-width: 0; }
.vt-gkart__ad { margin: 0; overflow: hidden; font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); text-overflow: ellipsis; white-space: nowrap; }
.vt-gkart__kaynak { display: flex; align-items: center; gap: 5px; margin: 2px 0 0; font-size: 12px; color: var(--at-muted); }
.vt-gkart__kaynak img { flex: none; width: 14px; height: 14px; }
.vt-gkart__yildiz { margin: 12px 0 8px; color: var(--at-warning-solid); }
.vt-gkart__yildiz .vt-ikon { width: 16px; height: 16px; fill: currentColor; }
.vt-gkart__metin {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  color: var(--at-text-2);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow-wrap: anywhere;
}
.vt-gkart.is-acik .vt-gkart__metin { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: none; }
.vt-gkart__devam { align-self: flex-start; min-height: 28px; margin-top: auto; padding: 0; font-size: 13px; font-weight: 600; color: var(--at-accent-text); text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 768px) and (max-width: 991.98px) { .vt-gkart { flex-basis: calc((100cqi - 2 * 16px) / 3); } }
@media (min-width: 992px) and (max-width: 1199.98px) { .vt-gkart { flex-basis: calc((100cqi - 3 * 16px) / 4); } }
@media (max-width: 767.98px) {
  .vt-kayan-kutu { padding: 16px 14px 18px; border-radius: var(--at-r-lg); }
  .vt-kayan-kutu__bas { margin-bottom: 12px; }
  .vt-kayan__dugme { min-height: 44px; padding: 0 12px; }
  .vt-logolar { --vt-kayan-ara: 36px; }
  .vt-logolar__bag { height: 50px; }
  .vt-logolar img { height: 34px; max-width: 132px; }
  .vt-gyorumlar__kaynak { margin-left: 0; }
  .vt-gyorumlar__kaynak a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-gkartlar { --vt-kayan-ara: 12px; }
  .vt-gkart { flex-basis: 280px; flex-basis: calc((100cqi - 12px) / 1.2); }
  .vt-gkart__devam { min-height: 44px; }
}

/* =========================================================================
   UZUN METİN GÖRÜNÜMÜ (15 Ekim 2026; GELISTIRME §17.47) — .vt-zengin (Vitrin\Icerik\UzunMetin; YALNIZ görüntülemede, kayıt değişmez):
   İçindekiler (4+ ana başlık; telefonda kapalı, 992 px ve üstünde hep açık — JS yok, kayma yok), özellik kartları (kart C dili), kendi
   kutusunda kayan tablo, adım rozetli numaralı liste ve "Nasıl Çalışır" adımları, SSS akordeonu (.vt-akordeon; ilk soru açık).
   Ürün açıklaması (--d4: kayıttaki H2 → h4), kategori/marka/ana sayfa SEO metni (--d3), rehber yazısı (--d2).
   ========================================================================= */
html:has(.vt-zengin__icindekiler) { scroll-behavior: smooth; } /* hareket azaltmada §24 "auto !important" → anında */
.vt-zengin [id] { scroll-margin-top: var(--vt-capa-pay); }
.vt-zengin > :first-child { margin-top: 0; }
.vt-zengin > p,
.vt-zengin > ul:not(.vt-zengin__kartlar),
.vt-zengin > blockquote { max-width: 76ch; }
.vt-zengin strong { font-weight: 700; color: var(--at-text); }
/* Ana bölüm başlığı: belirgin, ince alt çizgi */
.vt-zengin.vt-zengin--d2 > h2,
.vt-zengin.vt-zengin--d3 > h3,
.vt-zengin.vt-zengin--d4 > h4 { margin-top: 30px; padding-bottom: 8px; border-bottom: 1px solid var(--at-border); }

/* İçindekiler */
.vt-zengin__icindekiler { max-width: 640px; margin: 2px 0 24px; border: 1px solid var(--at-border); border-radius: var(--at-r-md); background: var(--at-surface); box-shadow: var(--at-shadow-card); }
.vt-zengin__icindekiler > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 16px;
  list-style: none;
  cursor: pointer;
  font-family: var(--at-font-display);
  font-size: 16px;
  font-weight: 800;
  color: var(--at-navy-900);
}
.vt-zengin__icindekiler > summary::-webkit-details-marker { display: none; }
.vt-zengin__icindekiler > summary:focus-visible { outline: 2px solid var(--at-accent); outline-offset: -2px; border-radius: var(--at-r-md); }
.vt-zengin__icindekiler > summary .vt-ikon { flex: none; }
.vt-zengin__icindekiler > summary .vt-ikon:first-child { width: 30px; height: 30px; padding: 6px; border-radius: var(--at-r-sm); background: var(--at-accent-soft); color: var(--at-accent); stroke-width: 2; }
.vt-zengin__icindekiler > summary .vt-ikon:last-child { width: 18px; height: 18px; color: var(--at-muted); transition: transform var(--at-fast) var(--at-ease); }
.vt-zengin__icindekiler[open] > summary .vt-ikon:last-child { transform: rotate(180deg); }
.vt-zengin__icindekiler-sayi { margin-left: auto; font-family: var(--at-font-text); font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-zengin__icindekiler nav { padding: 0 16px 14px; }
.vt-zengin .vt-zengin__icindekiler ol { counter-reset: vt-ic; display: block; margin: 0; padding: 10px 0 0; border-top: 1px solid var(--at-border-2); list-style: none; font-size: 14px; line-height: 1.45; }
.vt-zengin .vt-zengin__icindekiler li { counter-increment: vt-ic; display: flex; gap: 8px; align-items: baseline; margin: 0; padding: 3px 0; break-inside: avoid; }
.vt-zengin .vt-zengin__icindekiler li::before { content: counter(vt-ic) "."; flex: none; min-width: 1.7em; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--at-accent-text); }
.vt-zengin .vt-zengin__icindekiler--numarasiz li::before { content: none; }
.vt-zengin .vt-zengin__icindekiler a { color: var(--at-text); text-decoration: none; }
.vt-zengin .vt-zengin__icindekiler a:hover { color: var(--at-accent-text); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 992px) {
  /* Masaüstünde içerik HEP görünür (kapalı <details> içeriği CSS ile açılır; desteklemeyen eski tarayıcıda dokununca açılır) */
  .vt-zengin__icindekiler::details-content { display: block; content-visibility: visible; }
  .vt-zengin__icindekiler > summary { cursor: default; pointer-events: none; }
  .vt-zengin__icindekiler > summary .vt-ikon:last-child { display: none; }
  .vt-zengin__icindekiler:has(li:nth-child(7)) { max-width: 760px; }
  .vt-zengin .vt-zengin__icindekiler ol:has(> li:nth-child(7)) { columns: 2; column-gap: 32px; }
}

/* Özellik kartları ("**Kısa başlık:** açıklama" maddeleri; kart C dili) */
.vt-zengin ul.vt-zengin__kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 14px 0 20px; padding: 0; list-style: none; }
.vt-zengin .vt-zengin__kartlar > li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 14px 16px 14px 50px;
  border: 1px solid var(--at-border);
  border-radius: var(--at-r-md);
  background: var(--at-surface);
  box-shadow: var(--at-shadow-card);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.vt-zengin .vt-zengin__kartlar > li::before { content: ""; position: absolute; left: 16px; top: 15px; width: 22px; height: 22px; border-radius: 50%; background: var(--at-accent-soft); }
.vt-zengin .vt-zengin__kartlar > li::after { content: ""; position: absolute; left: 24px; top: 19px; width: 6px; height: 11px; border: solid var(--at-accent); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.vt-zengin .vt-zengin__kartlar > li > strong:first-child { display: block; margin-bottom: 3px; font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); }
@media (max-width: 767.98px) {
  .vt-zengin ul.vt-zengin__kartlar { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .vt-zengin .vt-zengin__kartlar > li { padding: 12px 14px 12px 46px; }
  .vt-zengin .vt-zengin__kartlar > li::before { left: 14px; top: 13px; }
  .vt-zengin .vt-zengin__kartlar > li::after { left: 22px; top: 17px; }
}

/* Tablo: başlık sütunu açık zemin, ince ayraçlar; dar ekranda yalnız kendi kutusunda kayar */
.vt-zengin__tablo { max-width: 100%; margin: 14px 0 20px; overflow-x: auto; border: 1px solid var(--at-border); border-radius: var(--at-r-md); background: var(--at-surface); overscroll-behavior-x: contain; }
.vt-zengin__tablo:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 2px; }
.vt-zengin__tablo table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.vt-zengin__tablo th,
.vt-zengin__tablo td { min-width: 9ch; padding: 10px 14px; border-bottom: 1px solid var(--at-border-2); text-align: left; vertical-align: top; }
.vt-zengin__tablo tr:last-child > th,
.vt-zengin__tablo tr:last-child > td { border-bottom: 0; }
.vt-zengin__tablo th { background: var(--at-surface-2); font-weight: 600; color: var(--at-navy-900); }
.vt-zengin__tablo tbody th { width: 40%; border-right: 1px solid var(--at-border-2); }
.vt-zengin__tablo thead th { background: var(--at-bg); font-size: 13px; }
.vt-zengin__tablo td { color: var(--at-text-2); }

/* Numaralı liste ve "Nasıl Çalışır" adımları: adım rozetleri */
.vt-zengin ol.vt-zengin__sira { counter-reset: vt-adim; display: grid; gap: 10px; margin: 14px 0 20px; padding: 0; list-style: none; }
.vt-zengin ol.vt-zengin__sira > li { counter-increment: vt-adim; position: relative; min-height: 28px; margin: 0; padding: 3px 0 0 42px; }
.vt-zengin ol.vt-zengin__sira > li::before {
  content: counter(vt-adim);
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--at-accent);
  color: #FFFFFF;
  font-family: var(--at-font-display);
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.vt-zengin ol.vt-zengin__sira--baslik { gap: 14px; }
.vt-zengin ol.vt-zengin__sira--baslik > li > :is(h3, h4, h5, h6):first-child { margin: 0 0 4px; padding: 0; border: 0; font-family: var(--at-font-display); font-size: 15px; font-weight: 800; color: var(--at-navy-900); }
.vt-zengin ol.vt-zengin__sira--baslik > li > p { margin: 0; }

/* SSS akordeonu: soru başlığı summary içinde (anlamı korunur), görünümü akordeonun */
.vt-zengin .vt-zengin__sss { margin: 4px 0 20px; border-top: 0; } /* başlığın alt çizgisi üst çizgi olur */
.vt-zengin .vt-zengin__sss details.vt-akordeon__oge > summary > :is(h2, h3, h4, h5, h6) { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; font: inherit; color: inherit; }
.vt-zengin .vt-zengin__sss .vt-akordeon__icerik { max-width: 76ch; }
.vt-zengin .vt-zengin__sss .vt-akordeon__icerik > :last-child { margin-bottom: 0; }

/* Ürün sayfası: açıklama tipografisi (kayıttaki H2 → h4, H3 → h5) */
.vt-urun-sayfasi .vt-zengin { max-width: none; font-size: 15px; line-height: 1.7; }
/* Ürün açıklaması panelin tam genişliğini kullanır (kullanıcı isteği 15 Ekim): 76ch satır sınırı burada kalkar */
.vt-urun-sayfasi .vt-zengin > p,
.vt-urun-sayfasi .vt-zengin > ul:not(.vt-zengin__kartlar),
.vt-urun-sayfasi .vt-zengin > blockquote,
.vt-urun-sayfasi .vt-zengin .vt-zengin__sss .vt-akordeon__icerik { max-width: none; }
.vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h4 { margin: 32px 0 12px; font-family: var(--at-font-display); font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h5 { margin: 20px 0 6px; font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-zengin > p + p { margin-top: 12px; }
.vt-urun-sayfasi .vt-zengin .vt-zengin__sss .vt-akordeon__oge > summary { font-size: 15px; }
@media (max-width: 767.98px) {
  .vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h4 { margin-top: 26px; font-size: 18px; }
}
@media print {
  .vt-zengin__icindekiler { display: none; }
}

/* =========================================================================
   YAPIŞKAN KATEGORİ ÇUBUĞU (15 Ekim 2026, kullanıcı isteği; masaüstü ≥ 992): üst bilgi yapışkan, negatif "top" ile yalnız alt katmanı
   (.vt-cubuk, 45 px) ekranda kalır — CLS yok, JS gerekmez (--vt-ust-h: vitrin.js üst bilginin gerçek yüksekliğini yazar; yoksa 202 px).
   Yapışkan yan sütunlar ve sayfa içi çapa payı çubuk kadar aşağı alınır. Telefonda çubuk zaten yok (alt sabit çubuk var).
   ========================================================================= */
@media (min-width: 992px) {
  .vt-ust-bilgi:has(> .vt-cubuk) { position: sticky; top: calc(var(--vt-cubuk-h) - var(--vt-ust-h, 202px)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) { --vt-capa-pay: calc(16px + var(--vt-cubuk-h)); scroll-padding-top: calc(12px + var(--vt-cubuk-h)); }
  html:has(.vt-ust-bilgi > .vt-cubuk) { scroll-padding-top: calc(12px + var(--vt-cubuk-h)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-urun-sayfasi .vt-urun-yan,
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-hak-yan { top: calc(16px + var(--vt-cubuk-h)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-akis .vt-yapiskan,
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-akis .vt-hesap-yan { top: calc(20px + var(--vt-cubuk-h)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-urun-sayfasi .vt-sekmeler__panel:target { scroll-margin-top: calc(20px + var(--vt-cubuk-h)); }
}