@media (min-width:701px) {
  #fsc-v2 header.header,
  #fsc-v2 header.header .nav,
  #fsc-v2 details.nav-dropdown,
  #fsc-v2 .nav-products-menu,
  #fsc-v2 .nav-products-menu .fsc-menu-tree {
    overflow: visible !important;
  }
  #fsc-v2 header.header { z-index: 9000 !important; }
  #fsc-v2 details.nav-dropdown {
    position: relative !important;
    z-index: 9999 !important;
    isolation: isolate !important;
  }
  #fsc-v2 details.nav-dropdown > .nav-products-menu,
  #fsc-v2 details.nav-dropdown[open] > .nav-products-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: auto !important;
    bottom: auto !important;
    width: 278px !important;
    min-width: 278px !important;
    max-width: 278px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid #dce5ee !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 8px 22px rgba(10,37,64,.16) !important;
    z-index: 9999 !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-tree {
    position: relative !important;
    width: 100% !important;
    padding: 5px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  /* Keep first-level items as the compact left column. */
  #fsc-v2 .nav-products-menu .fsc-menu-line {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-line > a,
  #fsc-v2 .nav-products-menu .fsc-menu-group > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 10px 11px !important;
    margin: 1px 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #102d49 !important;
    text-decoration: none !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    cursor: pointer !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-line > a:hover,
  #fsc-v2 .nav-products-menu .fsc-menu-line.is-expanded > a,
  #fsc-v2 .nav-products-menu .fsc-menu-group > a:hover,
  #fsc-v2 .nav-products-menu .fsc-menu-group.is-expanded > a {
    background: #edf5fc !important;
    color: #075bc7 !important;
  }
  /* Second level: groups immediately to the right of the line list. */
  #fsc-v2 .nav-products-menu .fsc-menu-group-list {
    position: fixed !important;
    left: var(--fsc-hover-groups-left, 290px) !important;
    top: var(--fsc-hover-panel-top, 140px) !important;
    width: var(--fsc-hover-groups-width, 300px) !important;
    min-width: var(--fsc-hover-groups-width, 300px) !important;
    max-width: var(--fsc-hover-groups-width, 300px) !important;
    max-height: var(--fsc-hover-panel-height, calc(100vh - 150px)) !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #dce5ee !important;
    border-radius: 0 9px 9px 0 !important;
    box-shadow: 0 10px 28px rgba(10,37,64,.14) !important;
    z-index: 20000 !important;
    pointer-events: auto !important;
  }
  /* Third level: brands immediately to the right of the group list.
     Important fix: left is a viewport coordinate, NOT calc(100% + another panel width). */
  #fsc-v2 .nav-products-menu .fsc-menu-line .fsc-menu-group .fsc-menu-brand-list {
    position: fixed !important;
    left: var(--fsc-hover-brands-left, 590px) !important;
    top: var(--fsc-hover-panel-top, 140px) !important;
    width: var(--fsc-hover-brands-width, 270px) !important;
    min-width: var(--fsc-hover-brands-width, 270px) !important;
    max-width: var(--fsc-hover-brands-width, 270px) !important;
    max-height: var(--fsc-hover-panel-height, calc(100vh - 150px)) !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #dce5ee !important;
    border-radius: 0 9px 9px 0 !important;
    box-shadow: 0 10px 28px rgba(10,37,64,.14) !important;
    z-index: 20001 !important;
    pointer-events: auto !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-line.is-expanded > .fsc-menu-group-list,
  #fsc-v2 .nav-products-menu .fsc-menu-line:hover > .fsc-menu-group-list,
  #fsc-v2 .nav-products-menu .fsc-menu-line:focus-within > .fsc-menu-group-list,
  #fsc-v2 .nav-products-menu .fsc-menu-group.is-expanded > .fsc-menu-brand-list,
  #fsc-v2 .nav-products-menu .fsc-menu-group:hover > .fsc-menu-brand-list,
  #fsc-v2 .nav-products-menu .fsc-menu-group:focus-within > .fsc-menu-brand-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-brand-list > a {
    display: block !important;
    padding: 10px 11px !important;
    margin: 1px 0 !important;
    border-radius: 6px !important;
    color: #173b5a !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: .83rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-brand-list > a:hover,
  #fsc-v2 .nav-products-menu .fsc-menu-brand-list > a:focus-visible {
    background: #edf5ff !important;
    color: #075bc7 !important;
  }
}
@media (max-width:700px) {
  #fsc-v2 .nav-products-menu .fsc-menu-group-list,
  #fsc-v2 .nav-products-menu .fsc-menu-brand-list {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 4px 0 6px 10px !important;
    padding: 0 0 0 8px !important;
    border: 0 !important;
    border-left: 1px solid #dbe5ee !important;
    box-shadow: none !important;
    background: #fff !important;
  }
  #fsc-v2 .nav-products-menu .fsc-menu-line.is-expanded > .fsc-menu-group-list,
  #fsc-v2 .nav-products-menu .fsc-menu-group.is-expanded > .fsc-menu-brand-list { display:block !important; }
}