/* Use the same cream/olive palette as the rest of the header. */
.topbar .doors-header-shortcut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 62px;
    min-height: 42px;
    padding: 7px 10px;
    color: var(--oak-text, #5f6f34);
    border: 1px solid var(--line);
    border-radius: var(--radius, 4px);
    text-decoration: none;
    transition: color .15s, background .15s, border-color .15s;
}
.topbar .doors-header-shortcut:hover {
    color: var(--oak-text-hi, #5f6f34);
    border-color: var(--oak);
    background: color-mix(in srgb, var(--oak) 9%, transparent);
}
.topbar .doors-header-shortcut:focus-visible { outline: 2px solid var(--oak); outline-offset: 3px; }
.doors-header-cart__icon { display: block; flex: 0 0 24px; }
.doors-header-cart__count {
    min-width: 1ch;
    font: 500 calc(13px * var(--doors-font-scale, 1))/1 var(--mono);
    font-variant-numeric: tabular-nums;
}
@media (max-width: 700px) {
    .topbar .topbar-inner { gap: 12px; }
    .topbar .doors-header-shortcut { min-width: 56px; padding: 7px; }
}

.doors-header-shortcuts { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }