.wrapper__promotion-container{padding:0 0 80px}
.wrapper__promotion-heading{display:flex; align-items:end; justify-content:space-between; padding-bottom:25px}
.wrapper__promotion-heading h1{margin:0}
.promotion-heading__desc, .promotion__heading-desc{font-weight: 700;font-size: 18px;line-height: 1.6;color: #332E47;display:flex;align-items:center;gap: 10px;position:relative}
.promotion-heading__desc{padding-bottom:10px}
.promotion-heading__desc::before, .promotion__heading-desc::before{position: absolute;width: 46px;height: 2px;left: -18px;top: 13px;content: "";background: #FFD51C;transform: rotate(121.61deg); z-index:-1}
.promotion__heading-desc{margin-bottom:40px}
.promotion-heading__desc span{position:relative}
.promotion-heading__desc span svg{position:absolute;min-width: 113px;height:33px;color: #000;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.promotion-heading__desc > svg{width:18px;height:16px;margin-left: 5px;}
.promotion__row{display:flex; flex-wrap:wrap; gap:50px 30px}
.promotion__item{position:relative; width:calc((100% - 60px) / 3)}
.promotion__link{display:flex; flex-direction:column; height:100%}
.promotion__link span{display:block}
.promotion__cover{border-radius:16px;overflow:hidden;display: block;position: relative;}
.promotion__title{padding-top:30px; font-weight: 700; font-size: 24px; line-height: 1.2; color: #332E47; transition: all 0.5s ease}
.promotion__content{font-size: 16px;line-height: 1.2;color: #332E47; padding:16px 0 30px}
.promotion__more{margin-top:auto; max-width:260px; text-align:center}
.promotion__present {position: absolute;z-index: 1;left: 0;transition: all 0.5s ease;bottom: 0;width: 75px;z-index:2;transform: translateX(-25px) translateY(10px) rotate(-30deg)}
.promotion__item:hover .promotion__present{width:166px; transform: translateX(-25px) translateY(10px) rotate(0);}

/* Табы */
.wrapper__reviews .h2{padding:0}
.wrap-tabs-caption{display:flex; align-items:center; justify-content:start; padding:25px 0}
.wrap-tabs-caption ul{display:flex; align-items:center; padding: 10px; background: #F0F3FD;border-radius:60px;gap: 10px;}
.wrap-tabs-caption ul li a{font-size:14px; line-height:1.6; color: #332E47;display:block; background:#fff; padding: 6px 16px;border-radius: 60px}
.wrap-tabs-caption ul li:hover a, .wrap-tabs-caption ul li.active-tab a{background: #FFD51C}
.tabs-content, .tab-pane{position: relative;}
.tab-pane {display: none}
.tab-pane.active {display: block}
.tab-pane > div{position:relative}

/* Общие стили для элементов отзывов */
.slide-screenshot, .slide-video{border-radius: 20px; overflow:hidden; position:relative; }	
.slide-screenshot img{transition:all 0.15s linear 0s}
.slide-screenshot:hover img{transform: scale(1.1)}
.video-link::before{content:""; background: linear-gradient(0deg, rgba(48, 43, 89, 0.3), rgba(48, 43, 89, 0.3)); left:0; right:0; bottom:0; top:0; position:absolute; z-index:1;transition: all 0.15s linear 0s}


.reviews-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 30px;margin: 0 auto;max-width: 100%}
.review-grid-item {position: relative;overflow: hidden}
.review-grid-item a{display: block;width: 100%;height: 100%;border-radius: 16px;overflow: hidden;max-height: 520px;}
.review-grid-item img{width: 100%;object-fit: cover;display: block}





.no-reviews {
    text-align: center;
    padding: 40px;
    font-size: 18px;
    color: #666;
}

/* Адаптивность для плитки */
@media (max-width: 1399px) {
	.reviews-grid {grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));gap: 25px;}
    .wrapper__promotion-container{padding-bottom:70px}
    .promotion__heading-desc{margin-bottom:30px}
    .promotion-heading__desc, .promotion__heading-desc{font-size:17px}
    .promotion__row{gap:40px 20px}
    .promotion__item{width:calc((100% - 40px) / 3)}
    .promotion__title{padding-top:20px; font-size: 22px}
    .promotion__content{font-size: 15px; padding:14px 0 20px}
}

@media (max-width: 991px) {
    .wrapper__promotion-container{text-align: center; padding-bottom:60px}
    .wrapper__promotion-heading{flex-direction:column; justify-content:center; align-items:center; gap:10px}
    .promotion-heading__desc, .promotion__heading-desc{font-size:16px}
    .promotion-heading__desc span svg {min-width: 100px; height: 30px}
    .promotion__heading-desc{display:inline-block}
    .promotion__item:hover .promotion__present{width:120px}
    .promotion__title{font-size: 20px}
    .promotion__content{font-size: 14px}
    .promotion__item{width:calc((100% - 20px) / 2); text-align:left}
    
    .wrap-tabs-caption{padding: 20px 0; justify-content:center}
    .wrap-tabs-caption ul{flex-wrap: wrap; justify-content: center}
    .reviews-grid {grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: 20px;}
	.review-grid-item a{max-height: 380px;}
}

@media (max-width: 767px) {
    .wrapper__promotion-container{padding-bottom:50px}
    .promotion-heading__desc, .promotion__heading-desc{font-size:15px}
    .promotion__heading-desc{margin-bottom: 20px;}
    .wrapper__promotion-heading{padding-bottom:15px}
    .promotion__title{padding-top:15px; font-size: 18px}
    .promotion__content{padding:10px 0 15px}
    .promotion__row{gap:30px 15px}
    .promotion__item{width:calc((100% - 15px) / 2)}
    
    .wrap-tabs-caption{padding: 15px 0}
    .wrap-tabs-caption ul{gap: 8px; padding: 8px}
    .wrap-tabs-caption ul li a{font-size: 12px; padding: 5px 12px}
    .reviews-grid {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 15px;}
	.review-grid-item a {max-height: 430px}
}

@media (max-width: 575px) {
    .wrapper__promotion-container{padding-bottom:40px}
    .promotion-heading__desc, .promotion__heading-desc{font-size:14px}
    .promotion-heading__desc{font-size: 14px;gap: 5px;white-space: nowrap}
    .promotion-heading__desc span svg {min-width: 85px;height: 25px;}
    .promotion-heading__desc > svg{width:12px;height:10px;margin-left: 2px;}
    .promotion__title{font-size: 16px; padding-top:10px}
    .promotion__content{font-size:13px; padding:10px 0}
    .promotion__row{gap:20px 0}
    .promotion__more{max-width:100%}
    .promotion__item{width:100%}
    
    .wrap-tabs-caption{padding: 10px 0}
    .wrap-tabs-caption ul{gap: 5px; padding: 6px; width: 100%; justify-content: center}
    .wrap-tabs-caption ul li a{font-size: 11px; padding: 4px 10px; white-space: nowrap}
    .reviews-grid{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 10px;}
    .wrapper__reviews .h2{text-align:center}
	.review-grid-item a{max-height: 70vw;}
}

@media (max-width: 460px){
    .promotion__heading-desc br{display:none}
	.reviews-grid{grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))}
}
@media (max-width: 350px){
    .promotion-heading__desc > svg{display:none}
}