@charset "UTF-8";
/* ÜRETİLMİŞ DOSYA — ELLE DÜZENLEMEYİN. Kaynak: public/assets/vitrin/vitrin.css ("ana" sayfa türünde eşleşebilecek kurallar,
   kaynaktaki sırasıyla). Yeniden üretim: php tools/vitrin-css-uret.php · Kural: AquaTurco\Vitrin\Katalog\StilUretici (GELISTIRME §17.36). */
@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; }
: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;
}
: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;
  }
}
*,
*::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; }
: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); }
.vt-konteyner {
  width: 100%;
  max-width: var(--vt-container);
  margin-inline: auto;
  padding-inline: var(--vt-gutter);
}
.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; }
.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; }
.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); }
.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; }
.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; }
}
.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); }
.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); }
.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;
}
.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;
}
.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); }
.vt-ust-bilgi { position: relative; z-index: 30; background: #FFFFFF; }
.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; }
  .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) {
  .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; }
}
.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; }
.vt-ana-satir__ic {
  height: var(--vt-ana-satir-h);
  display: flex;
  align-items: center;
  gap: 20px;
}
.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;
}
.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); }
.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; }
}
.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); }
.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); }
.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); }
.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; }
.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); }
.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; }
@media (max-width: 991.98px) {
  .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; }
}
@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; }
}
.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; }
.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[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; }
.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); }
.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; }
.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; }
.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);
}
.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; }
.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); }
.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; }
.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;
}
.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; }
.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; }
.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; }
.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-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; }
.vt-fiyat-ust { font-size: 12px; font-weight: 500; color: var(--at-muted); white-space: nowrap; }
.vt-kart .vt-fiyat-ust { white-space: normal; }
.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; }
.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); }
.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; }
@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; }
}
@media (hover: hover) {
  .vt-kart:hover { border-color: var(--vt-kart-cizgi-ust); }
  .vt-kart:hover::after { opacity: 1; }
  .vt-raf__oge: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); }
}
.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; }
@media (prefers-reduced-motion: reduce) {
  :root { --vt-kart-kalk: 0px; }
  .vt-kart,
  .vt-kart::after,
  .vt-kart__resim img,
  .vt-kart__ekle { transition: none; }
  .vt-kart:hover .vt-kart__resim img { transform: none; }
}
@media (forced-colors: active) {
  .vt-kart { border-color: CanvasText; }
  .vt-kart::after { display: none; }
  .vt-kart .vt-kart__resim img { mix-blend-mode: normal; }
  .vt-kart__favori::before { border: 1px solid CanvasText; }
}
@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 .vt-kart__tutar > :not(.vt-fiyat-guncel),
.vt-kart--fiyat-gizli .vt-kart__tutar > :not(.vt-fiyat-guncel) { 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; }
@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-fiyat { font-size: 16px; }
  .vt-etiket { height: 22px; padding: 0 6px; }
}
.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; }
.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; }
}
.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; }
}
@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)); }
}
.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; }
}
.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; }
}
.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); }
.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; }
}
.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; }
}
.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; }
}
.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; }
.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; }
.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; }
}
.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; }
}
.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; }
.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; }
.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); }
.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; }
@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; }
}
.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; }
}
@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; }
}
.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; }
}
.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; }
}
.vt-metin .vt-metin__vurgu { color: var(--at-accent-text); }
.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; }
@keyframes vt-alttan { from { transform: translateY(40px); opacity: .5; } to { transform: none; opacity: 1; } }
@keyframes vt-goruntu-ac { from { opacity: 0; } to { opacity: 1; } }
@keyframes vt-donen { to { transform: rotate(360deg); } }
.vt-ust-bilgi img,
.vt-ana img,
.vt-cekmece img { mix-blend-mode: multiply; }
.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; }
.vt-slayt__gorsel { z-index: auto; }
.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; }
}
.vt-tumkat__dugme { box-shadow: inset -1px 0 0 rgb(255 255 255 / .22); }
.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; }
.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; }
@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; }
}
.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; }
}
.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; }
.vt-avantajlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 991.98px) {
  .vt-avantajlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .vt-avantajlar { grid-template-columns: minmax(0, 1fr); }
}
.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; }
@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-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-arac-kutu .vt-girdi { width: 100%; }
.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-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; }
body:has(.vt-destek) .vt-bildirim-alan { bottom: 132px; }
@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:has(.vt-destek) .vt-bildirim-alan { right: 72px; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); }
}
@media (prefers-reduced-motion: reduce) {
  .vt-destek__dugme { transition: none; }
}
@media print {
  .vt-destek { display: none !important; }
}
.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; }
@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-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; }
}
.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--yeni { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-avantaj--yeni .vt-ikon { color: #FFFFFF; }
.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; }
}
.vt-kart__puan { display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 16px; color: var(--at-muted); }
.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-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; }
}
html:has(.vt-zengin__icindekiler) { scroll-behavior: smooth; }
.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); }
.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); }
.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) {
  .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; }
}
.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; }
}
.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); }
.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; }
.vt-zengin .vt-zengin__sss { margin: 4px 0 20px; border-top: 0; }
.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; }
@media print {
  .vt-zengin__icindekiler { display: none; }
}
@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)); }
}