/* Optional header card design; legacy headers retain their own styles. */
.hc-topbar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 22px;margin:2px auto 0;padding:5px 18px;min-height:34px;width:100%;max-width:var(--shop-site-width,1500px);background:var(--hc-bar-bg);color:var(--hc-bar-text);border:var(--hc-bar-border);border-radius:8px 8px 0 0;font-size:13px;line-height:1.4;}
.hc-topbar a,.hc-topbar button,.hc-topbar label{color:var(--hc-bar-text)!important;text-decoration:none;}
.hc-topbar a:hover,.hc-topbar button:hover{text-decoration:underline;}
.hc-contact,.hc-socials,.hc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;}
.hc-contact{flex:1;justify-content:space-between;min-width:0;}
.hc-contact a{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere;}
.hc-socials{margin:0 auto;gap:14px;}
.hc-actions{justify-content:flex-end;gap:0;}
.hc-actions>a,.hc-actions>button,.hc-actions>label{margin:0!important;padding:0 10px!important;min-height:22px!important;border:0!important;border-left:1px solid currentColor!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
.hc-actions>:first-child{border-left:0!important;}
.hc-actions .shop-cart-count,.hc-actions .site-cart-count{display:inline;min-width:0;height:auto;padding:0;background:transparent;color:inherit;line-height:inherit;font-weight:400;}
.hc-actions .shop-cart-pill .shop-cart-label{display:inline!important;}
.hc-actions .shop-cart-checkout{display:none!important;}
.hc-actions .shop-language-pill select,.hc-actions .site-language-card select{max-width:90px;background:transparent!important;border:0;color:inherit!important;font-size:12px;}
.hc-actions select option{color:#17324d;background:#fff;}
.hc-actions a:focus-visible,.hc-actions button:focus-visible,.hc-socials a:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.hc-brand{display:flex!important;align-items:center;flex:0 1 auto;min-width:0;max-width:35%;margin-right:auto;text-decoration:none!important;color:var(--hc-card-text)!important;font-size:24px;font-weight:700;line-height:1.15;}
.hc-brand img{display:block;height:var(--hc-logo-height,90px);width:auto;max-width:100%;object-fit:contain;}
body .shop-bar.hc-menu-card,body .hc-standalone,body .site-header.is-header-card{box-sizing:border-box;margin:0 auto 12px;width:100%;max-width:var(--shop-site-width,1500px);padding:12px 20px;background:var(--hc-card-bg)!important;color:var(--hc-card-text)!important;border:var(--hc-card-border)!important;border-radius:0 0 8px 8px!important;box-shadow:none!important;backdrop-filter:none!important;}
body .shop-bar.hc-menu-card .pagebar,body .shop-bar.hc-menu-card .pagebar .pagebar-tabs{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;max-width:none;width:100%;}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;overflow:visible;}
/* Match the website header: brand and navigation share the desktop row. */
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs{column-gap:14px;}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs::before,body .shop-bar.hc-menu-card .pagebar .pagebar-tabs::after{content:none;display:none;}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs>.shop-nav-links{flex:1 1 0%;min-width:0;}
body .shop-bar.hc-menu-card .site-nav-action>a.site-menu-button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
@media(max-width:760px){body .shop-bar.hc-menu-card .pagebar .pagebar-tabs>.shop-nav-links{flex-basis:100%;}}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs>span[style]{display:none;}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs .pagebar-tab,body .site-header.is-header-card .site-nav>a{padding:8px 10px!important;min-height:34px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--hc-card-text)!important;font-size:14px;font-weight:400!important;text-decoration:none;white-space:nowrap;}
body .shop-bar.hc-menu-card .pagebar .pagebar-tabs .pagebar-tab:hover,body .shop-bar.hc-menu-card .pagebar .pagebar-tabs .pagebar-tab.pagebar-tab-active,body .shop-bar.hc-menu-card .pagebar .pagebar-tabs .pagebar-tab.is-active,body .site-header.is-header-card .site-nav>a:hover,body .site-header.is-header-card .site-nav>a.is-active{border-bottom-color:currentColor!important;}
body .shop-bar.hc-menu-card.is-font-small .pagebar-tab,body .site-header.is-header-card.is-font-small .site-nav>a{font-size:12px!important;}
body .shop-bar.hc-menu-card.is-menu-tight .pagebar-tab,body .site-header.is-header-card.is-menu-tight .site-nav>a{padding:5px 7px!important;}
body .site-header.is-header-card,body .hc-standalone{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
body .site-header.is-header-card .site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;}
@media(max-width:760px){.hc-topbar{padding:8px 10px;gap:8px;}.hc-contact{flex-basis:100%;justify-content:center;gap:8px 18px;}.hc-socials{margin:0;}.hc-actions{flex:1;justify-content:center;row-gap:8px;}.hc-actions>a,.hc-actions>button,.hc-actions>label{padding:2px 7px!important;}body .shop-bar.hc-menu-card,body .site-header.is-header-card{padding:10px;}.hc-brand{max-width:100%;flex-basis:100%;margin-bottom:6px;}.hc-brand img{max-height:90px;max-width:100%;}body .shop-bar.hc-menu-card .pagebar .pagebar-tabs,body .site-header.is-header-card .site-nav{gap:2px 4px;}}

body .shop-bar.hc-menu-card .pagebar .pagebar-tabs .pagebar-tab::after{display:none!important;}
/* Site Builder's legacy nav underline and icon palette do not apply to this card. */
body .site-header.is-header-card .site-nav>a::after{content:none!important;display:none!important;}
body .site-header.is-header-card{flex-direction:row;}
body.storefront-site .hc-topbar{font-family:Verdana,sans-serif;}
body .hc-topbar .hc-actions :is(i,svg){color:var(--hc-bar-text)!important;--fa-primary-color:var(--hc-bar-text);--fa-secondary-color:var(--hc-bar-text);}

/* Brand & Ribbon: a white masthead above a colored navigation strip. */
body .hc-topbar.hc-ribbon-brand{--hc-bar-text:var(--hc-card-text);background:var(--hc-card-bg);color:var(--hc-card-text);border:var(--hc-card-border);padding:20px 24px;gap:16px 28px;border-radius:16px 16px 0 0;min-height:100px;}
body .hc-ribbon-brand .hc-brand{gap:14px;margin:0;max-width:45%;}
.hc-ribbon-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;margin-left:auto;min-width:0;}
.hc-ribbon-tools .hc-contact{justify-content:flex-end;gap:12px 24px;}
.hc-ribbon-tools .hc-socials{margin:0;}
.hc-ribbon-tools .hc-actions{grid-column:1/-1;}
body .shop-bar.hc-menu-card.hc-ribbon-menu,body .site-header.is-header-card.hc-ribbon-menu,body .hc-standalone.hc-ribbon-menu{--hc-card-text:var(--hc-bar-text);background:var(--hc-bar-bg)!important;color:var(--hc-bar-text)!important;border:var(--hc-bar-border)!important;border-radius:0 0 16px 16px!important;padding:9px 20px;box-shadow:0 8px 18px rgba(15,23,42,.10)!important;}
body .shop-bar.hc-menu-card.hc-ribbon-menu .pagebar .pagebar-tabs .pagebar-tab,body .site-header.is-header-card.hc-ribbon-menu .site-nav>a{border:0!important;border-radius:999px!important;padding:9px 18px!important;}
body .shop-bar.hc-menu-card.hc-ribbon-menu .pagebar .pagebar-tabs .pagebar-tab:is(:hover,.is-active,.pagebar-tab-active),body .site-header.is-header-card.hc-ribbon-menu .site-nav>a:is(:hover,.is-active){background:color-mix(in srgb,var(--hc-bar-text) 22%,transparent)!important;}
body .hc-ribbon-menu :is(i,svg){color:var(--hc-bar-text)!important;--fa-primary-color:var(--hc-bar-text);--fa-secondary-color:var(--hc-bar-text);}
body .shop-bar.hc-menu-card.hc-ribbon-menu.is-menu-tight .pagebar .pagebar-tabs .pagebar-tab,body .site-header.is-header-card.hc-ribbon-menu.is-menu-tight .site-nav>a{padding:6px 12px!important;}
@media(max-width:760px){body .hc-topbar.hc-ribbon-brand{padding:16px;gap:14px;}body .hc-ribbon-brand .hc-brand{max-width:100%;flex-basis:100%;}.hc-ribbon-tools{margin:0;width:100%;grid-template-columns:1fr;}.hc-ribbon-tools .hc-contact,.hc-ribbon-tools .hc-socials,.hc-ribbon-tools .hc-actions{justify-content:flex-start;}.hc-ribbon-tools .hc-actions{grid-column:auto;}body .shop-bar.hc-menu-card.hc-ribbon-menu,body .site-header.is-header-card.hc-ribbon-menu{padding:8px;}}

