.reviews {
	padding: 45px 70px 30px;
	background: var(--light-blue-color);
	box-shadow: var(--shadow-inset);
	border-radius: var(--border-radius-xl);
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}

.reviews:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	pointer-events: none;
}
.reviews__block {
	position: relative;
	margin-bottom: 20px;
}
.reviews__inner{
	background: #fff;
	border-top: 5px solid rgba(67,123,148,0.1);
	border-radius: 0 var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-xl);
	padding: 0 25px 25px;
	position: relative;
	box-shadow: var(--shadow-card);
	transition: all var(--transition-normal);
}

.reviews__inner:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.review-info {
	display: flex;
	padding: 16px 24px 20px;
	border-radius: 0 var(--border-radius-xl);
	background: rgba(67,123,148,0.1);
	backdrop-filter: blur(10px);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	box-shadow: var(--shadow-light);
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all var(--transition-normal);
}

.reviews__inner:hover .review-info {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(67, 123, 148, 0.2);
}
.review-info__content {
	margin: 0 20px 0 0;
}
.review-info__name {
	font-weight: 700;
	font-size: var(--font-size-xl);
	line-height: 1.2;
	background: var(--gradient-primary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom: 8px;
	transition: all var(--transition-fast);
}

.review-info__name:hover {
	transform: translateX(2px);
}
.review-info__name a{
	text-decoration: none;
}
.review-info__rating {
	font-weight: 600;
	font-size: var(--font-size-xs);
	line-height: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--text-muted);
}

.review-info__rating span{
	font-family: 'Tomorrow';
	font-weight: 700;
	font-size: 14px;
	line-height: 15px;
	background: var(--gradient-success);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-left: 4px;
	transition: all var(--transition-fast);
}

.reviews__inner:hover .review-info__rating span {
	transform: scale(1.1);
}
.review-info__social {
	flex-shrink: 0;
	padding-top: 3px;
}
.review-info__social span{
	display: inline-flex;
	align-items: center;
	padding: 8px 24px;
	height: 44px;
	background: var(--gradient-primary);
	box-shadow: var(--shadow-button);
	border-radius: var(--border-radius-md);
	font-weight: 600;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: all var(--transition-normal);
	position: relative;
	overflow: hidden;
}

.review-info__social span:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left var(--transition-slow);
}

.review-info__social span:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.review-info__social span:hover:before {
	left: 100%;
}
.review-info__social span i{
	display: block;
	line-height: 0;
	margin-left: 12px;
}
.review-info__social span svg{
	fill: #fff;
}

.reviews__container li:first-child .review-block{
	padding-right: 350px;
}
.reviews__container li.sub-comment{
	position: relative;
}
.reviews__container li.sub-comment:before{
	content: '';
	display: block;
	width: 31px;
	height: 31px;
	background: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.2929 19.293C24.6834 18.9024 25.3166 18.9024 25.7071 19.293L30.7071 24.293C31.0976 24.6835 31.0976 25.3166 30.7071 25.7072L25.7071 30.7072C25.3166 31.0977 24.6834 31.0977 24.2929 30.7072C23.9024 30.3166 23.9024 29.6835 24.2929 29.293L28.5858 25.0001L24.2929 20.7072C23.9024 20.3166 23.9024 19.6835 24.2929 19.293Z' fill='%23616E77'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 6.10352e-05C1.55228 6.10352e-05 2 0.447776 2 1.00006V21.0001C2 21.7957 2.31607 22.5588 2.87868 23.1214C3.44129 23.684 4.20435 24.0001 5 24.0001H30C30.5523 24.0001 31 24.4478 31 25.0001C31 25.5523 30.5523 26.0001 30 26.0001H5C3.67392 26.0001 2.40215 25.4733 1.46447 24.5356C0.526784 23.5979 0 22.3261 0 21.0001V1.00006C0 0.447776 0.447715 6.10352e-05 1 6.10352e-05Z' fill='%23616E77'/%3E%3C/g%3E%3C/svg%3E ") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 5px;
	left: 15px;
}
.review-block {
	position: relative;
	padding: 18px 0 15px;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(97,110,119,0.1);
	transition: all var(--transition-fast);
}

