/* ===== Ortak Urun Karti ===== */
.cc_y9syk6wl_UKLLXEbl6F .pc, .cc_y9syk6wl_gJ8YzwWBZf .pc, .cc_y9syk6wl_CzOqcgjosc .pc {
  display: block;
  text-decoration: none;
  color: inherit;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-shot, .cc_y9syk6wl_gJ8YzwWBZf .pc-shot, .cc_y9syk6wl_CzOqcgjosc .pc-shot {
  aspect-ratio: var(--card-ratio, 3 / 4);
  overflow: hidden;
  position: relative;
  background: #fff;
}

/* Kareler yan yana dizili, secili olan kutuya kayar.
   Onceki hal capraz solmaydi; parmakla kaydirirken gorsel yerinde durup
   erimesi gecikme gibi hissettiriyordu. Kayma hareketi parmagin yonuyle
   ayni oldugu icin dogru okunuyor.

   translate ve scale AYRI ozellikler olarak yaziliyor: tek bir transform
   satirinda toplansalardi hover buyutmesi kaymayi ezerdi.

   Olcu ACIK yazilmali: img bir replaced element, inset tek basina germez. */
.cc_y9syk6wl_UKLLXEbl6F .pc-img, .cc_y9syk6wl_gJ8YzwWBZf .pc-img, .cc_y9syk6wl_CzOqcgjosc .pc-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  translate: calc((var(--pc-i, 0) - var(--pc-active, 0)) * 100%) 0;
  transition: translate 0.32s cubic-bezier(0.2, 0.7, 0.3, 1),
    scale 0.8s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.cc_y9syk6wl_UKLLXEbl6F .pc:hover .pc-img, .cc_y9syk6wl_gJ8YzwWBZf .pc:hover .pc-img, .cc_y9syk6wl_CzOqcgjosc .pc:hover .pc-img {
  scale: 1.03;
}

/* Kare seridi: masaustunde imlec kartin uzerindeyken belirir, dokunmatikte
   surekli durur — parmakla kaydirilabildigi baska turlu anlasilmaz. */
.cc_y9syk6wl_UKLLXEbl6F .pc-dots, .cc_y9syk6wl_gJ8YzwWBZf .pc-dots, .cc_y9syk6wl_CzOqcgjosc .pc-dots {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-shot:hover .pc-dots, .cc_y9syk6wl_gJ8YzwWBZf .pc-shot:hover .pc-dots, .cc_y9syk6wl_CzOqcgjosc .pc-shot:hover .pc-dots {
  opacity: 1;
}

/* Tukendi seridiyle cakismasin */
.cc_y9syk6wl_UKLLXEbl6F .pc-dots-up, .cc_y9syk6wl_gJ8YzwWBZf .pc-dots-up, .cc_y9syk6wl_CzOqcgjosc .pc-dots-up {
  bottom: 40px;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-dot, .cc_y9syk6wl_gJ8YzwWBZf .pc-dot, .cc_y9syk6wl_CzOqcgjosc .pc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(20, 18, 16, 0.26);
  transition: background 0.25s ease;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-dot.on, .cc_y9syk6wl_gJ8YzwWBZf .pc-dot.on, .cc_y9syk6wl_CzOqcgjosc .pc-dot.on {
  background: var(--card-ink, #141210);
}

@media (hover: none) {
  .cc_y9syk6wl_UKLLXEbl6F .pc-dots, .cc_y9syk6wl_gJ8YzwWBZf .pc-dots, .cc_y9syk6wl_CzOqcgjosc .pc-dots {
    opacity: 1;
  }
}

.cc_y9syk6wl_UKLLXEbl6F .pc-badge, .cc_y9syk6wl_gJ8YzwWBZf .pc-badge, .cc_y9syk6wl_CzOqcgjosc .pc-badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 9.5px;
  letter-spacing: 0.16em;
  padding: 5px 9px;
  background: var(--card-ink, #141210);
  color: var(--card-paper, #ffffff);
  font-variant-numeric: tabular-nums;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-soldout, .cc_y9syk6wl_gJ8YzwWBZf .pc-soldout, .cc_y9syk6wl_CzOqcgjosc .pc-soldout {
  position: absolute;
  inset: auto 0 0 0;
  text-align: center;
  font-size: 9.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 7px 4px;
  background: rgba(255, 255, 255, 0.88);
}

.cc_y9syk6wl_UKLLXEbl6F .pc-name, .cc_y9syk6wl_gJ8YzwWBZf .pc-name, .cc_y9syk6wl_CzOqcgjosc .pc-name {
  margin: 15px 0 0;
  font-size: 12.5px;
  font-weight: 300;
  line-height: 1.5;
  text-wrap: pretty;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-price, .cc_y9syk6wl_gJ8YzwWBZf .pc-price, .cc_y9syk6wl_CzOqcgjosc .pc-price {
  margin-top: 8px;
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.cc_y9syk6wl_UKLLXEbl6F .pc-was, .cc_y9syk6wl_gJ8YzwWBZf .pc-was, .cc_y9syk6wl_CzOqcgjosc .pc-was {
  font-size: 11px;
  color: var(--card-muted, #6e6960);
  text-decoration: line-through;
}
@media (prefers-reduced-motion: reduce) {
  .cc_y9syk6wl_UKLLXEbl6F .pc-img, .cc_y9syk6wl_gJ8YzwWBZf .pc-img, .cc_y9syk6wl_CzOqcgjosc .pc-img, .cc_y9syk6wl_UKLLXEbl6F .pc-dot, .cc_y9syk6wl_gJ8YzwWBZf .pc-dot, .cc_y9syk6wl_CzOqcgjosc .pc-dot, .cc_y9syk6wl_UKLLXEbl6F .pc-dots, .cc_y9syk6wl_gJ8YzwWBZf .pc-dots, .cc_y9syk6wl_CzOqcgjosc .pc-dots {
    transition: none;
  }
}