.collection-highlight {
	.container {
		display: flex;

		@media (width < 1000px) {
			flex-direction: column;
			gap: 25px;
		}
		@media (width >= 1000px) {
			gap: 50px;
		}
	}

	.collection-highlight__collection {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		flex: 1;

		@media (width < 1000px) {
			aspect-ratio: 410 / 300;
		}
		@media (width >= 1000px) {
			aspect-ratio: 645 / 759;
		}

		&::after {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: #1111114D;
		}
	}

	.collection-highlight__collection-image {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.collection-highlight__content {
		position: relative;
		place-self: center;
		color: #fff;
		display: flex;
		flex-direction: column;
		text-align: center;
		z-index: 1;
		gap: 30px;
		max-width: 300px;
	}

	.collection-highlight__products {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		flex: 1;

		@media (width < 1000px) {
			column-gap: 10px;
			row-gap: 20px;
		}
		@media (width >= 1000px) {
			gap: 25px;
		}
	}
}