/* The account and cart pages wearing the store's own header (api/store-page.js,
   lib/store-chrome.js). The page's own header stays in the document for its
   script, out of sight; the store's header draws itself from the builder's
   stylesheet. */
html.has-store-header .account-header,html.has-store-header .cart-header{display:none}
.store-header .sf-root{min-height:0}
/* The page's own Account or Cart is the current one: underlined, like the
   store's current menu item. */
.store-header .sf-hdr-action[aria-current=page]::after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:2px;border-radius:2px;background:currentColor}
.store-header .sf-header-actions a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* The page's title in the store's heading font (--store-heading-font, set
   from the header's theme). */
html.has-store-header .account-title,html.has-store-header main>h1{font-family:var(--store-heading-font,inherit)}