/* Kitcove reviews carousel — ink panel, horizontal scroll */
.kc-reviews {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: none;
  background: var(--kc-ink) !important;
  color: var(--kc-cream) !important;
  padding: 64px 0 72px;
  text-align: center;
  overflow: hidden;
}

.kc-reviews h2 {
  font-family: var(--kc-display) !important;
  font-size: clamp(32px, 7.5vw, 46px) !important;
  font-weight: 600 !important;
  color: var(--kc-cream) !important;
  margin: 0 20px 10px !important;
  line-height: 1.1 !important;
}

.kc-reviews__sub {
  margin: 0 20px 36px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: rgba(253, 245, 238, 0.78) !important;
}

.kc-reviews__rail {
  overflow: hidden;
  width: 100%;
}

.kc-reviews__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;
  width: max-content;
  padding-inline: 20px;
}

@media (prefers-reduced-motion: no-preference) {
  .kc-reviews__track {
    animation: kc-reviews-scroll 48s linear infinite;
  }
  .kc-reviews__rail:hover .kc-reviews__track {
    animation-play-state: paused;
  }
}

@keyframes kc-reviews-scroll {
  to {
    transform: translateX(-50%);
  }
}

.kc-review-card {
  flex: 0 0 min(300px, 82vw);
  box-sizing: border-box;
  background: rgba(253, 245, 238, 0.07);
  border: 1px solid rgba(253, 245, 238, 0.14);
  padding: 26px 22px;
  text-align: left;
  color: var(--kc-cream);
}

.kc-review-card .s {
  color: var(--kc-gold) !important;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 12px;
  line-height: 1;
}

.kc-review-card q {
  display: block;
  quotes: none;
  font-family: var(--kc-display) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: var(--kc-cream) !important;
  margin: 0 0 16px !important;
}

.kc-review-card .who {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(253, 245, 238, 0.72) !important;
}

.kc-review-card .who b {
  color: var(--kc-cream) !important;
  font-weight: 600;
  font-family: var(--kc-ui) !important;
}

@media (min-width: 900px) {
  .kc-reviews { padding: 72px 0 80px; }
  .kc-review-card { flex-basis: 340px; padding: 30px 26px; }
  .kc-review-card q { font-size: 22px !important; }
  .kc-reviews__track { gap: 18px; padding-inline: 28px; }
}
