/* Ürüne özel editoryal kart — Stitch'teki şeftali kutu.
 * Breakpoint: lg = 1024px 1024px
 */

.cc_lqof57t2_lM8bgj60Hj .vt-pstory {
  width: 100%;
  background: var(--color-bg);
  /* Icerik ne gelirse gelsin sayfa yana kaymaz. */
  overflow-x: hidden;
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background: var(--vt-pstory-card, var(--color-surface-alt));
  color: var(--vt-pstory-on-card, var(--color-text-primary));
}

@media (min-width: 1024px) {
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory--has-media .vt-pstory__card {
    flex-direction: row;
  }

  /* Görsel solda istenirse kompozisyon aynalanır. */
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory--media-left.vt-pstory--has-media .vt-pstory__card {
    flex-direction: row-reverse;
  }
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 32px 24px;
}

@media (min-width: 1024px) {
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory__text {
    gap: 20px;
    padding: 72px 64px;
  }

  .cc_lqof57t2_lM8bgj60Hj .vt-pstory--has-media .vt-pstory__text {
    width: 50%;
  }
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__eyebrow {
  color: var(--vt-pstory-eyebrow, var(--color-accent));
  text-transform: uppercase;
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__title {
  margin: 0;
  color: inherit;
  font-size: var(--vt-pstory-title-m, 26px);
  text-wrap: balance;
}

@media (min-width: 768px) {
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory__title { font-size: var(--vt-pstory-title-d, 36px); }
}

/* Panelden gelen HTML — hangi etiketin geleceği bilinmez, yaygın
   olanların hepsi tema diline uydurulur. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body {
  color: inherit;
  opacity: 0.82;
  font-size: var(--vt-pstory-body, 17px);
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body > :first-child { margin-top: 0; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body > :last-child { margin-bottom: 0; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body p { margin: 0 0 16px; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body a { color: inherit; text-decoration: underline; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body ul, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body ol { margin: 0 0 16px; padding-left: 22px; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body li { margin-bottom: 8px; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body img { max-width: 100%; height: auto; border-radius: var(--radius-md); }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body h2, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body h3, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body h4 {
  margin: 24px 0 10px;
  color: inherit;
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding-bottom: 3px;
  border-bottom: 1px solid currentColor;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 250ms ease, gap 250ms ease;
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__link:hover { opacity: 0.65; gap: 16px; }
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__link-icon { font-size: 1.3em; }

/* --- Görsel --- */

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__media {
  width: 100%;
  padding: 0 24px 32px;
}

@media (min-width: 1024px) {
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory__media {
    width: 50%;
    padding: 48px;
  }
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}

@media (prefers-reduced-motion: reduce) {
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory__link { transition: none; }
  .cc_lqof57t2_lM8bgj60Hj .vt-pstory__link:hover { gap: 10px; }
}

/* --- Yapistirilmis HTML'e karsi koruma ---
 *
 * Panelden gelen aciklama cogu zaman baska bir yerden yapistirilir ve
 * <pre>, cok uzun URL, genis tablo gibi seyler icerir. Bunlar varsayilan
 * haliyle SAYFAYI yana kaydirir ve monospace fontla cikar.
 * Asagidaki kurallar icerigi tema diline zorlar ve tasmayi keser. */

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Hicbir cocuk kolondan tasamaz. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body * {
  max-width: 100%;
}

/* <pre>/<code> monospace ve sarmayan yapisiyla gelir - tema fontuna
   cevrilir, satir sonlari korunarak sarmasi saglanir. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body pre, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body code, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body kbd, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body samp {
  font-family: inherit;
  font-size: inherit;
  white-space: pre-wrap;
  word-break: break-word;
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 14px;
  color: inherit;
}

.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body pre:last-child, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body code:last-child { margin-bottom: 0; }

/* Genis tablolar kendi icinde kayar, sayfayi surüklemez. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body table {
  display: block;
  width: 100%;
  overflow-x: auto;
}

/* Uzun baglantilar/kelimeler satiri kirar. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body a { overflow-wrap: anywhere; }

/* Gomulu video/iframe tasmasin. */
.cc_lqof57t2_lM8bgj60Hj .vt-pstory__body iframe, .cc_lqof57t2_lM8bgj60Hj .vt-pstory__body video {
  max-width: 100%;
  height: auto;
}
