/*
 * "Product Carousel" widget — reuses the shared .brado-deal-banner-card /
 * .brado-deal-banner-widget__list styles (assets/css/deal-banner-widget.css)
 * for the cards themselves, but wraps them in a plain heading + row instead
 * of the pink "Deal of the Day" gradient banner, since this widget isn't
 * tied to a time-limited offer.
 */
.brado-product-carousel-widget {
	padding: 4px 0;
}
.brado-product-carousel-widget__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.brado-product-carousel-widget__heading {
	margin: 0;
	font-family: var(--brado-font-heading, serif);
	font-size: 22px;
	font-weight: 700;
	color: var(--brado-ink, #1c1a17);
}
.brado-product-carousel-widget__view-all {
	flex-shrink: 0;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--brado-accent, #8f6d3a);
	text-decoration: none;
	white-space: nowrap;
}
.brado-product-carousel-widget__view-all:hover {
	color: var(--brado-accent-hov, #6e5228);
}

/* Neutral Add-to-cart button here instead of the deal widgets' pink CTA —
   this carousel isn't a promotional "sale" section. */
.brado-product-carousel-widget .brado-deal-banner-card__cta .button {
	background: var(--brado-ink, #1c1a17) !important;
	border-color: var(--brado-ink, #1c1a17) !important;
}
.brado-product-carousel-widget .brado-deal-banner-card__cta .button:hover {
	background: var(--brado-accent, #8f6d3a) !important;
	border-color: var(--brado-accent, #8f6d3a) !important;
}

/*
 * The shared deal-banner-widget.css carousel sizes each card at 62% width
 * (built for a "one main card + a peek of the next" deal-banner look). This
 * widget is a general browsing carousel, not a single-deal spotlight, so it
 * overrides that to exactly 2 cards per view — this site is mobile-only, no
 * separate desktop breakpoint needed. The shared card design itself
 * (ribbon/rating/price/CTA) is unchanged.
 */
.brado-product-carousel-widget .brado-deal-banner-widget__list--carousel .brado-deal-banner-card {
	flex: 0 0 calc((100% - 12px) / 2);
}