/* Container dello scroll */
.horiz-cards-container {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.horiz-cards-container::-webkit-scrollbar {
	display: none;
}

/* Spazio finale di 20px (10px gap + 10px ::after) */
.horiz-cards-container::after {
	content: "";
	flex: 0 0 10px;
}

/* Card base */
.horiz-card-item {
	flex: 0 0 calc((100% - (4.15 - 1) * 10px) / 4.15);
	min-width: calc((100% - (4.15 - 1) * 10px) / 4.15);
	height: 650px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

.horiz-card-item:hover {
	transform: translateY(-5px);
}

/* Alignment Posizionamento */
.horiz-card-item.pos-bottom {
	justify-content: flex-end;
}
.horiz-card-item.pos-top {
	justify-content: flex-start;
}

/* Overlay e Sfumature (Schiarite) */
.horiz-card-overlay {
	top: 0;
	left: 0;
	transition: background 0.3s ease;
}


/* Tipografia e dettagli testo */

.horiz-card-description {
	opacity: 0.8;
}

/* Responsive Breakdown */
@media (max-width: 1200px) {
	.horiz-card-item {
		flex: 0 0 calc((100% - (2.3 - 1) * 10px) / 2.3);
		min-width: calc((100% - (2.3 - 1) * 10px) / 2.3);
		height: 500px;
	}
}
@media (max-width: 768px) {
	.horiz-card-item {
		flex: 0 0 calc((100% - (2.3 - 1) * 10px) / 2.3);
		min-width: calc((100% - (2.3 - 1) * 10px) / 2.3);
		height: 500px;
	}
	.horiz-card-content {
		padding: 30px;
	}
}

@media (max-width: 576px) {
	.horiz-card-item {
		flex: 0 0 82%;
		min-width: 82%;
		height: 380px;
	}
}