/* ======= ОСНОВНОЙ БЛОК ======= */
.reviews-module{padding: 60px 60px 40px;background: #F8F9FC;border-radius: 24px}
.reviews-module .widget__title{text-align: center;padding-bottom: 60px}
/* ======= ТАБЫ ======= */
.reviews-tabs{display: flex;align-items: center;justify-content: center;gap: 16px;flex-wrap: wrap}
.reviews-tab{padding: 8px 20px; background: transparent; border: 2px solid #FFE100; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; font: 20px / 160% 'Unbounded'; color: #212433; flex: 1 1 auto}
.reviews-tab:hover, .reviews-tab.active{background: #FFE100}
/* ======= КОНТЕНТ ======= */
.reviews-content{position: relative}
.reviews-pane{display: none; opacity: 0; transition: opacity 0.4s ease}
.reviews-pane.active{display: block; opacity: 1}
/* ======= СЛАЙДЕР ======= */
.reviews-slider {position: relative;padding: 50px 60px 0;}
.reviewsSwiper {overflow: hidden;padding: 10px 0;}
.reviewsSwiper .swiper-slide {height: auto;transition: transform 0.3s ease}
/* ======= КАРТОЧКИ ======= */
.reviews-card{position: relative}
.reviews-card{display: block;border-radius: 20px;overflow: hidden;background: #FFFFFF;height: 100%;text-decoration: none}
.reviews-card img{width: 100%;height: 100%;object-fit: cover;display: block}
/* Карточка для видео */
.reviews-card--video {position: relative}
/* При наведении */
a.reviews-card--screen::after, a.reviews-card--video::after{transition:all 0.3s linear 0s; z-index:1; background: linear-gradient(0deg, rgba(43, 46, 61, 0.5), rgba(43, 46, 61, 0.5)); content:""; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0}
a.reviews-card--screen, a.reviews-card--video{position:relative; display:block}
a.reviews-card--screen span, a.reviews-card--video span{transition:all 0.3s linear 0s;z-index:2;width: 80px;height: 80px;background:#FFE100;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;top: 50%;left:50%;transform: translateX(80%) translateY(180%);}
a.reviews-card--screen:hover::after, a.reviews-card--video:hover::after{opacity:1}
/* ======= АУДИО КАРТОЧКА ======= */
.reviews-card--audio{background: linear-gradient(135deg, #1B2338 0%, #2B2E3D 100%); padding: 25px}
.reviews-audio{display: flex; gap: 20px; align-items: center; height: 100%}
.reviews-audio-icon{width: 70px; height: 70px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FFE100; flex-shrink: 0; border: 2px solid #FFE100}
.reviews-audio-info{flex: 1; min-width: 0}
.reviews-audio-title{color: #FFFFFF; font-family: 'Unbounded', sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.reviews-audio-controls{display: flex; align-items: center; gap: 15px}
.reviews-audio-play{width: 40px; height: 40px; border: none; background: #FFE100; border-radius: 50%; color: #212433; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s ease; flex-shrink: 0}
.reviews-audio-play:hover{background: #FFE100}
.reviews-audio-play svg{width: 18px; height: 18px}
.reviews-audio-progress{flex: 1; display: flex; align-items: center; gap: 10px}
.reviews-audio-bar{flex: 1; height: 6px; background: rgba(255, 255, 255, 0.2); border-radius: 3px; cursor: pointer; position: relative}
.reviews-audio-current{position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #FFE100; border-radius: 3px; transition: width 0.1s linear}
.reviews-audio-time{color: #8A94B0; font-size: 14px; font-family: monospace; min-width: 45px}
/* ======= СТРЕЛКИ ======= */
.reviews-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border: 2px solid #2B2E3D; background: #F8F9FC; border-radius: 50%; color: #2B2E3D; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 10}
.reviews-arrow:hover{border-color: #FFE100; background: #FFE100}
.reviews-arrow--prev{left: -25px;}
.reviews-arrow--next{right: -25px;}
.reviews-arrow.swiper-button-disabled{opacity: 0.3; cursor: default; pointer-events: none}
/* ======= ПАГИНАЦИЯ ======= */
.reviews-pagination{display: flex; justify-content: center; gap: 8px; margin-top: 30px; width: 100% !important; position: static !important; transform: translateX(0px) !important}
.reviews-pagination .swiper-pagination-bullet{width: 10px !important; height: 10px !important; background: #2B2E3D; border-radius: 50%; opacity: 0.3; transition: all 0.3s ease !important; cursor: pointer; display: block; transform: scale(1); margin: 0 !important; left: auto !important}
.reviews-pagination .swiper-pagination-bullet-active{width: 20px !important; border-radius: 5px; background: #2B2E3D; opacity: 1 !important}
/* ======= МЕДИА-ЗАПРОСЫ ======= */
@media (min-width: 576px) {
	.reviewsSwiper .swiper-slide:hover {transform: translateY(-5px)}
	a.reviews-card--screen:hover span, a.reviews-card--video:hover span{transform: translateX(-50%) translateY(-50%)}
}
@media (max-width: 1699px) {
	.reviews-module .widget__title{padding-bottom: 32px}
	.reviews-module{padding:32px 32px 0}
	.reviews-slider {padding:22px 32px 43px}
	.reviews-tabs{gap:8px}
    .reviews-tab{padding: 6px 12px;font: 18px / 160% 'Unbounded';}
	a.reviews-card--screen span, a.reviews-card--video span {width: 70px; height: 70px; transform: translateX(50%) translateY(150%);}
}
@media (max-width: 1279px) {
	.reviews-module .widget__title{padding-bottom: 24px}
	.reviews-module{padding:24px 24px 0}
	.reviews-slider {padding:14px 24px 24px}
    .reviews-tab{padding: 6px 8px; font: 14px / 160% 'Unbounded';}
	.reviews-pagination{margin-top:16px}
	.reviews-arrow--prev{left: -50px;}
	.reviews-arrow--next{right: -50px;}
}
@media (max-width: 991px){
	.reviews-module{padding:60px 24px 0}
	.reviews-slider {padding: 24px 16px 40px;}
	.reviews-pagination {margin-top: 24px;}
	a.reviews-card--screen span, a.reviews-card--video span {transform: translateX(95%) translateY(200%)}
}
@media (max-width: 767px){
	.reviews-slider {padding: 14px 0 50px;}
	.reviews-pagination {margin-top: 14px;}
	a.reviews-card--screen span, a.reviews-card--video span{transform: translateX(65%) translateY(150%);width: 60px;height: 60px}
	a.reviews-card--screen svg, a.reviews-card--video svg{max-width:24px; height:auto}
    .reviews-arrow{width: 40px; height: 40px}
    .reviews-arrow svg{width: 16px; height: 16px}
    .reviews-audio-icon{width: 50px; height: 50px}
    .reviews-audio-icon svg{width: 24px; height: 24px}
    .reviews-audio-title{font-size: 14px}
}
@media (max-width:575px){
	.reviews-module {padding: 60px 24px 50px}
	.reviews-module .widget__title {padding-bottom: 32px;}
	a.reviews-card--screen span, a.reviews-card--video span {width: 40px; height: 40px; transform: translateX(-50%) translateY(-50%)}
	a.reviews-card--screen svg, a.reviews-card--video svg{max-width:16px; height:auto}
    .reviews-tabs{flex-direction: column; width: 100%}
    .reviews-tab{width: 100%; text-align: center}
	.reviews-slider {padding: 0 32px 0;}
	.reviews-arrow--prev{left: -15px;}
	.reviews-arrow--next{right: -15px;}
    .reviews-pagination{display:none}
    .reviews-card--audio{padding: 15px}
    .reviews-audio{flex-direction: column; text-align: center}
    .reviews-audio-controls{flex-direction: column}
    .reviews-audio-progress{width: 100%}
}