.customer-reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: center;
}

.customer-review__item {
    max-width: 424px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #EAF2F9;
    box-shadow: 0px 15px 13px 0px #ECF2F780;
    border-radius: 10px;
    background: #fff;
    @media (max-width: 768px) {
        max-width: 100%;
    }

    .customer-review__item-media {
        max-height: 214px;
        @media (max-width: 768px) {
                max-height: unset;

            }

        iframe,
        img {
            border-radius: 10px;

        }

        iframe {
            height: 100%;
            width: 100%;
            aspect-ratio: 16 / 9;
        }
    }

    .customer-review__body {
        display: flex;
        align-items: center;
        gap: 12px;

        &:before,
        &:after {
            content: "";
            height: 14px;
            display: block;
            background: url("../../images/quotes.svg") no-repeat;
            background-size: cover;
            flex: 0 0 17px;
        }

        &:after {
            transform: rotate(180deg);
        }
    }

    .customer-review__content {
        font-size: 16px;
        line-height: 1.4;
        color: #284251;

        strong {
            color: #00ADF9;
            font-weight: 700;
        }


    }
}

.customer-review__item--media {
    .customer-review__content {
        text-align: center;
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    .customer-reviews {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .customer-reviews {
        grid-template-columns: 1fr;
    }
}

.review-author {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12.5px;

    .review-author__image {
        img {
            max-width: 40px;
            max-height: 40px;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 1px solid #00ADF9;
        }
    }

    .review-author__name {
        font-size: 14px;
        line-height: 1.4;
        font-style: italic;
        color: #284251;
        font-weight: 700;
    }

    .review-author__subtitle {
        font-size: 12px;
        line-height: 1.4;
        color: #284251;
        margin-top: 4px;
    }
}

.customer-reviews__loadmore {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 24px 34px;
    border: 1px solid;
    color: #284251;
    width: fit-content;
    margin: 24px auto 0 auto;
    border-radius: 7px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    @media (max-width: 1024px) {
        width: 100%;
    }
    @media (max-width: 376px) {
        /*font-size: 15px;*/
      padding: 24px 12px;
    }


    &:after {
        content: "";
        display: block;
        width: 12px;
        height: 16px;
        background: url("../../images/arrow-down-dark.svg") no-repeat;
        background-size: cover;
    }

    &:hover {
        background: #284251;
        color: #fff;

        &:after {
            background: url("../../images/arrow-down-light.svg") no-repeat;
        }

    }
}
@media screen and (max-width: 550px) {
    .customer-reviews__trustpilot .trustpilot-button {
        margin: 0 !important;
    }
.customer-reviews__trustpilot .trustpilot-score-and-img {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
        gap: 3px;
    }
    .customer-reviews__trustpilot .trustpilot-logo img {
        max-width: 105px;
    }
}

/* Reviews Trustpilot block is intentionally non-clickable now.
   Keep this explicit hover reset so stale/cached theme CSS cannot re-enable
   the old green hover state. */
.customer-reviews__trustpilot .trustpilot-wrapper:hover {
    background-color: #FFFFFF !important;
    color: inherit !important;
}

.customer-reviews__trustpilot .trustpilot-wrapper:hover .trustpilot-number,
.customer-reviews__trustpilot .trustpilot-wrapper:hover .trustpilot-score {
    color: #284251 !important;
}

.customer-reviews__trustpilot .trustpilot-wrapper:hover .chatimize-trustpilot-stars i,
.customer-reviews__trustpilot .trustpilot-wrapper:hover .trustpilot-score-and-img:has(img)::after {
    color: #00B67A !important;
}

/* Skeleton Loading Styles */
.customer-review__item--skeleton {
    max-width: 424px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #EAF2F9;
    box-shadow: 0px 15px 13px 0px #ECF2F780;
    border-radius: 10px;
    background: #fff;
    pointer-events: none;

    @media (max-width: 768px) {
        max-width: 100%;
    }

    .customer-review__body {

        &:before,
        &:after {
            display: none;
        }
    }
}

.skeleton-box {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.skeleton-media {
    width: 100%;
    height: 214px;
    border-radius: 10px;
    margin-bottom: 20px;

    @media (max-width: 768px) {
        height: 180px;
    }
}

.skeleton-content {
    height: 16px;
    margin-bottom: 8px;
}

.skeleton-content:last-of-type {
    width: 70%;
}

.skeleton-author {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12.5px;
    justify-content: center;
}

.skeleton-author-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.skeleton-author-info {
    flex: 0 0 120px;
}

.skeleton-author-name {
    height: 14px;
    margin-bottom: 4px;
}

.skeleton-author-subtitle {
    height: 12px;
    width: 80%;
}