.product-item-container {
	position: relative;
}

.product-item {
	display: block;
	width: 100%;
	/* border: 1px solid #fff; */
}

/*Image*/
.product-item-image-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 406px;
	width: 100%;
	transition: all 300ms ease;
}

.product-item-image-original,
.product-item-image-alternative {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity 300ms linear;
	background-size: cover;
}

.product-item-image-original {
	z-index: 11;
}

.product-item-image-alternative {
	z-index: 13;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original {
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-alternative {
	opacity: 1;
}

.product-item-big-card .product-item-image-wrapper {
	margin-bottom: 25px;
}

/*Image Slider*/
.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.product-item-image-slide {
		transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-item-image-slider-slide-container>.active,
.product-item-image-slider-slide-container>.next,
.product-item-image-slider-slide-container>.prev {
	display: block;
}

.product-item-image-slider-slide-container>.active {
	left: 0;
}

.product-item-image-slider-slide-container>.next,
.product-item-image-slider-slide-container>.prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container>.next {
	left: 100%;
}

.product-item-image-slider-slide-container>.prev {
	left: -100%;
}

.product-item-image-slider-slide-container>.next.left,
.product-item-image-slider-slide-container>.prev.right {
	left: 0;
}

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	background-color: var(--theme-color-primary);
	opacity: .8;
}

.product-item-image-slider-control-container {
	display: flex;
	gap: 20px;
	align-items: center;
	transition: opacity 200ms ease;
}

.product-item-image-slider-control,
.product-item-image-slider-control.active {
	display: inline-block;

	border-radius: 50%;

	cursor: pointer;
	transition: all 200ms ease;

	border: 1px solid #b7b7b7;
	border-radius: 800px;
	width: 6px;
	height: 6px;
	background: #b7b7b7;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover {
	cursor: pointer;
	background: #fff;
}

.product-item-image-slider-control.active {
	background: #fff;
	width: 10px;
	height: 10px;
	border: unset;
}

.product-item-title {
	padding: 0 20px;
	margin: 34px 0 14px;
}

.product-item-title a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #fff;
	text-decoration: unset;
	transition: .4s ease-out;
}

.product-item-title a:hover {
	color: var(--main_color);
	transition: .4s ease-out;
}

.product-item-price-container {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 20px;
}

.product-item-price-current {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	text-transform: uppercase;
	color: #c89663;
}

.product-item-price-old {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
	text-decoration: line-through;
	color: #b3b3b3;
}

.product-item-label-sale {
	border-radius: 80px;
	padding: 0px 14px;
	background: #c69352;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
	color: #fff;
}

.product-item-info-container_btn {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 34px;
}

.product-item-info-container_btn .product-item-button-container button {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
	color: var(--text_black);
	padding: 20px 10px;
	cursor: pointer;
	background: var(--golden_color);
	width: 100%;
	border: 0;
	transition: .4s ease-out;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.product-item-info-container_btn .product-item-button-container button::before {
	content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75012 3.25L4.83012 3.61L5.79312 15.083C5.87012 16.02 6.65312 16.739 7.59312 16.736H18.5021C19.3991 16.738 20.1601 16.078 20.2871 15.19L21.2361 8.632C21.3421 7.899 20.8331 7.219 20.1011 7.113C20.0371 7.104 5.16412 7.099 5.16412 7.099" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M14.1251 10.7949H16.8981" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15447 20.2026C7.45547 20.2026 7.69847 20.4466 7.69847 20.7466C7.69847 21.0476 7.45547 21.2916 7.15447 21.2916C6.85347 21.2916 6.61047 21.0476 6.61047 20.7466C6.61047 20.4466 6.85347 20.2026 7.15447 20.2026Z" fill="white" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path fill-rule="evenodd" clip-rule="evenodd" d="M18.4347 20.2026C18.7357 20.2026 18.9797 20.4466 18.9797 20.7466C18.9797 21.0476 18.7357 21.2916 18.4347 21.2916C18.1337 21.2916 17.8907 21.0476 17.8907 20.7466C17.8907 20.4466 18.1337 20.2026 18.4347 20.2026Z" fill="white" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>');
	width: 24px;
	height: 24px;
	display: block;
	transition: filter .4s ease-out;
	filter: invert(1);
}

.product-item-info-container_btn .product-item-button-container button:hover {
	background-color: var(--text_color);
	color: var(--text_color);
	transition: .4s ease-out;
}

.product-item-info-container_btn .product-item-button-container button:hover::before {
	filter: invert(0);
}

.product-item-info-container_btn-1-click {
	text-align: center;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #fff;
	padding: 20px 10px;
	cursor: pointer;
	transition: .4s ease-out;
}

.product-item-info-container_btn-1-click:hover {
	color: var(--main_color);
	transition: .4s ease-out;
}

.product-item_info {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 0 20px;
	height: 21px;
}

.product-item-size {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	text-align: right;
	color: rgba(255, 255, 255, 0.5);
	float: right;
	width: 100%;
}

.product-item_tags div {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: var(--text_black);
	padding: 4px 8px;
	text-decoration: unset;
	background: var(--golden_color);
	width: fit-content;
}

.product-item_tags {
	position: absolute;
	top: 20px;
	left: 20px;
	display: flex;
	gap: 20px;
	z-index: 20;
}

@media (max-width: 1024px) {
	.product-item-info-container_btn {
		grid-template-columns: 1fr;
	}

	.product-item-image-wrapper {
		padding-top: 266px;
	}

	.product-item-price-current {
		font-size: 18px;
	}

	.product-item-info-container_btn .product-item-button-container button,
	.product-item-info-container_btn-1-click {
		font-size: 16px;
	}
}