/*
 * GkStoryViewer — tam ekran video izleyici. Düzen Firma 3 PtStoryViewer (powertimeepoxy.com) ölçüsünde, renk ve yazı GK token'larıyla.
 *   sahne: fixed inset 0, --gk-lacivert-koyu, z --gk-z-perde (Header'ın çekmece/pencere/bildirim katmanları üstte açılır)
 *   ≥820 px ve yükseklik >500 px: ortada 9:16 kart (en çok 420×747) + iki yanda soluk komşu (clamp 150–230 px, opaklık .45)
 *   <820 px ya da yatay telefon: kart tam ekran, komşu yok, × kimlik satırının sonunda
 * Ebeveyn renk değişkenleri: --gsv-dugme (düğme), --gsv-zemin (sahne). Boşsa token.
 */

/* ═══ Sahne ═══ */
.cc_plpval9i_299CR7lpsz .gsv, .cc_plpval9i_pyXnWF7sHl .gsv {
  position: fixed;
  inset: 0;
  z-index: var(--gk-z-perde);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 2.6vw, 44px);
  background: var(--gsv-zemin, var(--gk-lacivert-koyu));
  color: var(--gk-beyaz);
  overscroll-behavior: contain;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}
.cc_plpval9i_299CR7lpsz .gsv:focus, .cc_plpval9i_pyXnWF7sHl .gsv:focus {
  outline: none;
}
.cc_plpval9i_299CR7lpsz .gsv--koruma, .cc_plpval9i_pyXnWF7sHl .gsv--koruma {
  -webkit-touch-callout: none;
}
.cc_plpval9i_299CR7lpsz .gsv :focus-visible, .cc_plpval9i_pyXnWF7sHl .gsv :focus-visible {
  outline: 2px solid var(--gk-beyaz);
  outline-offset: 2px;
}

/* × : sahnenin sağ üstü (mobilde kartın içinde, kimlik satırının sonu) */
.cc_plpval9i_299CR7lpsz .gsv-kapat, .cc_plpval9i_pyXnWF7sHl .gsv-kapat {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--gk-beyaz);
  font-size: 26px;
}
.cc_plpval9i_299CR7lpsz .gsv-kapat:hover, .cc_plpval9i_pyXnWF7sHl .gsv-kapat:hover {
  background: color-mix(in srgb, var(--gk-beyaz) 12%, transparent);
}

/* ═══ Yan önizleme ═══ */
.cc_plpval9i_299CR7lpsz .gsv-yan, .cc_plpval9i_pyXnWF7sHl .gsv-yan {
  position: relative;
  flex: none;
  width: clamp(150px, 14vw, 230px);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: var(--gk-r-kart);
  background: var(--gk-lacivert-2);
  opacity: 0.45;
  cursor: pointer;
  transition: opacity 0.15s;
}
.cc_plpval9i_299CR7lpsz .gsv-yan:hover, .cc_plpval9i_pyXnWF7sHl .gsv-yan:hover, .cc_plpval9i_299CR7lpsz .gsv-yan:focus-visible, .cc_plpval9i_pyXnWF7sHl .gsv-yan:focus-visible {
  opacity: 0.8;
}
.cc_plpval9i_299CR7lpsz .gsv-yan--bos, .cc_plpval9i_pyXnWF7sHl .gsv-yan--bos {
  visibility: hidden;
}
.cc_plpval9i_299CR7lpsz .gsv-yan-gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-yan-gorsel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.cc_plpval9i_299CR7lpsz .gsv-yan-oynat, .cc_plpval9i_pyXnWF7sHl .gsv-yan-oynat {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gk-lacivert-koyu) 55%, transparent);
  font-size: 20px;
}
.cc_plpval9i_299CR7lpsz .gsv-yan-ad, .cc_plpval9i_pyXnWF7sHl .gsv-yan-ad {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 1px 4px color-mix(in srgb, var(--gk-lacivert-koyu) 70%, transparent);
}

