/* Mega menu — Servizi & Strumentazione (solo nav desktop).
   Apertura/chiusura resta interamente gestita da SmartMenus (jQuery), che
   applica display/width/max-width inline al pannello .sub-menu quando si
   apre. Qui non tocchiamo "display": serve solo !important su width e
   max-width per poter allargare il pannello oltre quanto SmartMenus imposta
   inline. Layout a due colonne ottenuto con float (niente flex sull'<ul>,
   per non interferire con lo stato aperto/chiuso). */
.elementor-nav-menu--main .sub-menu.pbmit-mega-menu {
	width: 640px !important;
	max-width: calc(100vw - 40px) !important;
	padding: 24px !important;
	box-sizing: border-box;
	overflow: hidden;
}

.elementor-nav-menu--main .sub-menu.pbmit-mega-menu > li.menu-item {
	float: left;
	width: calc(100% - 260px);
	box-sizing: border-box;
	padding-right: 20px;
}

.elementor-nav-menu--main .sub-menu.pbmit-mega-menu > li.pbmit-mega-menu-image-slot {
	float: right;
	width: 240px;
}

.pbmit-mega-menu-image-slot {
	position: relative;
	min-height: 220px;
	overflow: hidden;
	border-radius: 14px;
	background: #f2f0f5;
}

.pbmit-mega-menu-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .3s ease;
}

.pbmit-mega-menu-image.is-visible {
	opacity: 1;
}

/* Nel menu mobile/tablet (a burger) niente colonna immagine: lista normale */
.elementor-nav-menu--dropdown.elementor-nav-menu__container .pbmit-mega-menu-image-slot {
	display: none;
}