/**
 * Product Carousel — desktop + mobile.
 * Extraído do custom-style.css do tema.
 */

.popular-products-section {
	width: 100vw;
	margin-left: calc(-50vw + 50%); /* descola do padding do container do Elementor, mesmo truque do hero, gift-slider e product-grid */
}

.products-display {
	display: flex;
	gap: 20px;
	padding: 10px;
	flex-wrap: nowrap;
	cursor: grab;
	user-select: none;
	overflow-x: auto;
}

.products-display::-webkit-scrollbar {
	display: none;
}

.product-card {
	min-width: 300px;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
	transform: scale(1.05);
}

@media (max-width: 768px) {

	.product-card {
		min-width: 140px;
	}
}