/* ═══ Kart ═══ */
.cc_plpval9i_299CR7lpsz .gsv-kart, .cc_plpval9i_pyXnWF7sHl .gsv-kart {
  position: relative;
  display: flex;
  flex: none;
  flex-direction: column;
  width: min(420px, calc((100vh - 48px) * 9 / 16));
  height: min(calc(100vh - 48px), 747px);
  overflow: hidden;
  border-radius: var(--gk-r-buyuk);
  background: var(--gk-lacivert);
  box-shadow: var(--gk-golge-katman);
  isolation: isolate;
}

.cc_plpval9i_299CR7lpsz .gsv-zemin, .cc_plpval9i_pyXnWF7sHl .gsv-zemin {
  position: absolute;
  inset: 0;
  display: block;
}
.cc_plpval9i_299CR7lpsz .gsv-gorsel-yuva, .cc_plpval9i_pyXnWF7sHl .gsv-gorsel-yuva, .cc_plpval9i_299CR7lpsz .gsv-video-yuva, .cc_plpval9i_pyXnWF7sHl .gsv-video-yuva {
  display: contents;
}
.cc_plpval9i_299CR7lpsz .gsv-arka, .cc_plpval9i_pyXnWF7sHl .gsv-arka {
  position: absolute;
  inset: -10%;
  width: 120%;
  height: 120%;
  max-width: none;
  object-fit: cover;
  filter: blur(26px) brightness(0.55);
}
.cc_plpval9i_299CR7lpsz .gsv-medya, .cc_plpval9i_pyXnWF7sHl .gsv-medya {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  -webkit-user-drag: none;
}
/* Görsel hikâye (videosuz ya da video yüklenirken). Biçim yüklenince ölçülür:
   kare → büyük daire (halkanın büyütülmüşü), dikey → tam ekran, yatay → bulanık zeminde sığdırılmış */
.cc_plpval9i_299CR7lpsz .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-medya--gorsel {
  object-fit: contain;
  animation: gsvBelir 0.22s ease-out;
}
/* Video oynarken kapak yalnız bulanık zemin olarak kalır (yatay videonun üstü/altı) */
.cc_plpval9i_299CR7lpsz .gsv-zemin--video .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--video .gsv-medya--gorsel {
  opacity: 0;
}
.cc_plpval9i_299CR7lpsz .gsv-zemin--olcuyor .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--olcuyor .gsv-medya--gorsel, .cc_plpval9i_299CR7lpsz .gsv-zemin--olcuyor .gsv-arka, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--olcuyor .gsv-arka {
  opacity: 0;
}
.cc_plpval9i_299CR7lpsz .gsv-zemin--dikey .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--dikey .gsv-medya--gorsel {
  object-fit: cover;
}
.cc_plpval9i_299CR7lpsz .gsv-zemin--dikey .gsv-arka, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--dikey .gsv-arka, .cc_plpval9i_299CR7lpsz .gsv-zemin--kare .gsv-arka, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--kare .gsv-arka {
  display: none;
}
.cc_plpval9i_299CR7lpsz .gsv-zemin--kare, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--kare {
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--gk-vurgu) 38%, transparent) 0, transparent 62%),
    var(--gk-lacivert);
}
.cc_plpval9i_299CR7lpsz .gsv-zemin--kare .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-zemin--kare .gsv-medya--gorsel {
  inset: auto;
  top: 42%;
  left: 50%;
  width: min(84%, 440px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gk-beyaz) 14%, transparent), 0 30px 60px -20px var(--gk-lacivert-koyu);
  transform: translate(-50%, -50%);
}
.cc_plpval9i_299CR7lpsz .gsv-video, .cc_plpval9i_pyXnWF7sHl .gsv-video {
  background: transparent;
  opacity: 0;
  transition: opacity 0.2s;
}
.cc_plpval9i_299CR7lpsz .gsv-video--hazir, .cc_plpval9i_pyXnWF7sHl .gsv-video--hazir {
  opacity: 1;
}
/* Yatay (16:9) video kırpılmaz */
.cc_plpval9i_299CR7lpsz .gsv-video--yatay, .cc_plpval9i_pyXnWF7sHl .gsv-video--yatay {
  object-fit: contain;
}
@keyframes gsvBelir {
  from {
    opacity: 0.35;
  }
  to {
    opacity: 1;
  }
}

