/* QuickOrder approved public demo/template header, 2026-10-23 */
.qo-brand-lockup{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none!important;flex-shrink:0;min-width:0;max-width:100%;line-height:1.1}
.qo-brand-lockup img{display:block;width:300px!important;height:auto!important;max-width:100%;object-fit:contain}
.qo-brand-lockup .qo-brand-tagline{font-family:inherit;font-size:11px;line-height:1.25;letter-spacing:.02em;font-weight:600;color:#65707f;text-align:center;white-space:nowrap}
.topbar:has(.qo-brand-lockup),.demo-topbar:has(.qo-brand-lockup){display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px}
.topbar:has(.qo-brand-lockup) nav{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}
.topbar:has(.qo-brand-lockup) nav>*{white-space:nowrap}
.template-shell>header .qo-brand-lockup{flex-shrink:1}
@media(max-width:1024px){.qo-brand-lockup img{width:250px!important}}
@media(max-width:650px){.qo-brand-lockup img{width:190px!important}.qo-brand-lockup .qo-brand-tagline{font-size:8px;letter-spacing:0}.topbar:has(.qo-brand-lockup),.demo-topbar:has(.qo-brand-lockup){gap:7px}.topbar:has(.qo-brand-lockup) nav{gap:5px}.topbar:has(.qo-brand-lockup) nav a,.topbar:has(.qo-brand-lockup) nav button{font-size:12px;padding:9px 10px}.template-shell>header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}}
@media(max-width:365px){.qo-brand-lockup img{width:165px!important}.qo-brand-lockup .qo-brand-tagline{font-size:7px}}