/* HP Carousel Slider: only applies after the script has prepared the markets section. */
.hpcs-wrap {
	--hpcs-card: 280px;
	--hpcs-gap: 24px;
	display: block !important;
	overflow: hidden;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
}
.hpcs-wrap.hpcs-dragging { cursor: grabbing; }

.hpcs-track {
	display: flex;
	width: max-content;
	will-change: transform;
}
.hpcs-track > .card {
	flex: 0 0 var(--hpcs-card) !important;
	width: var(--hpcs-card) !important;
	margin: 0 var(--hpcs-gap) 0 0 !important;
}
.hpcs-track :is(img, a) { -webkit-user-drag: none; }

@media (max-width: 600px) {
	.hpcs-wrap { --hpcs-card: 220px; }
}