.cc_plpval9i_299CR7lpsz .gsv-karartma, .cc_plpval9i_pyXnWF7sHl .gsv-karartma {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}
.cc_plpval9i_299CR7lpsz .gsv-karartma--ust, .cc_plpval9i_pyXnWF7sHl .gsv-karartma--ust {
  top: 0;
  height: 130px;
  background: linear-gradient(color-mix(in srgb, var(--gk-lacivert-koyu) 70%, transparent), transparent);
}
.cc_plpval9i_299CR7lpsz .gsv-karartma--alt, .cc_plpval9i_pyXnWF7sHl .gsv-karartma--alt {
  bottom: 0;
  height: 320px;
  background: linear-gradient(transparent, color-mix(in srgb, var(--gk-lacivert-koyu) 88%, transparent));
}

.cc_plpval9i_299CR7lpsz .gsv-yukleniyor, .cc_plpval9i_pyXnWF7sHl .gsv-yukleniyor {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin: -18px 0 0 -18px;
  font-size: 36px;
  line-height: 0;
  pointer-events: none;
}
.cc_plpval9i_299CR7lpsz .gsv-yukleniyor .gk-ikon, .cc_plpval9i_pyXnWF7sHl .gsv-yukleniyor .gk-ikon {
  animation: gsvDon 0.8s linear infinite;
}
@keyframes gsvDon {
  to {
    transform: rotate(360deg);
  }
}

.cc_plpval9i_299CR7lpsz .gsv-not, .cc_plpval9i_pyXnWF7sHl .gsv-not {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
}
.cc_plpval9i_299CR7lpsz .gsv-not--uyari, .cc_plpval9i_pyXnWF7sHl .gsv-not--uyari {
  inset: 76px 12px auto;
  z-index: 3;
  padding: 10px 12px;
  border-radius: var(--gk-r);
  background: var(--gk-kirmizi-acik);
  color: var(--gk-kirmizi);
  font-size: 12px;
}

/* ═══ Üst: ilerleme + kimlik ═══ */
.cc_plpval9i_299CR7lpsz .gsv-ust, .cc_plpval9i_pyXnWF7sHl .gsv-ust {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 12px 0;
}
.cc_plpval9i_299CR7lpsz .gsv-cubuklar, .cc_plpval9i_pyXnWF7sHl .gsv-cubuklar {
  display: flex;
  gap: 4px;
}
.cc_plpval9i_299CR7lpsz .gsv-cubuk, .cc_plpval9i_pyXnWF7sHl .gsv-cubuk {
  flex: 1;
  height: 3px;
  overflow: hidden;
  border-radius: 2px;
  background: color-mix(in srgb, var(--gk-beyaz) 32%, transparent);
}
.cc_plpval9i_299CR7lpsz .gsv-dolgu, .cc_plpval9i_pyXnWF7sHl .gsv-dolgu {
  display: block;
  height: 100%;
  background: var(--gk-beyaz);
  transform-origin: left;
}
.cc_plpval9i_299CR7lpsz .gsv-kimlik, .cc_plpval9i_pyXnWF7sHl .gsv-kimlik {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
}
.cc_plpval9i_299CR7lpsz .gsv-avatar, .cc_plpval9i_pyXnWF7sHl .gsv-avatar {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-right: 4px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--gk-beyaz);
}
.cc_plpval9i_299CR7lpsz .gsv-avatar-img, .cc_plpval9i_pyXnWF7sHl .gsv-avatar-img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.cc_plpval9i_299CR7lpsz .gsv-adlar, .cc_plpval9i_pyXnWF7sHl .gsv-adlar {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
}
.cc_plpval9i_299CR7lpsz .gsv-hesap, .cc_plpval9i_pyXnWF7sHl .gsv-hesap {
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc_plpval9i_299CR7lpsz .gsv-hikaye, .cc_plpval9i_pyXnWF7sHl .gsv-hikaye {
  overflow: hidden;
  font-size: 13px;
  color: color-mix(in srgb, var(--gk-beyaz) 86%, transparent);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc_plpval9i_299CR7lpsz .gsv-hikaye--baglanti, .cc_plpval9i_pyXnWF7sHl .gsv-hikaye--baglanti {
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--gk-beyaz) 45%, transparent);
  text-underline-offset: 2px;
}
.cc_plpval9i_299CR7lpsz .gsv-ikon-dugme, .cc_plpval9i_pyXnWF7sHl .gsv-ikon-dugme {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 44px;
  border-radius: var(--gk-r);
  color: var(--gk-beyaz);
  font-size: 20px;
}
.cc_plpval9i_299CR7lpsz .gsv-ikon-dugme:hover, .cc_plpval9i_pyXnWF7sHl .gsv-ikon-dugme:hover {
  background: color-mix(in srgb, var(--gk-beyaz) 12%, transparent);
}

