.cs-reviews { margin: 40px 0; }
.cs-reviews__inner { max-width: 1200px; margin: 0 auto;}

.cs-reviews__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.cs-reviews__title{ margin:0; font-size:35px; line-height:1.15;font-family: "Poppins", Sans-serif;}

.cs-reviews__arrows{ display:flex; gap:10px; }
.cs-reviews__nav{
    width:40px; height:40px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
    cursor:pointer;
    position:relative;
}
.cs-reviews__nav:disabled{ opacity:.4; cursor:default; }
.cs-reviews__prev::before,
.cs-reviews__next::before{
    content:""; inset:0;
    margin:auto;
    width:10px; height:10px;
    border-right:2px solid #111;
    border-bottom:2px solid #111;
    transform: rotate(135deg);
    top:14px; left:15px;
}
.cs-reviews__next::before{ transform: rotate(-45deg); left:13px; }

.cs-reviews__viewport{ overflow:hidden; }
.cs-reviews__track{ display:flex; gap:16px; transform: translateX(0); }

.cs-review-card{
    flex: 0 0 calc((100% - 48px) / 4);
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    padding:16px;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
    min-height: 210px;
}

.cs-review-card__top{ display:flex; gap:12px; align-items:flex-start; margin-bottom:12px; }

.cs-review-card__avatar{
    width:54px; height:54px;
    border-radius:999px;
    overflow:hidden;
    flex:0 0 54px;
    background:#f2f4f7;
}
.cs-review-card__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.cs-review-card__ph{ width:100%; height:100%; background:linear-gradient(135deg,#eef2f7,#f7f9fc); }

.cs-review-card__name{ font-weight:700; font-size:16px; margin-bottom:4px; }
.cs-review-card__row{ display:flex; gap:10px; align-items:center; }

.cs-review-card__stars{ font-size:14px; letter-spacing:1px; }
.cs-review-card__stars span{ opacity:.25; }
.cs-review-card__stars span.is-on{ opacity:1; }

.cs-review-card__date{ font-size:12px; opacity:.65; }
.cs-review-card__source{ display:inline-block; margin-top:6px; font-size:12px; text-decoration:underline; }

.cs-review-card__text{ font-size:14px; line-height:1.45; opacity:.9; }

@media (max-width: 1024px){
    .cs-review-card{ flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 768px){
    .cs-reviews__title{ font-size:22px; }
    .cs-review-card{ flex-basis: 100%; }
}
.cs-review-card__head.is-no-avatar{
    gap: 0;
}


.cs-reviews-prev,
.cs-reviews-next{
    font-size: 0;
    line-height: 0;

    position: absolute !important;
    top: 8px;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    border: 0;
    background: #0b1e3b;
    cursor: pointer;
    display: grid;
    place-items: center;
    z-index: 10;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

.cs-reviews-next{ right: 0; }
.cs-reviews-prev{ right: 64px; }

.cs-reviews-prev::before,
.cs-reviews-next::before{
    content:"";
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.cs-reviews-prev::before{ transform: rotate(135deg); }
.cs-reviews-next::before{ transform: rotate(-45deg); }

.cs-reviews-prev:hover,
.cs-reviews-next:hover{ filter: brightness(1.08); }

.cs-reviews-prev:active,
.cs-reviews-next:active{ transform: translateY(1px); }

.cs-reviews-prev:disabled,
.cs-reviews-next:disabled{
    opacity: .35;
    cursor: default;
    filter: none;
    box-shadow: none;
    transform: none;
}

@media (max-width: 768px){
    .cs-reviews-prev{ right: 58px; }
}

.cs-city-reviews,
.cs-city-reviews__inner,
.cs-reviews-slider{
    position: relative;
}
