/* HomeCustomerGallery — "Binlerce memnun müşteri" sosyal kanıt şeridi.
 * Sub-component kullanmıyor, bu yüzden CSS import'u yok.
 * Şerit ikiye katlanmış içerikle kayar; -50% ötelemenin tam oturması için
 * kartlar arası boşluk `gap` ile degil, item'ın kendi margin'i ile veriliyor. */

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery, .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery * { box-sizing: border-box; }

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery {
  --hcg-card: clamp(146px, 16vw, 218px);
  --hcg-gap: clamp(10px, 1.2vw, 18px);
  width: 100%;
  padding: clamp(64px, 8vw, 118px) 0 clamp(58px, 7vw, 104px);
  overflow: hidden;
  background: #faf8f5;
  color: #171615;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__head {
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 0 clamp(18px, 5vw, 40px);
  text-align: center;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__eyebrow {
  margin: 0 0 16px;
  color: var(--color-accent, #9e4664);
  font-family: var(--font-label);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(34px, 4.4vw, 62px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.02;
  text-wrap: balance;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__description {
  max-width: 520px;
  margin: 18px auto 0;
  color: #625d58;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__sub {
  max-width: 480px;
  margin: 8px auto 0;
  color: #8a8279;
  font-family: var(--font-body);
  font-size: 12px;
  font-style: italic;
  line-height: 1.6;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__stats {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(24px, 5vw, 64px);
  margin: clamp(28px, 3.5vw, 44px) auto 0;
  padding: 0 clamp(18px, 5vw, 40px);
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__stat { text-align: center; }

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__stat dt {
  font-family: var(--font-display);
  font-size: clamp(24px, 2.6vw, 34px);
  font-weight: 400;
  letter-spacing: -.03em;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__stat dd {
  margin: 4px 0 0;
  color: #77716b;
  font-family: var(--font-label);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__rows {
  display: grid;
  gap: var(--hcg-gap);
  margin-top: clamp(34px, 4.5vw, 62px);
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__row {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__track {
  width: max-content;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: cc_liCOqq6YcZ_AZh9GgvVkf_hcg-scroll var(--hcg-duration, 90s) linear infinite;
  will-change: transform;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__track--reverse { animation-name: cc_liCOqq6YcZ_AZh9GgvVkf_hcg-scroll-reverse; }

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__row:hover .home-customer-gallery__track, .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__row:focus-within .home-customer-gallery__track { animation-play-state: paused; }

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__item {
  width: var(--hcg-card);
  flex: 0 0 auto;
  margin-right: var(--hcg-gap);
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: #ece7e1;
  color: inherit;
  text-decoration: none;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__note {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 7px 9px;
  background: rgba(23, 22, 21, .62);
  color: #fff;
  font-family: var(--font-body);
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
  pointer-events: none;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__actions {
  display: flex;
  justify-content: center;
  margin-top: clamp(32px, 4vw, 52px);
  padding: 0 clamp(18px, 5vw, 40px);
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__cta {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 0 24px;
  background: #171615;
  color: #fff;
  font-family: var(--font-label);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__cta span { font-size: 15px; font-weight: 400; }
.cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery a:focus-visible { outline: 2px solid var(--color-accent, #9e4664); outline-offset: 3px; }

@keyframes cc_liCOqq6YcZ_AZh9GgvVkf_hcg-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@keyframes cc_liCOqq6YcZ_AZh9GgvVkf_hcg-scroll-reverse {
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__image { transition: transform 240ms ease; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__card:hover .home-customer-gallery__image { transform: scale(1.04); }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__cta { transition: background-color 180ms ease; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__cta:hover { background: #332f2c; }
}

@media (max-width: 767px) {
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__description { font-size: 14px; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__row {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  }
}

/* Hareket azaltma: şerit durur, kullanıcı kendi kaydırır, kopyalar gizlenir. */
@media (prefers-reduced-motion: reduce) {
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__row {
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__track { animation: none; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__item { scroll-snap-align: start; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__item[aria-hidden="true"] { display: none; }
  .cc_liCOqq6YcZ_AZh9GgvVkf .home-customer-gallery__image { transition: none !important; }
}