/**
 * Spytek Google Reviews
 * Premium automotive style
 */


/* ==========================
   MAIN CONTAINER
========================== */

.spytek-reviews {
    width: 100%;
    max-width: 1280px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: inherit;
    color: #ffffff;
}


/* ==========================
   HEADER
========================== */

.spytek-reviews__header {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}


.spytek-reviews__score {
    text-align: center;
}


.spytek-reviews__number {
    margin-top: 12px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}


.spytek-reviews__number span {
    font-size: 22px;
    opacity: .55;
}


.spytek-reviews__count {
    margin-top: 12px;
    font-size: 15px;
    color: rgba(255,255,255,.65);
}


/* ==========================
   STARS
========================== */

.spytek-gr-stars {
    display: flex;
    gap: 4px;
}


.spytek-gr-star {
    font-size: 22px;
    line-height: 1;
}


.spytek-gr-star-full,
.spytek-gr-star-half {
    color: #d6a84f;
}


.spytek-gr-star-empty {
    color: rgba(255,255,255,.2);
}


/* ==========================
   DESKTOP GRID
========================== */

.spytek-reviews__track {

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:30px;

}


/* ==========================
   REVIEW CARD
========================== */


.spytek-review-card {

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.03)
        );

    border:1px solid #2A3038;

    border-radius:4px;

    padding:30px;

    min-height:280px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    backdrop-filter:blur(12px);

    transition:
        transform .3s ease,
        border-color .3s ease;

}


.spytek-review-card:hover {

    transform:translateY(-3px);

    border-color:
        rgba(245, 48, 48,.6);

}


/* ==========================
   AUTHOR
========================== */


.spytek-review-card__author {

    display:flex;

    align-items:center;

    gap:15px;

}


.spytek-review-card__author h3 {

    margin:0 0 8px;

    font-size:18px;

    font-weight:600;

    color:#fff;

}


.spytek-review-card__photo,
.spytek-review-card__avatar {

    width:58px;

    height:58px;

    border-radius:50%;

}


.spytek-review-card__photo {

    object-fit:cover;

}


.spytek-review-card__avatar {

    display:flex;

    align-items:center;

    justify-content:center;

    background:#d6a84f;

    color:#111;

}

/* ==========================
   REVIEW TEXT - READ MORE
========================== */

.review-short {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--sgr-text-light, #666);
    transition: all 0.3s ease;
}

.review-short--hidden {
    display: none !important;
}

.review-full {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--sgr-text-light, #666);
    transition: all 0.3s ease;
}

.review-full--hidden {
    display: none !important;
}

.spytek-review-card__more {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #0f3460;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.spytek-review-card__more:hover {
    background-color: #ea5455;
}

.spytek-review-card__more:active {
    transform: scale(0.98);
}

.less-text {
    display: none;
}

    font-size:24px;

    font-weight:700;

}


/* ==========================
   CONTENT
========================== */


.spytek-review-card__content {

    margin-top:25px;

}


.spytek-review-card__content p {

    font-size:16px;

    line-height:1.7;

    color:rgba(255,255,255,.85);

    margin:0;

}


.spytek-review-card__more {

    margin-top:18px;

    background:none;

    border:0;

    padding:0;

    color:#F53030;

    font-weight:600;

    cursor:pointer;

    font-size:15px;

}


.spytek-review-card__more:hover {

    text-decoration:underline;

}


/* ==========================
   NAVIGATION
========================== */


.spytek-reviews__navigation {

    display:none;

    justify-content:center;

    gap:15px;

    margin-top:25px;

}


.spytek-reviews__button {

    width:45px;

    height:45px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.2);

    background:rgba(255,255,255,.05);

    color:white;

    font-size:28px;

    cursor:pointer;

}


/* ==========================
   MOBILE SLIDER
========================== */


@media(max-width:900px){


    .spytek-reviews {

        margin:40px auto;

        padding:0 15px;

    }


    .spytek-reviews__track {

        display:flex;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        gap:20px;

        scrollbar-width:none;

    }


    .spytek-reviews__track::-webkit-scrollbar {

        display:none;

    }


    .spytek-review-card {

        flex:
        0 0 88%;

        scroll-snap-align:center;

        min-height:300px;

    }


    .spytek-reviews__navigation {

        display:flex;

    }


}



@media(max-width:480px){


    .spytek-reviews__number {

        font-size:40px;

    }


    .spytek-review-card {

        padding:24px;

    }


}