.unique-related-products {
	margin: 42px 0 24px;
	position: relative;
}

.unique-related-products__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0 !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.unique-related-products__header h2 {
	margin-bottom: 0 !important;
}

.unique-related-products__track {
	display: flex;
	gap: 16px;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0 !important;
	overflow-x: auto;
	padding: 0 2px 14px !important;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.unique-related-products__card {
	box-sizing: border-box;
	flex: 0 0 calc(25% - 12px);
	min-width: 190px;
	overflow: hidden;
	padding-bottom: 0;
	scroll-snap-align: start;
}

.unique-related-products__image {
	display: block;
	height: 200px;
	margin: 0 auto;
	object-fit: contain;
	width: 100%;
}

.unique-related-products__button {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.unique-related-products__card {
		flex-basis: calc(33.333% - 11px);
	}
}

@media (max-width: 600px) {
	.unique-related-products__card {
		flex-basis: 78%;
	}
}

/* Compatibilità con markup già presente nelle cache del sito, senza dipendere dal prefisso della classe. */
[class$="related-products"] {
	margin: 42px 0 24px;
	position: relative;
}

[class*="related-products__header"] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0 !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

[class*="related-products__header"] h2 {
	margin-bottom: 0 !important;
}

[class*="related-products__track"] {
	display: flex;
	gap: 16px;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0 !important;
	overflow-x: auto;
	padding: 0 2px 14px !important;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

[class*="related-products__card"] {
	box-sizing: border-box;
	flex: 0 0 calc(25% - 12px);
	min-width: 190px;
	overflow: hidden;
	padding-bottom: 0;
	scroll-snap-align: start;
}

[class*="related-products__image"] {
	display: block;
	height: 200px;
	margin: 0 auto;
	object-fit: contain;
	width: 100%;
}

[class*="related-products__button"] {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	[class*="related-products__card"] {
		flex-basis: calc(33.333% - 11px);
	}
}

@media (max-width: 600px) {
	[class*="related-products__card"] {
		flex-basis: 78%;
	}
}
