/* Mega menu AliExpress — vitacomoda.it */

.menu-item.vc-mega-menu-trigger > .sub-menu,
.menu-item.vc-mega-menu-trigger .astra-megamenu-lazy-load,
#ast-desktop-header .main-header-menu > .menu-item-type-taxonomy.menu-item-object-product_cat,
#ast-desktop-header .main-header-menu .menu-item-type-taxonomy.menu-item-object-product_cat,
#ast-mobile-header .main-header-menu .menu-item-type-taxonomy.menu-item-object-product_cat {
	display: none !important;
}

.vc-mega-menu {
	position: fixed;
	inset: 0;
	z-index: 999999;
}

.vc-mega-menu[hidden] {
	display: none !important;
}

.vc-mega-menu:not([hidden]) {
	display: block;
}

.vc-mega-menu__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
}

.vc-mega-menu--desktop .vc-mega-menu__backdrop {
	display: none;
}

.vc-mega-menu--desktop {
	pointer-events: none;
}

.vc-mega-menu--desktop .vc-mega-menu__panel {
	pointer-events: auto;
	top: 132px;
}

.vc-mega-menu__panel {
	position: absolute;
	left: 50%;
	top: 72px;
	transform: translateX(-50%);
	width: min(1120px, calc(100vw - 24px));
	max-height: calc(100vh - 96px);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
	display: grid;
	grid-template-columns: 260px 1fr;
	overflow: hidden;
}

.vc-mega-menu__sidebar {
	background: #fafafa;
	border-right: 1px solid #eceff3;
	overflow-y: auto;
	max-height: calc(100vh - 96px);
}

.vc-mega-menu__cat {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 12px 16px;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 0.95rem;
	color: #1e2a39;
	cursor: pointer;
}

.vc-mega-menu__cat:hover,
.vc-mega-menu__cat.is-active {
	background: #fff;
	font-weight: 600;
}

.vc-mega-menu__cat-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: none;
	border-radius: 0;
	opacity: 1;
	background-color: #374151;
	-webkit-mask: var(--vc-mega-icon) center / contain no-repeat;
	mask: var(--vc-mega-icon) center / contain no-repeat;
}

.vc-mega-menu__cat.is-active .vc-mega-menu__cat-icon,
.vc-mega-menu__cat:hover .vc-mega-menu__cat-icon {
	background-color: #F97316;
}

.vc-mega-menu__cat-icon--car { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M5 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm14 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM3 12l2-5h14l2 5'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--laptop { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='1'/%3E%3Cpath d='M2 18h20'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--mobile { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--scooter { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='M8 18h8M10 10h6l2 4'/%3E%3Cpath d='M10 10V6h4'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--robot { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='14' height='10' rx='2'/%3E%3Cpath d='M12 8V5M9 5h6M9 14h.01M15 14h.01M8 18v2M16 18v2'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--user { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--user-female { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3Cpath d='M12 11v3M10.5 13.5h3'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--shoe { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15c2-1 4-1 6 0s4 1 6 0 4-1 4-1v3H4v-2z'/%3E%3Cpath d='M6 12l2-3h8l2 3'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--heart { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2 4 4 0 0 1 7 2c0 5.5-7 10-7 10z'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--cut { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='2'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Cpath d='M20 4L8.5 15.5M14 10l6 6'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--hard-hat { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a8 8 0 0 1 16 0v3H4v-3z'/%3E%3Cpath d='M12 6V4M4 14h16'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--paw { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='16' cy='8' r='1.5'/%3E%3Ccircle cx='6' cy='13' r='1.5'/%3E%3Ccircle cx='18' cy='13' r='1.5'/%3E%3Cpath d='M12 18c-3 0-5-2-5-4 0-2 2-3 5-3s5 1 5 3-2 4-5 4z'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--gamepad { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h4M8 9v4'/%3E%3Cpath d='M14 11h.01M16 9h.01'/%3E%3Crect x='3' y='8' width='18' height='8' rx='3'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--football { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 4l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--leaf { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20c8-1 12-6 14-14-8 2-13 6-14 14z'/%3E%3Cpath d='M4 20c4-4 8-6 14-8'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--tools { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4l6 6-4 4-2-2-4 4-2-2 4-4-2-2z'/%3E%3Cpath d='M5 19l3-3'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--home { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1v-9.5z'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--gem { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l4-4h8l4 4-8 12L4 8z'/%3E%3Cpath d='M4 8h16M8 4l4 16 4-16'/%3E%3C/svg%3E"); }
.vc-mega-menu__cat-icon--dot { --vc-mega-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }

.vc-mega-menu__content {
	padding: 20px 24px 24px;
	overflow-y: auto;
	max-height: calc(100vh - 96px);
}

.vc-mega-menu__pane {
	display: none;
}

.vc-mega-menu__pane.is-active {
	display: block;
}

.vc-mega-menu__section {
	margin-bottom: 18px;
}

.vc-mega-menu__section h3 {
	margin: 0 0 10px;
	font-size: 1rem;
	font-weight: 700;
}

.vc-mega-menu__reco {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.vc-mega-menu__reco-item {
	display: block;
	padding: 12px;
	border: 1px solid #eceff3;
	border-radius: 10px;
	text-decoration: none !important;
	color: #1e2a39 !important;
	background: #fff;
	font-size: 0.9rem;
	font-weight: 500;
}

.vc-mega-menu__brands {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.vc-mega-menu__brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	min-height: 48px;
	padding: 8px 14px;
	border: 1px solid #eceff3;
	border-radius: 8px;
	text-decoration: none !important;
	color: #1e2a39 !important;
	font-weight: 700;
	background: #fff;
}

.vc-mega-menu__columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 8px;
}

.vc-mega-menu__col h4 {
	margin: 0 0 8px;
	font-size: 0.92rem;
	font-weight: 700;
}

.vc-mega-menu__col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.vc-mega-menu__col li {
	margin: 0 0 6px;
}

.vc-mega-menu__col a {
	color: #374151 !important;
	text-decoration: none !important;
	font-size: 0.88rem;
}

.vc-mega-menu__col a:hover {
	color: #F97316 !important;
}

.vc-mega-menu__all {
	margin: 16px 0 0;
}

.vc-mega-menu__all a {
	color: #F97316 !important;
	font-weight: 600;
	text-decoration: none !important;
}

@media (max-width: 921px) {
	.vc-mega-menu__panel {
		top: 0;
		left: 0;
		transform: none;
		width: 100vw;
		max-height: 100vh;
		border-radius: 0;
		grid-template-columns: 1fr;
	}

	.vc-mega-menu__sidebar {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		border-right: 0;
		border-bottom: 1px solid #eceff3;
		max-height: none;
	}

	.vc-mega-menu__cat {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.vc-mega-menu__content {
		max-height: calc(100vh - 120px);
	}

	.vc-mega-menu__reco {
		grid-template-columns: 1fr;
	}

	.vc-mega-menu__columns {
		grid-template-columns: 1fr 1fr;
	}
}
