/* NOT: Card iç-sub-component'inin CSS'i build'e girmiyor (config'de styles olarak
   yalnızca bu dosya tanımlı). Bu yüzden Card'ın tüm kuralları buraya taşındı. */

.cc_wgto8cwq_category_image_item .kombos-category-image-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--img-radius, 6px);
}

/* Tıklanabilir kart sarmalayıcı */
.cc_wgto8cwq_category_image_item .kombos-category-image-item__card {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border-radius: inherit;
}

.cc_wgto8cwq_category_image_item .kombos-category-image-item__card--desktop {
  display: none;
}

.cc_wgto8cwq_category_image_item .kombos-category-image-item__card--mobile {
  display: block;
}

/* Görsel kutusu = en-boy oranı (inline aspect-ratio ile gelir; gelmezse 16/9).
   Kutu görselden uzun kalmaz; köşeler her tarafta eşit ve pürüzsüz döner. */
.cc_wgto8cwq_category_image_item .kombos-category-image-item__img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: inherit;
  overflow: hidden;
}

.cc_wgto8cwq_category_image_item .kombos-category-image-item__img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover zoom — miktar bölümden (CategoryImages) gelen --cat-img-zoom CSS
   değişkeni ile kontrol edilir. CSS custom property'leri DOM'da kalıtımla
   indiği için bölüm scope'undan item scope'una sorunsuz geçer.
   Kapalıyken bölüm değeri 1 verir → hareket etmez. Varsayılan çok minimal. */
.cc_wgto8cwq_category_image_item .kombos-category-image-item:hover .kombos-category-image-item__img {
  transform: scale(var(--cat-img-zoom, 1.02));
}

.cc_wgto8cwq_category_image_item .kombos-category-image-item__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

@media (min-width: 1024px) {
  .cc_wgto8cwq_category_image_item .kombos-category-image-item__card--desktop {
    display: block;
  }

  .cc_wgto8cwq_category_image_item .kombos-category-image-item__card--mobile {
    display: none;
  }
}

/* Bu dosya build'e DAHİL EDİLMİYOR (iç içe sub-component; config'de styles olarak
   tanımlı değil). Kart/görsel kuralları ../../styles.css (CategoryImageItem) içine
   taşındı. Buraya kural yazma — uygulanmaz. */