.portal-header{position:sticky;top:0;z-index:40}.basket-button .basket-total{display:block;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.portal-header .brand{min-width:0}.portal-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:620px){.portal-header{gap:8px}.portal-header .brand{flex:1;overflow:hidden;gap:7px}.portal-header .header-right{flex-shrink:0;gap:4px}.portal-header .basket-button{gap:5px;padding:9px 8px;max-width:none}.basket-button .basket-total{font-size:12px}.portal-header .brand-mark{flex-shrink:0}}@media (max-width:380px){.portal-header .portal-brand-name{display:none}.portal-header .header-right>.icon-button{width:36px;min-width:36px;padding:8px}.portal-header .basket-button{gap:4px;padding:9px 6px}}.portal-topbar{display:contents}@media (min-width:621px){.portal-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;max-width:1440px;margin:auto;padding:0 48px;background:var(--theme-surface,#fff);position:sticky;top:0;z-index:40}.portal-topbar>.portal-header{display:contents}.portal-topbar .brand{grid-column:1;grid-row:1}.portal-topbar .header-right{grid-column:3;grid-row:1}.portal .portal-topbar>.delivery-location{grid-column:2;grid-row:1;min-width:0;padding:10px 0;border:0}.portal-topbar .delivery-location-trigger{width:100%}.portal-topbar .portal-header nav.desktop-nav{grid-column:1/-1;grid-row:2;height:58px;border-top:1px solid var(--line)}}@media (min-width:621px) and (max-width:1100px){.portal-topbar{column-gap:16px;padding-inline:24px}}.portal-header nav.desktop-nav{gap:6px;align-items:center;min-width:0;overflow-x:auto}.portal-header .desktop-nav>button{display:grid;place-items:center;width:auto;min-width:0;flex-shrink:0;height:44px;padding:0 14px;white-space:nowrap;border-radius:8px;background:transparent;color:var(--theme-secondary,#60776d)}.portal-header .desktop-nav>button:focus-visible,.portal-header .desktop-nav>button:hover{background:var(--theme-subtle,#edf4ee);color:var(--theme-accent,#17675d)}.portal-header .desktop-nav>button.active{color:var(--theme-accent,#17675d);background:var(--theme-accent-surface,#e9f3ec)}.portal-header .desktop-nav>button.active:after{left:8px;right:8px}@media (min-width:621px) and (max-width:1100px){.portal-header nav.desktop-nav{gap:3px}.portal-header .desktop-nav>button{width:auto;min-width:0;height:40px;padding-inline:10px}}