/* Shop by Categories — click dropdown, one subcategory level */

/* Lift the whole section above the following slider while a menu is open.
   Elementor entrance animations apply transform (stacking context), so item
   z-index alone cannot escape above the next section. */
.e-con:has(.kitify-bannerlist),
.elementor-widget-kitify-banner-list {
	position: relative;
	z-index: 2;
}

.e-con:has(.kitify-bannerlist .is-menu-open),
.e-con.is-cat-menu-open,
.elementor-widget-kitify-banner-list:has(.is-menu-open),
.kitify-bannerlist.is-cat-menu-open {
	z-index: 40;
}

.kitify-bannerlist .kitify-bannerlist__list_wrapper,
.kitify-bannerlist .kitify-bannerlist__list,
.kitify-bannerlist .kitify-bannerlist__item,
.kitify-bannerlist .kitify-bannerlist__inner {
	overflow: visible;
}

.kitify-bannerlist__item.has-cat-menu {
	position: relative;
	z-index: 1;
}

.kitify-bannerlist__item.has-cat-menu.is-menu-open {
	z-index: 30;
}

.kitify-bannerlist__item.has-cat-menu .kitify-bannerlist__link {
	cursor: pointer;
}

.miniture-cat-menu {
	position: absolute;
	left: 0.75rem;
	right: 0.75rem;
	top: calc(100% - 0.5rem);
	z-index: 40;
	pointer-events: auto;
}

.miniture-cat-menu[hidden] {
	display: none;
}

.miniture-cat-menu__panel {
	max-height: min(70vh, 28rem);
	overflow: auto;
	padding: 0.65rem 0.75rem;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
	text-align: left;
}

.miniture-cat-menu__view-all {
	display: block;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #ececec;
	color: #111;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.miniture-cat-menu__view-all:hover,
.miniture-cat-menu__view-all:focus-visible {
	color: #000;
	text-decoration: underline;
}

.miniture-cat-menu__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.miniture-cat-menu__item + .miniture-cat-menu__item {
	margin-top: 0.15rem;
}

.miniture-cat-menu__link {
	display: block;
	color: #222;
	font-size: 0.875rem;
	line-height: 1.35;
	text-decoration: none;
}

.miniture-cat-menu__link:hover,
.miniture-cat-menu__link:focus-visible {
	color: #000;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.miniture-cat-menu {
		left: 0.5rem;
		right: 0.5rem;
		top: auto;
		bottom: 0.5rem;
	}

	.miniture-cat-menu__panel {
		max-height: min(55vh, 22rem);
	}
}