.crc-carousel {
  --crc-bg: #ffffff;
  --crc-text: #171717;
  --crc-muted: #7c7c7c;
  --crc-border: #e9e9e9;
  --crc-star: #d8a62a;
  --crc-radius: 24px;
  --crc-gap: 22px;
  --crc-card-height: 340px;
  --crc-shadow: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.crc-carousel *,
.crc-carousel *::before,
.crc-carousel *::after {
  box-sizing: border-box;
}

.crc-viewport {
  overflow: hidden;
}

.crc-track {
  display: flex;
  gap: var(--crc-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px;
  margin: -4px;
}

.crc-track::-webkit-scrollbar {
  display: none;
}

.crc-card {
  flex: 0 0 calc((100% - (var(--crc-gap) * 2)) / 3);
  min-width: 0;
  height: var(--crc-card-height);
  scroll-snap-align: start;
  background: var(--crc-bg);
  border: 1px solid var(--crc-border);
  border-radius: var(--crc-radius);
  padding: 28px 28px 26px;
  box-shadow: var(--crc-shadow);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.crc-stars {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  line-height: 1;
}

.crc-star {
  font-size: 15px;
  color: #d8d8d8;
}

.crc-star.is-filled {
  color: var(--crc-star);
}

.crc-quote-mark {
  position: absolute;
  top: 48px;
  right: 24px;
  font-family: Georgia, serif;
  font-size: 68px;
  line-height: 1;
  color: #f0f0f0;
  pointer-events: none;
  user-select: none;
}

.crc-review-wrap {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
}

.crc-review-text {
  margin: 0 !important;
  color: var(--crc-text) !important;
  font-family: inherit;
  font-size: 15.5px !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.crc-read-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  color: var(--crc-text) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

.crc-read-more:hover,
.crc-read-more:focus {
  opacity: 0.65;
}

.crc-reviewer {
  display: flex;
  align-items: center;
    margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid #f0f0f0;
}


.crc-reviewer-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.crc-reviewer-name {
  display: block;
  color: var(--crc-text) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crc-reviewer-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--crc-muted) !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

.crc-arrow {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  z-index: 5;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--crc-border) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #171717 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.07) !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.crc-prev { left: -21px !important; }
.crc-next { right: -21px !important; }

.crc-arrow:hover,
.crc-arrow:focus {
  background: #fff !important;
  color: #171717 !important;
  border-color: #dddddd !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.1) !important;
}

.crc-arrow:disabled {
  opacity: .28;
  cursor: default;
}

.crc-arrow[hidden] {
  display: none !important;
}

@media (max-width: 1024px) {
  .crc-card {
    flex-basis: calc((100% - var(--crc-gap)) / 2);
  }
}

@media (max-width: 767px) {
  .crc-carousel {
    --crc-card-height: 320px;
    --crc-gap: 14px;
  }

  .crc-viewport {
    overflow: visible;
  }

  .crc-track {
    overflow-x: auto;
    padding-right: 26px;
  }

  .crc-card {
    flex-basis: 88%;
    padding: 24px 22px 22px;
  }

  .crc-review-text {
    font-size: 15px !important;
    line-height: 1.55 !important;
    -webkit-line-clamp: 6;
  }

  .crc-quote-mark {
    top: 44px;
    right: 18px;
    font-size: 60px;
  }

  .crc-arrow {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 24px !important;
  }

  .crc-prev { left: 6px !important; }
  .crc-next { right: 6px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .crc-track {
    scroll-behavior: auto;
  }

  .crc-arrow {
    transition: none;
  }
}