/* Shared website navigation, including shop pages hosted under the website domain. */
.site-nav { display:flex; flex-wrap:wrap; align-items:center; gap:3px; }
.site-nav a { position:relative; display:inline-flex; align-items:center; gap:6px; box-sizing:border-box; min-height:34px; padding:5px 8px; border:0; border-radius:10px; color:#0f172a; font-family:Verdana,sans-serif; font-size:15px; font-weight:400; line-height:1.5; text-decoration:none; }
.site-nav a i { font-size:18px; --fa-primary-color:var(--site-menu-focus,#1767a7); --fa-secondary-color:var(--site-menu-focus,#1767a7); }
.site-nav a::after { position:absolute; right:12%; bottom:2px; left:12%; height:3px; border-radius:999px; background:var(--site-menu-focus,#1767a7); content:""; opacity:0; transform:scaleX(.4); transition:opacity .16s ease,transform .16s ease; }
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.is-active { color:var(--site-menu-focus,#1767a7); background:color-mix(in srgb,var(--site-menu-focus,#1767a7) 12%,transparent); }
.site-nav a:hover::after,.site-nav a:focus-visible::after,.site-nav a.is-active::after { opacity:1; transform:scaleX(1); }
.shop-bar .site-nav { --site-menu-focus:var(--focus-color,#1767a7); --site-line:color-mix(in srgb,var(--focus-color,#1767a7) 18%,#d8e0e8); flex:1 1 auto; min-width:0; }
.shop-bar.hc-menu-card .site-nav { gap:6px 12px; }
.shop-bar[data-menu-align=left] .site-nav { justify-content:flex-start; }
.shop-bar[data-menu-align=center] .site-nav { justify-content:center; }
.shop-bar[data-menu-align=right] .site-nav { justify-content:flex-end; }
.shop-bar.is-font-small .site-nav a { font-size:12px; }
.shop-bar.is-menu-tight .site-nav a { min-height:34px; padding:5px 8px; }
.shop-bar.is-menu-tight .site-nav a::after { content:none; display:none; }
.shop-bar.is-menu-icons-hidden .site-nav a>i { display:none; }
.site-nav-item { position:relative; min-width:0; }
.site-nav-parent { display:flex; align-items:center; }
.site-nav-toggle { border:0; border-radius:6px; background:transparent; color:inherit; box-sizing:border-box; padding:5px 8px; min-width:30px; min-height:34px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.site-nav-toggle.is-section { font-family:Verdana,sans-serif; font-size:15px; line-height:1.5; padding:5px 8px; min-height:34px; }
.site-nav-arrow { display:block; flex-shrink:0; }
.site-nav-toggle:focus-visible { outline:2px solid var(--site-menu-focus,#1767a7); outline-offset:2px; }
.site-nav-toggle:hover { background:color-mix(in srgb,var(--site-menu-focus,#1767a7) 12%,transparent); }
.site-nav-toggle[aria-expanded=true] .site-nav-arrow { transform:rotate(180deg); }
.site-nav-dropdown { position:absolute; top:100%; left:0; z-index:100; min-width:200px; width:max-content; max-width:min(320px,calc(100vw - 24px)); background:#fff; border:1px solid var(--site-line,#ddd); border-radius:10px; box-shadow:0 12px 30px #0003; padding:6px; }
.site-nav-dropdown[hidden] { display:none; }
.site-nav .site-nav-dropdown a { display:flex; padding:10px 12px; min-height:42px; border-radius:5px; overflow-wrap:anywhere; }
.site-nav .site-nav-dropdown a::after { display:none; }
.shop-bar.is-font-small .site-nav-toggle.is-section,.site-header.is-font-small .site-nav-toggle.is-section { font-size:12px; }
.shop-bar.is-menu-tight .site-nav-toggle.is-section { padding:5px 8px; min-height:34px; }
.shop-bar:has(.site-nav) .pagebar,.shop-bar:has(.site-nav) .pagebar-tabs { overflow:visible; }
@media(max-width:767px){
  .site-nav-item.is-open { flex-basis:100%; }
  .site-nav-dropdown { position:static; width:100%; min-width:0; max-width:100%; margin-bottom:8px; transform:none!important; box-sizing:border-box; }
}
@media(max-width:760px){.shop-bar.hc-menu-card .site-nav {gap:2px 4px;}}
@media(max-width:680px){.site-nav a {min-height:34px;padding:5px 9px;font-size:13px;}}