.product-reviews {
	.swiper-slide {
		height: auto;
		padding: 15px 0 15px 105px;
		transition: .1s;
		
		.review_box {
			opacity: .6;
		}
	}
	
	.swiper-slide-next {
		padding: 15px 105px 15px 0;
	}
	
	.swiper-slide-active {
		padding: 0;
		
		.review_box {
			opacity: 1;
		}
	}
	
	.review_box {
		padding: 24px;
		background-color: var(--brown-50);
		border-radius: 16px;
		transition: .1s;
		
		.grid_box {
			display: grid;
			grid-template-columns: 56px 1fr;
			align-items: start;
			grid-gap: 16px;
			margin-bottom: 24px;
		}
		
		.photo_box {
			width: 56px;
			height: 56px;
			border-radius: 8px;
			overflow: hidden;
		}
		
		.rating {
			display: grid;
			grid-template-columns: repeat(5, 14px);
			grid-gap: 4px;
			margin-top: 4px;
		}
	}
	
	.button_box {
		margin-top: 24px;
		text-align: center;
	}
	
	
	/*review popup*/
	
	.review_popup {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 9;
		
		.overlay {
			position: absolute;
			inset: 0;
			background-color: #000;
			opacity: .4;
			cursor: pointer;
		}
		
		.popup_content {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 90%;
			max-width: 516px;
			transform: translate(-50%, -50%);
			background-color: var(--white-50);
			padding: 32px;
			border-radius: 16px;
			text-align: center;
		}
		
		#comments {
			display: none;
		}
		
		#review_form_wrapper {
			#reply-title {
				font-size: 24px;
				font-weight: 500;
			}
			
			#commentform {
				margin-top: 8px;
				
				.comment-form-author,
				.comment-form-email,
				.comment-form-rating,
				.comment-form-comment {
					margin-bottom: 16px;
					text-align: left;
				}
				
				input[type="text"],
				input[type="email"],
				textarea {
					width: 100%;
					background-color: var(--white-100);
					border: 1px solid #E3E7E1;
					height: 120px !important;
					resize: none;
					padding: 12px 16px;
					border-radius: 8px;
				}
				
				input[type="text"],
				input[type="email"] {
					height: auto !important;
				}
				
				label {
					display: block;
					margin-bottom: 8px;
				}
				
				.comment-form-cookies-consent {
					display: flex;
					align-items: flex-start;
					gap: 8px;
					margin-bottom: 16px;
					text-align: left;
					
					input {
						width: auto;
						flex-shrink: 0;
						margin-top: 5px;
					}
					
					label {
						display: inline;
						margin-bottom: 0;
					}
				}
				
				.form-submit {
					margin-bottom: 0 !important;
				}
				
				input#submit {
					display: inline-block;
					padding: 12px 32px;
					font-weight: 500;
					line-height: inherit;
					color: var(--white-100);
					background-color: var(--green-700);
					border-radius: 24px;
					border: 0;
					text-align: center;
					cursor: pointer;
					transition: .4s;
					
					@media (max-width: 767px) {
						padding: 9px 32px;
					}
					
					&:hover {
						color: var(--white-100);
						background-color: var(--green-500);
					}
				}
			}
		}
	}
	
	@media (max-width: 1199px) {
		.swiper-slide {
			padding: 0;
			
			.review_box {
				opacity: 1;
			}
		}
	}
	
	@media (max-width: 767px) {
		.review_popup {
			.popup_content {
				padding: 24px;
			}
		}
	}
}