.brado-category-slider {
	padding: 4px 0;
}

.brado-category-slider__list {
	display: flex;
	gap: 12px;
}
.brado-category-slider__list--carousel {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	padding: 2px 2px 10px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.brado-category-slider__list--carousel::-webkit-scrollbar { display: none; }
.brado-category-slider__list--carousel .brado-category-slider__banner {
	flex: 0 0 82%;
	scroll-snap-align: start;
}
.brado-category-slider__list--grid {
	display: grid;
	grid-template-columns: repeat(var(--brado-category-slider-columns, 2), 1fr);
}
@media (max-width: 480px) {
	.brado-category-slider__list--carousel .brado-category-slider__banner {
		flex: 0 0 88%;
	}
}

.brado-category-slider__banner {
	position: relative;
	display: block;
	aspect-ratio: 2.4 / 1;
	border-radius: 10px;
	overflow: hidden;
	background: var(--brado-bg, #f0ece5);
}
.brado-category-slider__banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.brado-category-slider__title {
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	max-width: 48%;
	text-align: right;
	font-family: var(--brado-font-heading, serif);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--brado-accent, #7a5c33);
	text-shadow: 0 1px 6px rgba(253, 252, 250, 0.7), 0 1px 2px rgba(253, 252, 250, 0.7);
}