/* Child card styles ship inside Testimonial's own bundle; the section lays out
   the header + the chosen layout (grid / carousel / list) here. Uppercase is
   NOT applied via text-transform (Turkish casing) — labels are authored in the
   desired case in the prop defaults. */
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts {
  width: 100%;
  color: var(--ali-ts-text, var(--ali-overlay));
}

.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__inner {
  /* Dikey boşluk prop'tan (--ali-ts-pad) gelir; küçük ekranlarda orantılı
     azalması için clamp üst sınırı olarak kullanılır. */
  padding-block: clamp(32px, 6vw, var(--ali-ts-pad, 80px));
}

/* ----- Header (grayscale; eyebrow is muted, not accent) ----- */
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  max-width: 60ch;
  margin: 0 auto clamp(32px, 4vw, 52px);
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__eyebrow {
  font-weight: var(--ali-weight-strong);
  letter-spacing: 0.14em;
  color: var(--ali-ts-muted, var(--ali-tertiary));
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__title {
  margin: 0;
  color: var(--ali-ts-text, var(--ali-overlay));
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__subtitle {
  margin: 0;
  color: var(--ali-ts-muted, var(--ali-tertiary));
}

/* ===== Layout: GRID =====
   Renderer wrapper is display:contents → each .ali-ts__card is promoted to a
   direct grid item. Column count follows the `columns` prop (data-cols) on
   desktop; collapses to 2 then 1. data-cols avoids the invalid repeat(var()). */
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 1.8vw, 22px);
  align-items: stretch;
}
@media (min-width: 600px) {
  .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid[data-cols="2"], .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid[data-cols="3"], .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid[data-cols="4"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }
  .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }
}

.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card {
  animation: cc_xqaduz1e_ali-rise 0.5s var(--ali-ease-out, ease) both;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card:nth-child(2) { animation-delay: 0.05s; }
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card:nth-child(3) { animation-delay: 0.1s; }
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card:nth-child(4) { animation-delay: 0.15s; }
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card:nth-child(5) { animation-delay: 0.2s; }
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card:nth-child(6) { animation-delay: 0.25s; }
@media (prefers-reduced-motion: reduce) {
  .cc_xqaduz1e_cEgCvPHTH7 .ali-ts__grid .ali-ts__card { animation: none; }
}

/* ===== Layout: CAROUSEL =====
   Track is a horizontal scroll-snap flex row; the display:contents wrapper
   promotes cards to flex items so they snap. Arrows nudge by one card. */
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__carousel {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
  /* No edge bleed — the track stays within the container padding so cards keep
     the same left/right breathing space as the rest of the section. */
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__track::-webkit-scrollbar {
  display: none;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__track .ali-ts__card {
  flex: 0 0 clamp(260px, 78%, 360px);
  scroll-snap-align: start;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__arrows {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__arrow {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ali-border, #e5e7eb);
  border-radius: var(--ali-radius-full, 999px);
  background: transparent;
  color: var(--ali-ts-text, var(--ali-overlay));
  cursor: pointer;
  transition: background-color var(--ali-dur-fast, 0.15s) var(--ali-ease-out-soft, ease),
    transform var(--ali-dur-base, 0.25s) var(--ali-spring, ease);
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__arrow:hover {
  background: var(--ali-muted, #f3f4f6);
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__arrow:active {
  transform: scale(0.92);
}

/* ===== Layout: LIST =====
   Full-width stacked rows; roomier, quote-led editorial reading. */
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 760px;
  margin: 0 auto;
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__list .ali-ts__card {
  padding: clamp(22px, 2.6vw, 32px);
}
.cc_xqaduz1e_cEgCvPHTH7 .ali-ts__list .ali-ts__quote {
  line-height: 1.5;
}