/* The wrapper that starts at the same left edge as the logo */
.header-inner, 
#navigate {
  position: relative; /* anchor for absolute submenu */
}

/* IMPORTANT: let the Products <li> NOT be the positioning reference */

#menu-item-758 > .sub-menu {
    position: absolute;
    left: -27vw;
    top: 40px;
    width: 100vw;
    max-width: 80vw;
    z-index: 9999;
    background: #fff;
    padding: 50px 50px;
    border-radius: 0px;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    display: none;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .2s ease;
}

/* Show on hover (adjust to your theme’s hover rules) */
#menu-item-758:hover > .sub-menu,
#menu-item-758:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
      display: grid;
}


/* Each brand block (Scania, Case...) */
#menu-item-758 > .sub-menu > li {
  list-style: none;
}

/* Brand title link */
#menu-item-758 > .sub-menu > li > a {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/* Brand's categories list */
#menu-item-758 > .sub-menu > li > .sub-menu {
  position: static;      /* remove flyout positioning */
  opacity: 1;
  visibility: visible;
  transform: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
li#menu-item-758 .sub-menu .sub-menu {
    display: block;
}
/* Category items */
#menu-item-758 > .sub-menu > li > .sub-menu > li {
  margin: 6px 0;
  list-style: none;
}

#menu-item-758 > .sub-menu > li > .sub-menu > li > a {
    text-decoration: none;
    font-size: 14px;
    opacity: .9;
    white-space: normal;
}

#menu-item-758 > .sub-menu > li > .sub-menu > li > a:hover {
  opacity: 1;
}