/* "block" görünümü onu kullanan kartın stilinde (pl-card-cart-btn / product-card-cart-btn). */

/* "icon" görünümü: kart görselinin üstüne oturan katman. Kart kökü position: relative,
   görsel kartın en üstünde ve tam genişlikte olduğundan katman görselle örtüşür. */
.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-layer, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  aspect-ratio: 3 / 4;
  pointer-events: none;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .is-square > .quick-add-layer, .cc_jgmFvUgS2z_multi_tab_product_slider .is-square > .quick-add-layer {
  aspect-ratio: 1 / 1;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  height: 40px;
  min-width: 40px;
  padding: 0 11px;
  border: 1px solid rgba(21, 19, 18, 0.12);
  border-radius: 999px;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: 0 4px 14px rgba(21, 19, 18, 0.12);
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-icon, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-icon {
  flex: 0 0 auto;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-label, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-label {
  display: inline-block;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-width 260ms ease, margin-left 260ms ease, opacity 200ms ease;
}

/* Fareyle kartın üzerine gelince ikon metinle birlikte açılır (dokunmatik cihazda yalnız ikon). */
@media (hover: hover) {
  .cc_jgmFvUgS2z_ZklZT4T7lv .product-card:hover .quick-add-label, .cc_jgmFvUgS2z_multi_tab_product_slider .product-card:hover .quick-add-label, .cc_jgmFvUgS2z_ZklZT4T7lv .pl-card:hover .quick-add-label, .cc_jgmFvUgS2z_multi_tab_product_slider .pl-card:hover .quick-add-label {
    max-width: 140px;
    margin-left: 8px;
    opacity: 1;
  }
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger:focus-visible .quick-add-label, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger:focus-visible .quick-add-label {
  max-width: 140px;
  margin-left: 8px;
  opacity: 1;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger:hover:not(:disabled), .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger:hover:not(:disabled) {
  background: var(--color-ink);
  border-color: var(--color-ink);
  color: #FFFFFF;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger:focus-visible, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger:focus-visible {
  outline: 2px solid var(--color-ink);
  outline-offset: 2px;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger:disabled, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger.is-busy, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger.is-busy {
  opacity: 1;
  cursor: progress;
}

@media (max-width: 767px) {
  .cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger {
    right: 8px;
    bottom: 8px;
    height: 36px;
    min-width: 36px;
    padding: 0 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-label, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-label, .cc_jgmFvUgS2z_ZklZT4T7lv .quick-add-trigger, .cc_jgmFvUgS2z_multi_tab_product_slider .quick-add-trigger {
    transition: none;
  }
}