.topbar{gap:22px}
.topbar .primary-nav{display:flex;align-items:center;gap:22px;height:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0;margin-left:auto;flex-wrap:nowrap}
.topbar .primary-nav>a{position:relative;height:auto;min-height:38px;padding:10px 0;border-radius:0;font-size:13px;line-height:1.4;white-space:nowrap;color:#15181e}
.topbar .primary-nav>a:hover{background:transparent;color:#78428f}
.topbar .primary-nav>a[aria-current]{background:transparent;color:#15181e;font-weight:600}
.topbar .primary-nav>a[aria-current]:after{content:'';display:block;position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--gradient)}
.topbar .suggestion-launch{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce0e8;border-radius:9px;padding:10px 13px;min-height:42px;background:#fff;color:#424c5a;font-weight:500}
.topbar .suggestion-launch svg{color:#78428f;flex:none}
.topbar .suggestion-launch:hover{border-color:#a872c1;background:#fcf9fd}
.topbar .account{margin-left:0}
@media(max-width:1150px){.topbar{gap:12px;padding-inline:24px}.topbar .primary-nav>a{padding-inline:11px}.topbar .product-name{font-size:9px;padding-left:12px}}
@media(min-width:761px) and (max-width:980px){.topbar .suggestion-launch span{display:none}.topbar .suggestion-launch{padding:10px}.topbar .brand img{width:130px}}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 10px;padding:16px 20px}.topbar .brand{grid-column:1;grid-row:1}.topbar .product-name{grid-column:2;grid-row:1;padding-left:10px;font-size:8px;letter-spacing:.06em}.topbar .account{grid-column:3;grid-row:1;margin:0;justify-self:end;order:initial}.topbar .primary-nav{grid-column:1/3;grid-row:2;margin:0;justify-self:start;max-width:100%;flex-wrap:wrap;order:initial}.topbar .primary-nav>a{font-size:12px;min-height:36px;padding:8px 12px}.topbar .suggestion-launch{grid-column:3;grid-row:2;justify-self:end;padding:10px;min-width:42px}.topbar .suggestion-launch span{display:none}}
.topbar .primary-nav>a{padding-inline:0}@media(max-width:760px){.topbar .primary-nav{gap:18px}}
.topbar .account{position:relative;z-index:40}.topbar .account-menu{z-index:40}

/* Treść paska w tym samym kontenerze co strona (.shell: 1352 px z marginesem 48 px); tło dalej na całą szerokość. */
@media(min-width:1353px){.topbar{padding-inline:calc((100% - 1256px) / 2)}}
.primary-nav .queue-count{white-space:nowrap}