/* ═══ Dokunma bölgeleri: sol %30 önceki, sağ sonraki ═══ */
.cc_plpval9i_299CR7lpsz .gsv-bolgeler, .cc_plpval9i_pyXnWF7sHl .gsv-bolgeler {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  min-height: 0;
}
.cc_plpval9i_299CR7lpsz .gsv-bolge, .cc_plpval9i_pyXnWF7sHl .gsv-bolge {
  height: 100%;
  cursor: pointer;
  touch-action: none;
}
.cc_plpval9i_299CR7lpsz .gsv-bolge--geri, .cc_plpval9i_pyXnWF7sHl .gsv-bolge--geri {
  width: 30%;
}
.cc_plpval9i_299CR7lpsz .gsv-bolge--ileri, .cc_plpval9i_pyXnWF7sHl .gsv-bolge--ileri {
  flex: 1;
}
.cc_plpval9i_299CR7lpsz .gsv-buyuk-oynat, .cc_plpval9i_pyXnWF7sHl .gsv-buyuk-oynat {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gk-lacivert-koyu) 60%, transparent);
  color: var(--gk-beyaz);
  font-size: 30px;
}

/* ═══ Alt: ürünler ═══ */
.cc_plpval9i_299CR7lpsz .gsv-alt, .cc_plpval9i_pyXnWF7sHl .gsv-alt {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 12px 14px;
  user-select: text;
  -webkit-user-select: text;
}
.cc_plpval9i_299CR7lpsz .gsv-alt-bas, .cc_plpval9i_pyXnWF7sHl .gsv-alt-bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.cc_plpval9i_299CR7lpsz .gsv-alt-baslik, .cc_plpval9i_pyXnWF7sHl .gsv-alt-baslik {
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}
.cc_plpval9i_299CR7lpsz .gsv-toplu, .cc_plpval9i_pyXnWF7sHl .gsv-toplu {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: var(--gk-r);
  background: var(--gsv-dugme, var(--gk-vurgu));
  color: var(--gk-beyaz);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.cc_plpval9i_299CR7lpsz .gsv-toplu .gk-ikon, .cc_plpval9i_pyXnWF7sHl .gsv-toplu .gk-ikon {
  font-size: 16px;
}
/* 44 px dokunma alanı */
.cc_plpval9i_299CR7lpsz .gsv-toplu::after, .cc_plpval9i_pyXnWF7sHl .gsv-toplu::after {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: 0;
  right: 0;
  height: 44px;
}
.cc_plpval9i_299CR7lpsz .gsv-toplu:hover, .cc_plpval9i_pyXnWF7sHl .gsv-toplu:hover {
  background: var(--gk-vurgu-koyu);
}
.cc_plpval9i_299CR7lpsz .gsv-toplu--tamam, .cc_plpval9i_pyXnWF7sHl .gsv-toplu--tamam, .cc_plpval9i_299CR7lpsz .gsv-toplu--tamam:hover, .cc_plpval9i_pyXnWF7sHl .gsv-toplu--tamam:hover {
  background: var(--gk-yesil);
}
.cc_plpval9i_299CR7lpsz .gsv-toplu[aria-busy="true"], .cc_plpval9i_pyXnWF7sHl .gsv-toplu[aria-busy="true"] {
  cursor: progress;
  opacity: 0.85;
}
.cc_plpval9i_299CR7lpsz .gsv-mesaj, .cc_plpval9i_pyXnWF7sHl .gsv-mesaj {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}
.cc_plpval9i_299CR7lpsz .gsv-mesaj-bag, .cc_plpval9i_pyXnWF7sHl .gsv-mesaj-bag {
  color: var(--gk-vurgu-parlak);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Ürün rayı */
.cc_plpval9i_299CR7lpsz .gsv-ray, .cc_plpval9i_pyXnWF7sHl .gsv-ray {
  display: flex;
  gap: 8px;
  margin: 0 -12px;
  padding: 0 12px;
  overflow-x: auto;
  list-style: none;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 12px;
  scrollbar-width: none;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}
.cc_plpval9i_299CR7lpsz .gsv-ray::-webkit-scrollbar, .cc_plpval9i_pyXnWF7sHl .gsv-ray::-webkit-scrollbar {
  display: none;
}
.cc_plpval9i_299CR7lpsz .gsv-urun, .cc_plpval9i_pyXnWF7sHl .gsv-urun {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 8px;
  width: 236px;
  padding: 8px;
  border-radius: var(--gk-r-kart);
  background: var(--gk-zemin);
  color: var(--gk-metin);
  scroll-snap-align: start;
}
.cc_plpval9i_299CR7lpsz .gsv-urun:only-child, .cc_plpval9i_pyXnWF7sHl .gsv-urun:only-child {
  width: 100%;
}
.cc_plpval9i_299CR7lpsz .gsv-urun :focus-visible, .cc_plpval9i_pyXnWF7sHl .gsv-urun :focus-visible, .cc_plpval9i_299CR7lpsz .gsv-paket :focus-visible, .cc_plpval9i_pyXnWF7sHl .gsv-paket :focus-visible {
  outline-color: var(--gk-vurgu);
}
.cc_plpval9i_299CR7lpsz .gsv-urun-ust, .cc_plpval9i_pyXnWF7sHl .gsv-urun-ust, .cc_plpval9i_299CR7lpsz .gsv-paket-urun, .cc_plpval9i_pyXnWF7sHl .gsv-paket-urun {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: inherit;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-urun, .cc_plpval9i_pyXnWF7sHl .gsv-paket-urun {
  grid-template-columns: 56px minmax(0, 1fr) auto;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-urun-gorsel {
  display: block;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: var(--gk-r);
  background: var(--gk-zemin-2);
}
.cc_plpval9i_299CR7lpsz .gsv-urun-gorsel img, .cc_plpval9i_pyXnWF7sHl .gsv-urun-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-bilgi, .cc_plpval9i_pyXnWF7sHl .gsv-urun-bilgi {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-model, .cc_plpval9i_pyXnWF7sHl .gsv-urun-model {
  font-size: 11px;
  line-height: 1.3;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-ad, .cc_plpval9i_pyXnWF7sHl .gsv-urun-ad {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-fiyat, .cc_plpval9i_pyXnWF7sHl .gsv-urun-fiyat {
  font-size: 12px;
  color: var(--gk-soluk);
}
.cc_plpval9i_299CR7lpsz .gsv-urun-fiyat strong, .cc_plpval9i_pyXnWF7sHl .gsv-urun-fiyat strong {
  color: var(--gk-metin);
  font-size: 14px;
  font-weight: 800;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme, .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 10px;
  border-radius: var(--gk-r);
  background: var(--gsv-dugme, var(--gk-vurgu));
  color: var(--gk-beyaz);
  font-size: 14px;
  font-weight: 700;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme::after, .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme::after {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: 0;
  right: 0;
  height: 44px;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme:hover:not(:disabled), .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme:hover:not(:disabled) {
  background: var(--gk-vurgu-koyu);
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme--tamam, .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme--tamam, .cc_plpval9i_299CR7lpsz .gsv-urun-dugme--tamam:hover:not(:disabled), .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme--tamam:hover:not(:disabled) {
  background: var(--gk-yesil);
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme--pasif, .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme--pasif {
  background: var(--gk-gri);
  color: var(--gk-soluk);
  cursor: not-allowed;
}
.cc_plpval9i_299CR7lpsz .gsv-urun-dugme[aria-busy="true"], .cc_plpval9i_pyXnWF7sHl .gsv-urun-dugme[aria-busy="true"] {
  cursor: progress;
}

/* ═══ Paket seçimi (toplu ekleme) ═══ */
.cc_plpval9i_299CR7lpsz .gsv-paket, .cc_plpval9i_pyXnWF7sHl .gsv-paket {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  max-height: min(600px, calc(100vh - 120px));
  border-radius: var(--gk-r-buyuk) var(--gk-r-buyuk) 0 0;
  background: var(--gk-zemin);
  color: var(--gk-metin);
  box-shadow: var(--gk-golge-katman);
  animation: gsvYukari 0.2s ease-out;
}
@keyframes gsvYukari {
  from {
    transform: translateY(24px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.cc_plpval9i_299CR7lpsz .gsv-paket-bas, .cc_plpval9i_pyXnWF7sHl .gsv-paket-bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 8px 0 16px;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-baslik, .cc_plpval9i_pyXnWF7sHl .gsv-paket-baslik {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-baslik:focus, .cc_plpval9i_pyXnWF7sHl .gsv-paket-baslik:focus {
  outline: none;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-kapat, .cc_plpval9i_pyXnWF7sHl .gsv-paket-kapat {
  font-size: 22px;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-not, .cc_plpval9i_pyXnWF7sHl .gsv-paket-not {
  margin: 0;
  padding: 0 16px 8px;
  color: var(--gk-soluk);
  font-size: 13px;
  line-height: 1.4;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-liste, .cc_plpval9i_pyXnWF7sHl .gsv-paket-liste {
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 0 16px;
  overflow-y: auto;
  list-style: none;
  overscroll-behavior: contain;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-satir, .cc_plpval9i_pyXnWF7sHl .gsv-paket-satir {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid var(--gk-cizgi);
}
.cc_plpval9i_299CR7lpsz .gsv-paket-cikar, .cc_plpval9i_pyXnWF7sHl .gsv-paket-cikar {
  min-height: 44px;
  padding: 0 4px 0 8px;
  color: var(--gk-soluk);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-cikar:hover, .cc_plpval9i_pyXnWF7sHl .gsv-paket-cikar:hover {
  color: var(--gk-kirmizi);
}
.cc_plpval9i_299CR7lpsz .gsv-haplar, .cc_plpval9i_pyXnWF7sHl .gsv-haplar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
  gap: 6px;
}
.cc_plpval9i_299CR7lpsz .gsv-hap, .cc_plpval9i_pyXnWF7sHl .gsv-hap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-height: 48px;
  padding: 6px 9px;
  border: 1.5px solid var(--gk-cizgi);
  border-radius: var(--gk-r);
  background: var(--gk-zemin);
  text-align: left;
}
.cc_plpval9i_299CR7lpsz .gsv-hap:hover:not(:disabled), .cc_plpval9i_pyXnWF7sHl .gsv-hap:hover:not(:disabled) {
  border-color: var(--gk-vurgu);
}
.cc_plpval9i_299CR7lpsz .gsv-hap--secili, .cc_plpval9i_pyXnWF7sHl .gsv-hap--secili {
  border-color: var(--gk-vurgu);
  background: var(--gk-vurgu-acik);
  box-shadow: inset 0 0 0 1px var(--gk-vurgu);
}
.cc_plpval9i_299CR7lpsz .gsv-hap:disabled, .cc_plpval9i_pyXnWF7sHl .gsv-hap:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.cc_plpval9i_299CR7lpsz .gsv-hap-ad, .cc_plpval9i_pyXnWF7sHl .gsv-hap-ad {
  font-size: 12px;
  font-weight: 700;
}
.cc_plpval9i_299CR7lpsz .gsv-hap-fiyat, .cc_plpval9i_pyXnWF7sHl .gsv-hap-fiyat {
  font-size: 13px;
  font-weight: 800;
}
.cc_plpval9i_299CR7lpsz .gsv-hap-oran, .cc_plpval9i_pyXnWF7sHl .gsv-hap-oran {
  position: absolute;
  top: 4px;
  right: 5px;
  color: var(--gk-yesil);
  font-size: 11px;
  font-weight: 800;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-alt, .cc_plpval9i_pyXnWF7sHl .gsv-paket-alt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--gk-cizgi);
}
.cc_plpval9i_299CR7lpsz .gsv-paket-mesaj, .cc_plpval9i_pyXnWF7sHl .gsv-paket-mesaj {
  margin: 0;
  color: var(--gk-kirmizi);
  font-size: 13px;
  font-weight: 600;
}
.cc_plpval9i_299CR7lpsz .gsv-paket-ekle[aria-busy="true"], .cc_plpval9i_pyXnWF7sHl .gsv-paket-ekle[aria-busy="true"] {
  cursor: progress;
}

/* Paylaşım bildirimi */
.cc_plpval9i_299CR7lpsz .gsv-bildirim, .cc_plpval9i_pyXnWF7sHl .gsv-bildirim {
  position: absolute;
  top: 74px;
  left: 50%;
  z-index: 4;
  max-width: calc(100% - 32px);
  padding: 8px 14px;
  border-radius: var(--gk-hap);
  background: var(--gk-beyaz);
  color: var(--gk-metin);
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
  transform: translateX(-50%);
  box-shadow: var(--gk-golge-kart);
}

/* ═══ Telefon ve yatay telefon: tam ekran kart ═══ */
@media (max-width: 819.98px), (max-height: 500px) {
  .cc_plpval9i_299CR7lpsz .gsv, .cc_plpval9i_pyXnWF7sHl .gsv {
    gap: 0;
  }
  .cc_plpval9i_299CR7lpsz .gsv-yan, .cc_plpval9i_pyXnWF7sHl .gsv-yan {
    display: none;
  }
  .cc_plpval9i_299CR7lpsz .gsv-kart, .cc_plpval9i_pyXnWF7sHl .gsv-kart {
    width: 100vw;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .cc_plpval9i_299CR7lpsz .gsv-ust, .cc_plpval9i_pyXnWF7sHl .gsv-ust {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
  }
  .cc_plpval9i_299CR7lpsz .gsv-kimlik, .cc_plpval9i_pyXnWF7sHl .gsv-kimlik {
    padding-right: 40px;
  }
  .cc_plpval9i_299CR7lpsz .gsv-kapat, .cc_plpval9i_pyXnWF7sHl .gsv-kapat {
    top: calc(max(10px, env(safe-area-inset-top, 0px)) + 13px);
    right: max(4px, env(safe-area-inset-right, 0px));
  }
  .cc_plpval9i_299CR7lpsz .gsv-alt, .cc_plpval9i_pyXnWF7sHl .gsv-alt {
    padding-bottom: max(14px, env(safe-area-inset-bottom, 0px));
  }
  .cc_plpval9i_299CR7lpsz .gsv-urun, .cc_plpval9i_pyXnWF7sHl .gsv-urun {
    width: 74%;
    max-width: 280px;
  }
  .cc_plpval9i_299CR7lpsz .gsv-urun:only-child, .cc_plpval9i_pyXnWF7sHl .gsv-urun:only-child {
    width: 100%;
    max-width: none;
  }
  .cc_plpval9i_299CR7lpsz .gsv-paket, .cc_plpval9i_pyXnWF7sHl .gsv-paket {
    max-height: calc(100vh - 96px);
  }
}
@supports (height: 100dvh) {
  @media (max-width: 819.98px), (max-height: 500px) {
    .cc_plpval9i_299CR7lpsz .gsv-paket, .cc_plpval9i_pyXnWF7sHl .gsv-paket {
      max-height: calc(100dvh - 96px);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_plpval9i_299CR7lpsz .gsv-yukleniyor .gk-ikon, .cc_plpval9i_pyXnWF7sHl .gsv-yukleniyor .gk-ikon, .cc_plpval9i_299CR7lpsz .gsv-medya--gorsel, .cc_plpval9i_pyXnWF7sHl .gsv-medya--gorsel, .cc_plpval9i_299CR7lpsz .gsv-paket, .cc_plpval9i_pyXnWF7sHl .gsv-paket {
    animation: none;
  }
  .cc_plpval9i_299CR7lpsz .gsv-video, .cc_plpval9i_pyXnWF7sHl .gsv-video, .cc_plpval9i_299CR7lpsz .gsv-yan, .cc_plpval9i_pyXnWF7sHl .gsv-yan {
    transition: none;
  }
}