/* Shared controls also cover the market/admin actions inserted after bootstrap. */
html .topbar{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 24px!important;min-height:72px!important;height:auto!important;flex-wrap:wrap!important;background:#4a0b14f5!important;border:0!important;border-bottom:1px solid #9b2438!important;box-shadow:0 4px 18px #0003!important;backdrop-filter:blur(14px);font-family:Tahoma,system-ui,sans-serif}
html .topbar .brand{gap:10px;flex:0 0 auto}html .topbar .brand-mark{width:36px;height:36px;border-radius:10px!important;background:#5c1623!important;border:1px solid #a63a4e!important;box-shadow:none!important;font-size:14px}html .topbar .brand-name{font-size:14px;font-weight:700;line-height:1.7}html .topbar .brand-sub{font-size:10px;color:#f0b2bd}html .topbar .topbar-center{flex:1 1 220px;max-width:320px;min-width:180px;margin-inline:auto}html .topbar .search-input{height:40px!important;min-height:40px!important;border-radius:8px!important;background:#300b13!important;border:1px solid #8b2638!important;color:#fff!important;font:12px Tahoma,sans-serif;box-shadow:none!important}
html .topbar .topbar-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0;max-width:100%}
html .topbar .topbar-actions :is(a,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important;height:38px!important;min-height:38px!important;min-width:38px!important;padding:0 12px!important;margin:0!important;border:1px solid #8b2638!important;border-radius:8px!important;background:#5a101e!important;color:#fff!important;box-shadow:none!important;font:400 12px/1 Tahoma,system-ui,sans-serif!important;text-decoration:none!important;text-shadow:none!important;white-space:nowrap!important;cursor:pointer;transition:background .15s,border-color .15s}
html .topbar .topbar-actions :is(a,button):hover{background:#7d182c!important;border-color:#d14a62!important;color:#fff!important}html .topbar .topbar-actions :is(a,button):focus-visible,html .topbar .search-input:focus-visible{outline:2px solid #ff8fa3!important;outline-offset:3px}html .topbar .topbar-actions :is(a,button)[aria-pressed=true]{background:#8b2035!important;border-color:#e36a7e!important}html .topbar .topbar-actions :is(a,button) :is(svg,i){width:15px!important;height:15px!important;font-size:15px!important;flex-shrink:0}html .topbar .city-account{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;order:10;padding-inline-start:10px;margin-inline-start:4px;border-inline-start:1px solid #8b2638}html .topbar .city-account form{display:flex;margin:0}html .topbar .city-account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4cbd2}html .topbar .city-wallet{padding:0 7px!important;height:auto;background:transparent!important;border:0!important;border-radius:0!important;font-size:11px;color:#f4cbd2!important;white-space:nowrap}html .topbar .time-control{display:flex;align-items:center;gap:6px}html .topbar .time-slider{width:68px}
@media(max-width:1200px){html .topbar .topbar-actions{flex:1 1 100%}html .topbar .topbar-center{max-width:420px}html .topbar .city-account{margin-inline-start:auto}}
@media(max-width:620px){html .topbar{padding:10px 12px!important;gap:10px!important}html .topbar .brand-sub{display:none}html .topbar .topbar-center{order:0!important;flex:1 1 140px!important;min-width:120px;max-width:none}html .topbar .topbar-actions{gap:6px!important}html .topbar .topbar-actions :is(a,button){height:40px!important;min-height:40px!important;padding-inline:10px!important;font-size:11px!important}html .topbar .city-account{border:0;padding:6px 0 0;margin:0;flex-basis:100%}html .topbar .city-account-name{max-width:160px}html .topbar .city-account form{margin-inline-start:auto}html .topbar .time-slider{width:54px}}
@media(prefers-reduced-motion:reduce){html .topbar .topbar-actions :is(a,button){transition:none}}


html .topbar .topbar-center{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important}
html .category-filter{top:calc(var(--city-navbar-height,72px) + 10px)!important}
@media(max-width:620px){html .topbar .topbar-center{flex-basis:100%!important;order:1!important}html .topbar .topbar-actions{order:2!important;justify-content:flex-start!important}}