.cc_aprkxy05_card_product_name .kombos-card-product-name {
  display: block;
  width: fit-content;
  max-width: 100%;
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__link {
  display: block;
  color: var(--kombos-gray-900);
  text-decoration: none;
  max-width: 100%;
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__link:hover {
  text-decoration: underline;
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__link--single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===========================================================================
 * Elif Melek — kart ürün adı
 * The name is the card's link target, so it takes the ink and turns brand on
 * hover; two lines maximum keeps the grid rows even.
 * ======================================================================== */

.cc_aprkxy05_card_product_name .kombos-card-product-name__link {
  color: var(--kombos-brand-ink);
  transition: color 180ms ease-out;
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__link:hover {
  color: var(--kombos-brand-primary);
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__link:focus-visible {
  outline: 2px solid var(--kombos-brand-primary);
  outline-offset: 2px;
  border-radius: var(--kombos-brand-radius-sm);
}

/* --- Elif Melek — kart marka satırı ---
 * Small, quiet and set apart from the product name: on a brand-led catalogue it
 * is a label the eye scans past, not a headline. */
.cc_aprkxy05_card_product_name .kombos-card-product-name {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.cc_aprkxy05_card_product_name .kombos-card-product-name__brand {
  color: var(--kombos-brand-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}