/**
 * Homepage UX Builder [ux_banner] blocks — drop shadow (matches Q8 Kart product cards).
 */

body.home #main,
body.front-page #main {
	--q8kart-banner-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
	--q8kart-banner-shadow-hover: 0 6px 22px rgba(46, 26, 109, 0.14);
	--q8kart-banner-radius: 10px;
}

/* Grid / column banners */
body.home #main .row .banner,
body.front-page #main .row .banner {
	border-radius: var(--q8kart-banner-radius);
	box-shadow: var(--q8kart-banner-shadow);
	overflow: hidden;
	transition: box-shadow 0.25s ease;
}

body.home #main .row .banner:hover,
body.front-page #main .row .banner:hover {
	box-shadow: var(--q8kart-banner-shadow-hover);
}

/* Top hero slider slides */
body.home #main .ux-slider .banner,
body.front-page #main .ux-slider .banner {
	box-shadow: var(--q8kart-banner-shadow);
	overflow: hidden;
}

/* Let shadows show between columns (Flatsome cols can clip otherwise) */
body.home #main .row .col > .banner,
body.front-page #main .row .col > .banner {
	margin: 0.2rem 0;
}