/* The same explicit way home on every buyer shell, independent of its theme. */
.storefront-navigation, .storefront-navigation * { box-sizing:border-box; }
html .storefront-navigation { display:flex; align-items:center; justify-content:space-between;
  flex:1 0 100%; width:100%; min-width:0; position:relative; z-index:125;
  margin:0; padding:.3rem .6rem; border-bottom:1px solid #64748b;
  background:#10243b; color:#fff; font:700 1rem/1.35 -apple-system,"Segoe UI",Arial,sans-serif; }
html body .storefront-navigation a, html body .storefront-navigation summary,
html.calm body .storefront-navigation a, html.calm body .storefront-navigation summary {
  display:flex; align-items:center; min-height:44px; min-width:44px;
  padding:.55rem .65rem; margin:0; border:2px solid transparent; border-radius:8px;
  background:#10243b; color:#fff; font:inherit; text-align:left;
  white-space:normal; overflow-wrap:anywhere; text-decoration:none; cursor:pointer; }
html body .storefront-navigation .storefront-home { flex:1 1 auto; }
html body .storefront-navigation .storefront-home span { margin-right:.45rem; }
html body .storefront-navigation .storefront-home span { font-size:1.3rem; line-height:1; }
html body .storefront-navigation .storefront-switcher { flex:0 0 auto; position:static; margin:0; }
html body .storefront-navigation summary { border-color:#d5e2f0; list-style:none; }
html body .storefront-navigation summary span { margin-left:.45rem; }
.storefront-navigation summary::-webkit-details-marker { display:none; }
html body .storefront-navigation a:hover, html body .storefront-navigation summary:hover,
html body .storefront-navigation .storefront-switcher[open] > summary,
html.calm body .storefront-navigation a:hover, html.calm body .storefront-navigation summary:hover {
  background:#244666; color:#fff; border-color:#fff; text-decoration:underline; text-underline-offset:.2em; }
html body .storefront-navigation a:focus, html body .storefront-navigation summary:focus,
html.calm body .storefront-navigation a:focus, html.calm body .storefront-navigation summary:focus {
  outline:3px solid #fff; outline-offset:2px; box-shadow:0 0 0 5px #10243b; }
html body .storefront-navigation .storefront-panel { position:absolute; right:.6rem; top:100%;
  width:24rem; max-width:calc(100% - 1.2rem); max-height:60vh; overflow-y:auto;
  padding:.5rem; border:2px solid #d5e2f0; border-radius:0 0 10px 10px;
  background:#10243b; color:#fff; box-shadow:0 12px 24px #0005; }
.storefront-switcher:not([open]) > .storefront-panel { display:none; }
.storefront-panel p { margin:.3rem .65rem .5rem; font-size:.85rem; color:#fff; }
html body .storefront-navigation .storefront-panel a { display:flex; flex-wrap:wrap; width:100%; }
html body .storefront-navigation a[aria-current] { border-color:#d5e2f0; text-decoration:underline; text-underline-offset:.2em; }
.storefront-current { display:block; font-size:.75rem; margin:.15rem 0 .15rem auto; padding-left:1rem; }
/* Shared headers use one compact row; the named home replaces the wordmark. */
html .bhnav { flex-wrap:wrap; }
html .bhnav > .storefront-navigation, html .market-nav > .storefront-navigation {
  display:grid; grid-template-columns:minmax(min-content,1fr) max-content;
  order:-1; position:static; flex:0 1 auto; width:auto; min-width:min-content; padding:0; border:0; border-radius:8px;
}
html .bhnav > .brand, html .market-nav > .market-nav-brand { display:none; }
@media (max-width:1400px) {
  html .bhnav-wide { display:none; }
  html .bhnav-mobile { display:flex; }
}
/* Phones keep Shop (one tap back to browsing); only the narrowest screens drop it so the
   collapsed sticky header stays under 80 px (tests_three_selling_modes at 320 px; measured
   again 11/01 01:4x with the double spacing removed: Shop still does not fit at 320 px). */
@media (max-width:340px) {
  html .market-nav > a[aria-label="Shop the Marketplace"] { display:none; }
}
html body > .storefront-navigation { position:sticky; top:0; }
html .market-nav { position:sticky; top:0; z-index:90; }
@media (max-width:520px) {
  html .bhnav > .storefront-navigation, html .market-nav > .storefront-navigation { flex:1 1 0; }
  html body .bhnav .storefront-navigation .storefront-home, html body .market-nav .storefront-navigation .storefront-home {
    max-width:7rem; min-width:min-content; padding:.25rem; font-size:.8rem; line-height:1.2; overflow-wrap:normal;
  }
  html body .bhnav .storefront-home span, html body .market-nav .storefront-home span { display:none; }
  html body .bhnav .storefront-navigation summary, html body .market-nav .storefront-navigation summary {
    padding:.25rem .3rem; font-size:.8rem;
  }
  /* Account, saved lots and registration remain in the complete Shop menu. */
  html .bhnav-mobile { flex:0 0 auto; }
  html .bhnav-mobile > a { display:none; }
  html.calm.light body .bhnav a.bhnav-cart, html.calm:not(.light) body .bhnav a.bhnav-cart, html body .bhnav a.bhnav-cart { font-size:.8rem; padding:.3rem; }
  html body .bhnav .bhnav-cart-icon { width:20px; height:20px; flex-basis:20px; }
  html body .bhnav .bhnav-cart-count { min-width:1.3rem; min-height:1.3rem; padding:.1rem; font-size:.75rem; }
  html body .bhnav a.bhnav-cart > * + * { margin-left:.2rem; }
  html .market-nav { gap:.15rem; padding:.35rem; }
  html .market-nav > a, html .market-nav > .market-nav-account > summary { padding:.3rem; font-size:.8rem; }
  html .market-nav-account { margin-left:0; }
  html .storefront-navigation { font-size:.9rem; padding:.25rem .35rem; }
}
@media print { html .storefront-navigation { display:none; } }