/* Product. */

.product:not(.card) {
	--inner: 32px;

	position: relative;

	padding: 0 var(--inner) 28px;
	border: 1px solid #EEEEEE;
	background-color: var(--bg);
	border-radius: 10px;
	pointer-events: visible;
}

.product_top {
	position: relative;

	z-index: 1;
	margin: 0 calc(var(--inner) * -1);
}

.product_caption {
	position: absolute;
	top: 8px;
	left: 8px;

	padding: 0 12px;
	font-size: 15px;
	font-weight: 700;
	line-height: 32px;
	background-color: #FDF4EF;
	border-radius: 6px;
}

.product_caption._best {
	color: #2A70E7;
	background-color: #EEF5FE;
}
.product_caption._sale {
	color: #ED6D30;
}

.product_sale {
	position: absolute;
	left: var(--inner);
	bottom: 0;

	padding: 0 4px;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	background-color: #ED6D30;
	border-radius: 6px;
}

.product_img {
	position: relative;

	z-index: -1;
}

.product_img:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.product_img img {
	position: absolute;
	top: 0;
	left: 0;

	height: 100%;
	padding: 4px 4px 0;
	object-fit: contain;
	object-position: center;
}

.product_cart {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: 10px;
	height: 60px;
	width: 128px;
	padding: 0 34px;
	color: var(--white);
	font-weight: 700;
	white-space: nowrap;
	background-color: var(--primary);
	border-radius: 36px;
	cursor: pointer;

	transition: box-shadow .43s, opacity .43s;
	inline-size: fit-content;

}
.product_cart:active {
	transform: scale(0.95); /* Зменшуємо елемент під час натискання */
	transition: transform 0.2s ease; /* Додаємо анімацію зменшення */
}

.product_cart.loading:after {
	content: ''; /* Додаємо елемент для анімації завантаження */
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://media.tenor.com/wpSo-8CrXqUAAAAi/loading-loading-forever.gif') no-repeat center center; /* Додайте URL вашого зображення завантаження */
	background-size: 24px 24px; /* Розміри зображення завантаження */
	animation: spin 1s linear infinite; /* Додаємо анімацію обертання */
}

.product_cart .in-cart{
	background-color: #399500;
}

.product_cart:hover {
	box-shadow: 0 0 40px var(--primary);
}

.product_cart .in-cart:hover{
	box-shadow: 0 0 40px #399500;
}

.product:not(:hover) .product_cart {
	opacity: 0;
}

.product_price ._this {
	color: black;
	font-size: 19px;
	font-weight: 600;
}
.product_price ._old {
	color: var(--gray);
	font-size: 17px;
	font-weight: 400;
	text-decoration: line-through;
}

.product_price ._sale {
	position: absolute;
	padding: 0 4px;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	background-color: #ED6D30;
	border-radius: 6px;
	right: 10px;
}

.product_desc {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    margin-top: 20px;
    font-size: 15px;
    line-height: 1.5;
}

.product_revs {
	display: flex;
	align-items: center;
	grid-gap: 4px 16px;

	margin-top: 24px;
}

.product_revs_stars {
	--size: 14px;
	--inner: 4px;

	display: flex;
	align-items: center;

	margin: 0 calc(var(--inner) * -1);
}

.product_revs_stars li {
	position: relative;

	width: calc(var(--size) + var(--inner) * 2);
	height: var(--size);
	padding: 0 var(--inner);
}

.product_revs_stars li:before {
	content: '';
	position: absolute;
	top: 0;
	left: var(--inner);
	right: var(--inner);
	bottom: 0;

	/* Inactive. */
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4838 11.8758C7.18274 11.7093 6.81726 11.7093 6.5162 11.8758L4.47591 13.0036C3.74533 13.4075 2.87074 12.7913 3.00515 11.9674L3.41873 9.43248C3.46984 9.11921 3.36919 8.80029 3.14753 8.5731L1.35927 6.74032C0.79082 6.15771 1.11943 5.17628 1.92408 5.05341L4.30922 4.68924C4.63892 4.6389 4.92181 4.42751 5.06353 4.12559L6.09476 1.92858C6.45468 1.16178 7.54532 1.16178 7.90524 1.92858L8.93647 4.1256C9.07819 4.42751 9.36108 4.6389 9.69078 4.68924L12.0759 5.05341C12.8806 5.17628 13.2092 6.15771 12.6407 6.74032L10.8525 8.5731C10.6308 8.80029 10.5302 9.11921 10.5813 9.43248L10.9948 11.9674C11.1293 12.7913 10.2547 13.4075 9.5241 13.0036L7.4838 11.8758Z' fill='%23F5C15C'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

	transition: background-image .43s;
}


.product_revs_stars li.active ~ li:before {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4838 11.8758C7.18274 11.7093 6.81726 11.7093 6.5162 11.8758L4.47591 13.0036C3.74533 13.4075 2.87074 12.7913 3.00515 11.9674L3.41873 9.43248C3.46984 9.11921 3.36919 8.80029 3.14753 8.5731L1.35927 6.74032C0.79082 6.15771 1.11943 5.17628 1.92408 5.05341L4.30922 4.68924C4.63892 4.6389 4.92181 4.42751 5.06353 4.12559L6.09476 1.92858C6.45468 1.16178 7.54532 1.16178 7.90524 1.92858L8.93647 4.1256C9.07819 4.42751 9.36108 4.6389 9.69078 4.68924L12.0759 5.05341C12.8806 5.17628 13.2092 6.15771 12.6407 6.74032L10.8525 8.5731C10.6308 8.80029 10.5302 9.11921 10.5813 9.43248L10.9948 11.9674C11.1293 12.7913 10.2547 13.4075 9.5241 13.0036L7.4838 11.8758Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}

.product_revs p {
	padding-top: 2px;	
	color: var(--primary);
	font-size: 15px;
	line-height: 14px;
}

.product:not(:hover) .product_info {
	pointer-events: none;
	opacity: 0;
}

.product_info {
	position: absolute;
	top: calc(100% - 20px);
	left: 0;
	right: 0;

	padding: 20px var(--inner) 28px;
	font-size: 15px;
	line-height: 1.7;
	border: 1px solid #EEEEEE;
	border-top: 0 none;
	background-color: var(--bg);
	border-radius: 10px;
	z-index: 2;

	transition: opacity .43s;
}

.product_info li {
	display: flex;
	align-items: center;
	grid-gap: 8px;
}

.product_info span {
	color: var(--gray);
}

.ProductTile__reviews {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ProductTile__reviewIcon {
	width: 24px;
}

/* Product. */

@media only screen and (max-width: 1800px) and (min-width: 771px) {

	/* Product. */

	.product:not(.card) {
		--inner: 24px;
	}

	.owl-carousel .product_price {
		font-size: 19px;
	}

	.owl-carousel .product_revs_stars {
		--inner: 1px;
	}

	.owl-carousel .product_info {
		font-size: 11px;
	}

	/* Product. */
}

@media only screen and (max-width: 1400px) and (min-width: 771px) {

	/* Product. */

	.product_price {
		flex-direction: column-reverse;
		align-items: flex-start;
		grid-gap: 0 !important;
	}

	/* Product. */

}


@media only screen and (max-width: 1300px) {

	/* Product. */

	.product:not(.card) {
		--inner: 20px;
	}

	.product_info {
		font-size: 14px;
	}

	.product_cart {
		height: 52px;
	}

	/* Product. */

}


@media only screen and (max-width: 1200px) and (min-width: 771px) {

	/* Product. */

	.product:not(.card) {
		--inner: 12px;
		padding-bottom: 16px;
	}

	.product_price  {
		margin-top: 12px;
	}

	.product_desc {
		margin-top: 8px;
	}

	.product_revs {
		flex-wrap: wrap;

		margin-top: 12px;
	}

	.product_caption._best,
	.product_sale {
		font-size: 10px;
	}

	.product_cart {
		width: 100px;
		height: 44px;
		font-size: 14px;
		padding: 0;
		justify-content: center;
	}

	.product_info {
		font-size: 10px;
		padding-top: 8px;
		padding-bottom: 12px;
		top: 100%;

		margin-top: -12px;
		border-radius: 0 0 10px 10px;
	}

	.product_info li {
		grid-gap: 3px;
	}

	/* Product. */

}


@media only screen and (max-width: 1030px) and (min-width: 771px) {

	/* Product. */

	.product_price  {
		font-size: 15px;
	}

	.product_price ._old {
		font-size: 12px;
		margin-bottom: -4px;
	}

	.product_desc {
		margin-top: 8px;

		font-size: 12px;
	}

	.product_revs {
        --size: 10px;
    }

	.product_revs p {
		font-size: 12px;
	}

	.product_cart {
		width: 88px;
		height: 32px;
	}

	.product_info {
		display: none;
	}

	/* Product. */

}

@media only screen and (max-width: 900px) and (min-width: 771px) {

	/* Product. */

	.product:not(.card) {
		--inner: 8px;
	}

	.product_caption._best,
	.product_sale {
		font-size: 8px;
	}

	.product_cart {
		width: 80px;
		height: 28px;
		font-size: 12px;
	}

	/* Product. */

}

@media only screen and (max-width: 770px) {

	/* Product. */

	.product:not(.card) {
		border: 0 none;
	}

	.product_price {
		grid-column-gap: 12px;

		font-size: 20px;
	}

	.product_price ._old {
		font-size: 15px;
	}

	.product_info {
		display: none;
	}

	.product_cart {
		display: none;
	}

	/* Product. */

}

@media only screen and (max-width: 600px) {

	/* Product. */

	.product:not(.card) {
		padding-bottom: 0;
	}

	.product_top {
		margin: 0;
		padding: 28px 0 0;
		border-bottom: 1px solid #EEEEEE;
	}

	.product_caption {
		left: var(--inner);
	}

	.product_price {
		margin-top: 12px;
	}

	.product_sale {
		position: static;

		font-size: 13px;
		line-height: 21px;
	}

	.product_price {
		flex-wrap: wrap;
	}

	.product_price ._sale {
		font-size: 10px;
	}
	.product_price ._this {
		font-size: 14px;
	}
	.product_price ._old {
		font-size: 11px;
		order: 1;
	}

	.product_desc {
		margin-top: 12px;
	}

	.product_revs {
		align-items: center;
		margin-top: 16px;
		gap: 8px;
	}

	.product_revs_stars {
		--size: 12px;
		--inner: 3px;
	}

	.product_caption {
		padding: 0 10px;
		font-size: 13px;
		line-height: 27px;
	}

	.card_item_top {
		grid-gap: 0 20px;
	}

	/* Product. */

}