.desktop-catbar{ display: none; }
.header-inner{ flex-wrap: wrap; row-gap: 8px; }
.header-search-wrap{ order: 5; flex: 1 1 100%; width: 100%; margin-top: 2px; }
@media (min-width: 1024px){.header-right-icons{ order: 1; }
.logo{ order: 2; }
.header-search-wrap{ order: 3; flex: none; width: auto; margin-top: 0; }
.header-actions{ order: 4; }
.header-actions .cart-btn{ order: 4; }
.desktop-catbar-inner{ position: relative; }
.desktop-catbar-inner .desktop-nav{ flex-shrink: 0; }

}@media (min-width: 1024px){.desktop-catbar{
    display: block;
    margin: 10px 24px 0;
  }
.desktop-catbar-inner{
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    background: var(--solid-glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 10px 22px;
    box-shadow: 0 8px 20px -14px var(--shadow-color);
  }
.dcb-link{
    color: var(--text-soft);
    font-size: 14px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 12px;
    transition: background-color .15s, color .15s;
    white-space: nowrap;
  }
.dcb-link:hover{ background: var(--mint-light); color: var(--blue-text-a11y); }
.dcb-link.is-first{ color: var(--blue-text-a11y); }
.dcb-all{
    margin-inline-start: auto;
    color: var(--blue-text-a11y);
    background: var(--mint-light);
  }
.dcb-all:hover{ background: var(--blue); color: #fff; }

}@media (min-width: 1024px) and (max-width: 1319px){.desktop-catbar-inner{ max-width: 100%; }
.desktop-catbar{ margin-inline: 16px; }

}