/* Compact, flowing header. The bottom navigation retains its own layout row. */
.topbar.souq-header55{position:relative;top:auto;z-index:45}
.souq-header55 .bar-inner{display:flex;flex-wrap:wrap;gap:12px;padding-block:12px;min-height:0}
.souq-header55 .brand{min-width:0;white-space:normal;gap:9px;flex:0 1 auto}
.souq-header55 .brand img{width:40px;height:40px;flex-shrink:0;border-radius:10px}
.souq-header55 .brand strong{font-size:19px;line-height:1.4}
.souq-header55 .brand small{font-size:12px;line-height:1.5;margin:2px 0 0}
.souq-header55 .nav{flex:1 1 auto;justify-content:center}
.souq-header55 .bar-actions{display:flex;gap:8px;margin:0;min-width:0}
.souq-header55 .bar-actions>.btn{min-height:44px;white-space:normal}
.souq-header55 .header-menu55{position:relative;flex-shrink:0}
.header-menu55>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--stroke);border-radius:12px;background:#fff;font-size:14px;font-weight:700;color:var(--green)}
.header-menu55>summary::-webkit-details-marker{display:none}
.header-menu55>summary:focus-visible,.header-menu55 button:focus-visible{outline:3px solid #3c8b75;outline-offset:3px}
.header-menu55[open]>summary{background:var(--mint)}
.header-menu55 .header-menu-items55{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:270px;max-width:calc(100vw - 28px);padding:10px;background:#fff;border:1px solid var(--stroke);border-radius:16px;box-shadow:0 12px 35px #173d3524;display:grid;gap:5px;z-index:46;max-height:65vh;overflow-y:auto}
.header-menu-items55 button{width:100%;min-height:44px;text-align:start;white-space:normal;background:transparent;border:0;border-radius:10px;padding:10px 12px;color:var(--ink);font-weight:700;font-size:15px}
.header-menu-items55 button:hover{background:var(--mint)}
.header-menu-items55 .header-menu-manage55{border-top:1px solid var(--stroke);padding-top:6px;margin-top:4px;display:grid;gap:5px}
@media(max-width:760px){
 .topbar.souq-header55 .bar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:10px}
 .topbar.souq-header55 .brand{justify-self:start;max-width:100%}
 .topbar.souq-header55 .brand strong{font-size:18px}
 .topbar.souq-header55 .brand small{font-size:11px}
 .topbar.souq-header55 .nav{display:none}
 .topbar.souq-header55 .header-menu55{grid-column:2;grid-row:1;align-self:center}
 .topbar.souq-header55 .bar-actions{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
 .topbar.souq-header55 .bar-actions>.btn{grid-column:auto;min-width:0;min-height:44px;padding:8px 4px;font-size:12px;line-height:1.5;border-radius:12px;white-space:normal;overflow-wrap:anywhere}
 .topbar.souq-header55 .header-menu-items55{top:calc(100% + 10px)}
}
@media(prefers-reduced-motion:reduce){.souq-header55 *{transition:none!important}}