@media (min-width: 1024px) {
    wa-carousel.r-customer-reviews-carousel {
        --slide-gap: var(--wa-space-xl);
        --scroll-hint: var(--wa-space-xl);
    }
}

.wa-stack.r-customer-reviews-content {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: var(--wa-space-3xl) var(--wa-space-l);
    margin: 0 auto;
    max-width: 75rem;
}

.wa-stack.r-customer-reviews-summary {
    align-items: center;
    text-align: center;
}

.wa-stack.r-customer-reviews-summary wa-rating {
    --symbol-color-active: var(--wa-color-yellow-80);
    margin: 0 auto;
}

.r-customer-reviews-score {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: var(--wa-space-xs);
}

.r-customer-reviews-score strong {
    font-size: var(--wa-font-size-l);
    font-weight: var(--wa-font-weight-semibold);
}

.r-customer-reviews-score span {
    font-size: var(--wa-font-size-s);
}

wa-carousel.r-customer-reviews-carousel {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    --aspect-ratio: auto;
    --slide-gap: var(--wa-space-4xl);
    --scroll-hint: var(--wa-space-m);
}

wa-carousel.r-customer-reviews-carousel::part(scroll-container) {
    align-items: stretch;
}

wa-carousel.r-customer-reviews-carousel::part(pagination) {
    margin-block-start: var(--wa-space-s);
}

wa-carousel.r-customer-reviews-carousel wa-carousel-item {
    display: flex;
}

wa-card.r-customer-reviews-card {
    height: 100%;
    width: 100%;
    flex: 1;
    background-color: transparent;
    border-radius: var(--wa-border-radius-l);
    border: 1px solid color-mix(in oklab, var(--wa-color-blue-60), transparent 55%);
    box-shadow: var(--wa-shadow-m);
    max-height: 20rem;
}

wa-card.r-customer-reviews-card::part(base) {
    height: 100%;
    overflow: hidden;
}

wa-card.r-customer-reviews-card::part(body) {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

wa-card.r-customer-reviews-card::part(footer) {
    margin-block-start: auto;
    min-width: 0;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    wa-card.r-customer-reviews-card { transition: none; }
}

.r-customer-reviews-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: var(--wa-space-m);
    text-align: start;
}

.r-customer-reviews-card-content wa-rating {
    --symbol-color-active: var(--wa-color-yellow-80);
}

.r-customer-reviews-card-content p {
    flex-grow: 1;
    margin: 0;
    font-size: var(--wa-font-size-m);
    line-height: var(--wa-line-height-normal);
    overflow: auto;
}

.r-customer-reviews-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: var(--wa-space-xs);
    width: 100%;
    min-width: 0;
    color: var(--wa-color-text-quiet);
    font-size: var(--wa-font-size-xs);
}

.r-customer-reviews-card-footer small {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r-customer-reviews-card-footer small:first-child {
    padding-inline-end: var(--wa-space-xs);
}

.r-customer-reviews-card-footer small:last-child {
    max-width: 12ch;
    justify-self: end;
    text-align: end;
}

.r-customer-reviews-card-footer strong {
    display: block;
    color: var(--wa-color-text-normal);
    font-weight: var(--wa-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .wa-stack.r-customer-reviews-content {
        padding: var(--wa-space-2xl) var(--wa-space-m);
    }

    wa-carousel.r-customer-reviews-carousel {
        --scroll-hint: var(--wa-space-s);
        --slide-gap: var(--wa-space-m);
    }

    wa-card.r-customer-reviews-card {
        width: 100%;
    }

    wa-carousel.r-customer-reviews-carousel::part(navigation) {
        display: none;
    }
}