/** reviews **/
.reviews-columns {display:flex;justify-content:space-evenly;}
#stars-controls {display:flex;flex-direction:column;}
#stars-detailed {flex: 1;}
.stars-detail-line {display: flex;padding: 0 30px;align-items:center;}
/* .stars-average {display:flex;justify-content:center;align-items:center;font-size:4rem;margin:32px 0;} */
.stars-display, .stars-ratings {display:flex;justify-content:center;align-items:center;}
.yellow-star {color:#FEBF10;font-size:1.3rem;margin:3px;}
.reviews-outer h2:nth-child(3) {margin-top:2rem;}
#text-reviews {max-height:350px;overflow:auto;}
.review-wrapper {border-bottom: 1px solid red;padding: 20px 40px;border: 1px solid #ddd;border-radius: 30px;margin-bottom: 24px;} /** tmp **/
#preview img {max-height: 72px;}

.reviews-outer .stripe-container {
    width: 320px;
    height: 13px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #732b90;
}

.reviews-outer .stripe {
    height: 100%;
    background-color: #732b90;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    border-radius: 10px;
    animation: grow .5s ease-out forwards;
}

@keyframes grow {
    0% {width: 0;}
    100% {width: var(--stripe-width);}
}

.reviews__login-cta-container,
.reviews__container {
    padding: 1em .5em;
    text-align: center;
    background: #f1f5f9;
    border-radius: .666em;
    margin: 1.5em 0;
}
.reviews__add-new {}

.reviews__review-list-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

.review { display: flex; flex-direction: column; border-bottom: 1px solid #e0e0e0; padding: 16px 0; font-family: Arial, sans-serif; }
.review__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.review__header-left { display: flex; align-items: center; gap: 8px; }
.review__stars { color: #f5a623; font-size: 18px; }
.review__date { color: #767676; font-size: 14px; }
.review__header-right { text-align: right; font-size: 14px; }
.review__name { font-weight: bold; color: #000; }
.review__body { margin-top: 8px; font-size: 16px; color: #333; }

.review-star.star-lg img { width: 2em; }