/*
 * Ortak ürün kartı — issue #8.
 *
 * Ölçüler Figma'nın 1440px masaüstü çerçevesinden birebir: kart 327.5x409.375
 * görsel alanı (4:5), 6px radius, rozet/favori 5px içeriden, metin bloğu 16px
 * üstten, varyant satırı ile fiyat arasında 4px.
 *
 * 10px punto tasarımda rozet ve beden barına özgü — tipografi token'larında
 * karşılığı yok, bu yüzden token class'ının üstüne burada yazılıyor.
 */

.cc_g2xfyo6p_iknSviXrW1 .product-card, .cc_g2xfyo6p_YX1MwkC65d .product-card, .cc_g2xfyo6p_cVADMbykyO .product-card, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card, .cc_g2xfyo6p_ix3cNTwiGl .product-card, .cc_g2xfyo6p_iDY6cx1c7p .product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  color: var(--color-black);
}

.cc_g2xfyo6p_iknSviXrW1 .product-card a, .cc_g2xfyo6p_YX1MwkC65d .product-card a, .cc_g2xfyo6p_cVADMbykyO .product-card a, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card a, .cc_g2xfyo6p_ix3cNTwiGl .product-card a, .cc_g2xfyo6p_iDY6cx1c7p .product-card a {
  color: inherit;
  text-decoration: none;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card a:focus-visible, .cc_g2xfyo6p_YX1MwkC65d .product-card a:focus-visible, .cc_g2xfyo6p_cVADMbykyO .product-card a:focus-visible, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card a:focus-visible, .cc_g2xfyo6p_ix3cNTwiGl .product-card a:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .product-card a:focus-visible, .cc_g2xfyo6p_iknSviXrW1 .product-card button:focus-visible, .cc_g2xfyo6p_YX1MwkC65d .product-card button:focus-visible, .cc_g2xfyo6p_cVADMbykyO .product-card button:focus-visible, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card button:focus-visible, .cc_g2xfyo6p_ix3cNTwiGl .product-card button:focus-visible, .cc_g2xfyo6p_iDY6cx1c7p .product-card button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

/* ==========================================================================
   Görsel alanı
   ========================================================================== */

.cc_g2xfyo6p_iknSviXrW1 .product-card-figure, .cc_g2xfyo6p_YX1MwkC65d .product-card-figure, .cc_g2xfyo6p_cVADMbykyO .product-card-figure, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-figure, .cc_g2xfyo6p_ix3cNTwiGl .product-card-figure, .cc_g2xfyo6p_iDY6cx1c7p .product-card-figure {
  position: relative;
  flex-shrink: 0;
  border-radius: var(--radius-media);
  overflow: hidden;
  background: var(--color-surface-muted);
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-media, .cc_g2xfyo6p_YX1MwkC65d .product-card-media, .cc_g2xfyo6p_cVADMbykyO .product-card-media, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-media, .cc_g2xfyo6p_ix3cNTwiGl .product-card-media, .cc_g2xfyo6p_iDY6cx1c7p .product-card-media {
  display: block;
  position: relative;
  /* Oran "Ürün Görsel Oranı" tema ayarından gelir (issue #33); değer erken
     gelmese de kutu ölçülü kalır, görsel geç gelse de satır kaymaz. */
  aspect-ratio: var(--product-image-ratio, 4 / 5);
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-image, .cc_g2xfyo6p_YX1MwkC65d .product-card-image, .cc_g2xfyo6p_cVADMbykyO .product-card-image, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hover'da ürünün 2. görseline yumuşak geçiş; tek görselli üründe hiç render edilmez. */
.cc_g2xfyo6p_iknSviXrW1 .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image-hover {
  opacity: 0;
  transition: opacity 300ms ease;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card:hover .product-card-image-hover, .cc_g2xfyo6p_iknSviXrW1 .product-card:focus-within .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card:focus-within .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card:focus-within .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:focus-within .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card:focus-within .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card:focus-within .product-card-image-hover {
  opacity: 1;
}

/*
 * Görseller üst üste durduğu için, arkaplanı şeffaf 2. görselde ilk görsel
 * altta okunmaya devam ediyordu. Bu yüzden 2. görsel gelirken ilki aynı sürede
 * kaybolur. Class yalnızca 2. görseli olan kartta basılır — tek görselli ürün
 * hover'da boşalmaz.
 */
.cc_g2xfyo6p_iknSviXrW1 .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image-primary {
  transition: opacity 300ms ease;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card:hover .product-card-image-primary, .cc_g2xfyo6p_iknSviXrW1 .product-card:focus-within .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card:focus-within .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card:focus-within .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:focus-within .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card:focus-within .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card:focus-within .product-card-image-primary {
  opacity: 0;
}

/*
 * 3. ve sonraki görseller yalnızca mobil kaydırma şeridinde işe yarar.
 * `display: none` oldukları için lazy görseller masaüstünde ağa hiç çıkmaz.
 */
.cc_g2xfyo6p_iknSviXrW1 .product-card-image-extra, .cc_g2xfyo6p_YX1MwkC65d .product-card-image-extra, .cc_g2xfyo6p_cVADMbykyO .product-card-image-extra, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image-extra, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image-extra, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image-extra {
  display: none;
}

/* ==========================================================================
   Kaydırma göstergesi — mobil şeritte görselin sağ altı (Figma 24:181)
   ========================================================================== */

.cc_g2xfyo6p_iknSviXrW1 .product-card-dots, .cc_g2xfyo6p_YX1MwkC65d .product-card-dots, .cc_g2xfyo6p_cVADMbykyO .product-card-dots, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dots, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dots, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dots {
  /* Şerit yalnızca mobilde kaydığı için gösterge de orada açılır. */
  display: none;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 34px;
  height: 2px;
  overflow: hidden;
  color: var(--color-black);
  pointer-events: none;
}

/* Şerit kayar, aktif çizgi pencerede hep 25px'te durur. */
.cc_g2xfyo6p_iknSviXrW1 .product-card-dots-track, .cc_g2xfyo6p_YX1MwkC65d .product-card-dots-track, .cc_g2xfyo6p_cVADMbykyO .product-card-dots-track, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dots-track, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dots-track, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dots-track {
  position: absolute;
  inset: 0;
  transition: transform 200ms ease;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-dot, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot, .cc_g2xfyo6p_cVADMbykyO .product-card-dot, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot {
  position: absolute;
  top: 50%;
  background: currentColor;
  /* `left` çizginin merkezini verir — kalınlıklar farklı, merkezler 10px arayla. */
  transform: translate(-50%, -50%);
  transition:
    width 200ms ease,
    height 200ms ease,
    opacity 200ms ease;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-dot-active, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot-active, .cc_g2xfyo6p_cVADMbykyO .product-card-dot-active, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot-active, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot-active, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot-active {
  width: 8px;
  height: 2px;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-dot-near, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot-near, .cc_g2xfyo6p_cVADMbykyO .product-card-dot-near, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot-near, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot-near, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot-near {
  width: 8px;
  height: 1.7px;
  opacity: 0.3;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-dot-far, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot-far, .cc_g2xfyo6p_cVADMbykyO .product-card-dot-far, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot-far, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot-far, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot-far {
  width: 6px;
  height: 1.1px;
  opacity: 0.3;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-dot-tiny, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot-tiny, .cc_g2xfyo6p_cVADMbykyO .product-card-dot-tiny, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot-tiny, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot-tiny, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot-tiny {
  width: 2.64px;
  height: 0.66px;
  opacity: 0.3;
}

/* ==========================================================================
   Rozet ve favori butonu
   ========================================================================== */

.cc_g2xfyo6p_iknSviXrW1 .product-card-badge, .cc_g2xfyo6p_YX1MwkC65d .product-card-badge, .cc_g2xfyo6p_cVADMbykyO .product-card-badge, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-badge, .cc_g2xfyo6p_ix3cNTwiGl .product-card-badge, .cc_g2xfyo6p_iDY6cx1c7p .product-card-badge {
  position: absolute;
  top: 10px;
  left: 5px;
  padding: 3px 6px 2px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: var(--color-white);
  color: var(--color-black);
  font-size: 10px;
  line-height: 10px;
  letter-spacing: normal;
  text-align: center;
  white-space: nowrap;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-fav, .cc_g2xfyo6p_YX1MwkC65d .product-card-fav, .cc_g2xfyo6p_cVADMbykyO .product-card-fav, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-fav, .cc_g2xfyo6p_ix3cNTwiGl .product-card-fav, .cc_g2xfyo6p_iDY6cx1c7p .product-card-fav {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-white);
  color: var(--color-black);
  cursor: pointer;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-fav[disabled], .cc_g2xfyo6p_YX1MwkC65d .product-card-fav[disabled], .cc_g2xfyo6p_cVADMbykyO .product-card-fav[disabled], .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-fav[disabled], .cc_g2xfyo6p_ix3cNTwiGl .product-card-fav[disabled], .cc_g2xfyo6p_iDY6cx1c7p .product-card-fav[disabled] {
  cursor: progress;
}

/* ==========================================================================
   Hızlı beden barı — görselin alt kenarına yapışır, hover/odakta belirir
   ========================================================================== */

.cc_g2xfyo6p_iknSviXrW1 .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card-sizes {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 30px;
  padding: 0 16px;
  background: var(--color-white);
  opacity: 0;
  transform: translateY(100%);
  transition:
    opacity 200ms ease,
    transform 200ms ease;
  pointer-events: none;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card:hover .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card:hover .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card:hover .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:hover .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card:hover .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card:hover .product-card-sizes, .cc_g2xfyo6p_iknSviXrW1 .product-card:focus-within .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card:focus-within .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card:focus-within .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card:focus-within .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card:focus-within .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card:focus-within .product-card-sizes {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-size, .cc_g2xfyo6p_YX1MwkC65d .product-card-size, .cc_g2xfyo6p_cVADMbykyO .product-card-size, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-size, .cc_g2xfyo6p_ix3cNTwiGl .product-card-size, .cc_g2xfyo6p_iDY6cx1c7p .product-card-size {
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-black);
  font: inherit;
  font-size: 10px;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
}

/* Tükenmiş beden: renk tek sinyal olmasın diye üstü çizili + ekran okuyucu metni. */
.cc_g2xfyo6p_iknSviXrW1 .product-card-size[disabled], .cc_g2xfyo6p_YX1MwkC65d .product-card-size[disabled], .cc_g2xfyo6p_cVADMbykyO .product-card-size[disabled], .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-size[disabled], .cc_g2xfyo6p_ix3cNTwiGl .product-card-size[disabled], .cc_g2xfyo6p_iDY6cx1c7p .product-card-size[disabled] {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
}

/* ==========================================================================
   Metin bloğu
   ========================================================================== */

.cc_g2xfyo6p_iknSviXrW1 .product-card-info, .cc_g2xfyo6p_YX1MwkC65d .product-card-info, .cc_g2xfyo6p_cVADMbykyO .product-card-info, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-info, .cc_g2xfyo6p_ix3cNTwiGl .product-card-info, .cc_g2xfyo6p_iDY6cx1c7p .product-card-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 16px;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-name, .cc_g2xfyo6p_YX1MwkC65d .product-card-name, .cc_g2xfyo6p_cVADMbykyO .product-card-name, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-name, .cc_g2xfyo6p_ix3cNTwiGl .product-card-name, .cc_g2xfyo6p_iDY6cx1c7p .product-card-name {
  margin: 0;
  /* Ad 2 satıra taşabilir; satır içindeki kartların fiyatları yine hizalı kalır. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-variant, .cc_g2xfyo6p_YX1MwkC65d .product-card-variant, .cc_g2xfyo6p_cVADMbykyO .product-card-variant, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-variant, .cc_g2xfyo6p_ix3cNTwiGl .product-card-variant, .cc_g2xfyo6p_iDY6cx1c7p .product-card-variant {
  margin: 0;
  padding-bottom: 4px;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-price, .cc_g2xfyo6p_YX1MwkC65d .product-card-price, .cc_g2xfyo6p_cVADMbykyO .product-card-price, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-price, .cc_g2xfyo6p_ix3cNTwiGl .product-card-price, .cc_g2xfyo6p_iDY6cx1c7p .product-card-price {
  /* Kart satır yüksekliğine esnediğinde fiyat en altta kalır — satır boyunca hizalı. */
  margin: 0;
  margin-top: auto;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-price-old, .cc_g2xfyo6p_YX1MwkC65d .product-card-price-old, .cc_g2xfyo6p_cVADMbykyO .product-card-price-old, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-price-old, .cc_g2xfyo6p_ix3cNTwiGl .product-card-price-old, .cc_g2xfyo6p_iDY6cx1c7p .product-card-price-old {
  opacity: 0.5;
}

/*
 * Hızlı aksiyon — outline buton varyantı (Complete The Look, issue #17).
 * Figma node 3:5759: butonun üstünde 16px boşluk, buton 44px yüksek.
 */
.cc_g2xfyo6p_iknSviXrW1 .product-card-select-size, .cc_g2xfyo6p_YX1MwkC65d .product-card-select-size, .cc_g2xfyo6p_cVADMbykyO .product-card-select-size, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-select-size, .cc_g2xfyo6p_ix3cNTwiGl .product-card-select-size, .cc_g2xfyo6p_iDY6cx1c7p .product-card-select-size {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--control-height);
  margin-top: 16px;
  padding: 0 var(--control-px);
  border: 1px solid var(--color-black);
  border-radius: var(--radius-button);
  background: none;
  color: var(--color-black);
  font: inherit;
  text-align: center;
  cursor: pointer;
}

/* Hızlı aksiyon — altı çizili metin varyantı (sepet paneli şeridi).
   `.product-card a` alt çizgiyi kaldırdığı için seçici kart üzerinden yazılır. */
.cc_g2xfyo6p_iknSviXrW1 .product-card .product-card-action-link, .cc_g2xfyo6p_YX1MwkC65d .product-card .product-card-action-link, .cc_g2xfyo6p_cVADMbykyO .product-card .product-card-action-link, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card .product-card-action-link, .cc_g2xfyo6p_ix3cNTwiGl .product-card .product-card-action-link, .cc_g2xfyo6p_iDY6cx1c7p .product-card .product-card-action-link {
  align-self: flex-start;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-black);
  font: inherit;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-select-size:disabled, .cc_g2xfyo6p_YX1MwkC65d .product-card-select-size:disabled, .cc_g2xfyo6p_cVADMbykyO .product-card-select-size:disabled, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-select-size:disabled, .cc_g2xfyo6p_ix3cNTwiGl .product-card-select-size:disabled, .cc_g2xfyo6p_iDY6cx1c7p .product-card-select-size:disabled, .cc_g2xfyo6p_iknSviXrW1 .product-card .product-card-action-link:disabled, .cc_g2xfyo6p_YX1MwkC65d .product-card .product-card-action-link:disabled, .cc_g2xfyo6p_cVADMbykyO .product-card .product-card-action-link:disabled, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card .product-card-action-link:disabled, .cc_g2xfyo6p_ix3cNTwiGl .product-card .product-card-action-link:disabled, .cc_g2xfyo6p_iDY6cx1c7p .product-card .product-card-action-link:disabled {
  opacity: 0.5;
  cursor: default;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-action-error, .cc_g2xfyo6p_YX1MwkC65d .product-card-action-error, .cc_g2xfyo6p_cVADMbykyO .product-card-action-error, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-action-error, .cc_g2xfyo6p_ix3cNTwiGl .product-card-action-error, .cc_g2xfyo6p_iDY6cx1c7p .product-card-action-error {
  margin: 4px 0 0;
  color: var(--color-black);
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-sr, .cc_g2xfyo6p_YX1MwkC65d .product-card-sr, .cc_g2xfyo6p_cVADMbykyO .product-card-sr, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-sr, .cc_g2xfyo6p_ix3cNTwiGl .product-card-sr, .cc_g2xfyo6p_iDY6cx1c7p .product-card-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ==========================================================================
   Mobil — görseller arası geçiş kaydırmayla (Figma node 24:2)
   Breakpoint token "Mobile" (767px)
   ========================================================================== */

@media (max-width: 767px) {
  /* Görsel alanı snap şeridine döner; oran (4:5) ve radius korunur. */
  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-media, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-media, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-media, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-media, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-media, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-media {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    /* Kart içindeki kaydırma sayfaya/geri jestine taşmasın. */
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-media::-webkit-scrollbar, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-media::-webkit-scrollbar, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-media::-webkit-scrollbar, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-media::-webkit-scrollbar, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-media::-webkit-scrollbar, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-media::-webkit-scrollbar {
    display: none;
  }

  /* Üst üste yığılmayı bırakıp yan yana dizilirler. */
  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-image, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-image, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-image, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-image, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-image, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-image {
    position: static;
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-image-extra, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-image-extra, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-image-extra, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-image-extra, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-image-extra, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-image-extra {
    display: block;
  }

  /*
   * Hover geçişi devre dışı: dokunmatikte `:hover` takılı kalırsa şeritteki
   * ilk görsel sönerdi. Her iki katman da tam opak kalır.
   */
  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-image-primary, .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe:hover .product-card-image-primary, .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe:focus-within .product-card-image-primary, .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-image-hover, .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe:hover .product-card-image-hover, .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe:focus-within .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe:focus-within .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe:focus-within .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe:focus-within .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe:focus-within .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe:focus-within .product-card-image-hover {
    opacity: 1;
    transition: none;
  }

  .cc_g2xfyo6p_iknSviXrW1 .product-card-swipe .product-card-dots, .cc_g2xfyo6p_YX1MwkC65d .product-card-swipe .product-card-dots, .cc_g2xfyo6p_cVADMbykyO .product-card-swipe .product-card-dots, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-swipe .product-card-dots, .cc_g2xfyo6p_ix3cNTwiGl .product-card-swipe .product-card-dots, .cc_g2xfyo6p_iDY6cx1c7p .product-card-swipe .product-card-dots {
    display: block;
  }

  /* Hidrasyona kadar geçen aralıkta bar mobilde görünmesin (bkz. index.tsx). */
  .cc_g2xfyo6p_iknSviXrW1 .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card-sizes {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_g2xfyo6p_iknSviXrW1 .product-card-image-primary, .cc_g2xfyo6p_YX1MwkC65d .product-card-image-primary, .cc_g2xfyo6p_cVADMbykyO .product-card-image-primary, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image-primary, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image-primary, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image-primary, .cc_g2xfyo6p_iknSviXrW1 .product-card-image-hover, .cc_g2xfyo6p_YX1MwkC65d .product-card-image-hover, .cc_g2xfyo6p_cVADMbykyO .product-card-image-hover, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-image-hover, .cc_g2xfyo6p_ix3cNTwiGl .product-card-image-hover, .cc_g2xfyo6p_iDY6cx1c7p .product-card-image-hover, .cc_g2xfyo6p_iknSviXrW1 .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card-sizes, .cc_g2xfyo6p_iknSviXrW1 .product-card-dots-track, .cc_g2xfyo6p_YX1MwkC65d .product-card-dots-track, .cc_g2xfyo6p_cVADMbykyO .product-card-dots-track, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dots-track, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dots-track, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dots-track, .cc_g2xfyo6p_iknSviXrW1 .product-card-dot, .cc_g2xfyo6p_YX1MwkC65d .product-card-dot, .cc_g2xfyo6p_cVADMbykyO .product-card-dot, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-dot, .cc_g2xfyo6p_ix3cNTwiGl .product-card-dot, .cc_g2xfyo6p_iDY6cx1c7p .product-card-dot {
    transition-duration: 0.01ms;
  }

  .cc_g2xfyo6p_iknSviXrW1 .product-card-sizes, .cc_g2xfyo6p_YX1MwkC65d .product-card-sizes, .cc_g2xfyo6p_cVADMbykyO .product-card-sizes, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-sizes, .cc_g2xfyo6p_ix3cNTwiGl .product-card-sizes, .cc_g2xfyo6p_iDY6cx1c7p .product-card-sizes {
    transform: none;
  }
}

/*
 * Kart altındaki beden seçimi — issue #17.
 *
 * Tetikleyici buton kartın ortak aksiyon stilini kullanıyor
 * (`.product-card-select-size`, ProductCard/styles.css) — tasarımda kartın
 * altındaki outline buton tek bir öğedir. Burada yalnızca butonun altında
 * açılan beden listesi ve hata satırı var; tasarımda bu liste ayrı bir katman
 * olarak çizilmediği için kartın akışında, butonun hemen altında açılır.
 */

.cc_g2xfyo6p_iknSviXrW1 .product-card-picker, .cc_g2xfyo6p_YX1MwkC65d .product-card-picker, .cc_g2xfyo6p_cVADMbykyO .product-card-picker, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker, .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker, .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker {
  position: relative;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-picker-list, .cc_g2xfyo6p_YX1MwkC65d .product-card-picker-list, .cc_g2xfyo6p_cVADMbykyO .product-card-picker-list, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker-list, .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker-list, .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-picker-size, .cc_g2xfyo6p_YX1MwkC65d .product-card-picker-size, .cc_g2xfyo6p_cVADMbykyO .product-card-picker-size, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker-size, .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker-size, .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker-size {
  min-width: 44px;
  min-height: 36px;
  padding: 0 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-button);
  background: var(--color-white);
  color: var(--color-black);
  font: inherit;
  cursor: pointer;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-picker-size:hover:not([disabled]), .cc_g2xfyo6p_YX1MwkC65d .product-card-picker-size:hover:not([disabled]), .cc_g2xfyo6p_cVADMbykyO .product-card-picker-size:hover:not([disabled]), .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker-size:hover:not([disabled]), .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker-size:hover:not([disabled]), .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker-size:hover:not([disabled]) {
  border-color: var(--color-black);
}

/* Tükenmiş beden: renk tek sinyal olmasın diye üstü çizili. */
.cc_g2xfyo6p_iknSviXrW1 .product-card-picker-size[disabled], .cc_g2xfyo6p_YX1MwkC65d .product-card-picker-size[disabled], .cc_g2xfyo6p_cVADMbykyO .product-card-picker-size[disabled], .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker-size[disabled], .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker-size[disabled], .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker-size[disabled] {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
}

.cc_g2xfyo6p_iknSviXrW1 .product-card-picker-error, .cc_g2xfyo6p_YX1MwkC65d .product-card-picker-error, .cc_g2xfyo6p_cVADMbykyO .product-card-picker-error, .cc_g2xfyo6p_QUVnjWQGQ3 .product-card-picker-error, .cc_g2xfyo6p_ix3cNTwiGl .product-card-picker-error, .cc_g2xfyo6p_iDY6cx1c7p .product-card-picker-error {
  margin: 6px 0 0;
  color: var(--color-black);
}