
/* ═══════════════════════════════════════════════════════════════
   Product card — shared by sliders and grids.
   Colors can be overridden per section through the --card-* variables.
   ═══════════════════════════════════════════════════════════════ */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card {
  /* Containing block for visually-hidden text; without it the hidden spans
     escape the slider's scroll clip and widen the page. */
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 0;
  font-family: var(--font-body);
  color: var(--card-text, var(--color-text-primary));
}

/* ─── Media ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-media, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-media, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--color-surface-alt);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-media-link, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-media-link, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-media-link {
  position: absolute;
  inset: 0;
  display: block;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-image, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-image, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-image--empty, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-image--empty, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-image--empty { background: var(--color-surface-alt); }

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-image--hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-image--hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-image--hover {
  /* Header > "Masaüstü: Üzerine Gelince 2. Görsel" off hides it */
  display: var(--card-hover-display, block);
  opacity: 0;
  /* Only a picture: it lies over the swipe strip (CardPhotos), so a finger must go through it to
     the strip, and a tap through it to the link. Before Tur 94 it took the touch and the photos
     could not be swiped in the classic list. */
  pointer-events: none;
  transition: opacity var(--motion) var(--motion-ease);
}

/* Tur 100: the fading is for the main photo only — the hover photo keeps its opacity 0 until hover */
.cc_JsHSjQyQmG_O19rCdBqGu .product-card.is-sold-out .product-card-image:not(.product-card-image--hover), .cc_JsHSjQyQmG_ZklZT4T7lv .product-card.is-sold-out .product-card-image:not(.product-card-image--hover), .cc_JsHSjQyQmG_multi_tab_product_slider .product-card.is-sold-out .product-card-image:not(.product-card-image--hover) { opacity: 0.55; }

@media (hover: hover) {
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card.has-hover-image:hover .product-card-image--hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card.has-hover-image:hover .product-card-image--hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card.has-hover-image:hover .product-card-image--hover { opacity: 1; }
  /* Sold out: on hover only the second photo is seen, faded like the first */
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card.is-sold-out.has-hover-image:hover .product-card-image--hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card.is-sold-out.has-hover-image:hover .product-card-image--hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card.is-sold-out.has-hover-image:hover .product-card-image--hover { opacity: 0.55; }
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card.is-sold-out.has-hover-image:hover .product-card-image--primary, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card.is-sold-out.has-hover-image:hover .product-card-image--primary, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card.is-sold-out.has-hover-image:hover .product-card-image--primary { opacity: 0; }
}

