/* ============================================================
   REVIEWS
   ============================================================ */
.reviews {
	background-image: url('/wp-content/uploads/2026/05/biznes-uslugi.png'); 
	padding: 150px 0;
	overflow: hidden;
}

.reviews__title {
	font-size: var(--h2-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-weight);
	color: var(--dark);
	text-align: center;
	margin-bottom: 40px;
}

/* Platform buttons */
.reviews__platforms {
	display: flex;
	flex-direction: row;
	gap: 18px;
	align-items: center;
	justify-content: center;

}

.reviews__platform-btn {
	display: flex;
	flex-direction: row;
	gap: 24px;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px;
	width: 297px;
	background-color: var(--white); 
	text-decoration: none;
	color: var(--dark);
	font-size: 24px;
	font-weight: 500;
	line-height: 130%;
	transition: border-color 0.2s, box-shadow 0.2s;

}

.reviews__platform-btn:hover {
	border-color: var(--main);
	box-shadow: var(--shadow-btn);
}

.reviews__platform-btn svg,
.reviews__platform-btn img {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

/* Meta: рейтинг + стрелки */
.reviews__meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}

/* Rating */
.reviews__rating {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	margin-bottom: 40px;
	 justify-content: center;
}

.reviews__rating-score {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 8px;
}

.reviews__rating-num {
	font-size: 26px;
	font-weight: 600;
	color: #000;
	line-height: 110%;
}

.reviews__rating-divider {
	width: 1px;
	height: 23px;
	background: #707070;
}

.reviews__rating-count {
	display: flex;
	align-items: center;
	gap: 4px;
}

.reviews__rating-total {
	font-size: 22px;
	font-weight: 500;
	color: #263b80;
}

.reviews__rating-label {
	font-size: 15px;
	font-weight: 500;
	color: var(--main);
	text-transform: uppercase;
}

.reviews__rating-platforms {
	display: flex;
	flex-direction: row;
	gap: 24px;
	align-items: center;
}

.reviews__rating-item {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: flex-end;
}

.reviews__rating-platform-name {
	font-size: 22px;
	font-weight: 500;
	color: #000;
	line-height: 120%;
}

.reviews__rating-platform-score {
	font-size: 26px;
	font-weight: 400;
	color: #000;
	line-height: 110%;
}

/* Nav */
.reviews__nav {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.reviews-nav-prev,
.reviews-nav-next {
	width: 60px;
	height: 60px;
	border-radius:50%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.reviews-nav-prev:hover,
.reviews-nav-next:hover {
opacity:0.75;
}

/* Carousel */
.reviews__carousel {
	padding-left: 140px;
}

.reviews-swiper {
	overflow: visible !important;
}

.reviews-swiper .swiper-slide {
	width: 520px;
	flex-shrink: 0;
	
}

.reviews-swiper .swiper-wrapper {
  gap:15px;
	
}

.reviews-swiper .swiper-slide img {
	width: 100%;

	
	border-radius: 20px;
	display: block;
	transition: transform 0.3s ease;
}

.reviews-swiper .swiper-slide:hover img {
	transform: scale(1.02);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
   
  @media (max-width: 1680px) {
	.reviews__carousel { padding-left: 40px; }

}
 
   
   
@media (max-width: 1200px) {
	.reviews__carousel { padding-left: 30px; }
	.reviews__platforms { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 900px) {
	.reviews__meta { flex-direction: column; gap: 20px; align-items: flex-start; }
	.reviews__rating { flex-wrap: wrap; gap: 12px; }
	.reviews-swiper .swiper-slide { width: 360px; }
	
	.reviews__nav { justify-content: flex-end; width: 100%;}
}

@media (max-width: 600px) {
	.reviews { padding: 60px 0; }
	.reviews__carousel { padding-left: 15px; }
	.reviews__platform-btn { width: 100%; justify-content: center; }


}


@media (max-width: 480px) {
.reviews-swiper .swiper-wrapper {
     gap: 0px;
}


}