.review-block:hover {
	background: rgba(255, 255, 255, 0.5);
	border-radius: var(--border-radius-sm);
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
li:last-child .review-block{
	border: none;
}
.reviews__container li.sub-comment .review-block{
	padding-left: 56px;
}
.review-block__head {
	display: flex;
	margin-bottom: 5px;
}
.review-block__avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	transition: all var(--transition-fast);
}

.review-block__avatar img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: var(--shadow-light);
	transition: all var(--transition-fast);
}

.review-block:hover .review-block__avatar img {
	transform: scale(1.1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.review-block__info {
	margin: 0 0 0 11px;
}
.review-block__author {
	font-weight: 700;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	margin-bottom: 2px;
	color: var(--text-primary);
	transition: all var(--transition-fast);
}

.review-block:hover .review-block__author {
	color: var(--blue-title-color);
}
.review-block__date{
	font-size: 13px;
	line-height: 20px;
	color: #616E77;
}
.review-block__text{
	font-size: 16px;
	line-height: 25px;
}
.review-block__text-preview{
	display: none;
	align-items: center;
	font-weight: 700;
	font-size: var(--font-size-xs);
	line-height: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--blue-title-color);
	cursor: pointer;
	transition: all var(--transition-fast);
	padding: 8px 16px;
	border-radius: var(--border-radius-sm);
	background: rgba(67, 123, 148, 0.1);
}

.review-block__text-preview:hover {
	background: var(--gradient-primary);
	color: #fff;
	transform: translateX(2px);
}
.review-block__text-preview i{
	display: block;
	line-height: 0;
	margin-left: 12px;
}
.review-block__text-preview svg{
	fill: #437B94;
}
.review-block__text_has-more .review-block__text-content{
	height: 70px;
	overflow: hidden;
	mask-image: linear-gradient(black 0%, black 50%, transparent);
	mask-mode: alpha;
	-webkit-mask-image: linear-gradient(black 0%, black 50%, transparent);
	-webkit-mask-mode: alpha;
}
.review-block__text_has-more .review-block__text-preview{
	display: inline-flex;
}
.review-block__btn{
	text-align: center;
}
.review-block__btn a{
	display: inline-block;
	padding: 12px 28px;
	background: var(--gradient-warning);
	box-shadow: var(--shadow-button);
	border-radius: var(--border-radius-md);
	font-weight: 600;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	text-align: center;
	color: #fff;
	text-decoration: none;
	transition: all var(--transition-normal);
	position: relative;
	overflow: hidden;
}

.review-block__btn a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left var(--transition-slow);
}

.review-block__btn a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(250, 112, 154, 0.4);
}

