/* Эффект блика на кнопках */
.button { position: relative; overflow: hidden; }
.button:after {
    content: ""; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%;
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
    transform: rotateZ(60deg) translate(-5em, 7.5em); opacity: 0; z-index: 1; animation: sheens 3s infinite;
}
@keyframes sheens {
    0%, 79% { opacity: 0; transform: rotateZ(60deg) translate(-5em, 7.5em) }
    80% { opacity: 1; transform: rotateZ(60deg) translate(-5em, 7.5em) }
    95% { opacity: 1; transform: rotateZ(60deg) translate(1em, -11em) }
    to { opacity: 0; transform: rotateZ(60deg) translate(1em, -9em) }
}

/* 👇 УЛУЧШЕННЫЕ СТРЕЛКИ СЛАЙДЕРА 👇 */
.swiper { position: relative; width: 100%; height: auto; min-height: 350px;}

.swiper-button-next, .swiper-button-prev { 
    color: #fff !important; /* Белый цвет стрелки */
    background: rgba(0,0,0,0.6) !important; /* Полупрозрачный черный фон */
    width: 50px !important; 
    height: 50px !important; 
    border-radius: 50% !important; 
    border: 2px solid #fff !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); 
    transition: all 0.3s ease;
}

/* Увеличиваем саму стрелочку внутри */
.swiper-button-next:after, .swiper-button-prev:after { 
    font-size: 20px !important; 
    font-weight: 900 !important; 
}

.swiper-button-next { right: 10px !important; }
.swiper-button-prev { left: 10px !important; }

/* Точки пагинации */
.swiper-pagination-bullet { background: #fff !important; opacity: 0.7; width: 10px; height: 10px; }
.swiper-pagination-bullet-active { background: #fff !important; opacity: 1; }

/* Стили отзывов */
.reviews3_section .list { 
    height: auto !important; 
    max-height: none !important; 
    overflow: visible !important; 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
}
.list .comment { 
    width: 100%; 
    background: #f9f9f9; 
    padding: 20px; 
    border-radius: 15px; 
    border: 1px solid #eee; 
    box-sizing: border-box; 
}
.comment .header .img { width: 70px !important; height: 70px !important; margin-right: 15px; }
.comment .header .img img { width: 100% !important; height: 100% !important; border-radius: 50%; }
.comment .header .text .name { font-size: 18px !important; font-weight: bold; }
.comment .say { font-size: 16px !important; line-height: 1.5; margin-top: 10px; }