/* ─── Badges ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-badges, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-badges, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-badges {
  position: absolute;
  top: var(--space-xs);
  left: var(--space-xs);
  display: flex;
  max-width: calc(100% - var(--card-action-size) - var(--space-sm));
  pointer-events: none;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-badge, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-badge, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-badge {
  padding: var(--space-2xs) var(--space-xs);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  line-height: 1.4;
  text-transform: uppercase;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-badge--sale, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-badge--sale, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-badge--sale {
  background: var(--card-sale-bg, var(--color-sale));
  color: var(--card-sale-fg, var(--color-white));
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-badge--sold-out, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-badge--sold-out, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-badge--sold-out {
  background: var(--card-soldout-bg, var(--color-black));
  color: var(--card-soldout-fg, var(--color-white));
}

/* ─── Favorite + quick add ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--card-action-size);
  height: var(--card-action-size);
  padding: 0;
  border: none;
  border-radius: var(--radius);
  color: var(--color-text-primary);
  cursor: pointer;
  transition:
    opacity var(--duration) var(--ease),
    transform var(--duration) var(--ease),
    background-color var(--duration-fast) var(--ease),
    color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav {
  top: var(--space-2xs);
  right: var(--space-2xs);
  background: none;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav.is-active svg, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav.is-active svg, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav.is-active svg { fill: currentColor; }

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav:hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav:hover { transform: scale(1.1); }

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick {
  right: var(--space-xs);
  bottom: var(--space-xs);
  background: var(--color-surface);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick:hover:not(:disabled), .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick:hover:not(:disabled), .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick:hover:not(:disabled) {
  background: var(--color-text-primary);
  color: var(--color-surface);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav:focus-visible, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick:focus-visible, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-options-close:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options-close:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options-close:focus-visible, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-option:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-option:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-option:focus-visible, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch:focus-visible, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-add:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add:focus-visible {
  outline: 1px solid var(--color-text-primary);
  outline-offset: 2px;
}

@media (hover: hover) and (min-width: 1024px) {
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick {
    opacity: 0;
    transform: translateY(var(--space-xs));
  }

  .cc_JsHSjQyQmG_O19rCdBqGu .product-card:hover .product-card-quick, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card:hover .product-card-quick, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card:hover .product-card-quick, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick:focus-visible, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick:focus-visible, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick:focus-visible {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ─── Quick-add option panel ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-options, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-xs) var(--space-sm);
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  animation: product-card-options-in var(--duration) var(--ease);
}

@keyframes product-card-options-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-options-head, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options-head, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-options-title, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options-title, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options-title {
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-options-close, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options-close, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-md);
  height: var(--space-md);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-text-primary);
  cursor: pointer;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-options-list, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options-list, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-option, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-option, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-option {
  min-width: var(--card-action-size);
  padding: var(--space-xs);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-label);
  line-height: 1;
  cursor: pointer;
  transition:
    background-color var(--duration-fast) var(--ease),
    border-color var(--duration-fast) var(--ease),
    color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-option:hover:not(:disabled), .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-option:hover:not(:disabled), .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-option:hover:not(:disabled) {
  background: var(--color-text-primary);
  border-color: var(--color-text-primary);
  color: var(--color-surface);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-option:disabled, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-option:disabled, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-option:disabled {
  color: var(--color-text-muted);
  text-decoration: line-through;
  cursor: not-allowed;
}

/* ─── Body ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-body, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-body, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-2xs);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-name, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-name, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-name {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--text-small);
  font-weight: var(--weight-regular);
  line-height: 1.4;
  text-decoration: none;
  color: inherit;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: var(--product-name-transform);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-name:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-name:hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-name:hover { text-decoration: underline; text-underline-offset: 3px; }

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-price-row, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-price-row, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-xs);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-price, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-price, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-price {
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-price--original, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-price--original, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-price--original {
  font-weight: var(--weight-regular);
  color: var(--color-text-muted);
  text-decoration: line-through;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-price--sale, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-price--sale, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-price--sale { color: var(--color-sale); }

/* ─── Swatches ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatches, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatches, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatches {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin-top: var(--space-2xs);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch {
  width: var(--swatch-size);
  height: var(--swatch-size);
  padding: 2px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: none;
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch:hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch:hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch:hover { border-color: var(--color-text-muted); }
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch.is-selected, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch.is-selected, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch.is-selected { border-color: var(--color-text-primary); }

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch-fill, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch-fill, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch-fill {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-border);
  background-color: var(--color-surface-alt);
  background-position: center;
  background-size: cover;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch-more, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch-more, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch-more {
  margin-left: var(--space-2xs);
  font-size: var(--text-label);
  text-decoration: none;
  color: var(--color-text-muted);
}

/* ─── Add to cart button ─── */

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-add, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add {
  width: 100%;
  min-height: var(--button-height-sm);
  margin-top: auto;
  padding: 0 var(--space-sm);
  border: var(--button-border-width) solid var(--color-button-bg);
  border-radius: var(--button-radius);
  background: transparent;
  color: var(--color-button-bg);
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  letter-spacing: var(--button-tracking);
  text-transform: var(--button-transform);
  cursor: pointer;
  transition:
    background-color var(--duration) var(--ease),
    color var(--duration) var(--ease);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-add:hover:not(:disabled), .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add:hover:not(:disabled), .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add:hover:not(:disabled) {
  background: var(--color-button-bg);
  color: var(--color-button-fg);
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-add:disabled, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add:disabled, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add:disabled {
  border-color: var(--color-border);
  color: var(--color-text-muted);
  cursor: not-allowed;
}

/* On phones the "+" icon on the image already adds to cart, so the wide
   button is dropped there to avoid two controls for the same action. */
@media (max-width: 767px) {
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card.has-quick-add .product-card-add, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card.has-quick-add .product-card-add, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card.has-quick-add .product-card-add { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_JsHSjQyQmG_O19rCdBqGu .product-card-image--hover, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-image--hover, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-image--hover, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-option, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-option, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-option, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-add, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add {
    transition: none;
  }

  .cc_JsHSjQyQmG_O19rCdBqGu .product-card-options, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-options, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-options { animation: none; }
}

/* Image corners follow the site-wide "Kart / Görsel Köşe Yuvarlaklığı" setting */
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-media, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-media, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-media {
  border-radius: var(--radius);
}

/* Touch target: the round buttons are 36px; the invisible extension brings them to 44px */
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-fav::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-fav::after, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-fav::after, .cc_JsHSjQyQmG_O19rCdBqGu .product-card-quick::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-quick::after, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-quick::after {
  content: "";
  position: absolute;
  inset: -4px;
}

/* Touch targets (invisible; nothing moves). Each area stops halfway to its neighbour, so no two overlap:
   - color dots: 20px → 24px wide (half of the 4px gap on either side), 26px tall (4px up to the
     price, 2px down to the button);
   - "Sepete Ekle" button: 40px → 44px tall (2px up, 2px down).
   The product name is a clamped text line (overflow: hidden), so it cannot carry such an area. */
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch { position: relative; }
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-swatch::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-swatch::after, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-swatch::after {
  content: "";
  position: absolute;
  /* measured from inside the 1px border */
  inset: -5px -3px -3px;
}

.cc_JsHSjQyQmG_O19rCdBqGu .product-card-add, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add { position: relative; }
.cc_JsHSjQyQmG_O19rCdBqGu .product-card-add::after, .cc_JsHSjQyQmG_ZklZT4T7lv .product-card-add::after, .cc_JsHSjQyQmG_multi_tab_product_slider .product-card-add::after {
  content: "";
  position: absolute;
  /* measured from inside the button's border */
  inset: calc(-2px - var(--button-border-width)) calc(var(--button-border-width) * -1);
}
