.jsb-test-header .js-main-order{display:flex;align-items:center;gap:16px}
.jsb-test-header .jsb-header-cart{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;text-decoration:none;color:#25212d;white-space:nowrap}
.jsb-test-header .jsb-header-cart span{display:inline-flex;justify-content:center;align-items:center;background:#b21f57;color:#fff;border-radius:50%;min-width:24px;min-height:24px;font-size:11px}
.jsb-test-header .js-main-nav .jsb-header-link>a{color:#b21f57}
@media(min-width:851px) and (max-width:1200px){.jsb-test-header .js-main-header-inner{flex-wrap:wrap;justify-content:space-between;gap:12px}.jsb-test-header .js-main-nav{order:3;width:100%}.jsb-test-header .js-main-nav ul{justify-content:center;flex-wrap:wrap}}

@media(min-width:851px){.jsb-test-header .js-main-nav ul{display:flex;flex-wrap:wrap;gap:8px 14px}.jsb-test-header .js-main-nav{min-width:0;flex:1}.jsb-test-header .js-main-order{flex-shrink:0}}

.jsb-test-header .jsb-header-small{display:flex;flex-direction:column;gap:5px}.jsb-test-header .jsb-header-small a{font-size:11px;line-height:1.4;color:#25212d;text-decoration:none;white-space:nowrap}.jsb-test-header .jsb-header-small a:hover{color:#b21f57}.jsb-test-header .jsb-header-cart{flex-direction:column;gap:3px}.jsb-test-header .jsb-header-cart .jsb-cart-caption{display:flex;gap:5px;background:none;border-radius:0;font-size:11px;color:#25212d;min-height:0}.jsb-test-header .jsb-header-cart .jsb-cart-count{min-width:19px;min-height:19px;font-size:10px}.jsb-test-header .js-main-nav .jsb-header-link>a{color:#25212d}@media(max-width:850px){.jsb-test-header .js-main-order{gap:12px;flex-wrap:wrap}.jsb-test-header .jsb-header-small a{min-height:32px;display:flex;align-items:center}.jsb-test-header .js-main-nav ul{flex-direction:column;align-items:stretch;gap:0}.jsb-test-header .js-main-nav .jsb-header-link>a{display:block;padding:12px 16px;min-height:44px;box-sizing:border-box;border-bottom:1px solid #eee}}

.jsb-test-header .jsb-header-small{flex-direction:row;align-items:center;gap:10px}

@media(min-width:1201px){.jsb-test-header .js-main-nav ul{flex-wrap:nowrap;gap:8px 14px}.jsb-test-header .js-main-nav .jsb-header-link>a{white-space:nowrap;font-size:12px}.jsb-test-header .js-main-order{gap:12px}.jsb-test-header .js-main-header-inner{gap:20px}}

/* Mobile-only: the cart is the single entry to checkout. */
@media(max-width:850px){.jsb-test-header .js-main-order>.btn-order{display:none!important}.jsb-test-header .js-main-order{display:flex!important;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:20px;padding:8px 0}.jsb-test-header .jsb-header-small{margin:0}.jsb-test-header .jsb-header-small a{min-height:44px;font-size:13px}.jsb-test-header .jsb-header-cart{min-height:44px;justify-content:center}.jsb-test-header .jsb-header-cart .jsb-cart-caption{font-size:12px}}

/* Mobile header controls share one compact row beneath the logo. */
@media(max-width:850px){.jsb-test-header .js-main-header-inner{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px 16px!important;padding-top:14px!important;padding-bottom:14px!important}.jsb-test-header .js-main-logo{grid-column:1 / -1;grid-row:1;width:100%;margin:0!important}.jsb-test-header #js-mobile-hamburger{grid-column:1;grid-row:2;margin:0!important;justify-self:start;position:static!important}.jsb-test-header .js-main-order{grid-column:2;grid-row:2;width:auto!important;margin:0!important;padding:0!important;justify-self:end;gap:18px}.jsb-test-header .js-main-nav{grid-column:1 / -1;grid-row:3;width:100%!important;position:static!important;margin:0!important;padding:0!important}.jsb-test-header .js-main-nav:not(.js-menu-open){display:none!important}.jsb-test-header .js-main-nav.js-menu-open{display:block!important}.jsb-test-header .jsb-header-cart svg{width:23px;height:23px}.jsb-test-header .jsb-header-cart .jsb-cart-caption{font-size:11px}.jsb-test-header .jsb-header-small a{font-size:12px}}

/* One shared header across theme pages and the shop. */
body:has(.jsb-shared-site-header) .js-main-header{display:none!important}
.jsb-shared-site-header{max-width:none;width:100%;margin:0;background:#fff}
