
/* =========================================================
   MPV10C — Unified premium desktop Marketplace navigation
   Shared across every .topbar Marketplace page.
   Mobile navigation is intentionally unchanged.
========================================================= */
@media (min-width: 901px){
  .topbar{
    padding:12px clamp(14px,2.5vw,34px) 10px;
    background:linear-gradient(180deg,rgba(247,245,239,.985),rgba(247,245,239,.91));
    border-bottom:1px solid rgba(72,64,92,.055);
  }
  .topbar .topline{
    position:relative;
    min-height:74px;
    gap:12px;
    padding:9px 11px 9px 14px;
    border-color:rgba(93,83,120,.14);
    border-radius:23px;
    background:rgba(255,254,251,.94);
    box-shadow:0 10px 34px rgba(49,42,71,.075),0 1px 0 rgba(255,255,255,.9) inset;
  }
  .topbar .topline:before{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    top:-1px;
    height:2px;
    border-radius:0 0 99px 99px;
    background:linear-gradient(90deg,transparent,var(--violet),var(--mint),transparent);
    opacity:.46;
    pointer-events:none;
  }
  .topbar .brand{
    padding-right:4px;
  }
  .topbar .brandmark{
    width:43px;
    height:43px;
    border-radius:14px 14px 14px 5px;
    box-shadow:inset -7px -7px 0 rgba(103,84,217,.42),0 7px 18px rgba(36,32,48,.12);
  }
  .topbar .search{
    height:47px;
    border-radius:15px;
    background:#fff;
    box-shadow:inset 0 0 0 1px rgba(82,73,103,.13),0 3px 14px rgba(43,37,58,.035);
  }
  .topbar .search:focus-within{
    box-shadow:0 0 0 4px rgba(103,84,217,.1),inset 0 0 0 1px var(--violet),0 5px 20px rgba(72,58,130,.08);
  }
  .topbar .action-chip{
    position:relative;
    min-height:48px;
    padding:6px 9px;
    border:1px solid transparent;
    border-radius:14px;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  .topbar .action-chip:hover{
    transform:translateY(-1px);
    background:#f7f5fb;
    border-color:#e5e0ef;
    box-shadow:0 6px 16px rgba(61,50,92,.055);
  }
  .topbar .action-chip.active{
    background:var(--ink);
    border-color:var(--ink);
    color:#fff;
    box-shadow:0 8px 20px rgba(28,27,34,.13);
  }
  .topbar .action-chip.active .action-icon{
    background:rgba(255,255,255,.12);
    color:#fff;
  }
  .topbar .action-chip.active small{
    color:rgba(255,255,255,.64);
  }
  .topbar .action-icon{
    width:30px;
    height:30px;
    border-radius:10px;
    transition:background .18s ease,color .18s ease;
  }

  .topbar .navstrip.marketplace-desktop-menu{
    max-width:1510px;
    min-height:48px;
    margin:8px auto 0;
    padding:5px 7px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:3px;
    overflow:visible;
    white-space:nowrap;
    border:1px solid rgba(91,80,119,.105);
    border-radius:17px;
    background:rgba(255,253,249,.77);
    box-shadow:0 5px 22px rgba(49,42,71,.045);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .topbar .navstrip.marketplace-desktop-menu a{
    position:relative;
    min-height:36px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid transparent;
    border-radius:11px;
    color:#69646f;
    font-size:11px;
    font-weight:800;
    letter-spacing:.005em;
    transition:all .18s ease;
  }
  .topbar .navstrip.marketplace-desktop-menu a [data-mp-icon]{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#91899d;
  }
  .topbar .navstrip.marketplace-desktop-menu a:hover{
    background:#fff;
    border-color:#e8e3ed;
    color:var(--ink);
    box-shadow:0 5px 15px rgba(57,47,83,.065);
    transform:translateY(-1px);
  }
  .topbar .navstrip.marketplace-desktop-menu a.is-active{
    background:#eeeafd;
    border-color:#ded7fb;
    color:#5141b3;
  }
  .topbar .navstrip.marketplace-desktop-menu a.is-active [data-mp-icon]{
    color:#6754d9;
  }
  .topbar .navstrip.marketplace-desktop-menu a[data-partner-portal]{
    margin-left:auto;
    padding-left:14px;
    padding-right:15px;
    background:#eef8f2;
    border-color:#dceee3;
    color:#245d40;
  }
  .topbar .navstrip.marketplace-desktop-menu a[data-partner-portal]:before{
    content:"";
    position:absolute;
    left:-7px;
    width:1px;
    height:22px;
    background:#e4dfE8;
  }
  .topbar .navstrip.marketplace-desktop-menu a[data-partner-portal] [data-mp-icon]{
    color:#367a56;
  }
  .topbar .navstrip.marketplace-desktop-menu a[data-partner-portal]:hover{
    background:#e3f4e9;
    border-color:#cfe7d8;
  }
}
@media (max-width: 900px){
  .topbar .navstrip.marketplace-desktop-menu{display:none!important}
}
