@charset "UTF-8";
/* ÜRETİLMİŞ DOSYA — ELLE DÜZENLEMEYİN. Kaynak: public/assets/vitrin/vitrin.css ("urun" 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-eski-fiyat { font-size: 12px; font-weight: 400; color: var(--at-muted); text-decoration: line-through; white-space: nowrap; }
.vt-fiyat {
  font-family: var(--at-font-display);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: var(--at-track-num);
  color: var(--at-navy-900);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.vt-kart .vt-fiyat { font-size: 20px; line-height: 26px; }
.vt-kart__ayak--uzun .vt-fiyat { font-size: 17px; line-height: 22px; }
.vt-fiyat--kampanya { color: var(--at-danger); }
.vt-fiyat-ust { font-size: 12px; font-weight: 500; color: var(--at-muted); white-space: nowrap; }
.vt-kart .vt-fiyat-ust { white-space: normal; }
.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),
.durum-kur-bayat .vt-kart__fiyat .vt-indirim,
.vt-kart--fiyat-gizli .vt-kart__tutar > :not(.vt-fiyat-guncel),
.vt-kart--fiyat-gizli .vt-kart__fiyat .vt-indirim { display: none !important; }
.durum-kur-bayat .vt-fiyat-guncel,
.vt-kart--fiyat-gizli .vt-fiyat-guncel { display: block !important; }
.durum-kur-bayat .vt-kart__alt { visibility: hidden; }
@media (max-width: 767.98px) {
  .vt-kart { min-height: 314px; }
  .vt-kart__ozellik { margin-top: calc(var(--vt-kart-rozet-dis) + 5px); }
  .vt-kart > .vt-avantajlar--kart { margin-top: 8px; }
  .vt-kart > .vt-kart__ayak { margin-top: 10px; }
  .vt-kart .vt-fiyat { font-size: 18px; line-height: 24px; }
  .vt-kart__ayak--uzun .vt-fiyat { font-size: 15px; line-height: 20px; }
  .vt-kart__fiyat .vt-indirim { min-width: 37px; height: 30px; font-size: 13px; }
  .vt-fiyat { font-size: 16px; }
  .vt-etiket { height: 22px; padding: 0 6px; }
}
.vt-fiyat-blok {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 181px;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--at-border-2);
  border-bottom: 1px solid var(--at-border-2);
}
.vt-fiyat-blok__orta { min-width: 0; }
.vt-fiyat-blok__fiyat {
  display: block;
  font-family: var(--at-font-display);
  font-size: var(--vt-fs-fiyat);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: var(--at-track-num);
  color: var(--at-navy-900);
  font-variant-numeric: tabular-nums;
}
.vt-fiyat-blok--isletme { grid-template-columns: auto minmax(0, 1fr) 181px; }
.vt-fiyat-blok--isletme .vt-fiyat-blok__fiyat { color: var(--at-accent-text); }
.vt-fiyat-blok__not { font-size: 12px; color: var(--at-muted); }
.vt-fiyat-blok__sag { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--at-text-2); }
.vt-fiyat-blok__sag span,
.vt-fiyat-blok__sag a { display: flex; align-items: center; gap: 6px; }
.vt-fiyat-blok__sag .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-fiyat-blok--gizli .vt-fiyat-blok__orta { font-size: 14px; color: var(--at-text-2); }
.vt-fiyat-tarihi { margin-top: 8px; font-size: 12px; color: var(--at-muted); }
@media (max-width: 575.98px) {
  .vt-fiyat-blok { grid-template-columns: auto minmax(0, 1fr); }
  .vt-fiyat-blok__sol:empty { display: none; }
  .vt-fiyat-blok__sag { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 6px 14px; }
}
.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-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-sekmeler { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 20px; align-items: start; }
.vt-sekmeler__liste { display: flex; flex-direction: column; gap: 10px; }
.vt-sekmeler__dugme {
  display: flex;
  align-items: center;
  min-height: 43px;
  padding: 0 14px;
  border-radius: var(--at-r-xs);
  background: var(--at-teal-50);
  color: var(--at-text-2);
  font-size: 15px;
  text-align: left;
  line-height: 1.25;
}
.vt-sekmeler__dugme:hover { color: var(--at-navy-900); }
.vt-sekmeler__dugme[aria-selected="true"] { background: var(--at-accent); color: #FFFFFF; font-weight: 600; }
.vt-sekmeler__panel { min-width: 0; padding: 20px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); }
.vt-sekmeler__panel-baslik { margin-bottom: 12px; font-size: 17px; color: var(--at-navy-900); }
.vt-sekmeler:not(.is-hazir) { grid-template-columns: minmax(0, 1fr); }
.vt-sekmeler:not(.is-hazir) .vt-sekmeler__liste { display: none; }
.vt-sekmeler:not(.is-hazir) .vt-sekmeler__panel + .vt-sekmeler__panel { margin-top: 0; }
.vt-sekmeler.is-hazir .vt-sekmeler__panel-baslik { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 767.98px) {
  .vt-sekmeler { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .vt-sekmeler__dugme { min-height: 46px; }
  .vt-sekmeler__panel { padding: 16px; }
}
.vt-akordeon { border-top: 1px solid var(--at-border); }
.vt-akordeon__oge { border-bottom: 1px solid var(--at-border); }
.vt-akordeon__oge > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 10px 4px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: var(--at-navy-900);
}
.vt-akordeon__oge > summary::-webkit-details-marker { display: none; }
.vt-akordeon__oge > summary:hover { color: var(--at-accent-text); }
.vt-akordeon__oge > summary .vt-ikon { flex: none; width: 20px; height: 20px; transition: transform var(--at-fast) var(--at-ease); }
.vt-akordeon__oge[open] > summary { font-weight: 600; }
.vt-akordeon__oge[open] > summary .vt-ikon { transform: rotate(180deg); }
.vt-akordeon__icerik { padding: 0 4px 18px; font-size: 15px; line-height: 1.65; color: var(--at-text-2); max-width: 760px; }
.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-yol { padding: 18px 0 14px; font-size: 13px; font-weight: 500; color: var(--at-muted); }
.vt-yol ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.vt-yol li { display: inline-flex; align-items: center; gap: 6px; }
.vt-yol li + li::before { content: "›"; color: var(--at-muted); }
.vt-yol a { color: var(--at-text-2); }
.vt-yol [aria-current="page"] { color: var(--at-muted); }
.vt-yan-kart { display: grid; gap: 5px; }
.vt-yan-kart__bas { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: var(--at-r-xs); background: var(--at-navy-900); color: #FFFFFF; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; }
.vt-yan-kart__satir { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 12px; border: 1px solid var(--at-warning-border); border-radius: var(--at-r-xs); background: var(--at-warning-soft); color: var(--at-text); font-size: 13px; line-height: 1.35; }
.vt-yan-kart__satir .vt-ikon { width: 22px; height: 22px; color: var(--at-warning); }
.vt-yan-kart__satir .vt-yan-kart__ok { margin-left: auto; width: 16px; height: 16px; color: var(--at-muted); }
a.vt-yan-kart__satir:hover { text-decoration: none; border-color: var(--at-warning); }
.vt-guven-bag { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-teal-50); color: var(--at-text); font-size: 13px; }
.vt-guven-bag .vt-ikon { width: 22px; height: 22px; color: var(--at-accent); }
a.vt-guven-bag:hover { text-decoration: none; border-color: var(--at-teal-200); }
.vt-guven-baglar { display: grid; gap: 5px; margin-top: 10px; }
.vt-bilgi-notu { display: flex; align-items: center; gap: 10px; min-height: 47px; padding: 8px 12px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-xs); background: var(--at-accent-soft); color: var(--at-text); font-size: 13px; line-height: 1.4; }
.vt-bilgi-notu__simge { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; }
.vt-bilgi-notu__simge .vt-ikon { width: 15px; height: 15px; stroke-width: 2; }
.vt-ozellikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.vt-ozellik-kutu { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 42px; padding: 4px 6px 4px 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: var(--at-teal-50); font-size: 13px; }
.vt-ozellik-kutu dt { font-weight: 600; color: var(--at-text); }
.vt-ozellik-kutu dd { text-align: right; color: var(--at-text-2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767.98px) {
  .vt-ozellikler { grid-template-columns: minmax(0, 1fr); }
}
.vt-kompakt { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; min-height: 106px; padding: 12px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-kompakt__gorsel { display: grid; place-items: center; width: 80px; height: 80px; border-radius: var(--at-r-xs); background: var(--at-surface-2); }
.vt-kompakt__gorsel img { width: 72px; height: 72px; object-fit: contain; }
.vt-kompakt__ust { font-size: 12px; font-weight: 600; color: var(--at-accent-text); }
.vt-kompakt__ad { font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--at-text); }
.vt-kompakt__ad a { color: inherit; }
.vt-kompakt__kod { margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-kompakt__fiyat { text-align: right; }
.vt-kompakt__fiyat .vt-fiyat { font-size: 15px; }
@media (max-width: 575.98px) {
  .vt-kompakt { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
  .vt-kompakt__gorsel { width: 64px; height: 64px; }
  .vt-kompakt__gorsel img { width: 58px; height: 58px; }
  .vt-kompakt__fiyat { grid-column: 2; text-align: left; }
  .vt-kompakt > :last-child { grid-column: 2; }
}
.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; }
}
@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-atla { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 991.98px) {
  .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-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-tuzak { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.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; }
@media print {
  .vt-yol { display: none !important; }
}
@keyframes vt-alttan { from { transform: translateY(40px); opacity: .5; } to { transform: none; opacity: 1; } }
@media (max-width: 991.98px) {
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol { padding: 4px 0; }
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol a { display: inline-flex; align-items: center; min-height: 44px; }
  :is(.vt-liste-sayfasi, .vt-urun-sayfasi, .vt-arac-sayfasi) .vt-yol [aria-current="page"] { display: inline-flex; align-items: center; min-height: 44px; }
}
.vt-urun-sayfasi .vt-urun-ust { margin-top: 20px; }
.vt-urun-sayfasi .vt-urun-ust > .vt-izgara { align-items: start; }
.vt-urun-sayfasi .vt-urun-galeri { min-width: 0; }
.vt-urun-sayfasi .vt-urun-galeri__ana { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; padding: 18px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; overflow: hidden; }
.vt-urun-sayfasi .vt-urun-galeri__bag { position: absolute; inset: 0; z-index: 1; display: block; cursor: zoom-in; border-radius: inherit; }
.vt-urun-sayfasi .vt-urun-galeri__bag > img { position: absolute; inset: 18px; width: calc(100% - 36px); height: calc(100% - 36px); object-fit: contain; }
.vt-urun-sayfasi .vt-urun-galeri__bag:focus-visible { outline-offset: -3px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva { position: absolute; z-index: 2; display: flex; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sag-ust { right: 12px; top: 12px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sag-ust .vt-cip { height: 28px; padding: 0 12px; font-size: 13px; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sol-alt { left: 0; bottom: 0; }
.vt-urun-sayfasi .vt-urun-galeri__yuva--sol-alt .vt-etiket { height: 30px; padding: 0 12px; border-radius: 0 var(--at-r-xs) 0 var(--at-r-sm); font-size: 13px; }
.vt-urun-sayfasi .vt-urun-galeri__ok,
.vt-urun-sayfasi .vt-urun-galeri__buyut { position: absolute; z-index: 3; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--at-border-strong); border-radius: 50%; background: #FFFFFF; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-urun-galeri__ok { top: 50%; margin-top: -18px; }
.vt-urun-sayfasi .vt-urun-galeri__ok--geri { left: 14px; }
.vt-urun-sayfasi .vt-urun-galeri__ok--ileri { right: 14px; }
.vt-urun-sayfasi .vt-urun-galeri__buyut { left: 12px; top: 12px; }
.vt-urun-sayfasi .vt-urun-galeri__ok:hover,
.vt-urun-sayfasi .vt-urun-galeri__bag:hover .vt-urun-galeri__buyut { border-color: var(--at-accent); color: var(--at-accent); text-decoration: none; }
.vt-urun-sayfasi .vt-urun-galeri__ok .vt-ikon { width: 20px; height: 20px; }
.vt-urun-sayfasi .vt-urun-galeri__buyut .vt-ikon { width: 18px; height: 18px; }
.vt-urun-sayfasi .vt-urun-galeri__kucukler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; width: 60px; height: 60px; padding: 3px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk img { width: 100%; height: 100%; object-fit: contain; }
.vt-urun-sayfasi .vt-urun-galeri__kucuk:hover { border-color: var(--at-border-hover); }
.vt-urun-sayfasi .vt-urun-galeri__kucuk[aria-current="true"] { border-color: var(--at-accent); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-urun-sayfasi .vt-urun-ozet { display: grid; gap: 14px; min-width: 0; }
.vt-urun-sayfasi .vt-urun-ozet__baslik { font-size: var(--at-fs-xl); font-weight: 700; line-height: 26px; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-urun-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--at-border-2); font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-urun-meta__kod strong { font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-urun-meta__bag { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.vt-urun-sayfasi .vt-urun-meta__paylas { position: relative; margin-left: auto; }
.vt-urun-sayfasi .vt-paylas-dugme { gap: 6px; font-family: var(--at-font-text); font-size: 13px; font-weight: 600; }
.vt-urun-sayfasi .vt-paylas-dugme .vt-ikon { color: var(--at-accent); }
.vt-urun-sayfasi .vt-paylas-kutu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; display: grid; gap: 2px; width: 230px; padding: 8px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: #FFFFFF; box-shadow: var(--at-shadow-pop); }
.vt-urun-sayfasi .vt-paylas-kutu[hidden] { display: none; }
.vt-urun-sayfasi .vt-paylas-kutu > a,
.vt-urun-sayfasi .vt-paylas-kutu > button { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; border-radius: var(--at-r-xs); font-size: 14px; color: var(--at-text); text-align: left; }
.vt-urun-sayfasi .vt-paylas-kutu > a:hover,
.vt-urun-sayfasi .vt-paylas-kutu > button:hover { background: var(--at-surface-2); text-decoration: none; }
.vt-urun-sayfasi .vt-paylas-kutu .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-urun-sayfasi .vt-varyantlar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.vt-urun-sayfasi .vt-varyantlar__etiket { font-size: 13px; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-varyantlar__liste { display: flex; flex-wrap: wrap; gap: 8px; }
.vt-urun-sayfasi .vt-varyant { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid var(--at-border-strong); border-radius: var(--at-r-full); background: #FFFFFF; font-size: 13px; font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-varyant:hover { border-color: var(--at-accent); color: var(--at-accent-text); text-decoration: none; }
.vt-urun-sayfasi .vt-varyant[aria-current="page"] { border-color: var(--at-accent); background: var(--at-accent-soft); color: var(--at-accent-text); }
.vt-urun-sayfasi .vt-urun-fiyat { display: grid; gap: 0; }
.vt-urun-sayfasi .vt-urun-fiyat .vt-fiyat-blok { min-height: 72px; }
.vt-urun-sayfasi .vt-fiyat-blok__orta { display: flex; flex-direction: column; }
.vt-urun-sayfasi .vt-fiyat-blok__sag a { font-weight: 600; }
.vt-urun-sayfasi .vt-urun-teslim { display: grid; gap: 4px; margin-top: 10px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-urun-teslim li { display: flex; align-items: center; gap: 8px; }
.vt-urun-sayfasi .vt-urun-teslim .vt-ikon { width: 16px; height: 16px; color: var(--at-success); stroke-width: 2; }
.vt-urun-sayfasi .vt-urun-teslim li:last-child .vt-ikon { color: var(--at-accent); }
.vt-urun-sayfasi .vt-urun-teslim strong { color: var(--at-success); font-weight: 700; }
.vt-urun-sayfasi .vt-urun-teslim--yok .vt-ikon,
.vt-urun-sayfasi .vt-urun-teslim--yok strong { color: var(--at-warning); }
.vt-urun-sayfasi .vt-fiyat-blok--isletme .vt-fiyat-blok__sag { align-items: flex-start; }
.vt-urun-sayfasi .vt-satin-al { display: grid; grid-template-columns: 48px 134px minmax(0, 1fr); align-items: center; gap: 12px; margin: 0; }
.durum-isletme .vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim),
.durum-isletme.vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim) { grid-template-columns: 48px 134px auto minmax(0, 1fr); }
.vt-urun-sayfasi .vt-satin-al--yok { grid-template-columns: 48px minmax(0, 1fr); }
.vt-urun-sayfasi .vt-satin-al__dugme { width: 100%; }
.vt-urun-sayfasi .vt-satin-al__birim { border: 0; margin: 0; }
.vt-urun-sayfasi .vt-eylem-satiri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vt-urun-sayfasi .vt-eylem-satiri form { margin: 0; }
.vt-urun-sayfasi .vt-eylem-satiri .btn-vt { width: 100%; white-space: normal; text-align: center; line-height: 1.2; }
.vt-urun-sayfasi .vt-urun-yan { display: grid; gap: 0; min-width: 0; }
.vt-urun-sayfasi .vt-urun-yan .vt-yan-kart__satir > span { flex: 1; min-width: 0; }
.vt-urun-sayfasi .vt-urun-yan__soru { height: 46px; margin-top: 10px; font-family: var(--at-font-text); font-size: 14px; font-weight: 600; }
.vt-urun-sayfasi .vt-urun-yan__soru .vt-ikon { color: var(--at-accent); }
.vt-urun-sayfasi .vt-urun-yan { grid-template-columns: minmax(0, 1fr); }
.vt-urun-sayfasi .vt-urun-yan__soru { white-space: normal; text-align: center; line-height: 1.2; }
@media (min-width: 992px) {
  .vt-urun-sayfasi .vt-urun-ozet,
  .vt-urun-sayfasi .vt-urun-yan { position: sticky; top: 16px; }
}
.vt-urun-sayfasi .vt-serit--genis { padding: 40px 35px 44px; }
.vt-urun-sayfasi .vt-bakim-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin-bottom: 14px; }
.vt-urun-sayfasi .vt-bakim-bas__not { margin: 4px 0 0 30px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-bakim-set { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; }
.vt-urun-sayfasi .vt-bakim-set__secim { border: 0; margin: 0; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--at-border); }
.vt-urun-sayfasi .vt-bakim-set__secim label { display: grid; gap: 1px; min-height: 44px; padding: 4px 14px; line-height: 1.15; text-align: center; }
.vt-urun-sayfasi .vt-bakim-set__secim label span { font-size: 12px; font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-bakim-set__secim label strong { font-family: var(--at-font-display); font-size: 14px; font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); }
.vt-urun-sayfasi .vt-bakim-set__secim input:checked + label { background: var(--at-accent-soft); box-shadow: 0 0 0 1px var(--at-accent); }
.vt-urun-sayfasi .vt-bakim-set .btn-vt { height: 48px; }
.vt-urun-sayfasi .vt-bakim-icerik { margin: 0 0 24px 30px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-kompaktlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
.vt-urun-sayfasi .vt-kompakt__metin { min-width: 0; }
.vt-urun-sayfasi .vt-kompakt__ust { margin-bottom: 2px; }
.vt-urun-sayfasi .vt-kompakt__ad { font-family: var(--at-font-text); letter-spacing: 0; }
.vt-urun-sayfasi .vt-kompakt__fiyat { display: flex; flex-direction: column; align-items: flex-end; }
.vt-urun-sayfasi .vt-kompakt__gorsel--yok { color: var(--at-accent); }
.vt-urun-sayfasi .vt-kompakt__form { margin: 0; }
.durum-kur-bayat .vt-urun-sayfasi .vt-kompakt__fiyat > :not(.vt-fiyat-guncel),
.durum-kur-bayat.vt-urun-sayfasi .vt-kompakt__fiyat > :not(.vt-fiyat-guncel) { display: none !important; }
.durum-kur-bayat.vt-urun-sayfasi .vt-kompakt__fiyat .vt-fiyat-guncel { display: block; }
@media (min-width: 768px) {
  .vt-urun-sayfasi .vt-sekmeler.is-hazir { grid-template-columns: 160px minmax(0, 1101px); gap: 10px; }
}
.vt-urun-sayfasi .vt-sekmeler:not(.is-hazir) { max-width: 1271px; }
.vt-urun-sayfasi .vt-sekmeler__dugme { font-family: var(--at-font-text); }
.vt-urun-sayfasi .vt-sekmeler__panel:target { scroll-margin-top: 20px; }
.vt-urun-sayfasi .vt-aciklama { max-width: 1040px; font-size: 14px; line-height: 1.65; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-aciklama p + p { margin-top: 10px; }
.vt-urun-sayfasi .vt-aciklama__baslik { display: flex; align-items: center; gap: 8px; margin: 18px 0 8px; font-size: 16px; font-weight: 700; color: var(--at-accent-text); }
.vt-urun-sayfasi .vt-aciklama__baslik:first-child { margin-top: 0; }
.vt-urun-sayfasi .vt-aciklama h4 { margin: 16px 0 6px; font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-aciklama ol,
.vt-urun-sayfasi .vt-aciklama ul { display: grid; gap: 4px; padding-left: 22px; }
.vt-urun-sayfasi .vt-aciklama ol { list-style: decimal; }
.vt-urun-sayfasi .vt-aciklama ul { list-style: disc; }
.vt-urun-sayfasi .vt-aciklama strong { color: var(--at-text); }
.vt-urun-sayfasi .vt-teknik { margin-top: 20px; border: 1px solid var(--at-border); font-size: 13px; }
.vt-urun-sayfasi .vt-teknik th,
.vt-urun-sayfasi .vt-teknik td { height: 45px; padding: 10px 20px; border: 1px solid var(--at-border); text-align: left; vertical-align: middle; }
.vt-urun-sayfasi .vt-teknik tbody th { width: 69%; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-teknik td { color: var(--at-text-2); }
.vt-urun-sayfasi .vt-teknik tbody tr:nth-child(odd) { background: var(--at-surface-2); }
.vt-urun-sayfasi .vt-teknik thead th { background: var(--at-surface-3); font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-teknik--takvim { margin-top: 0; }
.vt-urun-sayfasi .vt-teknik--takvim td:first-child { width: 90px; font-weight: 600; color: var(--at-text); }
.vt-urun-sayfasi .vt-sekme-not { margin-top: 12px; font-size: 13px; color: var(--at-muted); }
.vt-urun-sayfasi .vt-sekme-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.vt-urun-sayfasi .vt-taksit-uyari { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid var(--at-warning-border); border-radius: var(--at-r-sm); background: var(--at-warning-soft); font-size: 13px; line-height: 1.5; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-uyari .vt-ikon { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--at-warning); }
.vt-urun-sayfasi .vt-taksit-giris { margin: 0 0 14px; font-size: 14px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-taksit-giris strong { font-family: var(--at-font-display); font-weight: 800; color: var(--at-navy-900); letter-spacing: var(--at-track-num); font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-kutu { max-width: 560px; overflow-x: auto; border: 1px solid var(--vt-kart-cizgi); border-radius: var(--vt-kart-r); background: var(--vt-kart-zemin); box-shadow: var(--vt-kart-golge); }
.vt-urun-sayfasi .vt-taksit-kutu--programlar { max-width: none; }
.vt-urun-sayfasi .vt-taksit-tablosu { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-tablosu thead th { padding: 12px 10px; background: var(--at-surface-3); font-family: var(--at-font-display); font-size: 13px; font-weight: 700; color: var(--at-navy-900); text-align: center; white-space: nowrap; }
.vt-urun-sayfasi .vt-taksit-tablosu thead th:first-child,
.vt-urun-sayfasi .vt-taksit-tablosu tbody th { padding-left: 14px; text-align: left; }
.vt-urun-sayfasi .vt-taksit-tablosu tbody th { min-width: 118px; padding: 10px 14px; border-top: 1px solid var(--at-border-2); font-weight: 700; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-tablosu td { padding: 9px 8px; border-top: 1px solid var(--at-border-2); text-align: center; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-tablosu :is(th, td) + :is(th, td) { border-left: 1px solid var(--at-border-2); }
.vt-urun-sayfasi .vt-taksit-h__aylik { display: block; font-weight: 700; color: var(--at-navy-900); white-space: nowrap; }
.vt-urun-sayfasi .vt-taksit-h__toplam { display: block; margin-top: 2px; font-size: 12px; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-h__yok { color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-h__hesap { display: block; font-size: 12px; line-height: 1.4; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-tablosu tr.is-tutarsiz > th { font-weight: 600; color: var(--at-text-2); }
.vt-urun-sayfasi :is(.vt-taksit-tablosu, .vt-taksit-kart__tablo) tr.is-vade-farksiz > * { background: var(--at-teal-50); }
.vt-urun-sayfasi .vt-taksit-rozet { display: inline-block; margin: 2px 0 0 8px; padding: 1px 8px; border: 1px solid var(--at-success-border); border-radius: var(--at-r-full); background: var(--at-success-soft); font-size: 11px; font-weight: 600; line-height: 16px; color: var(--at-success); white-space: nowrap; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-kartlar { display: none; }
.vt-urun-sayfasi .vt-taksit-kart { min-width: 0; border: 1px solid var(--vt-kart-cizgi); border-radius: var(--vt-kart-r); background: var(--vt-kart-zemin); box-shadow: var(--vt-kart-golge); }
.vt-urun-sayfasi .vt-taksit-kart > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 0 14px 0 16px; border-radius: var(--vt-kart-r); font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); list-style: none; cursor: pointer; }
.vt-urun-sayfasi .vt-taksit-kart > summary::-webkit-details-marker { display: none; }
.vt-urun-sayfasi .vt-taksit-kart > summary .vt-ikon { flex: none; width: 18px; height: 18px; color: var(--at-muted); transition: transform var(--at-fast) var(--at-ease); }
.vt-urun-sayfasi .vt-taksit-kart[open] > summary { border-bottom: 1px solid var(--at-border-2); border-radius: var(--vt-kart-r) var(--vt-kart-r) 0 0; }
.vt-urun-sayfasi .vt-taksit-kart[open] > summary .vt-ikon { transform: rotate(180deg); }
.vt-urun-sayfasi .vt-taksit-kart__tablo { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.vt-urun-sayfasi .vt-taksit-kart__tablo :is(th, td) { padding: 9px 12px; border-top: 1px solid var(--at-border-2); text-align: right; vertical-align: middle; }
.vt-urun-sayfasi .vt-taksit-kart__tablo thead th { border-top: 0; font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-urun-sayfasi .vt-taksit-kart__tablo :is(thead th, tbody th):first-child { text-align: left; }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody th { font-weight: 700; color: var(--at-text); }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody td:nth-child(2) { font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-taksit-kart__tablo tbody tr:last-child > * { padding-bottom: 12px; }
.vt-urun-sayfasi .vt-yan-kart__ek { display: block; margin-top: 2px; font-size: 12px; color: var(--at-muted); }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-taksit-kutu--programlar { display: none; }
  .vt-urun-sayfasi .vt-taksit-kartlar { display: grid; gap: 10px; }
}
@media (max-width: 575.98px) {
  .vt-urun-sayfasi .vt-taksit-kart__tablo :is(th, td) { padding: 9px 10px; }
  .vt-urun-sayfasi :is(.vt-taksit-kart__tablo, .vt-taksit-tablosu) .vt-taksit-rozet { display: block; width: max-content; margin: 4px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-urun-sayfasi .vt-taksit-kart > summary .vt-ikon { transition: none; }
}
@media (forced-colors: active) {
  .vt-urun-sayfasi :is(.vt-taksit-kutu, .vt-taksit-kart) { border-color: CanvasText; box-shadow: none; }
}
.vt-urun-sayfasi .vt-kurulum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 30px; padding: 26px 30px; border: 1px solid var(--at-border); border-radius: var(--at-r-xs); background: #FFFFFF; }
.vt-urun-sayfasi .vt-kurulum__oge { display: grid; justify-items: center; align-content: start; gap: 6px; text-align: center; }
.vt-urun-sayfasi .vt-kurulum__simge { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--at-teal-50); color: var(--at-accent); }
.vt-urun-sayfasi .vt-kurulum__simge .vt-ikon { width: 24px; height: 24px; }
.vt-urun-sayfasi .vt-kurulum__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-kurulum__metin { max-width: 320px; font-size: 13px; color: var(--at-text-2); }
.vt-urun-sayfasi .vt-kurulum__oge .btn-vt,
.vt-urun-sayfasi .vt-kurulum__dugmeler { margin-top: 6px; }
.vt-urun-sayfasi .vt-kurulum__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.vt-urun-sayfasi .vt-kurulum--tek { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; text-align: left; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__baslik { font-size: 17px; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__metin { max-width: 640px; margin-top: 4px; }
.vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__dugmeler { margin: 0; }
.vt-goruntu {
  --vt-goruntu-soluk: 1;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgb(8 14 22 / calc(.96 * var(--vt-goruntu-soluk)));
  color: #FFFFFF;
  overflow: hidden;
  overscroll-behavior: contain;
}
.vt-goruntu::backdrop { background: transparent; }
.vt-ana .vt-goruntu img { mix-blend-mode: normal; }
.vt-goruntu[open] { animation: vt-goruntu-ac .18s var(--at-ease); }
@keyframes vt-goruntu-ac { from { opacity: 0; } to { opacity: 1; } }
.vt-goruntu__sahne {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  place-items: center;
  padding: calc(72px + env(safe-area-inset-top)) calc(76px + env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) calc(76px + env(safe-area-inset-left));
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: zoom-out;
}
.vt-goruntu__gorsel { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: var(--at-r-xs); background: #FFFFFF; cursor: zoom-in; transform-origin: 50% 50%; will-change: transform; -webkit-user-drag: none; }
.vt-goruntu.is-yakin .vt-goruntu__gorsel { cursor: grab; }
.vt-goruntu.is-yakin.is-surukle .vt-goruntu__gorsel { cursor: grabbing; }
.vt-goruntu__gorsel.is-gecis { transition: transform .22s var(--at-ease); }
.vt-goruntu__ust { position: absolute; top: 0; right: 0; left: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left)); pointer-events: none; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__ust > * { pointer-events: auto; }
.vt-goruntu__sayac { margin: 0 auto 0 0; padding: 6px 12px; border-radius: var(--at-r-full); background: rgb(0 0 0 / .55); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #FFFFFF; }
.vt-goruntu__dugme { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgb(255 255 255 / .22); border-radius: 50%; background: rgb(0 0 0 / .55); color: #FFFFFF; cursor: pointer; }
.vt-goruntu__dugme:hover { background: rgb(0 0 0 / .78); border-color: rgb(255 255 255 / .5); }
.vt-goruntu__dugme:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.vt-goruntu__dugme .vt-ikon { width: 24px; height: 24px; stroke-width: 2; }
.vt-goruntu__sayac[hidden] + .vt-goruntu__yakin { margin-left: auto; }
.vt-goruntu__kapat { width: 52px; height: 52px; }
.vt-goruntu__kapat .vt-ikon { width: 28px; height: 28px; stroke-width: 2.25; }
.vt-goruntu__eksi,
.vt-goruntu.is-yakin .vt-goruntu__arti { display: none; }
.vt-goruntu.is-yakin .vt-goruntu__eksi { display: block; }
.vt-goruntu__ok { position: absolute; top: 50%; z-index: 2; margin-top: -24px; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__ok--geri { left: calc(14px + env(safe-area-inset-left)); }
.vt-goruntu__ok--ileri { right: calc(14px + env(safe-area-inset-right)); }
.vt-goruntu__serit { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: safe center; gap: 8px; padding: 12px calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left)); overflow-x: auto; scrollbar-width: none; opacity: var(--vt-goruntu-soluk); }
.vt-goruntu__serit::-webkit-scrollbar { display: none; }
.vt-goruntu__serit > li { flex: none; }
.vt-goruntu__kucuk { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; overflow: hidden; width: 64px; height: 64px; padding: 4px; border: 2px solid transparent; border-radius: var(--at-r-xs); background: #FFFFFF; opacity: .6; cursor: pointer; }
.vt-goruntu__kucuk img { width: 100%; height: 100%; object-fit: contain; }
.vt-goruntu__kucuk:hover { opacity: .9; }
.vt-goruntu__kucuk[aria-current="true"] { border-color: var(--at-accent); opacity: 1; }
.vt-goruntu__kucuk:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.vt-goruntu.is-yakin .vt-goruntu__ok,
.vt-goruntu.is-yakin .vt-goruntu__serit,
.vt-goruntu.is-surukle .vt-goruntu__ok { visibility: hidden; }
@media (max-width: 767.98px) {
  .vt-goruntu__sahne { padding: calc(68px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(92px + env(safe-area-inset-bottom)) env(safe-area-inset-left); }
  .vt-goruntu__gorsel { border-radius: 0; }
  .vt-goruntu__ok { display: none; }
  .vt-goruntu__kucuk { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-goruntu[open] { animation: none; }
  .vt-goruntu__gorsel.is-gecis { transition: none; }
}
@media (forced-colors: active) {
  .vt-goruntu { background: Canvas; }
  .vt-goruntu__dugme,
  .vt-goruntu__sayac { border: 1px solid ButtonText; }
}
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-urun-ust { margin-top: 4px; }
  .vt-urun-sayfasi .vt-urun-ust > .vt-izgara { gap: 18px; }
  .vt-urun-sayfasi .vt-urun-galeri__bag > img { inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); }
  .vt-urun-sayfasi .vt-urun-galeri__ok,
  .vt-urun-sayfasi .vt-urun-galeri__buyut { width: 44px; height: 44px; }
  .vt-urun-sayfasi .vt-urun-galeri__ok { margin-top: -22px; }
  .vt-urun-sayfasi .vt-urun-ozet__baslik { font-size: 18px; line-height: 24px; }
  .vt-urun-sayfasi .vt-urun-meta__bag { min-height: 44px; }
  .vt-urun-sayfasi .vt-paylas-dugme { min-height: 44px; }
  .vt-urun-sayfasi .vt-varyant { min-height: 44px; }
  .vt-urun-sayfasi .vt-satin-al { grid-template-columns: 48px 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-satin-al__dugme { grid-column: 1 / -1; }
  .durum-isletme.vt-urun-sayfasi .vt-satin-al:has(.vt-satin-al__birim) { grid-template-columns: 48px 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-eylem-satiri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vt-urun-sayfasi .vt-eylem-satiri .btn-vt { min-height: 44px; height: auto; padding-block: 6px; }
  .vt-urun-sayfasi .vt-yan-kart__satir,
  .vt-urun-sayfasi .vt-guven-bag { min-height: 46px; }
  .vt-urun-sayfasi .vt-ikon-dugme--28 { width: 44px; height: 44px; margin: -8px -6px -8px 0; }
  .vt-urun-sayfasi .vt-ozellik-kutu { grid-template-columns: 110px minmax(0, 1fr) auto; }
  .vt-urun-sayfasi .vt-kompaktlar { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .vt-urun-sayfasi .vt-serit--genis { padding: 24px 15px 28px; }
  .vt-urun-sayfasi .vt-bakim-bas__not,
  .vt-urun-sayfasi .vt-bakim-icerik { margin-left: 0; }
  .vt-urun-sayfasi .vt-bakim-set { width: 100%; }
  .vt-urun-sayfasi .vt-bakim-set__secim { width: 100%; }
  .vt-urun-sayfasi .vt-bakim-set__secim label { padding: 4px 6px; }
  .vt-urun-sayfasi .vt-bakim-set .btn-vt { width: 100%; }
  .vt-urun-sayfasi .vt-kurulum { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; }
  .vt-urun-sayfasi .vt-kurulum--tek { justify-items: start; }
  .vt-urun-sayfasi .vt-kurulum--tek .vt-kurulum__dugmeler { justify-content: flex-start; }
  .vt-urun-sayfasi .vt-kurulum .btn-vt { min-height: 44px; }
  .vt-urun-sayfasi .vt-teknik th,
  .vt-urun-sayfasi .vt-teknik td { padding: 10px 12px; }
  .vt-urun-sayfasi .vt-teknik tbody th { width: 46%; }
  .vt-urun-sayfasi .vt-aciklama a,
  .vt-urun-sayfasi .vt-teknik a,
  .vt-urun-sayfasi .vt-fiyat-blok__sag a { display: inline-flex; align-items: center; min-height: 44px; }
  .vt-urun-sayfasi .vt-kompakt__ad a { display: inline-flex; min-height: 44px; align-items: center; }
}
@media (max-width: 575.98px) {
  .vt-urun-sayfasi .vt-kompakt { grid-template-columns: 64px minmax(0, 1fr) auto; }
  .vt-urun-sayfasi .vt-kompakt__fiyat { grid-column: 2; align-items: flex-start; }
  .vt-urun-sayfasi .vt-kompakt > :last-child { grid-column: 3; grid-row: 2; }
  .vt-urun-sayfasi .vt-urun-meta__paylas { margin-left: 0; }
}
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-adet { grid-template-columns: 44px minmax(0, 1fr) 44px; }
}
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-kdv-gecis button { height: 44px; padding: 0 14px; }
}
.durum-kart-kapali.vt-urun-sayfasi .vt-yan-kart__satir.vt-taksit { display: none; }
@keyframes vt-donen { to { transform: rotate(360deg); } }
.vt-ust-bilgi img,
.vt-ana img,
.vt-cekmece img { mix-blend-mode: multiply; }
.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-yol { padding: 2px 0 0; }
  .vt-yol li { display: none; }
  .vt-yol li:nth-last-child(2) { display: inline-flex; }
  .vt-yol li:nth-last-child(2)::before { content: "‹"; margin-right: 2px; font-size: 20px; line-height: 1; color: var(--at-accent-text); }
  .vt-yol li:nth-last-child(2) a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--at-accent-text); }
}
.vt-fiyat-blok__sag .vt-taksit { white-space: nowrap; }
@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-yan-kart__satir { border-color: var(--vt-krem-cizgi); background: var(--vt-krem); }
.vt-yan-kart__satir .vt-ikon { color: var(--at-accent); }
a.vt-yan-kart__satir:hover { border-color: var(--at-teal-200); }
.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-urun-sayfasi .vt-urun-ozet { gap: 12px; }
.vt-urun-sayfasi .vt-ozellik-diger > summary,
.vt-urun-sayfasi .vt-parca-ac > summary { display: none; }
.vt-urun-sayfasi .vt-ozellik-diger { margin-top: -4px; }
.vt-urun-sayfasi .vt-urun-fiyat .vt-fiyat-blok { min-height: 0; padding: 10px 0; }
.vt-fiyat-blok__satir { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.vt-urun-sayfasi .vt-fiyat-tarihi { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 12px; line-height: 18px; }
.vt-ipucu { display: inline-flex; color: var(--at-muted); cursor: help; }
.vt-ipucu .vt-ikon { width: 14px; height: 14px; stroke-width: 2; }
.vt-urun-sayfasi .vt-urun-teslim { margin-top: 0; }
.vt-toplu-not,
.vt-stok-oneri { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--at-text-2); }
.vt-toplu-not .vt-ikon,
.vt-stok-oneri .vt-ikon { width: 16px; height: 16px; color: var(--at-accent); stroke-width: 2; }
.vt-toplu-not[hidden],
.vt-stok-oneri[hidden] { display: none; }
.vt-stok-oneri a { font-weight: 600; }
.vt-urun-sayfasi .vt-eylem-satiri > form .btn-vt { width: 100%; }
.vt-urun-sayfasi .vt-kdv-haric { display: none !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-kdv-dahil { display: none !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-fiyat-blok__satir.vt-kdv-haric { display: flex !important; }
.vt-urun-sayfasi.vt-kdv-haric-gorunum .vt-fiyat-blok__not.vt-kdv-haric { display: block !important; }
.vt-urun-sayfasi .vt-sekmeler__dugme { font-family: var(--at-font-display); font-size: 14px; font-weight: 600; }
.vt-urun-sayfasi .vt-teknik tbody th { width: 280px; }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-ozellik-diger > summary,
  .vt-urun-sayfasi .vt-parca-ac > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 12px; border: 1px solid var(--at-border-2); border-radius: var(--at-r-xs); background: #FFFFFF; color: var(--at-accent-text); font-size: 14px; font-weight: 600; list-style: none; cursor: pointer; }
  .vt-urun-sayfasi .vt-ozellik-diger > summary::-webkit-details-marker,
  .vt-urun-sayfasi .vt-parca-ac > summary::-webkit-details-marker { display: none; }
  .vt-urun-sayfasi .vt-ozellik-diger[open] > summary .vt-ikon,
  .vt-urun-sayfasi .vt-parca-ac[open] > summary .vt-ikon { transform: rotate(180deg); }
  .vt-urun-sayfasi .vt-ozellik-diger > .vt-ozellikler { margin-top: 8px; }
  .vt-urun-sayfasi .vt-parca-ac > .vt-kompaktlar { margin-top: 12px; }
  .vt-urun-sayfasi .vt-teknik tbody th { width: 46%; }
  .vt-urun-sayfasi .vt-fiyat-tarihi .vt-ipucu { min-width: 24px; min-height: 24px; align-items: center; justify-content: center; }
}
.vt-urun-sayfasi .vt-satin-al--teklif { grid-template-columns: 134px minmax(0, 1fr); }
@media (max-width: 991.98px) {
  .vt-urun-sayfasi .vt-satin-al--teklif { grid-template-columns: 134px minmax(0, 1fr); }
  .vt-urun-sayfasi .vt-satin-al--teklif .vt-satin-al__dugme { grid-column: auto; }
}
.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-avantaj-kutu { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: #FFFFFF; }
.vt-avantaj-kutu__bas { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-family: var(--at-font-display); font-size: 14px; font-weight: 700; color: var(--at-navy-900); }
.vt-avantaj-kutu__bas .vt-ikon { width: 18px; height: 18px; color: var(--at-accent); }
.vt-avantaj-kutu .vt-avantajlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vt-avantaj-kutu .vt-avantaj { align-items: flex-start; gap: 10px; min-height: 44px; padding: 8px 10px; font-size: 13px; line-height: 18px; }
.vt-avantaj-kutu .vt-avantaj .vt-ikon { width: 20px; height: 20px; margin-top: 1px; }
.vt-avantaj-kutu .vt-avantaj > span { display: grid; min-width: 0; }
.vt-avantaj__kosul { font-size: 12px; font-weight: 500; line-height: 16px; color: var(--at-text-2); }
@media (max-width: 575.98px) {
  .vt-avantaj-kutu .vt-avantajlar { grid-template-columns: minmax(0, 1fr); }
}
.vt-urun-sayfasi .vt-satin-al--tek { grid-template-columns: minmax(0, 1fr); }
.vt-urun-sayfasi .vt-yan-kart div.vt-yan-kart__satir { cursor: default; }
.vt-yapiskan-sepet { display: none; }
@media (max-width: 991.98px) {
  .vt-yapiskan-sepet {
    position: fixed;
    left: 0; right: 0;
    bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom));
    z-index: var(--at-z-actionbar);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    border-top: 1px solid var(--at-border);
    background: #FFFFFF;
  }
  .vt-yapiskan-sepet__fiyat { display: grid; flex: 1 1 auto; min-width: 0; line-height: 18px; }
  .vt-yapiskan-sepet__fiyat strong { font-family: var(--at-font-display); font-size: 17px; font-weight: 800; color: var(--at-navy-900); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .vt-yapiskan-sepet__fiyat span { font-size: 12px; color: var(--at-text-2); }
  .vt-yapiskan-sepet__dugme { flex: 0 1 auto; min-height: 44px; padding-inline: 16px; white-space: nowrap; }
  body.vt-urun-sayfasi { padding-bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom)); }
  body.vt-urun-sayfasi .vt-bildirim-alan { bottom: calc(var(--vt-alt-cubuk-h) + 74px + env(safe-area-inset-bottom)); }
}
@media print {
  .vt-yapiskan-sepet { display: none !important; }
}
.vt-yildiz {display:inline-flex;gap:1px;color:var(--at-warning);vertical-align:middle}
.vt-yildiz .vt-ikon {width:16px;height:16px;fill:currentColor}
.vt-yildiz .vt-yildiz__bos {fill:none;color:var(--at-border-strong)}
.vt-yorum-liste {list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vt-yorum {border:1px solid var(--at-border);border-radius:var(--at-r-sm);padding:14px 16px;background:#fff}
.vt-yorum__bas {display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px;color:var(--at-muted);font-size:14px}
.vt-yorum__bas strong {color:var(--at-text)}
.vt-yorum__dogrulama {display:inline-flex;align-items:center;gap:4px;color:var(--at-success)}
.vt-yorum__dogrulama .vt-ikon {width:16px;height:16px}
.vt-yorum p {margin:0 0 6px;color:var(--at-text-2);overflow-wrap:anywhere}
.vt-yorum__yanit {margin-top:10px;padding:10px 12px;border-left:3px solid var(--at-accent);background:var(--at-surface-2);border-radius:var(--at-r-xs)}
.vt-puan-sec {border:0;padding:0;margin:0 0 16px;min-width:0}
.vt-puan-sec__liste {display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.vt-puan-sec__oge {display:inline-flex;align-items:center;gap:6px;border:1px solid var(--at-border-strong);border-radius:var(--at-r-sm);padding:8px 12px;cursor:pointer;min-height:44px}
.vt-puan-sec__oge span {display:inline-flex;align-items:center;gap:6px}
.vt-puan-sec__oge .vt-ikon {width:16px;height:16px;color:var(--at-warning);fill:currentColor}
.vt-puan-sec__oge:has(input:checked) {border-color:var(--at-accent);background:var(--at-accent-soft)}
.vt-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.vt-urun-sayfasi .vt-destek { bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom) + 12px); }
  body:has(.vt-destek) .vt-bildirim-alan { right: 72px; bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom) + 12px); }
  body.vt-urun-sayfasi:has(.vt-destek) .vt-bildirim-alan { bottom: calc(var(--vt-alt-cubuk-h) + 74px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .vt-destek__dugme { transition: none; }
}
@media print {
  .vt-destek { display: none !important; }
}
.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-urun-sayfasi .vt-yukari--tek { bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom) + 12px); }
  body.vt-cark-davetli .vt-yukari--tek,
  body:has(.vt-izin:not([hidden])) .vt-yukari--tek { display: none; }
  body:has(.vt-yukari--tek:not([hidden])) .vt-bildirim-alan { right: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-yukari { transform: none; transition: none; }
}
@media print {
  .vt-yukari { display: none !important; }
}
.vt-urun-sayfasi .vt-sekmeler--yatay,
.vt-urun-sayfasi .vt-sekmeler--yatay.is-hazir { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__liste { flex-direction: row; gap: 6px; overflow-x: auto; scrollbar-width: none; border-bottom: 2px solid var(--at-accent); }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__liste::-webkit-scrollbar { display: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme { flex: none; min-height: 46px; padding: 0 22px; border-radius: var(--at-r-xs) var(--at-r-xs) 0 0; white-space: nowrap; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme:focus-visible { outline-offset: -3px; }
.vt-urun-sayfasi .vt-sekmeler--yatay.is-hazir .vt-sekmeler__panel { border-top: 0; border-radius: 0 0 var(--at-r-xs) var(--at-r-xs); }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__panel { padding: 24px; }
.vt-urun-sayfasi .vt-sekmeler--yatay .vt-aciklama { max-width: none; }
.vt-urun-sayfasi .vt-sekmeler--yatay:not(.is-hazir) .vt-sekmeler__panel + .vt-sekmeler__panel { margin-top: 12px; }
@media (max-width: 767.98px) {
  .vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__dugme { padding: 0 16px; }
  .vt-urun-sayfasi .vt-sekmeler--yatay .vt-sekmeler__panel { padding: 16px; }
}
.vt-resmi-kart { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 12px 14px; border: 1px solid var(--at-teal-200); border-radius: var(--at-r-sm); background: linear-gradient(135deg, var(--at-accent-soft), #FFFFFF 72%); }
.vt-resmi-kart__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-accent); color: #FFFFFF; box-shadow: 0 0 0 4px var(--at-teal-50); }
.vt-resmi-kart__simge .vt-ikon { width: 22px; height: 22px; stroke-width: 2.25; }
.vt-resmi-kart__metin { min-width: 0; }
.vt-resmi-kart__baslik { font-family: var(--at-font-display); font-size: 15px; font-weight: 800; line-height: 20px; color: var(--at-navy-900); }
.vt-resmi-kart__aciklama { font-size: 13px; line-height: 18px; color: var(--at-text-2); }
.vt-resmi-kart--tel { display: none; margin-top: 0; }
@media (max-width: 991.98px) {
  .vt-resmi-kart--yan { display: none; }
  .vt-resmi-kart--tel { display: flex; }
}
.vt-urun-sayfasi .vt-bakim-araclar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.vt-urun-sayfasi .vt-urun-bakim .vt-bakim-bas:last-child { margin-bottom: 0; }
a.vt-favori-daire:hover { text-decoration: none; }
.vt-urun-sayfasi .vt-eylem-satiri > form { display: grid; margin: 0; }
.vt-urun-sayfasi .vt-kompakt__gorsel > .vt-ikon { width: 28px; height: 28px; color: var(--at-accent); }
.vt-avantaj--kampanya { border-color: var(--at-danger-border); border-radius: var(--at-r-full); background: var(--at-danger-soft); color: var(--at-danger); }
.vt-avantaj--kampanya .vt-ikon { color: var(--at-danger); }
.vt-avantaj-kutu .vt-avantaj--kampanya { border-radius: var(--at-r-xs); }
.vt-avantaj--yeni { border-color: var(--at-navy-900); background: var(--at-navy-900); color: #FFFFFF; }
.vt-avantaj--yeni .vt-ikon { color: #FFFFFF; }
.vt-avantaj-kutu .vt-avantaj--yeni .vt-avantaj__kosul { color: rgb(255 255 255 / .85); }
.vt-bilgi-notu--rozet { border-style: dashed; border-color: var(--at-border-strong); background: var(--at-surface-2); color: var(--at-text-2); }
.vt-bilgi-notu--rozet .vt-bilgi-notu__simge { background: var(--at-text-2); }
.vt-bilgi-notu--rozet strong { color: var(--at-text); }
.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-urun-sayfasi .vt-aciklama h5 { margin: 12px 0 4px; font-size: 14px; font-weight: 600; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-aciklama p + ul,
.vt-urun-sayfasi .vt-aciklama p + ol { margin-top: 8px; }
.vt-urun-sayfasi .vt-aciklama ul + p,
.vt-urun-sayfasi .vt-aciklama ol + p { margin-top: 10px; }
.vt-urun-sayfasi .vt-aciklama a { text-decoration: underline; text-underline-offset: 3px; }
.vt-urun-sayfasi .vt-urun-meta__marka a { font-weight: 600; color: var(--at-text); text-decoration: underline; text-underline-offset: 3px; }
.vt-urun-sayfasi .vt-urun-meta__marka a:hover { color: var(--at-accent-text); }
.vt-urun-ilgili { display: grid; gap: 6px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--at-border); font-size: 13px; line-height: 1.6; color: var(--at-text-2); }
.vt-urun-ilgili__etiket { font-weight: 600; color: var(--at-text); }
.vt-urun-ilgili a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767.98px) {
  .vt-urun-ilgili a { display: inline-block; padding: 6px 0; }
}
.vt-puan-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; margin: 6px 0 2px; font-size: 14px; line-height: 20px; color: var(--at-text-2); }
.vt-puan-ozet-bag { display: inline-flex; align-items: center; gap: 6px; color: var(--at-text); text-decoration: none; }
.vt-puan-ozet-bag:hover strong,
.vt-puan-ozet-bag:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }
.vt-puan-ozet-bag__sayi { color: var(--at-muted); }
.vt-puan-ver { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 8px; margin: 0; }
.vt-puan-ver__etiket { color: var(--at-text-2); }
.vt-puan-ver__yildizlar { display: inline-flex; }
.vt-puan-ver__yildiz { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--at-r-xs); background: transparent; color: var(--at-border-strong); cursor: pointer; }
.vt-puan-ver__yildiz .vt-ikon { width: 22px; height: 22px; fill: none; }
.vt-puan-ver__yildizlar:hover .vt-puan-ver__yildiz,
.vt-puan-ver__yildiz.is-dolu { color: var(--at-warning); }
.vt-puan-ver__yildizlar:hover .vt-puan-ver__yildiz .vt-ikon,
.vt-puan-ver__yildiz.is-dolu .vt-ikon { fill: currentColor; }
.vt-puan-ver__yildiz:hover ~ .vt-puan-ver__yildiz { color: var(--at-border-strong); }
.vt-puan-ver__yildiz:hover ~ .vt-puan-ver__yildiz .vt-ikon { fill: none; }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz { cursor: default; color: var(--at-border-strong); }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz .vt-ikon { fill: none; }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz.is-dolu { color: var(--at-warning); }
.vt-puan-ver.is-verildi .vt-puan-ver__yildiz.is-dolu .vt-ikon { fill: currentColor; }
.vt-puan-ver__yildiz:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 1px; }
.vt-puan-ver__sonuc { font-size: 13px; font-weight: 600; color: var(--at-success); }
.vt-puan-ver__sonuc.is-hata { color: var(--at-danger); }
.vt-puan-ver__sonuc:empty { display: none; }
.vt-kart__puan { display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 16px; color: var(--at-muted); }
.vt-kart__puan .vt-ikon { width: 14px; height: 14px; color: var(--at-warning); fill: currentColor; }
.vt-kart__puan strong { font-weight: 600; color: var(--at-text); }
.vt-yorumlar { display: grid; gap: 16px; }
.vt-puan-ozet { display: grid; grid-template-columns: minmax(150px, 200px) minmax(0, 1fr); align-items: center; gap: 16px 28px; padding: 16px; border: 1px solid var(--at-border); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
.vt-puan-ozet__ana { display: grid; justify-items: start; gap: 4px; }
.vt-puan-ozet__deger { display: flex; align-items: baseline; gap: 6px; margin: 0; color: var(--at-muted); }
.vt-puan-ozet__deger strong { font-family: var(--at-font-display); font-size: 36px; line-height: 1; font-weight: 800; color: var(--at-navy-900); }
.vt-puan-ozet__sayi { margin: 0; font-size: 13px; color: var(--at-text-2); }
.vt-yildiz--buyuk .vt-ikon { width: 20px; height: 20px; }
.vt-puan-dagilim { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.vt-puan-dagilim li { display: grid; grid-template-columns: 64px minmax(0, 1fr) 36px; align-items: center; gap: 10px; font-size: 13px; color: var(--at-text-2); }
.vt-puan-dagilim__cubuk { display: block; width: 100%; height: 8px; }
.vt-puan-dagilim__zemin { fill: var(--at-border); }
.vt-puan-dagilim__dolu { fill: var(--at-warning-solid); }
.vt-puan-dagilim__sayi { text-align: right; font-variant-numeric: tabular-nums; }
.vt-yorum__baslik { margin: 0 0 4px; font-weight: 700; color: var(--at-text); }
.vt-yorum-sayfalama { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-top: 12px; font-size: 13px; color: var(--at-muted); }
.vt-yorum-bos { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px dashed var(--at-border-strong); border-radius: var(--at-r-sm); background: var(--at-surface-2); }
.vt-yorum-bos__simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--at-warning-soft); color: var(--at-warning); }
.vt-yorum-bos__simge .vt-ikon { width: 22px; height: 22px; fill: currentColor; }
.vt-yorum-bos__baslik { margin: 0 0 4px; font-family: var(--at-font-display); font-weight: 700; color: var(--at-navy-900); }
.vt-yorum-bos p { margin: 0; color: var(--at-text-2); }
.vt-yorum-yaz { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--at-border); }
.vt-yorum-yaz__baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-family: var(--at-font-display); font-size: var(--at-fs-lg); color: var(--at-navy-900); }
.vt-yorum-form { display: grid; gap: 14px; max-width: 760px; }
.vt-yorum-form .vt-puan-sec { margin: 0; }
@media (max-width: 767.98px) {
  .vt-puan-ozet { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .vt-puan-ver__yildiz { width: 40px; height: 40px; }
  .vt-puan-ver__yildiz .vt-ikon { width: 24px; height: 24px; }
}
.vt-yorum-not { margin: 0; font-size: 13px; line-height: 1.5; color: var(--at-text-2); }
.vt-yorum-not .vt-ikon { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right: 4px; color: var(--at-accent); }
.vt-puan-dagilim { max-width: 560px; }
@keyframes vt-kayan { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
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; }
.vt-urun-sayfasi .vt-zengin { max-width: none; font-size: 15px; line-height: 1.7; }
.vt-urun-sayfasi .vt-zengin > p,
.vt-urun-sayfasi .vt-zengin > ul:not(.vt-zengin__kartlar),
.vt-urun-sayfasi .vt-zengin > blockquote,
.vt-urun-sayfasi .vt-zengin .vt-zengin__sss .vt-akordeon__icerik { max-width: none; }
.vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h4 { margin: 32px 0 12px; font-family: var(--at-font-display); font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h5 { margin: 20px 0 6px; font-size: 16px; font-weight: 700; color: var(--at-navy-900); }
.vt-urun-sayfasi .vt-zengin > p + p { margin-top: 12px; }
.vt-urun-sayfasi .vt-zengin .vt-zengin__sss .vt-akordeon__oge > summary { font-size: 15px; }
@media (max-width: 767.98px) {
  .vt-urun-sayfasi .vt-zengin.vt-zengin--d4 > h4 { margin-top: 26px; font-size: 18px; }
}
@media print {
  .vt-zengin__icindekiler { display: none; }
}
@media (min-width: 992px) {
  .vt-ust-bilgi:has(> .vt-cubuk) { position: sticky; top: calc(var(--vt-cubuk-h) - var(--vt-ust-h, 202px)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) { --vt-capa-pay: calc(16px + var(--vt-cubuk-h)); scroll-padding-top: calc(12px + var(--vt-cubuk-h)); }
  html:has(.vt-ust-bilgi > .vt-cubuk) { scroll-padding-top: calc(12px + var(--vt-cubuk-h)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-urun-sayfasi .vt-urun-yan { top: calc(16px + var(--vt-cubuk-h)); }
  body:has(.vt-ust-bilgi > .vt-cubuk) .vt-urun-sayfasi .vt-sekmeler__panel:target { scroll-margin-top: calc(20px + var(--vt-cubuk-h)); }
}