.review-block__btn a:hover:before {
	left: 100%;
}
.reviews__container {
	position: relative;
}
.reviews__container:before{
	content: '';
	display: block;
	height: 40px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
/* Responsive
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1310px){
	.reviews{
		padding: 45px 30px 30px;
	}
}
@media only screen and (max-width: 1190px){
	
}
@media only screen and (max-width: 992px){
	.reviews{
		padding: 15px 15px 10px;
		margin: 0 -15px 5px;
		border-radius: 0;
	}
	.reviews .page-title{
		font-size: 32px;
	}
	.reviews__block{
		margin-bottom: 15px;
	}
	.reviews__block:before{
		content: '';
		display: block;
		height: 70px;
		border-radius: 0 0 10px 10px;
		background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
		opacity: 0.4;
		box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(100px);
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: -5px;
	}
	.reviews__inner{
		padding: 0 15px 20px;
		border-top: 3px solid #fff;
		border-radius: 0 0 20px 20px;
	}
	.review-info{
		justify-content: space-between;
		width: calc(100% + 30px);
		padding: 14px 15px 17px;
		margin: 0 -15px 5px;
		border-radius: 0;
		position: relative;
	}
	.review-info__name{
		font-size: 22px;
		line-height: 24px;
	}
	.review-info__rating{
		font-size: 12px;
		line-height: 15px;
	}
	.review-info__rating span{
		font-size: 14px;
	}
	.review-info__social span{
		padding: 5px 12px;
	}
	.reviews__container li:first-child .review-block{
		padding-right: 0;
	}
	.reviews__container li.sub-comment .review-block{
		padding-left: 36px;
	}
	.reviews__container li.sub-comment:before{
		width: 26px;
		height: 26px;
		top: 9px;
		left: 0px;
	}
	.review-block{
		padding: 11px 0 12px;
	}
	.review-block__head{
		margin-bottom: 4px;
	}
	.review-block__avatar{
		width: 40px;
		height: 40px;
	}
	.review-block__author{
		font-size: 16px;
		margin-bottom: 3px;
	}
	.review-block__date{
		font-size: 14px;
	}
	.review-block__text{
		font-size: 18px;
		line-height: 30px;
	}
	.review-block__btn{
		margin-top: -3px;
	}





	


	
}
@media only screen and (max-width: 767px){
	
}
@media only screen and (max-width: 640px){
	
}
@media only screen and (max-width: 480px){
	
}
@media only screen and (max-width: 411px){
	.reviews .page-title {
		font-size: 30px;
	}
	.reviews__blocks{
		margin: 0 -15px;
	}
	.review-block__head{
		margin-bottom: 2px;
	}
}
@media only screen and (max-width: 383px){
	.reviews .page-title{
		padding: 10px 10px 13px;
		font-size: 27px;
		line-height: 33px;
	}
	.review-info{
		padding: 14px 15px 19px;
	}
	.review-info__name{
		font-size: 20px;
		line-height: 22px;
	}
	.review-info__rating {
		font-size: 11px;
		line-height: 14px;
	}
	.review-info__rating span {
		font-size: 13px;
	}
	.review-block__avatar{
		width: 35px;
		height: 35px;
	}
	.review-block__info{
		margin: 3px 0 0 11px;
	}
	.review-block__author{
		font-size: 14px;
		margin-bottom: 1px;
	}
	.review-block__date{
		font-size: 13px;
	}
}
@media only screen and (max-width: 359px){
	.reviews .page-title {
		padding: 8px 10px 13px;
		font-size: 25px;
	}
	.review-info {
		padding: 14px 10px 19px;
	}
	.reviews__container{
		margin: 0 -5px;
	}
	.review-block {
		padding: 15px 0;
	}
	.review-block__info{
		margin: 0 0 0 11px;
	}
}

/* Современные анимации для отзывов 2025 года */
@keyframes slideInReview {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInReviewBlock {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Анимации появления элементов */
.reviews__block {
	animation: fadeInReviewBlock 0.6s ease-out;
}

.reviews__block:nth-child(1) { animation-delay: 0.1s; }
.reviews__block:nth-child(2) { animation-delay: 0.2s; }
.reviews__block:nth-child(3) { animation-delay: 0.3s; }
.reviews__block:nth-child(4) { animation-delay: 0.4s; }

.review-block {
	animation: slideInReview 0.4s ease-out;
}

.review-block:nth-child(1) { animation-delay: 0.1s; }
.review-block:nth-child(2) { animation-delay: 0.2s; }
.review-block:nth-child(3) { animation-delay: 0.3s; }

/* Hover эффекты для интерактивности */
.reviews__inner {
	backface-visibility: hidden;
	will-change: transform;
}

.review-block {
	backface-visibility: hidden;
	will-change: transform;
}

/* Улучшенные переходы для мобильных устройств */
@media (hover: none) {
	.reviews__inner:hover {
		transform: none;
	}
	
	.review-block:hover {
		background: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.review-info__social span:hover {
		transform: none;
	}
	
	.review-block__btn a:hover {
		transform: none;
	}
}