.cc_3kqoau7t_mJrLHHGFfO .pdp-variants, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variants-set, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants-set {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variants-legend, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants-legend {
  margin-bottom: 8px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variants-current, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants-current {
  color: var(--zb-muted);
  font-weight: 400;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variants-row, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant {
  position: relative;
  text-align: center;
  min-width: 48px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--zb-border);
  border-radius: var(--pd-radius, 0);
  background: transparent;
  color: var(--zb-text);
  font: inherit;
  font-size: var(--ty-variantOption-size, 16px);
  cursor: pointer;
  transition:
    background var(--zb-duration-fast, 0.2s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    color var(--zb-duration-fast, 0.2s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    border-color var(--zb-duration-fast, 0.2s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
  font-weight: var(--ty-variantOption-weight, 400);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant:hover, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant:hover { border-color: var(--zb-text); }
.cc_3kqoau7t_mJrLHHGFfO .pdp-variant:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant:focus-visible { outline: 1px solid var(--zb-text); outline-offset: 4px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant--on, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant--on {
  border-color: var(--zb-text);
  background: var(--zb-text);
  color: var(--zb-bg);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant--out, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant--out {
  opacity: 0.4;
  text-decoration: line-through;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant--swatch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant--swatch {
  width: 40px;
  min-width: 40px;
  padding: 0;
  border-radius: 1000px;
  background: transparent;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant--swatch.pdp-variant--on, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant--swatch.pdp-variant--on {
  background: transparent;
  box-shadow: 0 0 0 1px var(--zb-text);
  border-color: var(--zb-bg);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-variant-color, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant-color, .cc_3kqoau7t_mJrLHHGFfO .pdp-variant-thumb, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant-thumb {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-variant, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variant { transition: none; }
}

/* Küçük boy: paket içeriği satırı */
.cc_3kqoau7t_mJrLHHGFfO .pdp-variants--compact, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants--compact { gap: 12px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-variants--compact .pdp-variants-legend, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants--compact .pdp-variants-legend { margin-bottom: 8px; font-size: 12px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-variants--compact .pdp-variant, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants--compact .pdp-variant { min-width: 40px; height: 32px; padding: 0 12px; font-size: 12px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-variants--compact .pdp-variant--swatch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-variants--compact .pdp-variant--swatch { width: 32px; min-width: 32px; padding: 0; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-optset, .cc_3kqoau7t_ZSpAZJihc2 .pdp-optset {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-label, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-label {
  font-size: 12px;
  font-weight: 600;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-input, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--zb-border);
  border-radius: var(--pd-radius, 0);
  background: var(--zb-field);
  color: var(--zb-text);
  font: inherit;
  font-size: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-input:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-input:focus-visible { outline: 1px solid var(--zb-text); outline-offset: 4px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-hint, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-hint { color: var(--zb-muted); font-size: 12px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-check, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-check { display: flex; align-items: center; gap: 8px; font-size: 16px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-color, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-color { width: 48px; height: 48px; padding: 0; border: 1px solid var(--zb-border); background: none; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choices, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choices { display: flex; flex-wrap: wrap; gap: 8px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice {
  text-align: center;
  min-width: 48px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--zb-border);
  border-radius: var(--pd-radius, 0);
  background: transparent;
  color: var(--zb-text);
  font: inherit;
  font-size: 16px;
  cursor: pointer;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice:hover, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice:hover { border-color: var(--zb-text); }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice:focus-visible { outline: 1px solid var(--zb-text); outline-offset: 4px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice--on, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice--on { border-color: var(--zb-text); background: var(--zb-text); color: var(--zb-bg); }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice--swatch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice--swatch { width: 40px; min-width: 40px; padding: 0; border-radius: 1000px; background: transparent; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice--swatch.pdp-opt-choice--on, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice--swatch.pdp-opt-choice--on { box-shadow: 0 0 0 1px var(--zb-text); border-color: var(--zb-bg); }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-choice img, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-choice img, .cc_3kqoau7t_mJrLHHGFfO .pdp-opt-color-dot, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-color-dot { display: block; width: 100%; height: 100%; border-radius: 1000px; object-fit: cover; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-drop, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 16px;
  border: 1px dashed var(--zb-border);
  background: var(--zb-field);
  color: var(--zb-muted);
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-drop:hover, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-drop:hover, .cc_3kqoau7t_mJrLHHGFfO .pdp-opt-drop--over, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-drop--over { border-color: var(--zb-text); }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-drop[aria-busy="true"], .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-drop[aria-busy="true"] { cursor: progress; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-file-input, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-file:focus-within .pdp-opt-drop, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-file:focus-within .pdp-opt-drop { outline: 1px solid var(--zb-text); outline-offset: 4px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-files, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-files { display: flex; flex-direction: column; gap: 4px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 12px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-files li, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-files li { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-files a, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-files a { overflow: hidden; color: var(--zb-text); text-overflow: ellipsis; white-space: nowrap; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-files button, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-files button { display: flex; padding: 0; border: 0; background: none; color: var(--zb-muted); cursor: pointer; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-file-remove-icon, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-file-remove-icon { width: 16px; height: 16px; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-error, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-error { color: var(--zb-sale); font-size: 12px; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-opt--invalid .pdp-opt-input, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt--invalid .pdp-opt-input, .cc_3kqoau7t_mJrLHHGFfO .pdp-opt--invalid .pdp-opt-drop, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt--invalid .pdp-opt-drop { border-color: var(--zb-sale); }

.cc_3kqoau7t_mJrLHHGFfO .pdp-opt-children, .cc_3kqoau7t_ZSpAZJihc2 .pdp-opt-children { display: flex; flex-direction: column; gap: 16px; padding-left: 16px; border-left: 1px solid var(--zb-border); }

/*
 * Paket içeriği. Görünüm index.tsx'teki BUNDLE_STYLE ile seçilir.
 * Ortak: başlık + bilgi satırı (ad, fiyat, stok, adet). Aşağıda önce `accordion`, sonra yedek `thread`.
 */

/* ===================== simple: sade liste ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pbs-list, .cc_3kqoau7t_ZSpAZJihc2 .pbs-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--zb-border);
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  grid-template-areas:
    "img info qty"
    "panel panel panel";
  align-items: center;
  gap: 0 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--zb-border);
  animation: pba-in var(--zb-duration-slow, 0.55s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.12s + var(--n, 0) * 0.07s);
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-img, .cc_3kqoau7t_ZSpAZJihc2 .pbs-img {
  grid-area: img;
  align-self: start;
  display: block;
  overflow: hidden;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background: var(--zb-field, rgba(0, 0, 0, 0.06));
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbs-img img, .cc_3kqoau7t_mJrLHHGFfO .pbs-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbs-img video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item .pdp-bundle-name {
  font-size: 14px; /* kullanıcı isteği: 4'ün katı kuralına bilinçli istisna */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-underline-offset: 4px;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item .pdp-bundle-info { grid-area: info; }
/* Varyant seçimi akordeonu: 0fr → 1fr (boşluk kutuya değil içeriğe) */
.cc_3kqoau7t_mJrLHHGFfO .pbs-panel, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel {
  grid-area: panel;
  display: grid;
  grid-template-rows: 0fr;
  min-width: 0;
  visibility: hidden;
  transition:
    grid-template-rows 0.35s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1)),
    visibility 0s linear 0.35s;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item--open .pbs-panel, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--open .pbs-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  transition:
    grid-template-rows 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    visibility 0s linear 0s;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-panel-inner, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel-inner {
  min-height: 0;
  overflow: hidden;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-panel-inner > .pdp-variants, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel-inner > .pdp-variants {
  padding: 16px 0 4px 80px;
  opacity: 0;
  transform: translateY(-8px);
  transition:
    opacity 0.2s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1)),
    transform 0.2s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item--open .pbs-panel-inner > .pdp-variants, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--open .pbs-panel-inner > .pdp-variants {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.12s,
    transform 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.12s;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item--selectable, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--selectable { cursor: pointer; }

@media (max-width: 768px) {
  .cc_3kqoau7t_mJrLHHGFfO .pbs-panel-inner > .pdp-variants, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel-inner > .pdp-variants { padding-left: 0; }
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item .pdp-bundle-qty, .cc_3kqoau7t_mJrLHHGFfO .pbs-item .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item .zb-qty { grid-area: qty; }

.cc_3kqoau7t_mJrLHHGFfO .pbs-item .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item .pdp-bundle-qty {
  height: auto;
  padding: 0;
  border: 0;
  color: var(--zb-muted);
  font-size: 12px;
}


@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pbs-item:hover .pbs-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item:hover .pbs-img img, .cc_3kqoau7t_mJrLHHGFfO .pbs-item:hover .pbs-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item:hover .pbs-img video { transform: scale(1.04); }
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-item--out .pbs-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--out .pbs-img img, .cc_3kqoau7t_mJrLHHGFfO .pbs-item--out .pbs-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--out .pbs-img video { filter: grayscale(1); opacity: 0.48; }

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pbs-item, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item { animation: none; }
  .cc_3kqoau7t_mJrLHHGFfO .pbs-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbs-img img, .cc_3kqoau7t_mJrLHHGFfO .pbs-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbs-img video { transition: none; }
}

/* ===================== tags (deneme): askı etiketleri ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pbt-list, .cc_3kqoau7t_ZSpAZJihc2 .pbt-list {
  --pbt-gap: 16px;
  --pbt-drop: 24px;
  display: flex;
  gap: var(--pbt-gap);
  /* Eğik etiketler kaydırma kutusunda kırpılmasın */
  margin: 0 -8px;
  padding: 0 8px 8px;
  scroll-padding-inline: 8px;
  overflow-x: auto;
  list-style: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-list::-webkit-scrollbar, .cc_3kqoau7t_ZSpAZJihc2 .pbt-list::-webkit-scrollbar { display: none; }

.cc_3kqoau7t_mJrLHHGFfO .pbt-item, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item {
  position: relative;
  flex: 0 0 calc((100% - (var(--pbt-cols, 1) - 1) * var(--pbt-gap)) / var(--pbt-cols, 1));
  min-width: 0;
  padding-top: calc(var(--pbt-drop) + 8px);
  scroll-snap-align: start;
}

/* İp: her parça kendi parçasını çizer, boşluklarda birleşir; uçlarda raptiye */
.cc_3kqoau7t_mJrLHHGFfO .pbt-item::before, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item::before {
  content: "";
  position: absolute;
  top: 4px;
  right: calc(var(--pbt-gap) / -2);
  left: calc(var(--pbt-gap) / -2);
  height: 1px;
  background: var(--pb-accent);
  transform-origin: left;
  animation: pb-rope 0.8s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(var(--n, 0) * 0.12s);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-item:first-child::before, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:first-child::before { left: 4px; }
.cc_3kqoau7t_mJrLHHGFfO .pbt-item:last-child::before, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:last-child::before { right: 4px; }

.cc_3kqoau7t_mJrLHHGFfO .pbt-item:first-child::after, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:first-child::after, .cc_3kqoau7t_mJrLHHGFfO .pbt-item:last-child::after, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:last-child::after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 1000px;
  background: var(--pb-accent);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-item:first-child::after, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:first-child::after { left: 0; }
.cc_3kqoau7t_mJrLHHGFfO .pbt-item:last-child::after, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:last-child::after { right: 0; }

/* Sarkan gövde: ipteki noktadan sallanır */
.cc_3kqoau7t_mJrLHHGFfO .pbt-hang, .cc_3kqoau7t_ZSpAZJihc2 .pbt-hang {
  position: relative;
  transform-origin: 50% calc(-1 * var(--pbt-drop) - 4px);
  transform: rotate(var(--tilt, 0deg));
  animation: pb-swing 1.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.24s + var(--n, 0) * 0.12s);
  transition: transform 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-item:nth-child(odd) .pbt-hang, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:nth-child(odd) .pbt-hang { --tilt: -1.5deg; }
.cc_3kqoau7t_mJrLHHGFfO .pbt-item:nth-child(even) .pbt-hang, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:nth-child(even) .pbt-hang { --tilt: 1.5deg; }

.cc_3kqoau7t_mJrLHHGFfO .pbt-string, .cc_3kqoau7t_ZSpAZJihc2 .pbt-string {
  position: absolute;
  top: calc(-1 * var(--pbt-drop) - 4px);
  left: 50%;
  width: 1px;
  height: calc(var(--pbt-drop) + 20px);
  background: var(--zb-text);
  opacity: 0.48;
}

/* Künye: üst köşeleri kırpık kâğıt etiket */
.cc_3kqoau7t_mJrLHHGFfO .pbt-tag, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "img img"
    "info info";
  align-items: start;
  gap: 12px 8px;
  padding: 32px 12px 16px;
  background: var(--zb-field, #f4f1ec);
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%, 0 24px);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-hole, .cc_3kqoau7t_ZSpAZJihc2 .pbt-hole {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 1000px;
  background: var(--zb-bg);
  box-shadow: inset 0 0 0 1px var(--zb-border);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-img, .cc_3kqoau7t_ZSpAZJihc2 .pbt-img {
  grid-area: img;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-radius: 4px;
  background: var(--zb-bg);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbt-img img, .cc_3kqoau7t_mJrLHHGFfO .pbt-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbt-img video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-tag .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag .pdp-bundle-info { grid-area: info; }

.cc_3kqoau7t_mJrLHHGFfO .pbt-tag .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag .pdp-bundle-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Sabit adet görselin köşesinde rozet */
.cc_3kqoau7t_mJrLHHGFfO .pbt-tag .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag .pdp-bundle-qty {
  z-index: 1;
  grid-area: img;
  align-self: start;
  justify-self: end;
  margin: 8px;
  border-color: transparent;
  background: var(--zb-bg);
  color: var(--zb-text);
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-tag .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag .zb-qty {
  grid-column: 1 / -1;
  justify-self: start;
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-tag .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pbt-tag .zb-qty-btn { width: 32px; height: 32px; }

@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pbt-item:hover .pbt-hang, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:hover .pbt-hang { animation: pb-sway 1.2s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)); }
  .cc_3kqoau7t_mJrLHHGFfO .pbt-item:hover .pbt-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:hover .pbt-img img, .cc_3kqoau7t_mJrLHHGFfO .pbt-item:hover .pbt-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item:hover .pbt-img video { transform: scale(1.04); }
}

.cc_3kqoau7t_mJrLHHGFfO .pbt-item--out .pbt-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item--out .pbt-img img, .cc_3kqoau7t_mJrLHHGFfO .pbt-item--out .pbt-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item--out .pbt-img video { filter: grayscale(1); opacity: 0.48; }

@keyframes pb-rope {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes pb-swing {
  0% { opacity: 0; transform: translateY(-16px) rotate(8deg); }
  24% { opacity: 1; transform: rotate(-5deg); }
  48% { transform: rotate(3deg); }
  72% { transform: rotate(-1deg); }
  100% { transform: rotate(var(--tilt, 0deg)); }
}

@keyframes pb-sway {
  0% { transform: rotate(var(--tilt, 0deg)); }
  30% { transform: rotate(3deg); }
  60% { transform: rotate(-2deg); }
  100% { transform: rotate(var(--tilt, 0deg)); }
}

/* ===================== ortak satır: [görsel] ad ········ adet ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pb-rows, .cc_3kqoau7t_ZSpAZJihc2 .pb-rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row, .cc_3kqoau7t_ZSpAZJihc2 .pb-row {
  display: grid;
  grid-template-columns: 40px minmax(0, max-content) minmax(16px, 1fr) auto;
  grid-template-areas:
    "img name dots qty"
    "img price price qty"
    "img out out qty";
  align-items: center;
  column-gap: 12px;
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row--noimg, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--noimg {
  grid-template-columns: minmax(0, max-content) minmax(16px, 1fr) auto;
  grid-template-areas:
    "name dots qty"
    "price price qty"
    "out out qty";
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .pdp-bundle-info { display: contents; }

.cc_3kqoau7t_mJrLHHGFfO .pb-row .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .pdp-bundle-name {
  grid-area: name;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row .pdp-bundle-price, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .pdp-bundle-price { grid-area: price; }
.cc_3kqoau7t_mJrLHHGFfO .pb-row .pdp-bundle-out, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .pdp-bundle-out { grid-area: out; }

.cc_3kqoau7t_mJrLHHGFfO .pb-row-img, .cc_3kqoau7t_ZSpAZJihc2 .pb-row-img {
  grid-area: img;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 1000px;
  background: var(--zb-bg);
  box-shadow: 0 0 0 1px var(--zb-border);
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row-img img, .cc_3kqoau7t_ZSpAZJihc2 .pb-row-img img, .cc_3kqoau7t_mJrLHHGFfO .pb-row-img video, .cc_3kqoau7t_ZSpAZJihc2 .pb-row-img video { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Noktalı kılavuz çizgi */
.cc_3kqoau7t_mJrLHHGFfO .pb-row-dots, .cc_3kqoau7t_ZSpAZJihc2 .pb-row-dots {
  grid-area: dots;
  height: 4px;
  background: radial-gradient(circle, var(--zb-muted) 1px, transparent 1px) 0 50% / 4px 4px repeat-x;
  opacity: 0.64;
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .pdp-bundle-qty {
  grid-area: qty;
  height: auto;
  padding: 0;
  border: 0;
  color: var(--zb-text);
  font-size: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pb-row .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .zb-qty { grid-area: qty; }
.cc_3kqoau7t_mJrLHHGFfO .pb-row .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pb-row .zb-qty-btn { width: 32px; height: 32px; }

.cc_3kqoau7t_mJrLHHGFfO .pb-row--out .pb-row-img img, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--out .pb-row-img img, .cc_3kqoau7t_mJrLHHGFfO .pb-row--out .pb-row-img video, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--out .pb-row-img video { filter: grayscale(1); opacity: 0.48; }
.cc_3kqoau7t_mJrLHHGFfO .pb-row--out .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--out .pdp-bundle-name { color: var(--zb-muted); text-decoration: line-through; }

/* ===================== collage: polaroid kolaj ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pbc, .cc_3kqoau7t_ZSpAZJihc2 .pbc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-stage, .cc_3kqoau7t_ZSpAZJihc2 .pbc-stage {
  --pbc-w: 160px;
  position: relative;
  height: 248px;
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo {
  position: absolute;
  top: 16px;
  left: calc((100% - var(--pbc-w)) * var(--x, 0.5));
  z-index: calc(var(--n, 0) + 1);
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  width: var(--pbc-w);
  padding: 8px 8px 12px;
  background: var(--zb-bg);
  box-shadow: 0 0 0 1px var(--zb-border), 0 8px 24px rgba(0, 0, 0, 0.08);
  color: var(--zb-text);
  text-decoration: none;
  transform: rotate(var(--r, 0deg));
  transition:
    transform 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    opacity 0.35s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
  animation: pb-drop 0.8s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.16s + var(--n, 0) * 0.12s);
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo:nth-child(even), .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo:nth-child(even) { top: 40px; }

/* Bant */
.cc_3kqoau7t_mJrLHHGFfO .pbc-photo::before, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 48px;
  height: 16px;
  margin-left: -24px;
  background: var(--pb-accent);
  opacity: 0.48;
  transform: rotate(-4deg);
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo-img, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo-img {
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--zb-field, rgba(0, 0, 0, 0.06));
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo-img img, .cc_3kqoau7t_mJrLHHGFfO .pbc-photo-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo-img video { display: block; width: 100%; height: 100%; object-fit: cover; }

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo-cap, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo-cap {
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-stage--focus .pbc-photo, .cc_3kqoau7t_ZSpAZJihc2 .pbc-stage--focus .pbc-photo { opacity: 0.56; }

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo--active, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo--active {
  z-index: 20;
  opacity: 1 !important;
  box-shadow: 0 0 0 1px var(--zb-border), 0 16px 40px rgba(0, 0, 0, 0.16);
  transform: rotate(0deg) scale(1.04) translateY(-8px);
}

.cc_3kqoau7t_mJrLHHGFfO .pbc-photo--out .pbc-photo-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo--out .pbc-photo-img img, .cc_3kqoau7t_mJrLHHGFfO .pbc-photo--out .pbc-photo-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo--out .pbc-photo-img video { filter: grayscale(1); opacity: 0.48; }

.cc_3kqoau7t_mJrLHHGFfO .pb-row--active .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--active .pdp-bundle-name { text-decoration: underline; text-underline-offset: 4px; }
.cc_3kqoau7t_mJrLHHGFfO .pb-row--active .pb-row-dots, .cc_3kqoau7t_ZSpAZJihc2 .pb-row--active .pb-row-dots { opacity: 1; }

@keyframes pb-drop {
  from { opacity: 0; transform: translateY(-24px) rotate(calc(var(--r, 0deg) * 2)) scale(1.08); }
  to { opacity: 1; transform: rotate(var(--r, 0deg)); }
}

/* ===================== receipt: kâğıt fiş ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pbr, .cc_3kqoau7t_ZSpAZJihc2 .pbr {
  padding: 20px 16px 32px;
  background: var(--zb-field, #f4f1ec);
  /* Alt kenar tırtıklı */
  -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 16px 100%;
  mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 16px 100%;
  animation: pb-print 0.9s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.16s both;
}

.cc_3kqoau7t_mJrLHHGFfO .pbr .pb-row, .cc_3kqoau7t_ZSpAZJihc2 .pbr .pb-row {
  animation: pba-in var(--zb-duration-slow, 0.55s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.4s + var(--n, 0) * 0.08s);
}

.cc_3kqoau7t_mJrLHHGFfO .pbr .pb-rows, .cc_3kqoau7t_ZSpAZJihc2 .pbr .pb-rows { gap: 16px; }

@keyframes pb-print {
  from { clip-path: inset(0 0 100% 0); }
  to { clip-path: inset(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pbt-item::before, .cc_3kqoau7t_ZSpAZJihc2 .pbt-item::before, .cc_3kqoau7t_mJrLHHGFfO .pbt-hang, .cc_3kqoau7t_ZSpAZJihc2 .pbt-hang, .cc_3kqoau7t_mJrLHHGFfO .pbc-photo, .cc_3kqoau7t_ZSpAZJihc2 .pbc-photo, .cc_3kqoau7t_mJrLHHGFfO .pbr, .cc_3kqoau7t_ZSpAZJihc2 .pbr, .cc_3kqoau7t_mJrLHHGFfO .pbr .pb-row, .cc_3kqoau7t_ZSpAZJihc2 .pbr .pb-row { animation: none !important; transition: none; }
}

/* ===================== equation (yedek): denklem ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pbe-list, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list {
  --pbe-gap: 32px;
  display: flex;
  gap: var(--pbe-gap);
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-list::-webkit-scrollbar, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list::-webkit-scrollbar { display: none; }

.cc_3kqoau7t_mJrLHHGFfO .pbe-item, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "media media"
    "info info";
  align-items: start;
  gap: 12px 8px;
  flex: 0 0 calc((100% - (var(--pbe-cols, 1) - 1) * var(--pbe-gap)) / var(--pbe-cols, 1));
  min-width: 0;
  scroll-snap-align: start;
  animation: pba-in var(--zb-duration-slow, 0.55s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.12s + var(--n, 0) * 0.07s);
}

/* Tek parça: görsel + bilgi yan yana */
.cc_3kqoau7t_mJrLHHGFfO .pbe-list--single .pbe-item, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list--single .pbe-item {
  grid-template-columns: 128px minmax(0, 1fr) auto;
  grid-template-areas: "media info qty";
  align-items: center;
  gap: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-media, .cc_3kqoau7t_ZSpAZJihc2 .pbe-media {
  position: relative;
  grid-area: media;
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-img, .cc_3kqoau7t_ZSpAZJihc2 .pbe-img {
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 4px;
  background: var(--zb-field, rgba(0, 0, 0, 0.06));
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbe-img img, .cc_3kqoau7t_mJrLHHGFfO .pbe-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbe-img video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

/* "+" : iki görselin arasındaki boşluğun ortasında */
.cc_3kqoau7t_mJrLHHGFfO .pbe-plus, .cc_3kqoau7t_ZSpAZJihc2 .pbe-plus {
  position: absolute;
  top: 50%;
  left: calc(var(--pbe-gap) / -2);
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 1px solid var(--zb-border);
  border-radius: 1000px;
  background:
    linear-gradient(var(--zb-text), var(--zb-text)) center / 8px 1px no-repeat,
    linear-gradient(var(--zb-text), var(--zb-text)) center / 1px 8px no-repeat,
    var(--zb-bg);
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-item .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item .pdp-bundle-info { grid-area: info; }

.cc_3kqoau7t_mJrLHHGFfO .pbe-item .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item .pdp-bundle-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-item .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item .zb-qty { grid-area: qty; }

/* Sabit adet görselin sağ üst köşesinde rozet; ad tüm genişliği alır */
.cc_3kqoau7t_mJrLHHGFfO .pbe-list:not(.pbe-list--single) .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list:not(.pbe-list--single) .pdp-bundle-qty {
  z-index: 1;
  grid-area: media;
  align-self: start;
  justify-self: end;
  margin: 8px;
  border-color: transparent;
  background: var(--zb-bg);
  color: var(--zb-text);
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-list--single .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list--single .pdp-bundle-qty { grid-area: qty; }

/* Yan yana dar sütunda adet seçici bilginin altına iner */
.cc_3kqoau7t_mJrLHHGFfO .pbe-list:not(.pbe-list--single) .pbe-item:has(.zb-qty), .cc_3kqoau7t_ZSpAZJihc2 .pbe-list:not(.pbe-list--single) .pbe-item:has(.zb-qty) {
  grid-template-areas:
    "media media"
    "info info"
    "qty qty";
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-item .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item .zb-qty-btn {
  width: 32px;
  height: 32px;
}

@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pbe-item:hover .pbe-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item:hover .pbe-img img, .cc_3kqoau7t_mJrLHHGFfO .pbe-item:hover .pbe-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item:hover .pbe-img video { transform: scale(1.04); }
  .cc_3kqoau7t_mJrLHHGFfO .pbe-item:hover .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item:hover .pdp-bundle-name { text-decoration: underline; text-underline-offset: 4px; }
}

.cc_3kqoau7t_mJrLHHGFfO .pbe-item--out .pbe-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item--out .pbe-img img, .cc_3kqoau7t_mJrLHHGFfO .pbe-item--out .pbe-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item--out .pbe-img video { filter: grayscale(1); opacity: 0.48; }

@media (max-width: 768px) {
  .cc_3kqoau7t_mJrLHHGFfO .pbe-list, .cc_3kqoau7t_ZSpAZJihc2 .pbe-list { --pbe-gap: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pbe-item, .cc_3kqoau7t_ZSpAZJihc2 .pbe-item { animation: none; }
  .cc_3kqoau7t_mJrLHHGFfO .pbe-img img, .cc_3kqoau7t_ZSpAZJihc2 .pbe-img img, .cc_3kqoau7t_mJrLHHGFfO .pbe-img video, .cc_3kqoau7t_ZSpAZJihc2 .pbe-img video { transition: none; }
}

/* ===================== accordion (yedek): akordeon vitrin ===================== */
.cc_3kqoau7t_mJrLHHGFfO .pba-list, .cc_3kqoau7t_ZSpAZJihc2 .pba-list {
  --pba-h: 320px;
  --pba-strip: 56px;
  --pba-gap: 4px;
  --pba-body-h: 88px;
  /* Açık parçanın genişliği: kapalı şeritler düşülür (görsel her zaman bu genişlikte çizilir) */
  --pba-open: max(192px, calc(100cqw - (var(--pba-n, 1) - 1) * (var(--pba-strip) + var(--pba-gap))));
  display: flex;
  gap: var(--pba-gap);
  height: var(--pba-h);
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
  container-type: inline-size;
  scrollbar-width: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-list::-webkit-scrollbar, .cc_3kqoau7t_ZSpAZJihc2 .pba-list::-webkit-scrollbar { display: none; }

.cc_3kqoau7t_mJrLHHGFfO .pba-item, .cc_3kqoau7t_ZSpAZJihc2 .pba-item {
  position: relative;
  flex: 0.0001 0 var(--pba-strip);
  min-width: 0;
  overflow: hidden;
  border-radius: 4px;
  background: var(--zb-field, rgba(0, 0, 0, 0.06));
  box-shadow: inset 0 0 0 1px var(--zb-border);
  transition: flex-grow 0.35s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1));
  animation: pba-in var(--zb-duration-slow, 0.55s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.12s + var(--n, 0) * 0.07s);
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open {
  flex-grow: 1;
  min-width: var(--pba-open);
  transition: flex-grow 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)), min-width 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

/* Görsel: kapalıyken tüm şeridi doldurur (ortadan dilim), açıkken bilgi satırına yer açar */
.cc_3kqoau7t_mJrLHHGFfO .pba-media, .cc_3kqoau7t_ZSpAZJihc2 .pba-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transition: bottom 0.35s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-media, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-media {
  bottom: var(--pba-body-h);
  transition: bottom 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pba-media img, .cc_3kqoau7t_ZSpAZJihc2 .pba-media img, .cc_3kqoau7t_mJrLHHGFfO .pba-media video, .cc_3kqoau7t_ZSpAZJihc2 .pba-media video {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--pba-open);
  height: 100%;
  object-fit: cover;
  transform: translateX(-50%) scale(1.08);
  filter: grayscale(1);
  transition:
    transform 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    filter 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-media img, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-media img, .cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-media video, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-media video {
  transform: translateX(-50%) scale(1);
  filter: none;
}

/* Kapalı şeritte zemin perdesi: dikey ad okunur, görsel solgun kalır */
.cc_3kqoau7t_mJrLHHGFfO .pba-media::after, .cc_3kqoau7t_ZSpAZJihc2 .pba-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--zb-bg);
  opacity: 0.72;
  transition: opacity 0.35s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-media::after, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-media::after {
  opacity: 0;
  transition: opacity 0.55s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

/* Açılan görselin çevresini Accent iplik diker */
.cc_3kqoau7t_mJrLHHGFfO .pba-seam, .cc_3kqoau7t_ZSpAZJihc2 .pba-seam {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  overflow: visible;
  pointer-events: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-seam rect, .cc_3kqoau7t_ZSpAZJihc2 .pba-seam rect {
  fill: none;
  stroke: var(--pb-accent);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-dasharray: 100 100;
  animation: pba-seam 1.2s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.24s both;
}

/* Kapalı şerit: tüm alan tıklanır, ad aşağıdan yukarı okunur */
.cc_3kqoau7t_mJrLHHGFfO .pba-strip, .cc_3kqoau7t_ZSpAZJihc2 .pba-strip {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 0;
  border: 0;
  background: none;
  color: var(--zb-text);
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.2s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.2s, visibility 0s linear 0s;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-strip, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-strip {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1)), visibility 0s linear 0.12s;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-strip:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pba-strip:focus-visible {
  outline: 1px solid var(--pb-accent);
  outline-offset: -4px;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-strip-name, .cc_3kqoau7t_ZSpAZJihc2 .pba-strip-name {
  overflow: hidden;
  max-height: calc(100% - 32px);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.cc_3kqoau7t_mJrLHHGFfO .pba-strip-qty, .cc_3kqoau7t_ZSpAZJihc2 .pba-strip-qty {
  color: var(--zb-muted);
  font-size: 12px;
  white-space: nowrap;
}

/* Bilgi satırı: açık genişlikte sabit çizilir, kapalıyken gizli */
.cc_3kqoau7t_mJrLHHGFfO .pba-body, .cc_3kqoau7t_ZSpAZJihc2 .pba-body {
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-areas:
    "name name"
    "price qty"
    "out qty";
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  align-content: center;
  column-gap: 16px;
  row-gap: 4px;
  box-sizing: border-box;
  width: var(--pba-open);
  height: var(--pba-body-h);
  padding: 12px 16px;
  background: var(--zb-bg);
  box-shadow: inset 0 0 0 1px var(--zb-border);
  border-radius: 0 0 4px 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.2s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1)),
    transform 0.2s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1)),
    visibility 0s linear 0.2s;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--open .pba-body, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--open .pba-body {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition:
    opacity 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.16s,
    transform 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.16s,
    visibility 0s linear 0s;
}

/* Dar açık parçada ad tam satır; fiyat solda, adet sağda */
.cc_3kqoau7t_mJrLHHGFfO .pba-body .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .pdp-bundle-info {
  display: contents;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-body .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .pdp-bundle-name {
  grid-area: name;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-body .pdp-bundle-price, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .pdp-bundle-price { grid-area: price; }
.cc_3kqoau7t_mJrLHHGFfO .pba-body .pdp-bundle-out, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .pdp-bundle-out { grid-area: out; }

.cc_3kqoau7t_mJrLHHGFfO .pba-body .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .pdp-bundle-qty, .cc_3kqoau7t_mJrLHHGFfO .pba-body .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .zb-qty {
  grid-area: qty;
  justify-self: end;
}

.cc_3kqoau7t_mJrLHHGFfO .pba-body .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pba-body .zb-qty-btn {
  width: 32px;
  height: 32px;
}

@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pba-item:not(.pba-item--open):hover .pba-media::after, .cc_3kqoau7t_ZSpAZJihc2 .pba-item:not(.pba-item--open):hover .pba-media::after { opacity: 0.56; }
}

.cc_3kqoau7t_mJrLHHGFfO .pba-item--out .pba-media img, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--out .pba-media img, .cc_3kqoau7t_mJrLHHGFfO .pba-item--out .pba-media video, .cc_3kqoau7t_ZSpAZJihc2 .pba-item--out .pba-media video { filter: grayscale(1); opacity: 0.48; }

@media (max-width: 768px) {
  .cc_3kqoau7t_mJrLHHGFfO .pba-list, .cc_3kqoau7t_ZSpAZJihc2 .pba-list { --pba-h: 256px; --pba-strip: 48px; }
}

@keyframes pba-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

@keyframes pba-seam {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pba-item, .cc_3kqoau7t_ZSpAZJihc2 .pba-item, .cc_3kqoau7t_mJrLHHGFfO .pba-media, .cc_3kqoau7t_ZSpAZJihc2 .pba-media, .cc_3kqoau7t_mJrLHHGFfO .pba-media img, .cc_3kqoau7t_ZSpAZJihc2 .pba-media img, .cc_3kqoau7t_mJrLHHGFfO .pba-media video, .cc_3kqoau7t_ZSpAZJihc2 .pba-media video, .cc_3kqoau7t_mJrLHHGFfO .pba-media::after, .cc_3kqoau7t_ZSpAZJihc2 .pba-media::after, .cc_3kqoau7t_mJrLHHGFfO .pba-strip, .cc_3kqoau7t_ZSpAZJihc2 .pba-strip, .cc_3kqoau7t_mJrLHHGFfO .pba-body, .cc_3kqoau7t_ZSpAZJihc2 .pba-body { transition: none; animation: none; }
  .cc_3kqoau7t_mJrLHHGFfO .pba-seam rect, .cc_3kqoau7t_ZSpAZJihc2 .pba-seam rect { animation: none; }
}

/* ===================== thread (yedek): ipliğe dizilmiş set =====================
 * Paket içeriği — "ipliğe dizilmiş set".
 * Dikişli kart (Button ile aynı soluk noktalı iz); parçaların görselleri dikey Accent ipliğe dizilir,
 * parçalar arası kesik dikişle ayrılır ve dikişin iplikle kesiştiği yerde "+" düğüm durur.
 */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle {
  --pb-accent: var(--zb-accent, var(--ze7ETvdlWj, #c9a27e));
  --pb-media: 64px;
  --pb-pad: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-title, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

/* Paket parça sınırı: başlığın hemen altında soluk not; sınır dışındayken hata rengine döner */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-rule, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-rule {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: -12px 0 0;
  color: var(--zb-muted, color-mix(in srgb, var(--zb-text) 56%, transparent));
  font-size: 12px;
  line-height: 16px;
  transition: color var(--zb-duration-base, 0.35s) var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-rule.is-error, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-rule.is-error { color: #b42318; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-count, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-count {
  margin: -12px 0 0;
  color: var(--zb-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-rule, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-rule { transition: none; }
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-card, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-card {
  position: relative;
  border: 1px solid var(--zb-border);
  border-radius: 4px;
  background: var(--zb-bg);
}

/* Soluk noktalı dikiş izi (4px içeride) */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-stitch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-stitch {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  overflow: visible;
  pointer-events: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-stitch rect, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-stitch rect {
  fill: none;
  stroke: var(--zb-text);
  stroke-width: 1;
  stroke-dasharray: 4 4;
  opacity: 0.24;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-list, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: var(--pb-pad);
}

/* Parçalar arası kesik dikiş (4/4) */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item + .pdp-bundle-item, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item + .pdp-bundle-item {
  background: linear-gradient(to right, var(--zb-border) 50%, transparent 0) 0 0 / 8px 1px repeat-x;
}

/* İplik: görsellerin ortasından geçer; ilk parçada ortadan başlar, sonda ortada biter */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--pb-pad) + var(--pb-media) / 2);
  width: 1px;
  background: var(--pb-accent);
  transform-origin: top;
  animation: pb-thread 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.24s + var(--n, 0) * 0.16s);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:first-child::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:first-child::before { top: 50%; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:last-child::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:last-child::before { bottom: 50%; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:only-child::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:only-child::before { display: none; }

/* "+" düğüm: kesik dikişle ipliğin kesiştiği yerde */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item + .pdp-bundle-item::after, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item + .pdp-bundle-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--pb-pad) + var(--pb-media) / 2);
  z-index: 1;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 1px solid var(--pb-accent);
  border-radius: 1000px;
  background:
    linear-gradient(var(--pb-accent), var(--pb-accent)) center / 8px 1px no-repeat,
    linear-gradient(var(--pb-accent), var(--pb-accent)) center / 1px 8px no-repeat,
    var(--zb-bg);
  animation: pb-knot 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) both;
  animation-delay: calc(0.24s + var(--n, 0) * 0.16s);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-media, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-media {
  position: relative;
  z-index: 1;
  flex: none;
  width: var(--pb-media);
  height: var(--pb-media);
  overflow: hidden;
  border-radius: 4px;
  background: var(--zb-field, rgba(0, 0, 0, 0.06));
  box-shadow: 0 0 0 1px var(--zb-border);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-media img, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-media img, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-media video, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-info, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-name {
  color: var(--zb-text);
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: background-size 0.35s var(--zb-ease-in, cubic-bezier(0.4, 0, 1, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-price, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-price {
  color: var(--zb-muted);
  font-size: 12px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-out, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-out {
  color: var(--zb-sale);
  font-size: 12px;
}

/* Sabit adet: küçük etiket */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-qty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-qty {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border: 1px solid var(--zb-border);
  border-radius: 1000px;
  color: var(--zb-muted);
  font-size: 12px;
  white-space: nowrap;
}

@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:hover .pdp-bundle-media img, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:hover .pdp-bundle-media img, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:hover .pdp-bundle-media video, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:hover .pdp-bundle-media video { transform: scale(1.08); }
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item:hover .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item:hover .pdp-bundle-name {
    background-size: 100% 1px;
    transition: background-size 0.5s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
  }
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-name:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-name:focus-visible { background-size: 100% 1px; outline: none; }

/* Tükenen parça: görsel solar, iplik o parçada kesik */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item--out .pdp-bundle-media img, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item--out .pdp-bundle-media img, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item--out .pdp-bundle-media video, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item--out .pdp-bundle-media video { filter: grayscale(1); opacity: 0.48; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item--out .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item--out .pdp-bundle-name { color: var(--zb-muted); }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item--out::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item--out::before {
  background: linear-gradient(var(--pb-accent) 50%, transparent 0) 0 0 / 1px 8px repeat-y;
}

@keyframes pb-thread {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}

@keyframes pb-knot {
  from { opacity: 0; transform: scale(0.4) rotate(-90deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item::before, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item::before, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-item + .pdp-bundle-item::after, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-item + .pdp-bundle-item::after { animation: none; }
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-media img, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-media img, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-media video, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-media video, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-name, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-name { transition: none; }
}

/* Dikişli çerçeve: Button'daki soluk noktalı dikiş, başka süs yok */
.cc_3kqoau7t_mJrLHHGFfO .pbs-frame, .cc_3kqoau7t_ZSpAZJihc2 .pbs-frame {
  position: relative;
  padding: 0 16px;
  border: 1px solid var(--zb-border);
  border-radius: 4px;
}

.cc_3kqoau7t_mJrLHHGFfO .pbs-frame .pbs-list, .cc_3kqoau7t_ZSpAZJihc2 .pbs-frame .pbs-list { border-top: 0; }
.cc_3kqoau7t_mJrLHHGFfO .pbs-frame .pbs-item:last-child, .cc_3kqoau7t_ZSpAZJihc2 .pbs-frame .pbs-item:last-child { border-bottom: 0; }
.cc_3kqoau7t_mJrLHHGFfO .pbs-frame .pdp-bundle-stitch rect, .cc_3kqoau7t_ZSpAZJihc2 .pbs-frame .pdp-bundle-stitch rect { opacity: 0.32; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .pbs-frame .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .pbs-frame .zb-qty-value { font-size: 12px; }

/* ---- Ortak: seçili varyant yazısı (seçilebilirse paneli açan buton) ---- */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant {
  color: var(--zb-muted);
  font-size: 12px;
}

/* Seçili varyant hapı: renk noktası + değerler + ok; açıkken koyu kenar, ok döner */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  height: 32px;
  margin-top: 4px;
  padding: 0 12px;
  border: 1px solid var(--zb-border);
  border-radius: 1000px;
  background: var(--zb-bg);
  color: var(--zb-text);
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.2s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
    background 0.2s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant-dot, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant-dot {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 1000px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn span, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn .zb-chevron, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn .zb-chevron {
  flex: none;
  opacity: 0.56;
  transition: transform 0.35s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn.is-open, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn.is-open {
  border-color: var(--zb-text);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn.is-open .zb-chevron, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn.is-open .zb-chevron { transform: rotate(180deg); opacity: 1; }

@media (hover: hover) {
  .cc_3kqoau7t_mJrLHHGFfO .pbs-item--selectable:hover .pdp-bundle-variant--btn, .cc_3kqoau7t_ZSpAZJihc2 .pbs-item--selectable:hover .pdp-bundle-variant--btn { border-color: var(--zb-text); }
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn:focus-visible, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn:focus-visible { outline: 1px solid var(--zb-text); outline-offset: 4px; }

/* ---- Ortak: düzenlenebilir adet — sepetteki gibi soluk küçük ikonlar, kalın sayı, altında ince çizgi; sayı yönüne göre kayar ---- */
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty {
  border: 0;
  border-radius: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-btn {
  width: 28px;
  height: 28px;
  opacity: 0.4;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-btn svg, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-btn svg {
  width: 12px;
  height: 12px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-btn:hover:not(:disabled), .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-btn:hover:not(:disabled) { opacity: 1; }
.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-btn:disabled, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-btn:disabled { opacity: 0.12; }

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-window, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-window {
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--zb-text) 80%, transparent);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-value {
  min-width: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  animation: pb-qty-up 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty[data-dir="down"] .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty[data-dir="down"] .zb-qty-value { animation-name: pb-qty-down; }

@keyframes pb-qty-up {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
}

@keyframes pb-qty-down {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle .zb-qty-value { animation: none; }
  .cc_3kqoau7t_mJrLHHGFfO .pbs-panel, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel, .cc_3kqoau7t_mJrLHHGFfO .pbs-panel-inner > .pdp-variants, .cc_3kqoau7t_ZSpAZJihc2 .pbs-panel-inner > .pdp-variants, .cc_3kqoau7t_mJrLHHGFfO .pdp-bundle-variant--btn .zb-chevron, .cc_3kqoau7t_ZSpAZJihc2 .pdp-bundle-variant--btn .zb-chevron { transition: none; }
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-cta, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-cta {
  display: flex;
  flex: 1;
  min-width: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-cta .zb-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-cta .zb-btn, .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-buy .zb-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-buy .zb-btn {
  height: 56px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row .zb-qty {
  flex: none;
}

/* Satır ile Hemen Al arası (sütun gap 8px + 8px = 16px, satır içi boşlukla eş) */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-buy, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-buy {
  display: flex;
  margin-top: 8px;
}

/* Yönlendirme sürerken soluk kalmasın, yalnızca tıklanamaz */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-buy[aria-busy="true"] .zb-btn:disabled, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-buy[aria-busy="true"] .zb-btn:disabled {
  opacity: 0.64;
  cursor: progress;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-error, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-error {
  min-height: 16px;
  margin: 0;
  color: var(--zb-sale);
  font-size: 12px;
}

/* Hata yokken yer kaplamasın (sütun gap'i de geri alınır); canlı bölge DOM'da kalır */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-error:empty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-error:empty {
  min-height: 0;
  margin-top: -8px;
}

/* ---- Butonun içinde adet (QTY_STYLE "inline") ----
 * Solda koyu bölme (− n +), sağda Sepete Ekle; tek siyah etiket gibi birleşir.
 * Bölmenin dikişi sağ kenarda kesilir, ara çizgi butonun kendi dikişidir. */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline {
  gap: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty {
  position: relative;
  display: flex;
  flex: none;
  overflow: hidden;
  background: var(--zb-text);
  border: 1px solid var(--zb-text);
  border-right: 0;
  border-radius: 4px 0 0 4px;
  color: var(--zb-bg);
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty-stitch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty-stitch {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% + 8px);
  height: calc(100% - 8px);
  overflow: visible;
  pointer-events: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty-stitch rect, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty-stitch rect {
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  stroke-dasharray: 4 4;
  opacity: 0.4;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline .pdp-atc-cta .zb-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline .pdp-atc-cta .zb-btn {
  padding: 0 16px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty {
  border: 0;
  border-radius: 0;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn {
  width: 40px;
  height: 100%;
  opacity: 0.64;
  transition:
    opacity 0.2s ease,
    transform 0.35s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn svg, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn svg {
  width: 16px;
  height: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn:first-child, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn:first-child {
  padding-left: 8px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn:last-child, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn:last-child {
  padding-right: 8px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn:hover:not(:disabled), .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn:hover:not(:disabled) {
  opacity: 1;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn:active:not(:disabled), .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn:active:not(:disabled) {
  transform: scale(0.84);
  transition-duration: 0.12s;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn:disabled, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn:disabled {
  opacity: 0.24;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-window, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-window {
  overflow: hidden;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-value {
  min-width: 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  animation: pdp-atc-roll-up 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty[data-dir="down"] .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty[data-dir="down"] .zb-qty-value {
  animation-name: pdp-atc-roll-down;
}

/* Buton yazısı: "Sepete Ekle · toplam"; toplam adetle birlikte kayarak değişir.
 * Toplam sağa yaslıdır, genişliği değişince yalnızca o uzar (etiket yerinde kalır). */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline .zb-cfx, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline .zb-cfx, .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline .zb-cfx-idle, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline .zb-cfx-idle, .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline .zb-cfx-ch, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline .zb-cfx-ch {
  width: 100%;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-label, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

/* Sığmayınca: yazı üstte, toplam altında küçük; ikisi de ortalı */
.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-label--stacked, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-label--stacked {
  flex-direction: column;
  justify-content: center;
  gap: 0;
  line-height: 20px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-label--stacked .pdp-atc-total, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-label--stacked .pdp-atc-total {
  font-size: 12px;
  line-height: 16px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-label--stacked .pdp-atc-dot, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-label--stacked .pdp-atc-dot {
  display: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-text, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-dot, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-dot {
  width: 4px;
  height: 4px;
  background: var(--ze7ETvdlWj, #c9a27e);
  border-radius: 1000px;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total-window, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total-window {
  display: inline-flex;
  justify-content: flex-end;
  overflow: hidden;
  transition: width 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total-value {
  flex: none;
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total-value {
  opacity: 0.8;
  animation: pdp-atc-roll-up 0.4s var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.cc_3kqoau7t_mJrLHHGFfO .pdp-atc-row--inline:has(.zb-qty[data-dir="down"]) .pdp-atc-total-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-row--inline:has(.zb-qty[data-dir="down"]) .pdp-atc-total-value {
  animation-name: pdp-atc-roll-down;
}

@keyframes pdp-atc-roll-up {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes pdp-atc-roll-down {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-value, .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total-value, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total-value {
    animation: none;
  }

  .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-qty .zb-qty-btn, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-qty .zb-qty-btn, .cc_3kqoau7t_mJrLHHGFfO .pdp-atc-total-window, .cc_3kqoau7t_ZSpAZJihc2 .pdp-atc-total-window {
    transition: none;
  }
}