/*
 * Wesley's Witgoed — desktop navigation v2
 * Alleen actief vanaf 1101px. Het mobiele menu blijft ongemoeid.
 */

@media (min-width: 1101px) {
  #navbar.ww-desktop-nav-v2 {
    position: relative;
    z-index: 100100;
  }

  #navbar.ww-desktop-nav-v2 .nav_wrapper {
    position: relative;
    z-index: 100101;
  }

  #navbar.ww-desktop-nav-v2 #hnav {
    position: relative !important;
    z-index: 100102 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 1200px !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 8px !important;
    overflow: visible !important;
    background: transparent !important;
    list-style: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li > a:hover,
  #navbar.ww-desktop-nav-v2 #hnav > li > a:focus-visible,
  #navbar.ww-desktop-nav-v2 #hnav > li:hover > a {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    outline: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li > a:active {
    transform: translateY(1px);
  }

  #navbar.ww-desktop-nav-v2 #hnav > li > a > img {
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-101 > a {
    justify-content: center !important;
    width: 48px !important;
    padding: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-101 > a::before {
    content: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-101 > a > img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > a::after {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    margin-top: -3px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    opacity: .9 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 {
    margin-left: auto !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > a {
    gap: 8px !important;
    padding-right: 10px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > a::before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f05a" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > a::after {
    margin-left: 1px !important;
  }

  /* Elk hoofdsubmenu wordt een los, afgerond mega-paneel. */
  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 520px !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(11,53,82,.10) !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg, #fff 0%, #f3f8fb 100%) !important;
    box-shadow: 0 20px 42px rgba(5,47,73,.22), 0 2px 8px rgba(5,47,73,.08) !important;
    transform: translateY(7px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    z-index: 100200 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent:hover > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent:focus-within > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent.open > .sub_open {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    list-style: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li {
    position: relative !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    min-height: 76px !important;
    width: 100% !important;
    padding: 7px 9px !important;
    border: 1px solid #dbe7ec !important;
    border-radius: 15px !important;
    background: linear-gradient(155deg, #fff 0%, #f3f8fb 100%) !important;
    color: #0b3552 !important;
    text-decoration: none !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a:hover,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a:focus-visible {
    border-color: #0ea0e7 !important;
    background: linear-gradient(155deg, #fff 0%, #eef8fc 100%) !important;
    box-shadow: 0 5px 14px rgba(14,160,231,.14) !important;
    color: #07324b !important;
    outline: 0 !important;
    transform: translateY(-1px) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > img {
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    background: #f3f7f9 !important;
    object-fit: contain !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > .image-title {
    display: block !important;
    overflow: hidden !important;
    color: #0b3552 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a::after {
    display: block !important;
    grid-column: 2 !important;
    color: #7890a0 !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > .image-title::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > .image-title::after {
    content: none !important;
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    width: 780px !important;
    min-height: 270px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    display: block !important;
    padding-right: 384px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li {
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li:last-child {
    margin-bottom: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li > a::after {
    content: "Bekijk deze categorie" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a::after {
    content: "Bekijk deze categorie" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 {
    position: static !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 360px !important;
    height: 246px !important;
    min-height: 246px !important;
    margin: 0 !important;
    padding: 12px !important;
    border-left: 1px solid #dbe8ee !important;
    border-radius: 15px !important;
    background: linear-gradient(155deg, #f8fcfe 0%, #edf7fb 100%) !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 1 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open::before {
    content: "Merken" !important;
    display: block !important;
    margin: 0 4px 9px !important;
    color: #0b3552 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    height: 36px !important;
    width: 100% !important;
    padding: 0 8px !important;
    line-height: 1.2 !important;
    border: 1px solid #dbe7ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #38566a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, transform .16s ease !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a:hover,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a:focus-visible {
    border-color: #ff641f !important;
    background: #fff4ee !important;
    color: #c94b16 !important;
    outline: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a::after {
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open {
    width: 640px !important;
    min-height: 118px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    min-height: 94px !important;
    height: 94px !important;
    padding: 9px 10px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a > img,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a > img {
    width: 58px !important;
    height: 58px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a > .image-title,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a > .image-title {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    font-size: 14px !important;
    line-height: 1.12 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a::after {
    content: "Bekijk wasdrogers" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open {
    width: 620px !important;
    min-height: 92px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a::after {
    content: "Bekijk kooktoestellen" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open {
    right: 0 !important;
    left: auto !important;
    width: 580px !important;
    max-width: calc(100vw - 24px) !important;
    right: 16px !important;
    min-height: 330px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    min-height: 72px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > img {
    width: 54px !important;
    height: 54px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a::before {
    content: none !important;
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > .image-title::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > .image-title::after {
    content: none !important;
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a::after {
    content: "Meer informatie" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > .image-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/openingstijden"]::after {
    content: "Bekijk onze openingstijden" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/contact"]::after {
    content: "Neem contact met ons op" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/informatie"]::after {
    content: "Alles over Wesley's Witgoed" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/witgoed-inkoop"]::after {
    content: "Wij kopen witgoed" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/garantie-verzoek"]::after {
    content: "Meld een reparatieverzoek" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/onderdelen"]::after {
    content: "Onderdelen en advies" !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a[href$="/tips-gidsen"]::after {
    content: "Handige informatie" !important;
  }

  /* Laat verborgen dropdowns nooit als hitbox over de hero liggen. */
  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open {
    pointer-events: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent:hover > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent:focus-within > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.parent.open > .sub_open {
    pointer-events: auto !important;
  }

  /* Merkenpaneel alleen tonen wanneer Wasmachines echt geopend is. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122:hover > .sub_open > ul > li.item-163 > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122:focus-within > .sub_open > ul > li.item-163 > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122.open > .sub_open > ul > li.item-163 > .sub_open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* De losse contactbollen en Onderdelen horen niet in de desktop-navbar. */
  #navbar.ww-desktop-nav-v2 #hnav > li.contact-icons-container,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-367 {
    display: none !important;
  }


  /* Verwijder de legacy-pijl op de li; de nieuwe pijl staat op de link. */
  #navbar.ww-desktop-nav-v2 #hnav > li.parent::after {
    content: none !important;
    display: none !important;
  }

  
  /* Filterstijl: categorieën als rustige kaartjes met foto boven de titel. */
  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-height: 136px !important;
    height: 136px !important;
    padding: 10px 8px 8px !important;
    text-align: center !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > img {
    flex: 0 0 auto !important;
    width: 72px !important;
    height: 58px !important;
    margin: 0 auto 6px !important;
    padding: 2px !important;
    border-radius: 10px !important;
    background: #f3f7f9 !important;
    object-fit: contain !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a > .image-title {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin: 0 0 3px !important;
    overflow: visible !important;
    color: #ff641f !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.parent > .sub_open > ul > li > a::after {
    display: block !important;
    grid-column: auto !important;
    width: 100% !important;
    margin: 0 !important;
    color: #7890a0 !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  /* Wasmachines: drie echte categoriekaartjes links, merken rechts. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    width: 780px !important;
    min-height: 270px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-right: 384px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li {
    width: auto !important;
    margin: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li > a {
    min-height: 136px !important;
    height: 136px !important;
  }

  /* Wasdrogers en kooktoestellen krijgen dezelfde kaartverhouding als de filters. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open {
    min-height: 158px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a {
    min-height: 136px !important;
    height: 136px !important;
    padding: 10px 8px 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li > a > img,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li > a > img {
    width: 72px !important;
    height: 58px !important;
    margin: 0 auto 6px !important;
  }

  /* Informatie: dezelfde kaarttaal, met drie nette kolommen. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open {
    width: 580px !important;
    min-height: 450px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a {
    min-height: 136px !important;
    height: 136px !important;
    padding: 10px 8px 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > img {
    width: 64px !important;
    height: 54px !important;
    margin: 0 auto 6px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > .image-title {
    font-size: 13.5px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a::after {
    font-size: 10px !important;
  }


  
  /* Wasmachines: categoriekaarten bovenaan, merkenblok eronder. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    width: 780px !important;
    min-height: 360px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 10px !important;
    padding-right: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 {
    display: contents !important;
    position: static !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    position: static !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 110px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #dbe8ee !important;
    border-radius: 15px !important;
    background: linear-gradient(155deg, #f8fcfe 0%, #edf7fb 100%) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open::before {
    content: "Merken voorladers" !important;
    display: block !important;
    margin: 0 4px 9px !important;
    color: #0b3552 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 9px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a::after {
    display: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177 > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 > a {
    min-height: 146px !important;
    height: 146px !important;
    padding: 11px 10px 9px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a > img,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177 > a > img,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 > a > img {
    width: 86px !important;
    height: 68px !important;
    margin-bottom: 7px !important;
  }


  
  /* Geen loze onderruimte onder het merkenblok. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    min-height: 290px !important;
  }



  /* Finishing touches: home-icon uitlijnen en legacy-randjes rond merkpillen neutraliseren. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-101 > a > img {
    margin-top: -10px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open > ul > li > a {
    border: 1px solid #dbe7ec !important;
    border-left-color: #dbe7ec !important;
    border-right-color: #dbe7ec !important;
    box-shadow: none !important;
  }


  /* Laat de desktop-hover als compacte, gecentreerde tab binnen de oranje balk vallen. */
  #navbar.ww-desktop-nav-v2 #hnav > li:not(.item-101) > a:hover,
  #navbar.ww-desktop-nav-v2 #hnav > li:not(.item-101) > a:focus-visible,
  #navbar.ww-desktop-nav-v2 #hnav > li:not(.item-101):hover > a {
    align-self: center !important;
    min-height: 50px !important;
    height: 50px !important;
  }

  /* Outlet: witte actieve tab met het oranje Outlet-icoon. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-133 > a:hover,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-133 > a:focus-visible,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-133:hover > a {
    background: #fff !important;
    color: #0b3552 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-133 > a::before {
    background: #ff6a1f !important;
    color: #fff !important;
  }


  /* Extra afwerking: korte contextregel boven en onder de desktop-submenu's. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul::before,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul::before {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 4px !important;
    color: #0b3552 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::after,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul::after,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul::after,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul::after {
    display: block !important;
    grid-column: 1 / -1 !important;
    align-self: center !important;
    margin: 0 4px !important;
    padding-top: 7px !important;
    border-top: 1px solid #dbe7ec !important;
    color: #7890a0 !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  /* Wasmachines: context boven de drie kaarten, korte uitleg onder de merken. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    min-height: 350px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    grid-template-rows: 28px 146px 110px 18px !important;
    gap: 10px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::before {
    content: "Kies het type wasmachine dat bij jouw huishouden past." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::after {
    grid-row: 4 !important;
    content: "Gecontroleerd, gereinigd en klaar voor een tweede leven." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177 > a,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 > a {
    grid-row: 2 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    grid-row: 3 !important;
  }

  /* Wasdrogers en koken krijgen dezelfde professionele contextregels. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open {
    min-height: 220px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul {
    grid-template-rows: 26px 136px 18px !important;
    gap: 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul::after,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul::after {
    grid-row: 3 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul::before {
    content: "Kies het type droger dat bij jouw huishouden past." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul::after {
    content: "Zuinig, betrouwbaar en gecontroleerd in onze eigen werkplaats." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul::before {
    content: "Ontdek kooktoestellen voor iedere keuken." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul::after {
    content: "Getest, gereinigd en klaar voor een tweede leven." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-127 > .sub_open > ul > li,
  #navbar.ww-desktop-nav-v2 #hnav > li.item-279 > .sub_open > ul > li {
    grid-row: 2 !important;
  }

  /* Informatie: dezelfde rustige kaarttaal, met nette kop en afsluitende hulpregel. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open {
    width: 620px !important;
    min-height: 470px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul {
    grid-template-rows: 26px repeat(3, 120px) 18px !important;
    gap: 8px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul::before {
    content: "Alles over Wesley's Witgoed: bestellen, bezorgen en service." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul::after {
    grid-row: 5 !important;
    content: "Kom je ergens niet uit? We helpen je graag persoonlijk verder." !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a {
    min-height: 120px !important;
    height: 120px !important;
  }

  /* Informatie: de zevende kaart staat gecentreerd op de laatste rij. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li:last-child {
    grid-column: 2 !important;
  }

  /* Informatiekaarten: exact dezelfde beeldopbouw als Koken. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 0 !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > img {
    position: static !important;
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 64px !important;
    height: 50px !important;
    margin: 0 auto 5px !important;
    padding: 2px !important;
    object-fit: contain !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > .image-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 3px !important;
    text-align: center !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a::after {
    order: 3 !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Verhoogde specificiteit: uniforme beeldmaat voor informatiekaarten. */
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > img {
    width: 58px !important;
    height: 48px !important;
    min-width: 58px !important;
    min-height: 48px !important;
    max-width: 58px !important;
    max-height: 48px !important;
  }

  /* Laat het eerste Wasmachines-kaartje gelijk uitlijnen met de twee ernaast. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a {
    position: relative !important;
    top: -38px !important;
  }

  /* Informatie-iconen: kleiner en volledig binnen hun kaart. */
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-102 > .sub_open > ul > li > a > img {
    width: 46px !important;
    height: 38px !important;
    min-width: 46px !important;
    min-height: 38px !important;
    max-width: 46px !important;
    max-height: 38px !important;
    top: auto !important;
    transform: none !important;
    margin: 0 auto 4px !important;
  }

  /* Laat de rijhoogte van het eerste kaartje niet doorwerken in het merkenblok. */
  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a {
    top: 0 !important;
    margin-top: -38px !important;
  }

  #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    margin-top: -38px !important;
  }


/* Wasmachines: maak de gecontroleerd-regel een echte onderste rij met ademruimte. */
@media (min-width:1101px) {
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    min-height:366px !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    grid-template-rows:28px 146px 110px 32px !important;
    row-gap:10px !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::after {
    grid-row:4 !important;
    align-self:stretch !important;
    margin:0 4px !important;
    padding-top:11px !important;
    line-height:1.2 !important;
  }
}


/* Wasmachines: plaats intro, kaarten, merken en afsluitregel in vier echte rijen. */
@media (min-width:1101px) {
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open {
    min-height:404px !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul {
    grid-template-rows:28px 146px 148px 32px !important;
    row-gap:10px !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::before {
    grid-row:1 !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > a {
    grid-row:2 !important;
    margin-top:0 !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177,
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 {
    grid-row:2 !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-177 > a,
  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-178 > a {
    grid-row:auto !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul > li.item-163 > .sub_open {
    grid-row:3 !important;
    margin-top:0 !important;
  }

  html body #navbar.ww-desktop-nav-v2 #hnav > li.item-122 > .sub_open > ul::after {
    grid-row:4 !important;
  }
}


/* Categoriepagina's zonder editor-paragraaf: reserveer dezelfde ruimte rond de trustbalk. */
@media (min-width:1101px) {
  html body.com_jshopping.view-category #topmain.ww-subcat-trust-fallback {
    padding-top:15px !important;
    padding-bottom:15px !important;
  }
}

}