/* =============================================================================
   PRODUCT RECOMMENDATIONS — Figma node 725:5226
   ============================================================================= */

.cr-product-recs {
	flex: 0 0 auto !important;
	width: 100% !important;
	background: var(--cr-white, #fff) !important;
}

.cr-product-recs__inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 2.5rem !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 5rem 2.5rem 10rem !important;
	box-sizing: border-box !important;
}

.cr-product-recs__tabs {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 2rem !important;
	width: 100% !important;
}

.cr-product-recs__tab {
	padding: 0 !important;
	border: none !important;
	background: none !important;
	cursor: pointer !important;
	font-family: var(--cr-font-heading, 'Lora', Georgia, serif) !important;
	font-weight: 400 !important;
	font-size: 2.25rem !important;
	line-height: 1.22 !important;
	color: var(--cr-grey, #888) !important;
	white-space: nowrap !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
}

.cr-product-recs__tab.is-active {
	color: var(--cr-black, #333) !important;
}

.cr-product-recs__panel {
	width: 100% !important;
}

.cr-product-recs__panel[hidden] {
	display: none !important;
}

.cr-product-recs__grid.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	width: 100% !important;
	min-height: 40rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.cr-product-recs__grid.products::before,
.cr-product-recs__grid.products::after {
	display: none !important;
}

.cr-product-recs__grid.products li.product {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 2.5rem !important;
	float: none !important;
}

.cr-product-recs .cr-product-card {
	min-height: 40rem !important;
}

@media (max-width: 1200px) {
	.cr-product-recs__grid.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.cr-product-recs__inner {
		padding: 3rem 1.5rem 6rem !important;
		gap: 2rem !important;
	}

	.cr-product-recs__tabs {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important; /* Firefox: hide scrollbar, keep swipe */
		scroll-snap-type: x proximity !important;
		gap: 1.5rem !important;
	}

	.cr-product-recs__tabs::-webkit-scrollbar {
		display: none !important; /* Chrome/Safari: hide scrollbar, keep swipe */
	}

	.cr-product-recs__tab {
		flex: 0 0 auto !important;
		scroll-snap-align: start !important;
		font-size: 1.75rem !important;
	}

	.cr-product-recs__grid.products {
		grid-template-columns: 1fr !important;
		min-height: 0 !important;
	}

	.cr-product-recs .cr-product-card {
		min-height: 32.5rem !important;
	}
}

@media (max-width: 576px) {
	.cr-product-recs__inner {
		padding: 2.5rem 1rem 5rem !important;
	}

	.cr-product-recs__tab {
		font-size: 1.5rem !important;
	}
}