
/* ULITIN NAVIGATION PILLS V2 */

@media (min-width:821px) {

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px 14px 13px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2::-webkit-scrollbar {
    display:none;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 > a,
body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 .navDropdownButton {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 13px!important;
    background:#fff!important;
    color:#20283b!important;
    border:1px solid #e4e6f6!important;
    border-radius:14px!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:750!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 .navPillIcon {
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-shrink:0!important;
    color:#5b4cf1!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 > a.active {
    background:#eeebff!important;
    color:#4f46e5!important;
    border-color:#ddd7ff!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 > a::before,
body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 > a::after {
    display:none!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 > a:hover,
body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 .navDropdownButton:hover {
    background:#f4f1ff!important;
    color:#4f46e5!important;
    border-color:#d7d0ff!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 .dropdownWrap {
    flex:0 0 auto!important;
}

body .topbar.marketplaceHeader
.marketHeaderNav.navPillsV2 .aiNavButton {
    flex:0 0 auto!important;
    min-height:42px!important;
    border-radius:14px!important;
}

}

@media(max-width:820px) {
    .marketHeaderNav .navPillIcon {
        display:none!important;
    }
}


/* ULITIN NAV V3 - FINAL OVERRIDES */
@media (min-width:821px) {
  body header.topbar.marketplaceHeader > nav.marketHeaderNav.navPillsV2 {
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:10px 12px 12px!important;
    overflow-x:auto!important;
  }

  body header.topbar.marketplaceHeader > nav.marketHeaderNav.navPillsV2 > a,
  body header.topbar.marketplaceHeader > nav.marketHeaderNav.navPillsV2 .navDropdownButton {
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:40px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    border:1px solid #e5e7f4!important;
    background:#fff!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  body header.topbar.marketplaceHeader > nav.marketHeaderNav.navPillsV2 .navPillIcon {
    display:block!important;
    width:17px!important;
    height:17px!important;
    flex-shrink:0!important;
    color:#5b4cf1!important;
  }

  body header.topbar.marketplaceHeader > nav.marketHeaderNav.navPillsV2 > a.active {
    background:#eeeaff!important;
    color:#4f46e5!important;
    border-color:#dcd5ff!important;
  }
}
