/*
 * Vitrin — Entegrasyonlar paketi stilleri (çerez tercihi bandı ve tercih sayfası). Tokenlar: tokenlar.css (--at-*) ve vitrin.css (--vt-*).
 * Bant yalnız ölçüm entegrasyonu yapılandırılmışsa çizilir; varsayılan gizlidir ([hidden]) ve izin.js tercih çerezi yoksa gösterir.
 * Telefon: alt sabit çubuğun (.vt-alt-cubuk) hemen üstünde durur. Ürün sayfasındaki yapışkan sepet çubuğunun üstüne binmez (62 px pay).
 */
.vt-izin {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: var(--at-z-toast);
  border-top: 1px solid var(--at-border);
  background: var(--at-surface);
  box-shadow: var(--at-shadow-pop);
  color: var(--at-text);
  font-size: 14px;
  line-height: 1.5;
}
.vt-izin[hidden] { display: none; }
.vt-izin__ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 14px; }
.vt-izin__metin { max-width: 760px; }
.vt-izin__baslik { margin: 0 0 2px; font-weight: 700; color: var(--at-text); }
.vt-izin__metin p { margin: 0; color: var(--at-text-2); }
.vt-izin__metin a { color: var(--at-accent-text); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.vt-izin__dugmeler { display: flex; flex: none; gap: 10px; }
.vt-izin__dugmeler .btn-vt { min-width: 150px; }
@media (max-width: 991.98px) {
  .vt-izin { bottom: calc(var(--vt-alt-cubuk-h) + env(safe-area-inset-bottom)); }
  body.vt-urun-sayfasi .vt-izin { bottom: calc(var(--vt-alt-cubuk-h) + 62px + env(safe-area-inset-bottom)); }
  .vt-izin__ic { flex-direction: column; align-items: stretch; gap: 12px; padding-block: 12px; }
  .vt-izin__dugmeler { display: grid; grid-template-columns: 1fr 1fr; }
  .vt-izin__dugmeler .btn-vt { min-width: 0; }
  /* Bant açıkken yüzen destek düğmeleri bandın kenarından yarım görünmesin; tercih yapılınca geri gelir (14 Eki 2026). */
  body:has(.vt-izin:not([hidden])) .vt-destek { display: none; }
}

/* Çerez tercihleri sayfası */
.vt-izin-sayfa { display: grid; gap: 20px; max-width: 760px; padding-bottom: 40px; }
.vt-izin-sayfa__liste { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.vt-izin-sayfa__oge { padding: 14px 16px; border: 1px solid var(--at-border); border-radius: var(--at-r); background: var(--at-surface); }
.vt-izin-sayfa__oge .vt-onay { font-weight: 600; }
.vt-izin-sayfa__oge p { margin: 6px 0 0 30px; font-size: 14px; line-height: 1.5; color: var(--at-text-2); }
.vt-izin-sayfa__sabit { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: var(--at-r-full); background: var(--at-surface-3); font-size: 12px; font-weight: 600; color: var(--at-muted); }
.vt-izin-sayfa__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }