@keyframes sale-blink {
	0% {background: #12222f}
	10% {background-color: var(--secondary)}
	100% {background-color: #12222f}
}

.catalog-product-item {
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
}
	.catalog-product-item:focus {
		border-radius: 0;
		outline-color: var(--gray--lightest);
	}

	.catalog-product-item__image-container {
		aspect-ratio: 1/1;
		display: flex;
		background-color: var(--gray-lightest);
		border-radius: 0.5rem;
		position: relative;
		overflow: hidden;
	}
		.catalog-product-item__image-container.loaded {
			background: none;
		}

		.catalog-product-item__image {
			width: 100%;
			height: auto;
			object-fit: contain;
			outline: 1px solid var(--light);
			font-size: 0;
			aspect-ratio: 1/1;
		}

		.catalog-product-item__badges {
			position: absolute;
			left: 0.25em;
			bottom: 0.25em;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 0.2em;
		}

			.catalog-product-item__badge {
				font-size: 0.6em;
				background-color: #12222f;
				color: white;
				font-weight: 700;
				padding: 0.25em 0.6em;
				border-radius: 0.4em;
				box-shadow: var(--shadow);
  				letter-spacing: 0.05em;
				text-shadow: 1px 1px 0.1em color-mix(in srgb, black, transparent 70%)
			}
				/* .catalog-product-item__badge--sale {
					animation: sale-blink 4.2s infinite cubic-bezier(.07,.68,0,.86);
					animation-delay: 4.2s;
				} */
				.catalog-product-item__badge--new {
					background-color: var(--secondary);
					color: white;
				}
				.catalog-product-item__badge--not-in-stock {
					background-color: var(--primary);
					color: white;
				}

	.catalog-product-item__properties {
		display: grid;
		gap: 0.25em;
		padding: 0.5rem 0;
	}

		.catalog-product-item__title {
			font-size: 1em;
			line-height: 1.1;
			text-align: left;
			color: var(--primary);
			display: unset;
			margin: 0;
		}
			.catalog-product-item:hover .catalog-product-item__title {
				color: var(--secondary);
			}
			.catalog-item:visited :where(.catalog-product-item__title, .catalog-item__title) {
				color: var(--purple);
			}


		.catalog-product-item__rating {
			margin-left: 0.5em;
  			align-self: center;
		}
		.catalog-product-item__rating .star-rating__star {
			font-size: 0.8em;
		}

		.catalog-product-item__price {
			color: var(--dark);
			font-size: 1em;
			display: flex;
			flex-wrap: nowrap;
			margin: 0;
		}
			.catalog-product-item__price--from {
				padding-right: 0.3em;
			}
			.catalog-product-item__price--from,
			.catalog-product-item__price--to {
				display: flex;
				align-items: baseline;
			}
				.catalog-product-item__price--to::before {
					content: "...";
					margin-left: -0.2em;
					padding-right: 0.2em;
				}

@media screen and (max-width: 992px) {
	.catalog-product-item__image-container {
		margin-bottom: 0.5rem;
	}
		.catalog-product-item__image {
			border-radius: 0.33rem;
		}

	.catalog-product-item__properties {
		display: block;
		position: relative;
		padding: 0;
	}
		.catalog-product-item__title {
			line-height: 1;
			display: block;
			margin: 0;
			margin-bottom: 0.25rem;
		}

		.catalog-product-item__rating {
			margin-left: 0.2em;
		}

		.catalog-product-item__price {
			flex-wrap: wrap;
			gap: 0.25em;
		}


		.catalog-product-item__order {
			align-self: stretch;
			display: none;
		}

	.catalog-product-item__badge {
		font-size: 0.4em;
	}
}