/* The shop's header links remain links; adjacent disclosures expose their sections. */
.site-header .a74-nav-root{position:relative;flex:none}
.site-header .a74-nav-trigger{display:flex;align-items:stretch}
.site-header .a74-nav-trigger>a{display:flex;align-items:center;min-width:0}
.site-header .a74-nav-toggle,.site-header .a74-nav-group-button{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--ink);padding:0;min-height:44px;cursor:pointer}
.site-header .a74-nav-toggle{width:28px;flex:none}
.site-header .a74-nav-toggle svg,.site-header .a74-nav-group-button svg{width:16px;height:16px;flex:none}
.site-header .a74-nav-root>.a74-nav-trigger>.a74-nav-toggle svg{transition:transform .16s ease-out}
.site-header .a74-nav-root.is-open>.a74-nav-trigger>.a74-nav-toggle svg{transform:rotate(180deg)}
.site-header .a74-nav-trigger:has(>[aria-current]),.site-header .a74-nav-trigger:hover,.site-header .is-open>.a74-nav-trigger{background:#f0e6ea;color:var(--accent)}
.site-header .a74-nav-trigger:hover>*:is(a,button),.site-header .is-open>.a74-nav-trigger>*:is(a,button){color:var(--accent);background:transparent}
.site-header :is(.a74-nav-root,.a74-nav-panel) :is(a,button):focus-visible{outline:2px solid var(--focus,#176379);outline-offset:-3px}
.site-header .a74-nav-panel,.site-header .a74-nav-subpanel{position:absolute;z-index:30;top:100%;left:0;width:280px;background:var(--paper,#fff);color:var(--ink);box-shadow:0 12px 28px #29252a26;padding:8px 0;text-align:left}
.site-header [data-a74-panel][hidden]{display:none!important}
.site-header .a74-nav-panel ul{list-style:none;margin:0;padding:0}
.site-header .a74-nav-panel li{margin:0;padding:0}
.site-header .a74-nav-panel a,.site-header .a74-nav-group-button{min-height:44px;padding:12px 18px;font-size:14px;font-weight:500;line-height:1.45;color:var(--ink);text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.site-header .a74-nav-panel a{display:block}
.site-header .a74-nav-panel a:hover,.site-header .a74-nav-panel a[aria-current]{background:#f0e6ea;color:var(--accent)}
.site-header .a74-nav-panel .a74-nav-trigger>a{display:flex;flex:1;padding-right:4px}
.site-header .a74-nav-panel .a74-nav-toggle{width:38px}
.site-header .a74-nav-panel .a74-nav-trigger .a74-nav-toggle svg,.site-header .a74-nav-group-button svg{transform:rotate(-90deg)}
.site-header .a74-nav-group-button{justify-content:space-between;gap:12px;text-align:left;width:100%}
.site-header .a74-nav-subpanel{top:0;left:100%;width:320px;min-height:100%;max-height:var(--a74-menu-height,70vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper)}
.site-header .a74-nav-descendants .a74-nav-descendants{margin:0 14px 8px;padding-left:12px;border-left:1px solid var(--line)}
.site-header .a74-nav-descendants .a74-nav-descendants a{font-size:13px;padding:10px 12px;font-weight:400}
.site-header .a74-nav-panel .a74-nav-all{font-size:12px;font-weight:650;color:var(--accent);border-bottom:1px solid var(--line);margin-bottom:6px}
.site-header .a74-nav-panel .a74-nav-footer{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}
.site-header .a74-nav-footer>a{color:var(--accent);font-weight:600}
.site-header .main-nav{overflow:visible}
.site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a{background:transparent;height:44px;padding:0 8px 0 18px;color:var(--ink);font-size:14px;font-weight:650;white-space:nowrap}
.site-header .main-nav>.a74-nav-root>.a74-nav-trigger{padding-right:7px}
.site-header .main-nav>.a74-nav-catalog{margin-right:auto}
.site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a:hover{color:var(--accent);background:transparent}
.site-header .a74-nav-company>.a74-nav-panel,.site-header .a74-nav-brands>.a74-nav-panel{left:auto;right:0;width:250px}
.site-header .a74-nav-company .a74-nav-subpanel{left:auto;right:100%}
.site-header .a74-nav-company .a74-nav-branch .a74-nav-toggle svg,.site-header .a74-nav-company .a74-nav-group-button svg{transform:rotate(90deg)}
.site-header .a74-header-account>.a74-nav-panel{left:auto;right:0;width:245px;max-height:var(--a74-menu-height,70vh);overflow-y:auto;overscroll-behavior:contain}
.site-header .a74-header-account>.a74-nav-trigger>.account-link{padding-left:8px}
.site-header .a74-header-account>.a74-nav-trigger>.a74-nav-toggle{width:22px}
@media(min-width:768px) and (max-width:1100px){
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a{font-size:12px;padding-left:10px;padding-right:2px}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger{padding-right:0}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>.a74-nav-toggle{width:22px}
 .site-header .main-nav>a{padding-left:10px;padding-right:10px}
}
@media(max-height:620px) and (min-width:768px){
 .site-header .a74-nav-panel{max-height:var(--a74-menu-height,65vh);overflow-y:auto;overscroll-behavior:contain}
 .site-header .a74-nav-panel .a74-nav-subpanel{position:static;width:auto;min-height:0;max-height:none;box-shadow:none;overflow:visible;padding-left:14px;border-top:1px solid var(--line)}
 .site-header .a74-nav-panel .a74-nav-trigger .a74-nav-toggle svg,.site-header .a74-nav-group-button svg{transform:none}
}
@media(max-width:767px){
 .site-header .a74-header-account{grid-column:4;grid-row:1;position:static}
 .site-header .a74-header-account>.a74-nav-trigger>.account-link{padding:10px;min-width:44px;min-height:44px;display:flex}
 .site-header .a74-header-account>.a74-nav-trigger>.a74-nav-toggle{display:none}
 .site-header .a74-header-account>.a74-nav-panel{top:100%;right:8px;width:min(280px,calc(100vw - 16px))}
 .site-header .main-nav{overflow-y:auto;overflow-x:hidden}
 .site-header .main-nav>.a74-nav-root{margin:0;border-bottom:1px solid var(--line)}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger{padding:0}
 /* Highlight the whole row, including its disclosure, with readable text. */
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger:has(>[aria-current])>*:is(a,button){color:var(--accent);background:transparent}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a{flex:1;min-height:52px;height:auto;padding:12px 0 12px 24px;font-size:16px;white-space:normal}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>.a74-nav-toggle{width:52px}
 .site-header .main-nav .a74-nav-panel{position:static;width:auto;max-height:none;box-shadow:none;padding:0 0 8px}
 .site-header .main-nav .a74-nav-subpanel{position:static;width:auto;min-height:0;max-height:none;box-shadow:none;overflow:visible;padding:0 0 4px 16px;margin:0 16px;background:var(--surface)}
 .site-header .main-nav .a74-nav-panel a{padding-left:32px}
 .site-header .main-nav .a74-nav-panel .a74-nav-trigger>a{padding-left:32px}
 .site-header .main-nav .a74-nav-panel .a74-nav-toggle{width:52px}
 .site-header .main-nav .a74-nav-panel .a74-nav-group-button{padding-left:32px;padding-right:18px}
 .site-header .main-nav .a74-nav-panel .a74-nav-toggle svg,.site-header .main-nav .a74-nav-group-button svg{transform:none}
 .site-header .main-nav .a74-nav-panel .is-open>.a74-nav-trigger .a74-nav-toggle svg,.site-header .main-nav .is-open>.a74-nav-trigger>.a74-nav-group-button svg{transform:rotate(180deg)}
 .site-header .main-nav .a74-nav-subpanel a{padding-left:16px}
 .site-header .main-nav .a74-nav-panel .a74-nav-footer{margin-left:16px;margin-right:16px}
}
@media(prefers-reduced-motion:reduce){.site-header .a74-nav-root>.a74-nav-trigger>.a74-nav-toggle svg{transition:none}}

/* Desktop navigation uses the shop's burgundy brand colour. */
@media(min-width:768px){
 .site-header .main-nav{background:var(--accent);border-top:0}
 .site-header .main-nav>a,
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a,
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>.a74-nav-toggle{color:#fff}
 .site-header .main-nav>:is(a,.a74-nav-root){border-right:1px solid rgb(255 255 255 / 12%)}
 .site-header .main-nav>:last-child{border-right:0}
 .site-header .main-nav>a:hover,
 .site-header .main-nav>a[aria-current],
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger:hover,
 .site-header .main-nav>.a74-nav-root.is-open>.a74-nav-trigger,
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger:has(>[aria-current]){background:var(--accent-hover);color:#fff}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger:hover>*:is(a,button),
 .site-header .main-nav>.a74-nav-root.is-open>.a74-nav-trigger>*:is(a,button),
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a:hover{color:#fff}
 .site-header .main-nav>:is(a,.a74-nav-root) :is(a,button):focus-visible,
 .site-header .main-nav>a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
}

/* The band spans the page; its links span the band. */
@media(min-width:768px){
 .site-header .header-navigation{background:var(--accent)}
 .site-header .main-nav{align-items:stretch}
 .site-header .main-nav>a{height:auto;align-items:center}
 .site-header .main-nav>.a74-nav-root{display:flex;align-items:stretch}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger{height:100%}
 .site-header .main-nav>.a74-nav-root>.a74-nav-trigger>a{height:auto}
 .site-header.is-floating .header-top{display:none}
}
.site-header.is-floating{position:fixed;inset:var(--wp-admin--admin-bar--height,0px) 0 auto;z-index:50;width:100%;padding-bottom:0;background:var(--paper,#fff);border-bottom:0;animation:a74-header-reveal .18s ease-out}
.header-scroll-anchor,.header-scroll-spacer{height:0;pointer-events:none}
html{scroll-padding-top:80px}
@media(max-width:767px){html{scroll-padding-top:92px}}
@keyframes a74-header-reveal{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header.is-floating{animation:none}}

/* A home link joins the desktop band when the upper logo scrolls away. */
.site-header .main-nav>.a74-nav-home{display:none}
@media(min-width:768px){
 .site-header.is-floating .main-nav>.a74-nav-catalog{margin-right:0}
 .site-header.is-floating .main-nav>.a74-nav-home{display:flex;flex:0 0 auto;margin-right:auto;padding-inline:20px;min-height:44px}
}
@media(min-width:768px) and (max-width:1100px){
 .site-header.is-floating .main-nav>.a74-nav-home{padding-inline:4px}
}

/* Home keeps the same burgundy surface in its current and hover states. */
@media(min-width:768px){.site-header .main-nav>.a74-nav-home:hover,.site-header .main-nav>.a74-nav-home[aria-current]{background:transparent;color:#fff}}

/* Keep all mobile header utilities at the bottom; panels open above the bar. */
@media(max-width:767px){
 html{--a74-mobile-header-height:calc(72px + env(safe-area-inset-bottom,0px));--a74-mobile-sections-height:var(--a74-mobile-header-height);--a74-keyboard-inset:0px;scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + 16px);scroll-padding-bottom:calc(var(--a74-mobile-header-height) + 16px)}
 body{padding-top:0;padding-bottom:var(--a74-mobile-header-height)}
 body:has(.catalog-navigation .catalog-tile-mobile-current){padding-bottom:calc(var(--a74-mobile-header-height) + var(--a74-mobile-sections-height))}
 html:has(.catalog-navigation .catalog-tile-mobile-current){scroll-padding-bottom:calc(var(--a74-mobile-header-height) + var(--a74-mobile-sections-height) + 16px)}
 body .site-header,body.home.a74-landing-home .site-header,body .site-header.is-floating{
  position:fixed;inset:auto 0 var(--a74-keyboard-inset);width:100%;z-index:50;
  background:var(--paper,#fff);padding:0 0 env(safe-area-inset-bottom,0px);
  border:0;border-top:1px solid var(--line);animation:none;transform:none;
 }
 body .site-header .header-top{height:71px;width:calc(100% - 16px);padding:0}
 body .header-scroll-spacer{display:none}
 body .site-header .header-navigation{background:var(--paper,#fff)}
 body .site-header .main-nav{
  top:auto;bottom:100%;left:0;right:0;width:100%;
  max-height:calc(100vh - var(--a74-mobile-header-height) - var(--a74-keyboard-inset) - var(--wp-admin--admin-bar--height,0px) - 12px);
  max-height:calc(100dvh - var(--a74-mobile-header-height) - var(--a74-keyboard-inset) - var(--wp-admin--admin-bar--height,0px) - 12px);
  border-top:1px solid var(--line);box-shadow:0 -8px 24px #29252a1a;
 }
 body .site-header .a74-header-account>.a74-nav-panel{
  top:auto;bottom:100%;max-height:calc(100dvh - var(--a74-mobile-header-height) - var(--a74-keyboard-inset) - var(--wp-admin--admin-bar--height,0px) - 12px);
  box-shadow:0 -8px 24px #29252a1a;
 }
 body .site-header .header-search-panel{
  position:absolute;top:auto;bottom:100%;left:0;right:0;width:100%;margin:0;
  max-height:calc(100dvh - var(--a74-mobile-header-height) - var(--a74-keyboard-inset) - var(--wp-admin--admin-bar--height,0px) - 12px);
  overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -8px 24px #29252a1a;
 }
 body .site-header .header-search-row input[type=search]{font-size:16px}
 body .site-header .search-suggestions{position:static;width:100%;border:0;box-shadow:none}
 body .site-header .search-suggestions ul{max-height:none}
 body .catalog-navigation{
  position:fixed;inset:auto 0 calc(var(--a74-mobile-header-height) + var(--a74-keyboard-inset));
  width:100%;height:var(--a74-mobile-sections-height);padding-bottom:0;margin:0;z-index:49;
  background:#262429;border:0;
 }
 body .catalog-navigation:not(:has(.catalog-tile-mobile-current)){display:none}
 body .catalog-navigation .catalog-tiles{height:100%;border:0}
 body:has(.site-header .main-nav.is-open,.site-header .header-search-panel:not([hidden]),.site-header .a74-header-account.is-open) .catalog-navigation{visibility:hidden}
 body .toast{bottom:calc(var(--a74-mobile-header-height) + 16px)}
 body:has(.catalog-navigation .catalog-tile-mobile-current) .toast{bottom:calc(var(--a74-mobile-header-height) + var(--a74-mobile-sections-height) + 16px)}
 body .a74-cookie-notice{bottom:calc(var(--a74-mobile-header-height) + 12px);max-height:calc(100dvh - var(--a74-mobile-header-height) - 24px);overflow-y:auto}
 body:has(.catalog-navigation .catalog-tile-mobile-current) .a74-cookie-notice{bottom:calc(var(--a74-mobile-header-height) + var(--a74-mobile-sections-height) + 12px);max-height:calc(100dvh - var(--a74-mobile-header-height) - var(--a74-mobile-sections-height) - 24px)}
}
@media(max-width:767px){
 /* A 280px minimum plus an aspect ratio previously widened the 320px viewport. */
 body.home .a74-portals>.a74-portal-shop{min-width:0;width:100%;min-height:min(280px,calc((100vw - 24px) * 639 / 810))}
 body .site-footer{overflow-wrap:anywhere}
 body .footer-grid>*{min-width:0}
}
@media(max-width:767px){
 body .catalog-controls .woocommerce-ordering{min-width:0;max-width:100%}
 body .catalog-controls button.a74-select-trigger{white-space:normal}
 body .catalog-controls button.a74-select-trigger>span{min-width:0;overflow-wrap:anywhere}
}