/**
 * Keep banner sliders sized to the image and park dots directly underneath.
 * The block's default 400px image height and absolute dotsPosition create a
 * large empty gap; cloned slides wrapping vertically push arrows into page
 * content (especially on My Account).
 */
.eb-parent-wrapper,
.eb-slider-wrapper,
.eb-slider-wrapper .slick-slider {
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.eb-slider-wrapper .slick-list {
	display: block !important;
	overflow: hidden !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eb-slider-wrapper .slick-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eb-slider-wrapper .slick-slide {
	float: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eb-slider-wrapper .slick-slider .eb-slider-item img,
.eb-slider-wrapper .eb-slider-image {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eb-slider-wrapper .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

.eb-slider-wrapper .slick-dots {
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	width: 100% !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	pointer-events: auto !important;
	z-index: 1 !important;
}

.eb-slider-wrapper .slick-prev,
.eb-slider-wrapper .slick-next {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
}

.eb-slider-wrapper.eb-slider-single .slick-dots,
.eb-slider-wrapper.eb-slider-single .slick-arrow,
.eb-slider-wrapper.eb-slider-single .slick-prev,
.eb-slider-wrapper.eb-slider-single .slick-next {
	display: none !important;
}

.wp-block-columns:has(.eb-slider-wrapper) {
	align-items: flex-start !important;
}