.cc_fzodronv_UIjo9GpZie .feat {
  width: 100%;
  font-family: inherit;
  color: #111;
  background: #f5f5f5;
  padding: 2.75rem 1.5rem;
}

.cc_fzodronv_UIjo9GpZie .feat__inner {
  max-width: 1440px;
  margin: 0 auto;
}

.cc_fzodronv_UIjo9GpZie .feat__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  justify-items: center;
  max-width: 1200px;
  margin-inline: auto;
}

.cc_fzodronv_UIjo9GpZie .feat__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
}

.cc_fzodronv_UIjo9GpZie .feat__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.feat__icon img,
.cc_fzodronv_UIjo9GpZie .feat__icon svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  color: inherit;
}

.cc_fzodronv_UIjo9GpZie .feat__title {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
  color: inherit;
}

.cc_fzodronv_UIjo9GpZie .feat__desc {
  margin: 0 0 0.875rem;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: #5c6470;
  max-width: 380px;
}

.cc_fzodronv_UIjo9GpZie .feat__link {
  font-size: 0.8125rem;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.15s ease;
}

@media (hover: hover) {
.cc_fzodronv_UIjo9GpZie .feat__link:hover {
    opacity: 0.6;
  }
}

@media (max-width: 760px) {
.cc_fzodronv_UIjo9GpZie .feat {
    padding: 2rem 0;
    position: relative;
  }
.cc_fzodronv_UIjo9GpZie .feat__inner {
    position: relative;
  }
.cc_fzodronv_UIjo9GpZie .feat__grid {
    display: flex;
    grid-template-columns: none;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0;
    max-width: none;
    margin-inline: 0;
    justify-items: stretch;
  }
.cc_fzodronv_UIjo9GpZie .feat__grid::-webkit-scrollbar {
    display: none;
  }
  /* İlk ve son kartı viewport ortasına yaslamak için spacer */
  .feat__grid::before,
.cc_fzodronv_UIjo9GpZie .feat__grid::after {
    content: "";
    flex: 0 0 15%;
  }
.cc_fzodronv_UIjo9GpZie .feat__item {
    flex: 0 0 70%;
    max-width: 280px;
    scroll-snap-align: center;
    padding: 0.5rem;
  }
.cc_fzodronv_UIjo9GpZie .feat__icon {
    width: 44px;
    height: 44px;
    margin-bottom: 0.75rem;
  }

  /* Narin ok butonları */
.cc_fzodronv_UIjo9GpZie .feat__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
.cc_fzodronv_UIjo9GpZie .feat__arrow--prev {
    left: 0.5rem;
  }
.cc_fzodronv_UIjo9GpZie .feat__arrow--next {
    right: 0.5rem;
  }
.cc_fzodronv_UIjo9GpZie .feat__arrow:disabled {
    opacity: 0;
    pointer-events: none;
  }
.cc_fzodronv_UIjo9GpZie .feat__arrow:active {
    transform: translateY(-50%) scale(0.92);
  }
}

/* Desktop'ta ok hiç görünmesin */
@media (min-width: 761px) {
.cc_fzodronv_UIjo9GpZie .feat__arrow {
    display: none;
  }
}





/* === RevealImage shimmer + reveal === */
.cc_fzodronv_UIjo9GpZie .ri { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; line-height: 0; }
.cc_fzodronv_UIjo9GpZie .ri--inline { display: inline-block; width: auto; height: auto; }
.cc_fzodronv_UIjo9GpZie .ri__shimmer { position: absolute; inset: 0; background: linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%); background-size: 200% 100%; animation: cc_fzodronv_ri-shimmer 1.2s ease-in-out infinite; pointer-events: none; z-index: 1; }
@keyframes ri-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.ri__img { display: block; width: 100%; height: 100%; opacity: 0; transform: scale(0.97); transition: opacity 220ms ease-out, transform 220ms ease-out; position: relative; z-index: 2; }
.ri--inline .ri__img { width: auto; height: auto; }
.ri__img--loaded { opacity: 1; transform: scale(1); }
.ri--thumb .ri__img { transition-duration: 180ms; }