/* Kaynak: suudcollection.com CATEGORY .productItem — brief/CATEGORY-01-category.md §6 (s471-s593) */
.cc_ois9tmeu_pwvAWU1tsv .pc, .cc_ois9tmeu_svqn0539EM .pc, .cc_ois9tmeu_Dt1YO0iRDw .pc, .cc_ois9tmeu_A1sEInACsS .pc {
  --pc-dot-off: rgba(255, 255, 255, 0.3);
  position: relative;
  width: 100%;
  margin-bottom: 36px; /* s472 */
  text-align: center;
}

/* --- görsel kaydırıcı (s473-s498 .productList-Image-Owl): yatay şerit; dokunmatikte yerel kaydırma +
   scroll-snap, farede sürükleme (index.tsx), çizgiler ve oklar scrollTo ile gezdirir */
.cc_ois9tmeu_pwvAWU1tsv .pc__media, .cc_ois9tmeu_svqn0539EM .pc__media, .cc_ois9tmeu_Dt1YO0iRDw .pc__media, .cc_ois9tmeu_A1sEInACsS .pc__media {
  position: relative;
  overflow: hidden;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__track, .cc_ois9tmeu_svqn0539EM .pc__track, .cc_ois9tmeu_Dt1YO0iRDw .pc__track, .cc_ois9tmeu_A1sEInACsS .pc__track {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__track::-webkit-scrollbar, .cc_ois9tmeu_svqn0539EM .pc__track::-webkit-scrollbar, .cc_ois9tmeu_Dt1YO0iRDw .pc__track::-webkit-scrollbar, .cc_ois9tmeu_A1sEInACsS .pc__track::-webkit-scrollbar {
  display: none;
}
/* fareyle sürüklerken: snap kapalı (el.scrollLeft serbest), bağlantı tıklanmaz */
.cc_ois9tmeu_pwvAWU1tsv .pc__track--drag, .cc_ois9tmeu_svqn0539EM .pc__track--drag, .cc_ois9tmeu_Dt1YO0iRDw .pc__track--drag, .cc_ois9tmeu_A1sEInACsS .pc__track--drag {
  scroll-snap-type: none;
  cursor: grabbing;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__track--drag .pc__link, .cc_ois9tmeu_svqn0539EM .pc__track--drag .pc__link, .cc_ois9tmeu_Dt1YO0iRDw .pc__track--drag .pc__link, .cc_ois9tmeu_A1sEInACsS .pc__track--drag .pc__link {
  pointer-events: none;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__link, .cc_ois9tmeu_svqn0539EM .pc__link, .cc_ois9tmeu_Dt1YO0iRDw .pc__link, .cc_ois9tmeu_A1sEInACsS .pc__link {
  display: flex;
  position: relative;
  color: var(--su-text);
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__link:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__link:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__link:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__link:focus-visible {
  outline: 2px solid var(--su-text-dark);
  outline-offset: -2px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__slide, .cc_ois9tmeu_svqn0539EM .pc__slide, .cc_ois9tmeu_Dt1YO0iRDw .pc__slide, .cc_ois9tmeu_A1sEInACsS .pc__slide {
  display: block;
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  padding-bottom: 150%; /* 1000×1500 → 2:3 */
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
/* img.productSliderImage.autoWidthHeight (s495-s498): kaynak görseli 1000×1500; kutu 1000'den darken
   max-width:100% ile kutuyu doldurur (w360 166, w768 720, w1024 976), masaüstü 1 sütunda (1392) 1000px ortalı
   (s498 margin 196px). ikas srcset'inde tanımlayıcı > gerçek dosya genişliği olabildiğinden (image_1728 → 1000px)
   `width:auto` DPR 2'de görseli küçültüyordu (w768'de 444px); bu yüzden genişlik kutuya bağlı, üst sınır 1000px.
   Mağaza görselleri iki oranda (2:3 ve 3:4) → aspect-ratio + cover ile hepsi 2:3 kutuyu doldurur (bant kalmaz). */
.cc_ois9tmeu_pwvAWU1tsv .pc__img, .cc_ois9tmeu_svqn0539EM .pc__img, .cc_ois9tmeu_Dt1YO0iRDw .pc__img, .cc_ois9tmeu_A1sEInACsS .pc__img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 1000px;
  aspect-ratio: 2 / 3;
  margin: auto;
  object-fit: cover;
  -webkit-user-drag: none;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__img--empty, .cc_ois9tmeu_svqn0539EM .pc__img--empty, .cc_ois9tmeu_Dt1YO0iRDw .pc__img--empty, .cc_ois9tmeu_A1sEInACsS .pc__img--empty {
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: auto;
  background: var(--su-border);
}

/* --- "Hepsi Satıldı" etiketi (kaynak CATEGORY w360 sayfa sonu: görselin sol üstünde beyaz şerit 82×13) */
.cc_ois9tmeu_pwvAWU1tsv .pc__badge, .cc_ois9tmeu_svqn0539EM .pc__badge, .cc_ois9tmeu_Dt1YO0iRDw .pc__badge, .cc_ois9tmeu_A1sEInACsS .pc__badge {
  display: block;
  position: absolute;
  top: 14px;
  left: 8px;
  z-index: 2;
  padding: 0 10px;
  background-color: var(--su-bg);
  color: var(--su-text-dark);
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  white-space: nowrap;
  pointer-events: none;
}

/* --- oklar (s503-s516 .owl-nav / .owl-prev / .owl-next): 8×14, dikey ortada, kenardan 8px;
   yalnız fare üstündeyken (opacity .5s); dokunmatikte yok (s503 display:none) */
.cc_ois9tmeu_pwvAWU1tsv .pc__nav, .cc_ois9tmeu_svqn0539EM .pc__nav, .cc_ois9tmeu_Dt1YO0iRDw .pc__nav, .cc_ois9tmeu_A1sEInACsS .pc__nav {
  display: none;
  position: absolute;
  top: calc(50% - 19px);
  z-index: 3;
  width: 28px;
  height: 38px;
  justify-content: center;
  align-items: center;
  color: var(--su-text-dark);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity 0.5s, visibility 0.5s;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__nav--prev, .cc_ois9tmeu_svqn0539EM .pc__nav--prev, .cc_ois9tmeu_Dt1YO0iRDw .pc__nav--prev, .cc_ois9tmeu_A1sEInACsS .pc__nav--prev {
  left: 0;
  justify-content: flex-start;
  padding-left: 8px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__nav--next, .cc_ois9tmeu_svqn0539EM .pc__nav--next, .cc_ois9tmeu_Dt1YO0iRDw .pc__nav--next, .cc_ois9tmeu_A1sEInACsS .pc__nav--next {
  right: 0;
  justify-content: flex-end;
  padding-right: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .cc_ois9tmeu_pwvAWU1tsv .pc__nav, .cc_ois9tmeu_svqn0539EM .pc__nav, .cc_ois9tmeu_Dt1YO0iRDw .pc__nav, .cc_ois9tmeu_A1sEInACsS .pc__nav {
    display: flex;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc:hover .pc__nav, .cc_ois9tmeu_svqn0539EM .pc:hover .pc__nav, .cc_ois9tmeu_Dt1YO0iRDw .pc:hover .pc__nav, .cc_ois9tmeu_A1sEInACsS .pc:hover .pc__nav {
    opacity: 1;
    visibility: visible;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc:hover .pc__nav:disabled, .cc_ois9tmeu_svqn0539EM .pc:hover .pc__nav:disabled, .cc_ois9tmeu_Dt1YO0iRDw .pc:hover .pc__nav:disabled, .cc_ois9tmeu_A1sEInACsS .pc:hover .pc__nav:disabled {
    opacity: 0.25;
    cursor: default;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__track, .cc_ois9tmeu_svqn0539EM .pc__track, .cc_ois9tmeu_Dt1YO0iRDw .pc__track, .cc_ois9tmeu_A1sEInACsS .pc__track {
    cursor: grab;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__track--drag, .cc_ois9tmeu_svqn0539EM .pc__track--drag, .cc_ois9tmeu_Dt1YO0iRDw .pc__track--drag, .cc_ois9tmeu_A1sEInACsS .pc__track--drag {
    cursor: grabbing;
  }
}

/* --- çizgi göstergeler (s522 / s523 / s525 button.owl-dot): 3px çizgi; tıklama/dokunma alanı yukarı doğru 15px */
.cc_ois9tmeu_pwvAWU1tsv .pc__dots, .cc_ois9tmeu_svqn0539EM .pc__dots, .cc_ois9tmeu_Dt1YO0iRDw .pc__dots, .cc_ois9tmeu_A1sEInACsS .pc__dots {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  gap: 0;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__dot, .cc_ois9tmeu_svqn0539EM .pc__dot, .cc_ois9tmeu_Dt1YO0iRDw .pc__dot, .cc_ois9tmeu_A1sEInACsS .pc__dot {
  display: block;
  flex: 1 1 0;
  height: 18px;
  box-sizing: border-box;
  min-width: 0;
  padding: 15px 0 0;
  border: 0;
  background-color: var(--pc-dot-off);
  background-clip: content-box;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__dot--on, .cc_ois9tmeu_svqn0539EM .pc__dot--on, .cc_ois9tmeu_Dt1YO0iRDw .pc__dot--on, .cc_ois9tmeu_A1sEInACsS .pc__dot--on {
  background-color: var(--su-text-2); /* c4 #2d2d2d */
}

/* --- favori (s535 / s536) */
.cc_ois9tmeu_pwvAWU1tsv .pc__fav, .cc_ois9tmeu_svqn0539EM .pc__fav, .cc_ois9tmeu_Dt1YO0iRDw .pc__fav, .cc_ois9tmeu_A1sEInACsS .pc__fav {
  display: inline-flex;
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 3;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  color: var(--su-text-dark);
  font-size: 0;
  transition: color 0.1s ease-in-out;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__fav--on svg path, .cc_ois9tmeu_svqn0539EM .pc__fav--on svg path, .cc_ois9tmeu_Dt1YO0iRDw .pc__fav--on svg path, .cc_ois9tmeu_A1sEInACsS .pc__fav--on svg path {
  fill: currentColor;
}

/* --- hızlı ekle "+" (kaynakta .mycartIcon gizli; masaüstünde fare üstündeyken görünür) */
.cc_ois9tmeu_pwvAWU1tsv .pc__add, .cc_ois9tmeu_svqn0539EM .pc__add, .cc_ois9tmeu_Dt1YO0iRDw .pc__add, .cc_ois9tmeu_A1sEInACsS .pc__add {
  display: inline-flex;
  position: absolute;
  right: 8px;
  bottom: 11px;
  z-index: 3;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--su-bg);
  color: var(--su-text-dark);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cc_ois9tmeu_pwvAWU1tsv .pc--pick .pc__add, .cc_ois9tmeu_svqn0539EM .pc--pick .pc__add, .cc_ois9tmeu_Dt1YO0iRDw .pc--pick .pc__add, .cc_ois9tmeu_A1sEInACsS .pc--pick .pc__add, .cc_ois9tmeu_pwvAWU1tsv .pc__add:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__add:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__add:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__add:focus-visible {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  .cc_ois9tmeu_pwvAWU1tsv .pc:hover .pc__add, .cc_ois9tmeu_svqn0539EM .pc:hover .pc__add, .cc_ois9tmeu_Dt1YO0iRDw .pc:hover .pc__add, .cc_ois9tmeu_A1sEInACsS .pc:hover .pc__add {
    opacity: 1;
    visibility: visible;
  }
}
.cc_ois9tmeu_pwvAWU1tsv .pc__add:disabled, .cc_ois9tmeu_svqn0539EM .pc__add:disabled, .cc_ois9tmeu_Dt1YO0iRDw .pc__add:disabled, .cc_ois9tmeu_A1sEInACsS .pc__add:disabled {
  cursor: default;
  opacity: 0.5;
}
/* sepete eklendi geri bildirimi: siyah daire + tik, ~1.5 sn görünür kalır */
.cc_ois9tmeu_pwvAWU1tsv .pc__add--done, .cc_ois9tmeu_svqn0539EM .pc__add--done, .cc_ois9tmeu_Dt1YO0iRDw .pc__add--done, .cc_ois9tmeu_A1sEInACsS .pc__add--done, .cc_ois9tmeu_pwvAWU1tsv .pc:hover .pc__add--done, .cc_ois9tmeu_svqn0539EM .pc:hover .pc__add--done, .cc_ois9tmeu_Dt1YO0iRDw .pc:hover .pc__add--done, .cc_ois9tmeu_A1sEInACsS .pc:hover .pc__add--done, .cc_ois9tmeu_pwvAWU1tsv .pc__add--done:disabled, .cc_ois9tmeu_svqn0539EM .pc__add--done:disabled, .cc_ois9tmeu_Dt1YO0iRDw .pc__add--done:disabled, .cc_ois9tmeu_A1sEInACsS .pc__add--done:disabled {
  background-color: var(--su-text-dark);
  color: var(--su-bg);
  opacity: 1;
  visibility: visible;
}

/* --- detay (s531) */
.cc_ois9tmeu_pwvAWU1tsv .pc__detail, .cc_ois9tmeu_svqn0539EM .pc__detail, .cc_ois9tmeu_Dt1YO0iRDw .pc__detail, .cc_ois9tmeu_A1sEInACsS .pc__detail {
  padding: 12px 0;
  text-align: left;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__top, .cc_ois9tmeu_svqn0539EM .pc__top, .cc_ois9tmeu_Dt1YO0iRDw .pc__top, .cc_ois9tmeu_A1sEInACsS .pc__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 6px; /* s542 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__left, .cc_ois9tmeu_svqn0539EM .pc__left, .cc_ois9tmeu_Dt1YO0iRDw .pc__left, .cc_ois9tmeu_A1sEInACsS .pc__left {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /* s543 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__name, .cc_ois9tmeu_svqn0539EM .pc__name, .cc_ois9tmeu_Dt1YO0iRDw .pc__name, .cc_ois9tmeu_A1sEInACsS .pc__name {
  position: relative;
  width: 100%;
  transition: opacity 0.5s;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__name a:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__name a:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__name a:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__name a:focus-visible, .cc_ois9tmeu_pwvAWU1tsv .pc__fav:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__fav:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__fav:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__fav:focus-visible, .cc_ois9tmeu_pwvAWU1tsv .pc__add:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__add:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__add:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__add:focus-visible, .cc_ois9tmeu_pwvAWU1tsv .pc__size--btn:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__size--btn:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--btn:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__size--btn:focus-visible {
  outline: 2px solid var(--su-text-dark);
  outline-offset: 2px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__name a:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__name a:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__name a:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__name a:focus-visible {
  outline-offset: -2px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__name a, .cc_ois9tmeu_svqn0539EM .pc__name a, .cc_ois9tmeu_Dt1YO0iRDw .pc__name a, .cc_ois9tmeu_A1sEInACsS .pc__name a {
  display: block;
  overflow: hidden;
  color: var(--su-text-dark);
  font-size: 11px;
  font-weight: 350; /* s546 (Roboto değişken ağırlık; statik yazı tipinde 300/400'e yuvarlanır) */
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap; /* s546 */
}

/* beden kutuları: fare üstündeyken adın üstüne biner (s548 / s550 / s553 / s582) */
.cc_ois9tmeu_pwvAWU1tsv .pc__sizes, .cc_ois9tmeu_svqn0539EM .pc__sizes, .cc_ois9tmeu_Dt1YO0iRDw .pc__sizes, .cc_ois9tmeu_A1sEInACsS .pc__sizes {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: var(--su-bg);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
/* dokunmatikte :hover dokunmadan sonra yapışık kalır (ad kutuların altında kalıyordu) → yalnız fare;
   "+" ile beden seçimi açıkken (.pc--pick) her cihazda görünür */
.cc_ois9tmeu_pwvAWU1tsv .pc--pick .pc__sizes, .cc_ois9tmeu_svqn0539EM .pc--pick .pc__sizes, .cc_ois9tmeu_Dt1YO0iRDw .pc--pick .pc__sizes, .cc_ois9tmeu_A1sEInACsS .pc--pick .pc__sizes {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  .cc_ois9tmeu_pwvAWU1tsv .pc:hover .pc__sizes, .cc_ois9tmeu_svqn0539EM .pc:hover .pc__sizes, .cc_ois9tmeu_Dt1YO0iRDw .pc:hover .pc__sizes, .cc_ois9tmeu_A1sEInACsS .pc:hover .pc__sizes {
    opacity: 1;
    visibility: visible;
  }
}
.cc_ois9tmeu_pwvAWU1tsv .pc__sizes-row, .cc_ois9tmeu_svqn0539EM .pc__sizes-row, .cc_ois9tmeu_Dt1YO0iRDw .pc__sizes-row, .cc_ois9tmeu_A1sEInACsS .pc__sizes-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__size, .cc_ois9tmeu_svqn0539EM .pc__size, .cc_ois9tmeu_Dt1YO0iRDw .pc__size, .cc_ois9tmeu_A1sEInACsS .pc__size {
  display: inline-block;
  color: var(--su-text-dark);
  font-size: 11px;
  font-weight: 300;
  line-height: 17px;
  vertical-align: top;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__size--btn, .cc_ois9tmeu_svqn0539EM .pc__size--btn, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--btn, .cc_ois9tmeu_A1sEInACsS .pc__size--btn {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__size--btn:hover, .cc_ois9tmeu_svqn0539EM .pc__size--btn:hover, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--btn:hover, .cc_ois9tmeu_A1sEInACsS .pc__size--btn:hover, .cc_ois9tmeu_pwvAWU1tsv .pc__size--btn:focus-visible, .cc_ois9tmeu_svqn0539EM .pc__size--btn:focus-visible, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--btn:focus-visible, .cc_ois9tmeu_A1sEInACsS .pc__size--btn:focus-visible {
  text-decoration: underline;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__size--btn:disabled, .cc_ois9tmeu_svqn0539EM .pc__size--btn:disabled, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--btn:disabled, .cc_ois9tmeu_A1sEInACsS .pc__size--btn:disabled {
  cursor: default;
  opacity: 0.5;
}
/* seçim açıkken dokunma hedefi büyür (satır 17px → kutu 28px) */
.cc_ois9tmeu_pwvAWU1tsv .pc--pick .pc__sizes, .cc_ois9tmeu_svqn0539EM .pc--pick .pc__sizes, .cc_ois9tmeu_Dt1YO0iRDw .pc--pick .pc__sizes, .cc_ois9tmeu_A1sEInACsS .pc--pick .pc__sizes {
  overflow-x: auto;
  scrollbar-width: none;
}
.cc_ois9tmeu_pwvAWU1tsv .pc--pick .pc__size--btn, .cc_ois9tmeu_svqn0539EM .pc--pick .pc__size--btn, .cc_ois9tmeu_Dt1YO0iRDw .pc--pick .pc__size--btn, .cc_ois9tmeu_A1sEInACsS .pc--pick .pc__size--btn {
  position: relative;
}
.cc_ois9tmeu_pwvAWU1tsv .pc--pick .pc__size--btn::before, .cc_ois9tmeu_svqn0539EM .pc--pick .pc__size--btn::before, .cc_ois9tmeu_Dt1YO0iRDw .pc--pick .pc__size--btn::before, .cc_ois9tmeu_A1sEInACsS .pc--pick .pc__size--btn::before {
  content: "";
  position: absolute;
  top: -8px;
  right: -6px;
  bottom: -8px;
  left: -6px;
}
.cc_ois9tmeu_pwvAWU1tsv .pc__size--out, .cc_ois9tmeu_svqn0539EM .pc__size--out, .cc_ois9tmeu_Dt1YO0iRDw .pc__size--out, .cc_ois9tmeu_A1sEInACsS .pc__size--out {
  color: var(--su-gray-b8); /* c5 */
  text-decoration: line-through;
  pointer-events: none;
}

.cc_ois9tmeu_pwvAWU1tsv .pc__right, .cc_ois9tmeu_svqn0539EM .pc__right, .cc_ois9tmeu_Dt1YO0iRDw .pc__right, .cc_ois9tmeu_A1sEInACsS .pc__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  white-space: nowrap; /* s558 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__price, .cc_ois9tmeu_svqn0539EM .pc__price, .cc_ois9tmeu_Dt1YO0iRDw .pc__price, .cc_ois9tmeu_A1sEInACsS .pc__price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px; /* s560 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__price-now, .cc_ois9tmeu_svqn0539EM .pc__price-now, .cc_ois9tmeu_Dt1YO0iRDw .pc__price-now, .cc_ois9tmeu_A1sEInACsS .pc__price-now {
  color: var(--su-text-dark);
  font-size: 11px;
  font-weight: 300;
  line-height: 17px; /* s563 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__price-old, .cc_ois9tmeu_svqn0539EM .pc__price-old, .cc_ois9tmeu_Dt1YO0iRDw .pc__price-old, .cc_ois9tmeu_A1sEInACsS .pc__price-old {
  color: var(--su-text-dark);
  font-size: 11px;
  font-weight: 300;
  line-height: 17px;
  text-decoration: line-through; /* s592 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__promo, .cc_ois9tmeu_svqn0539EM .pc__promo, .cc_ois9tmeu_Dt1YO0iRDw .pc__promo, .cc_ois9tmeu_A1sEInACsS .pc__promo {
  float: right;
  clear: right;
  color: var(--su-red); /* rgb(220,46,46) */
  font-size: 12px;
  font-weight: 300;
  line-height: 15px; /* s567 */
}
.cc_ois9tmeu_pwvAWU1tsv .pc__detail::after, .cc_ois9tmeu_svqn0539EM .pc__detail::after, .cc_ois9tmeu_Dt1YO0iRDw .pc__detail::after, .cc_ois9tmeu_A1sEInACsS .pc__detail::after {
  content: "";
  display: table;
  clear: both;
}

/* --- tablet (w768 / w1024 ölçümü: .productDetailTop s541 sütun, detay 85px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .cc_ois9tmeu_pwvAWU1tsv .pc__top, .cc_ois9tmeu_svqn0539EM .pc__top, .cc_ois9tmeu_Dt1YO0iRDw .pc__top, .cc_ois9tmeu_A1sEInACsS .pc__top {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 6px;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__left, .cc_ois9tmeu_svqn0539EM .pc__left, .cc_ois9tmeu_Dt1YO0iRDw .pc__left, .cc_ois9tmeu_A1sEInACsS .pc__left {
    width: 100%;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__right, .cc_ois9tmeu_svqn0539EM .pc__right, .cc_ois9tmeu_Dt1YO0iRDw .pc__right, .cc_ois9tmeu_A1sEInACsS .pc__right {
    justify-content: flex-start;
    align-items: flex-start; /* s557 @768 */
  }
}

/* --- mobil (w360 ölçümü) */
@media (max-width: 767px) {
  .cc_ois9tmeu_pwvAWU1tsv .pc, .cc_ois9tmeu_svqn0539EM .pc, .cc_ois9tmeu_Dt1YO0iRDw .pc, .cc_ois9tmeu_A1sEInACsS .pc {
    margin-bottom: 16px; /* s471 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__fav, .cc_ois9tmeu_svqn0539EM .pc__fav, .cc_ois9tmeu_Dt1YO0iRDw .pc__fav, .cc_ois9tmeu_A1sEInACsS .pc__fav {
    display: none; /* s532 */
  }
  /* "+" kaynakta mobilde yok (.mycartIcon s539 display:none); yalnız klavye odağında erişilebilir */
  .cc_ois9tmeu_pwvAWU1tsv .pc__top, .cc_ois9tmeu_svqn0539EM .pc__top, .cc_ois9tmeu_Dt1YO0iRDw .pc__top, .cc_ois9tmeu_A1sEInACsS .pc__top {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px; /* s540 */
  }
  /* s543 w360: .productDetailLeft 166px (kart genişliği) → sütun yönünde flex-start ile daralmasın,
     uzun ad kartın dışına taşmak yerine "…" ile kesilsin */
  .cc_ois9tmeu_pwvAWU1tsv .pc__left, .cc_ois9tmeu_svqn0539EM .pc__left, .cc_ois9tmeu_Dt1YO0iRDw .pc__left, .cc_ois9tmeu_A1sEInACsS .pc__left, .cc_ois9tmeu_pwvAWU1tsv .pc__right, .cc_ois9tmeu_svqn0539EM .pc__right, .cc_ois9tmeu_Dt1YO0iRDw .pc__right, .cc_ois9tmeu_A1sEInACsS .pc__right {
    width: 100%;
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__name a, .cc_ois9tmeu_svqn0539EM .pc__name a, .cc_ois9tmeu_Dt1YO0iRDw .pc__name a, .cc_ois9tmeu_A1sEInACsS .pc__name a {
    font-size: 12px;
    line-height: 14px; /* s545 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__sizes-row, .cc_ois9tmeu_svqn0539EM .pc__sizes-row, .cc_ois9tmeu_Dt1YO0iRDw .pc__sizes-row, .cc_ois9tmeu_A1sEInACsS .pc__sizes-row {
    gap: 10px; /* s549 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__size, .cc_ois9tmeu_svqn0539EM .pc__size, .cc_ois9tmeu_Dt1YO0iRDw .pc__size, .cc_ois9tmeu_A1sEInACsS .pc__size {
    font-size: 12px;
    line-height: 14px; /* s552 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__right, .cc_ois9tmeu_svqn0539EM .pc__right, .cc_ois9tmeu_Dt1YO0iRDw .pc__right, .cc_ois9tmeu_A1sEInACsS .pc__right {
    justify-content: flex-start;
    align-items: flex-start; /* s557 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__price, .cc_ois9tmeu_svqn0539EM .pc__price, .cc_ois9tmeu_Dt1YO0iRDw .pc__price, .cc_ois9tmeu_A1sEInACsS .pc__price {
    justify-content: flex-start;
    align-items: flex-start; /* s559 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__price-now, .cc_ois9tmeu_svqn0539EM .pc__price-now, .cc_ois9tmeu_Dt1YO0iRDw .pc__price-now, .cc_ois9tmeu_A1sEInACsS .pc__price-now, .cc_ois9tmeu_pwvAWU1tsv .pc__price-old, .cc_ois9tmeu_svqn0539EM .pc__price-old, .cc_ois9tmeu_Dt1YO0iRDw .pc__price-old, .cc_ois9tmeu_A1sEInACsS .pc__price-old {
    font-size: 12px;
    line-height: 15px; /* s562 */
  }
  .cc_ois9tmeu_pwvAWU1tsv .pc__promo, .cc_ois9tmeu_svqn0539EM .pc__promo, .cc_ois9tmeu_Dt1YO0iRDw .pc__promo, .cc_ois9tmeu_A1sEInACsS .pc__promo {
    float: left;
    clear: left;
    font-size: 10px;
    line-height: 12px; /* s566 */
  }
}