/* Mobile controls reuse the live account/cart elements and their event handlers. */
.hc-email-mobile,.hc-quick-icon,.hc-mobile-actions,.hc-mobile-menu-tools { display:none; }
@media(max-width:760px){
  body .hc-topbar.hc-mobile-enhanced { display:block; padding:4px 12px; }
  body .hc-topbar.hc-mobile-enhanced:not(:has(.hc-contact a)) { display:none; }
  body .hc-topbar.hc-mobile-enhanced .hc-contact { display:flex; flex-wrap:nowrap; width:100%; justify-content:space-between; gap:12px; font-size:11px; }
  body .hc-topbar.hc-mobile-enhanced .hc-contact a { min-height:30px; gap:6px; white-space:nowrap; }
  body .hc-topbar.hc-mobile-enhanced .hc-contact a[href^="tel:"] { order:0; }
  body .hc-topbar.hc-mobile-enhanced .hc-contact a[href^="mailto:"] { order:1; }
  body .hc-topbar.hc-mobile-enhanced .hc-email-address,
  body .hc-topbar.hc-mobile-enhanced .hc-socials,
  body .hc-topbar.hc-mobile-enhanced .hc-actions { display:none!important; }
  body .hc-topbar.hc-mobile-enhanced .hc-email-mobile { display:inline; }
  body .hc-topbar.hc-mobile-enhanced .hc-ribbon-tools { display:contents; }
  body .hc-mobile-enhanced .hc-mobile-actions { display:flex; flex:0 0 auto; align-items:center; gap:2px; margin-left:auto; }
  body .hc-mobile-actions>a,body .hc-mobile-actions>button { position:relative; display:inline-flex!important; align-items:center; justify-content:center; width:40px; height:44px; min-width:40px; margin:0!important; padding:0!important; border:0!important; border-radius:8px!important; background:transparent!important; color:var(--hc-card-text,#17324d)!important; box-shadow:none!important; font-size:0!important; line-height:1!important; cursor:pointer; }
  body .hc-mobile-actions :is(i,svg,span):not(.hc-quick-icon):not(.shop-cart-count):not(.site-cart-count) { display:none!important; }
  body .hc-mobile-actions .hc-quick-icon { display:block; width:22px; height:22px; }
  body .hc-mobile-actions :is(.shop-cart-count,.site-cart-count) { position:absolute; display:inline-flex!important; align-items:center; justify-content:center; top:0; right:0; min-width:16px; height:16px; padding:0 3px; border-radius:9px; background:var(--hc-card-text,#17324d); color:var(--hc-card-bg,#fff); font:600 10px/1 Arial,sans-serif; }
  body .hc-mobile-actions>a:focus-visible,body .hc-mobile-actions>button:focus-visible { outline:2px solid currentColor; outline-offset:1px; }
  body .hc-mobile-enhanced .site-nav-mobile-toggle { margin-left:0; padding:9px 11px; }
  body .hc-mobile-enhanced .hc-brand { flex:1 1 0%; min-width:0; max-width:calc(100% - 190px); margin:0; }
  body .hc-mobile-enhanced .hc-brand img { height:56px; max-height:56px; max-width:100%; object-fit:contain; }
  body .shop-bar.hc-menu-card.hc-mobile-enhanced .pagebar .pagebar-tabs { column-gap:6px; }
  body .shop-bar.hc-menu-card.hc-mobile-enhanced .pagebar .pagebar-tabs>.shop-nav-links { display:contents; }
  body .site-header.is-header-card.hc-mobile-enhanced { gap:6px; }
  body .site-header.is-header-card .site-nav.is-mobile-ready { flex-basis:100%; align-items:stretch; gap:4px; }
  body .hc-mobile-enhanced.hc-ribbon-menu { background:var(--hc-card-bg)!important; color:var(--hc-card-text)!important; }
  body .hc-mobile-enhanced .hc-mobile-menu-tools { display:flex; width:100%; flex-direction:column; gap:10px; padding:12px 4px 4px; border-top:1px solid #d5dee8; }
  body .hc-mobile-menu-tools:empty { display:none; }
  body .hc-mobile-menu-tools :is(.shop-language-pill,.site-language-card) { display:flex; width:100%; min-width:0; gap:10px; margin:0; padding:0; background:transparent; color:inherit; border:0; box-shadow:none; }
  body .hc-mobile-menu-tools select { flex:1; min-width:0; max-width:100%; min-height:44px; padding:8px; border:1px solid #a8b8c8; border-radius:6px; background:var(--hc-card-bg,#fff); color:var(--hc-card-text,#17324d); font-size:14px; }
  body .hc-mobile-menu-tools>a { min-height:44px; padding:10px 8px; }
}
