/* ===== Xomage Product Card — image tile + gradient name bar ===== */

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-decoration: none;
}

/*
 * Gölge YOK. `urunler-sayfalari.md` bir zamanlar "#000 %8 blur 40" yazıyordu ama
 * ölçek-1 export'ta kartın dört yanı saf beyaz (10.09.2026, `urunler-admsc-web.png`:
 * kart x 72..631 / y 579..1138, komşu piksel `255,255,255` — gölge olsaydı ~245'e
 * düşerdi). Katman özelliğinde tanımlı olsa bile çizilmiyor; export esas alındı.
 */
.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card__media, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card__media, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--kombos-gray-100);
}

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card__img, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card__img, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card__img {
  display: block;
  width: 100%;
  height: 100%;
}

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card__placeholder, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card__placeholder, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--kombos-gray-300);
  font-size: 3rem;
}

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card__name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0.5rem 1.25rem;
  border-radius: 16px;
  color: var(--kombos-white);
  text-align: center;
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card {
    gap: 1.5rem;
  }

  .cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card__name {
    min-height: 4rem;
  }
}

/* ===== "Link" ad biçimi — altı çizili düz metin ===== */

/*
 * Kaynak: "Web ürünler 2" (`196:195`) ve "Web ürünler 3" (`196:409`), 08.09.2026.
 * Kart 560x560 radius 16 (media kutusu değişmiyor); ad kartın altında ORTALI,
 * Poppins 400 20/42 `#006673`, ALTI ÇİZİLİ, kutu/çubuk yok.
 * Kart alt kenarı 1153 → ad kutusu 1174 = 21px boşluk (PLANT); ADMSC'de
 * 1139 → 1160, yine 21px. 1.25rem (20px) alındı.
 * Renk `nameBarTextColor` prop'undan iner (JSX'te inline), buradaki kurallar
 * yalnızca çubuğu söküp altı çizgiyi ekler.
 */

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--link, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--link, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--link {
  gap: 1.25rem;
}

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--link .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--link .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--link .xomage-product-card__name {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  color: var(--xomage-link);
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--link, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--link, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--link {
    gap: 1.25rem;
  }

  .cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--link .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--link .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--link .xomage-product-card__name {
    min-height: 0;
  }
}

/* ===== "Outline" ad biçimi — çerçeveli kutu ===== */

/*
 * Kaynak: "Web ana sayfa" (`1:101`), ölçek-1 export'undan piksel taramasıyla
 * ölçüldü (09.09.2026, 0 Figma çağrısı):
 *   görsel   560x560, x 65/673/1281, radius 0, gölge yok (y=5808 satırı bembeyaz)
 *   boşluk   görsel altı 6368 → kutu üstü 6393 = 24px
 *   kutu     500x64, x 95-594 (kartta ortalı, iki yandan 30px içeride),
 *            1px `#63C1C2` çerçeve, radius 0
 *            (üst kenarlık x=95'ten 594'e kesintisiz → köşe yuvarlaması yok)
 *   metin    Poppins 20px `#63C1C2`, kutuda ortalı (ink x 175-513, kutu merkezi 344.5)
 * Kutu genişliği 500/560 = %89.3 olarak oranlandı; container 1920'de kartı
 * 512'ye indirdiği için sabit 30px yerine oran korunuyor.
 * Zemin **saydam** bırakıldı: tasarımda kutu beyaz ama bölümün de zemini beyaz,
 * saydam olunca `backgroundColor` prop'u değişirse kutu ona uyuyor.
 */

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--outline .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--outline .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--outline .xomage-product-card__name {
  border: 1px solid var(--xomage-teal);
  border-radius: 0;
  width: 89.3%;
  margin-inline: auto;
  color: var(--xomage-teal);
}

/* ===== "None" ad biçimi — ad basılmaz ===== */

/*
 * Kaynak: "Web hakkımızda" (`11:209`) — kartın altında hiçbir metin yok
 * (kart görseli y 1362-1847'de bitiyor, footer zeminine kadar boş).
 * Ad DOM'da kalır: kartın tek erişilebilir adı `img alt`'ı ve görsel yoksa
 * bağlantı adsız kalırdı.
 */

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--none, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--none, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--none {
  position: relative;
  gap: 0;
}

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--none .xomage-product-card__name, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--none .xomage-product-card__name, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--none .xomage-product-card__name {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  white-space: nowrap;
}

/* ===== Köşesiz görsel — Outline ve None ===== */

/*
 * Ana sayfa ve Hakkımızda tasarımında ürün görseli düz kare; Ürünler ailesi
 * sayfalarında radius 16 (urunler-sayfalari.md). Fark ad biçimine bağlandı,
 * ayrı prop açılmadı (kullanıcı kararı, 09.09.2026). Gölge hiçbir biçimde yok.
 */

.cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--outline .xomage-product-card__media, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--outline .xomage-product-card__media, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--outline .xomage-product-card__media, .cc_mfkw8zzp_fkA2ypzBBo .xomage-product-card--none .xomage-product-card__media, .cc_mfkw8zzp_cPe4oZX3IV .xomage-product-card--none .xomage-product-card__media, .cc_mfkw8zzp_bpIqP9ANae .xomage-product-card--none .xomage-product-card__media {
  border-radius: 0;
}