/* ===== Kategori kartı ===== */

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile {
  position: relative;
  display: block;
  text-decoration: none;
  font-family: var(--kig-font);
  isolation: isolate;
}

/* ---------- Kart varyantı: görsel üzerine metin ---------- */

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card {
  overflow: hidden;
  border-radius: 4px;
  color: #fff;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--rounded, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--rounded {
  border-radius: var(--kig-radius-lg);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__frame, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__frame {
  display: block;
  position: relative;
  overflow: hidden;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media {
  display: block;
  width: 100%;
  height: 100%;
  /* Telefonda tek kolona indiğinde dikey oran çok uzun kalıyordu */
  aspect-ratio: var(--tile-ratio-mobile, 16 / 9);
  object-fit: var(--tile-fit, cover);
  transition: transform var(--kig-dur-xl) var(--kig-ease-soft);
}

@media (min-width: 1024px) {
  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media {
    aspect-ratio: var(--tile-ratio, 3 / 4);
  }
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile:hover .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile:hover .kig-tile__media {
  transform: scale(1.06);
}

/*
 * Manuel kartta telefon ve masaüstü için ayrı fotoğraf verilebiliyor.
 * Tek fotoğraf verildiyse bu sınıflar hiç basılmıyor ve kare her yerde
 * görünüyor; iki fotoğraf varsa kırılıma göre biri gizleniyor.
 */
.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media--desktop, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media--desktop {
  display: none;
}

@media (min-width: 768px) {
  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media--mobile, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media--mobile {
    display: none;
  }

  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media--desktop, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media--desktop {
    display: block;
  }
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media--empty, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media--empty {
  display: grid;
  place-items: center;
  background: var(--kig-surface-alt);
  box-shadow: inset 0 0 0 1px var(--kig-line);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__initial, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__initial {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: -0.03em;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__scrim, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(23, 12, 18, 0.68) 0%,
    rgba(23, 12, 18, 0.22) 44%,
    rgba(23, 12, 18, 0) 74%
  );
  transition: opacity var(--kig-dur-lg) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card:hover .kig-tile__scrim, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card:hover .kig-tile__scrim {
  opacity: 0.9;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card .kig-tile__content, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card .kig-tile__content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__name {
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.22;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card .kig-tile__name {
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__desc, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__desc {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.86);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__cta, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #fff;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__cta-icon, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__cta-icon {
  font-size: 1rem;
  transition: transform var(--kig-dur-md) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile:hover .kig-tile__cta-icon, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile:hover .kig-tile__cta-icon {
  transform: translateX(5px);
}

/* ---------- Daire varyantı: görsel üstte, ad altta ---------- */

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--kig-ink);
  text-align: center;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__frame, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__frame {
  width: 100%;
  border-radius: 50%;
  /* Halka dıştan çizilir; hover'da pembeye döner */
  box-shadow: 0 0 0 1px var(--kig-line);
  transition:
    box-shadow var(--kig-dur-md) var(--kig-ease-out),
    transform var(--kig-dur-md) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle:hover .kig-tile__frame, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle:hover .kig-tile__frame {
  box-shadow: 0 0 0 2px var(--kig-accent), 0 12px 28px -14px rgba(74, 51, 65, 0.5);
  transform: translateY(-3px);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__media {
  border-radius: 50%;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__content, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__name {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: color var(--kig-dur-sm) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle:hover .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle:hover .kig-tile__name {
  color: var(--kig-accent);
}

/* ---------- Kırılımlar ---------- */

@media (min-width: 768px) {
  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card .kig-tile__content, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card .kig-tile__content {
    padding: 22px;
  }

  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--card .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--card .kig-tile__name {
    font-size: 1.25rem;
  }

  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__name {
    font-size: 0.9375rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__media, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__scrim, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__scrim, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile__cta-icon, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile__cta-icon, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__frame, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__frame, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle .kig-tile__name, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle .kig-tile__name {
    transition-duration: 1ms;
  }

  .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile:hover .kig-tile__media, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile:hover .kig-tile__media, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile:hover .kig-tile__cta-icon, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile:hover .kig-tile__cta-icon, .cc_AH7GXA16Q3_mDyyULu4BT .kig-tile--circle:hover .kig-tile__frame, .cc_AH7GXA16Q3_rIy5xUSPCH .kig-tile--circle:hover .kig-tile__frame {
    transform: none;
  }
}