/* SANY: make the Elementor Products mega menu usable on small screens. */
@media (max-width: 767px) {
	.e-n-menu-content .mega-menu,
	.e-n-menu-content .mega-menu .e-con-inner,
	.e-n-menu-content .mega-menu .elementor-widget-container,
	.e-n-menu-content .mega-menu .elementor-shortcode {
		box-sizing: border-box;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.e-n-menu-content .mega-menu {
		overflow-x: hidden;
		position: relative;
		z-index: 2147483641;
	}

	.e-n-menu-content.e-active,
	.e-n-menu-content.e-active > .e-con.e-active {
		position: relative;
		z-index: 2 !important;
	}

	/* The support rail otherwise blocks the category expand buttons. */
	body:has(.e-n-menu-toggle[aria-expanded='true']) .chat-side-buttons {
		display: none !important;
	}

	/* Elementor's parent menu item otherwise captures clicks from the mega menu. */
	.e-n-menu-item:has(.e-n-menu-content.e-active .mega-menu) {
		pointer-events: none;
	}

	.e-n-menu-item:has(.e-n-menu-content.e-active .mega-menu) .mega-menu,
	.e-n-menu-item:has(.e-n-menu-content.e-active .mega-menu) .mega-menu a,
	.e-n-menu-item:has(.e-n-menu-content.e-active .mega-menu) .mega-menu button {
		pointer-events: auto;
	}

	.e-n-menu-content .mega-menu .menu-categorias {
		display: block !important;
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.e-n-menu-content .mega-menu .categoria {
		border-bottom: 1px solid #e5e5e5;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.e-n-menu-content .mega-menu .categoria > img {
		display: none !important;
	}

	.e-n-menu-content .mega-menu .categoria-titulo {
		align-items: center;
		color: #1f1f1f;
		display: flex !important;
		font-size: 1rem;
		line-height: 1.25;
		min-height: 52px;
		min-width: 0;
		padding: 12px 0;
		text-decoration: none;
	}

	.e-n-menu-content .mega-menu .sany-mobile-category-toggle {
		align-self: stretch;
		appearance: none;
		background: transparent;
		border: 0;
		color: #d90000;
		cursor: pointer;
		font-size: 1.5rem;
		line-height: 1;
		padding: 0 14px;
		position: relative;
		z-index: 2;
	}

	.e-n-menu-content .mega-menu .sany-mobile-category-toggle::before {
		content: '+';
	}

	.e-n-menu-content .mega-menu .categoria.is-mobile-open .sany-mobile-category-toggle::before {
		content: '–';
	}

	.e-n-menu-content .mega-menu .categoria > ul {
		display: none;
		grid-column: 1 / -1;
		list-style: none;
		margin: 0 0 14px;
		padding: 0 0 0 16px;
	}

	.e-n-menu-content .mega-menu .categoria.is-mobile-open > ul {
		display: block !important;
	}

	.e-n-menu-content .mega-menu .categoria > ul a {
		color: #3c3c3c;
		display: block;
		font-size: 0.9375rem;
		line-height: 1.35;
		padding: 8px 0;
		text-decoration: none;
	}

	.e-n-menu-content .mega-menu .categoria > ul a:focus-visible,
	.e-n-menu-content .mega-menu .categoria-titulo:focus-visible,
	.e-n-menu-content .mega-menu .sany-mobile-category-toggle:focus-visible {
		outline: 2px solid #d90000;
		outline-offset: 2px;
	}
}