/* ===== Sosyal akış görseli ===== */

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: var(--kig-surface-alt);
  text-decoration: none;
  isolation: isolate;
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--kig-sf-ratio, 1/1);
  object-fit: cover;
  transition: transform var(--kig-dur-xl) var(--kig-ease-soft);
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:hover .kig-sp__img {
  transform: scale(1.07);
}

/*
 * Mobilde ayrı oran. Değişkeni SocialFeed bölümü basıyor (--kig-sf-ratio
 * ve --kig-sf-ratio-mobile), burada sadece hangisinin ne zaman geçerli
 * olduğu belirleniyor. Kural görselin kendi dosyasında duruyor ki iki
 * bileşenin stilleri aynı özgüllükte çakışmasın.
 */
@media (max-width: 767px) {
  .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__img {
    aspect-ratio: var(--kig-sf-ratio-mobile, var(--kig-sf-ratio, 1/1));
  }
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__img--empty {
  display: grid;
  place-items: center;
  color: var(--kig-faint);
  background: var(--kig-surface-alt);
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__empty-icon {
  font-size: 1.75rem;
}

/* Hover'da yumuşak perde + platform ikonu */
.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__veil {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(20, 12, 16, 0.32);
  opacity: 0;
  transition: opacity var(--kig-dur-md) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:hover .kig-sp__veil, .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:focus-visible .kig-sp__veil {
  opacity: 1;
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__badge {
  font-size: 1.5rem;
  color: #fff;
  transform: scale(0.82);
  transition: transform var(--kig-dur-md) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:hover .kig-sp__badge {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__img, .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__veil, .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp__badge {
    transition-duration: 1ms;
  }

  .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:hover .kig-sp__img, .cc_AH7GXA16Q3_c4jZuWcEDW .kig-sp:hover .kig-sp__badge {
    transform: none;
  }
}