@charset "UTF-8";
.modal-product-preview {
		max-width: 1310px;
}
.product-preview {
		display: flex;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
}
.product-preview.view1 {
		--width: 580px;
		--left: 0px;
		--right: 50px;
}
.product-preview.view2 {
		--width: 500px;
		--left: 0;
		--right: 50px;
}
.product-preview-gallery {
		position: absolute !important;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 50px !important;
}
.product-preview-gallery .swiper-wrapper, .product-preview-gallery .swiper-slide {
		height: 100% !important;
}
.product-preview-gallery .swiper-slide {
		width: 100%;
		position: relative;
		padding-bottom: 82px;
		display: flex !important;
		align-items: center;
		justify-content: center;
}
.product-preview-gallery .swiper-slide img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
		border-radius: 3px;
}
.product-preview-gallery .main-slider-arrow {
		width: 72px;
		height: 72px;
		top: auto;
		bottom: 0;
		left: 50%;
		margin: 0;
		transform: none;
		background-color: #F5F8FC;
		border-color: #CEDFF5;
		border-width: 1px;
}
@media (pointer:fine) {
		.product-preview-gallery .main-slider-arrow:not(.swiper-button-disabled):hover {
				border-color: #96A5B4;
				background-color: #96A5B4;
				box-shadow: none;
		}
}
.product-preview-gallery .product-preview-gallery-prev {
		margin-left: -77px;
}
.product-preview-gallery .product-preview-gallery-next {
		margin-left: 5px;
}
.product-preview-gallery-counter {
		position: absolute;
		bottom: 6px;
		left: 10px;
		width: 115px;
		height: 60px;
		text-align: center;
		font: 600 20px/60px var(--fontg);
		letter-spacing: -0.01em;
		color: #7B889E;
		background: #F6FBFF;
		overflow: hidden;
		border-radius: 30px;
}
.product-preview-photos {
		overflow: hidden;
		width: calc(100% - var(--width));
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		order: 1;
}
.product-preview-content {
		order: 2;
		margin-left: auto;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		width: var(--width);
		max-width: 100%;
}
.product-preview-center {
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		padding: 20px calc(var(--right) + 30px) 0 var(--left);
}
.product-preview.view1 .product-preview-center {
		padding-right: calc(var(--right) + 40px);
		padding-top: 25px;
}
.product-preview .product-buttons {
		gap: 15px;
		margin: 24px var(--right) 0 var(--left)!important;
}

.product-preview .product-buttons-adv {
	gap: 15px;
	margin: 24px var(--right) 0 var(--left) !important;
}

.product-preview .line {
		height: 1px;
		background: var(--preview-border);
		margin-right: var(--right);
		position: relative;
		z-index: 11;
}
.product-preview-top .line:last-child {
		margin-bottom: -24px;
		margin-top: 4px;
}
.product-preview-price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 50px var(--right) 24px var(--left);
		position: sticky;
		top: 0;
		z-index: 10;
		background: var(--white);
}
.product-preview-price:not(:first-child) {
		margin-top: -30px;
}
.product-preview-price:after {
		content: '';
		height: 1px;
		background: var(--preview-border);
		margin-right: var(--right);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}
.product-preview-bottom {
		position: sticky;
		bottom: 0;
		z-index: 10;
		background: var(--white);
		padding: 30px var(--right) 50px var(--left);
}
.product-preview.view1 .product-preview-bottom {
		border-top: 1px solid var(--preview-border);
		padding-top: 10px;
		margin-top: 40px;
}
.product-preview-bottom .product-buttons {
		margin: 0;
}
@media only screen and (min-width: 768px) {
		.product-preview .product-price strong {
				font-size: 28px;
		}
		.product-preview .product-price del {
				font-size: 16px;
				line-height: 20px;
		}
}
.product-preview .product-info {
		border-bottom: 1px solid #E8EFF8;
		padding: 5px 0 20px 0;
		margin: 0 0 30px 0;
}
.product-preview.view2 .product-info {
		margin-bottom: 20px;
}
.product-preview-name {
		flex: 0 0 auto;
		width: 100%;
		font: bold 30px/36px var(--fontg);
		letter-spacing: -0.01em;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 70px 0 20px 0;
		padding: 0 var(--right) 0 var(--left);
		color: var(--grey700);
}
@media only screen and (max-width: 767px) {
		.product-preview-name {
				font-weight: 900;
				font-size: 24px;
				line-height: 32px;
				color: var(--grey800);
		}
}
.product-preview-code {
		font: 600 18px/20px var(--fontg);
		color: var(--sec-dark);
		margin: 0 var(--right) 20px var(--left);
		position: relative;
		z-index: 11;
}
.product-preview-code strong {
		font-weight: inherit;
		color: var(--dark-light);
}
.product-preview .btn-small {
		height: 50px;
}
@media only screen and (max-width: 1109px) {
		.product-preview-gallery {
				margin-left: 0 !important;
				margin-right: 20px !important;
		}
}
@media only screen and (max-width: 1023px) {
		.product-preview-gallery-counter {
				display: none !important;
		}
		.product-preview.view1, .product-preview.view2 {
				--left: 0;
				--right: 20px;
				--width: 440px;
		}
}
@media only screen and (max-width: 767px) {
		.product-preview {
				flex-direction: column;
				height: auto;
				overflow: visible;
		}
		.product-preview.view1, .product-preview.view2 {
				--left: 20px;
				--right: 20px;
		}
		.product-preview-photos {
				width: 100% !important;
				position: relative;
				top: auto;
				bottom: auto;
				left: auto;
				height: 320px;
		}
		.product-preview-gallery {
				margin: 0 !important;
		}
		.product-preview-gallery .swiper-slide {
				padding-bottom: 0 !important;
		}
		.product-preview-content {
				width: 100% !important;
		}
		.product-preview-name {
				margin-top: 50px;
		}
}

/*added 15.10.24*/
@media only screen and (min-width: 768px) {
	.modal-slide.modal-product-preview{min-height: 700px;}
		.product-preview.view1 {
				--buttons: 151px;
		}
		.product-preview.view2 {
				--buttons: 130px;
		}
		.product-preview-content {
				height: calc(100% - var(--buttons));
				overflow: hidden;
				overflow-y: auto;
				padding-bottom: 40px;
				
		}
		.product-preview-bottom {
				position: absolute;
				bottom: 0;
				right: 0;
				width: var(--width);
				height: var(--buttons);
				padding-bottom: 0;
		}
}