/* Small-screen header and the slide-in menu. Loaded after the other header styles on every page. */
.menu-scrim{display:none}
html.menu-locked{overflow:hidden}

/* Tablets and phones: the menu slides in from the right over a dimmed page. */
@media(max-width:1050px){
 .site-header .menu-toggle,.home-page .site-header .menu-toggle{position:relative;width:44px;height:44px;font-size:0;text-shadow:none;transition:transform .16s cubic-bezier(.23,1,.32,1)}
 .site-header .menu-toggle:before{content:'';display:block;width:20px;height:2px;margin:auto;border-radius:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
 .site-header .menu-toggle:active{transform:scale(.97)}

 .menu-scrim{display:block;position:fixed;z-index:40;inset:0;background:rgba(20,13,9,.56);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s .24s}
 .site-header.menu-open .menu-scrim{opacity:1;visibility:visible;transition:opacity .3s ease}

 .site-header .mobile-nav,.site-header .mobile-nav.open{position:fixed;z-index:41;top:0;right:0;bottom:0;display:flex;flex-direction:column;gap:0;width:min(88vw,380px);max-height:none;padding:0 0 max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#2c1e16;border-top:0;border-left:1px solid #bd96515c;box-shadow:-18px 0 44px #120c0852;animation:none}
 .site-header .mobile-nav{visibility:hidden;transform:translateX(100%);transition:transform .24s cubic-bezier(.4,0,1,1),visibility 0s .24s}
 .site-header .mobile-nav.open{visibility:visible;transform:none;transition:transform .36s cubic-bezier(.32,.72,0,1)}

 .mobile-nav-head{position:sticky;z-index:1;top:0;display:flex;flex:none;align-items:center;justify-content:space-between;min-height:72px;padding:0 16px 0 24px;background:#2c1e16;border-bottom:1px solid #bd96513d;color:#cdb596;font-size:14px}
 .mobile-nav-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #bd96515c;border-radius:8px;background:transparent;color:#f2d7ae;transition:transform .16s cubic-bezier(.23,1,.32,1)}
 .mobile-nav-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 .mobile-nav-close:active{transform:scale(.97)}

 .site-header .mobile-nav>a,.mobile-products>summary{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:56px;padding:0 24px;border-bottom:1px solid #bd96512b;color:#f4e7d3;font-size:16px;font-weight:600}
 .site-header .mobile-nav>a[aria-current]{color:#e4b779}
 .site-header .mobile-nav>a:after{display:none}
 .mobile-products{flex:none;interpolate-size:allow-keywords}

 /* Products submenu: opens in place, with its groups as plain lists. */
 .mobile-products>summary .products-chevron{width:16px;height:16px;transition:transform .25s cubic-bezier(.23,1,.32,1)}
 .mobile-products[open]>summary{color:#e4b779}
 .mobile-products::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.23,1,.32,1),content-visibility .3s allow-discrete}
 .mobile-products[open]::details-content{block-size:auto}
 .mobile-products-content{padding:6px 24px 14px;background:#24180f;border-bottom:1px solid #bd96512b}
 .mobile-products-content>.products-all{display:flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;color:#e5c298;font-size:14px}
 .mobile-products .products-menu-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
 .mobile-products .products-group{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}
 .mobile-products .products-group-image{display:none}
 .mobile-products .products-group h3{margin:0;padding:0;border:0}
 .mobile-products .products-group-title{display:flex;align-items:center;min-height:44px;font:600 16px/1.6 var(--font-heading);color:#f4e7d3}
 .mobile-products .products-group ul{display:block;margin:0 0 6px;padding:0 14px 0 0;border-right:1px solid #bd96513d;list-style:none}
 .mobile-products .products-group ul a{display:flex;align-items:center;min-height:44px;padding:0;color:#d8c5ab;font-size:14px;line-height:1.6}
}

/* Phones: menu and phone icon on the right, logo alone on the left, no divider and no number. */
@media(max-width:767px){
 .site-header .header-inner,.home-page .header-inner{gap:10px}
 .site-header .menu-toggle,.home-page .site-header .menu-toggle{order:1;flex:none}
 .site-header .header-phone,.home-page .site-header .header-phone{order:2;flex:none;justify-content:center;width:44px;height:44px;min-height:0;margin:0;padding:0;gap:0;border-radius:8px}
 .site-header .header-phone span{display:none}
 .site-header .header-phone svg{width:20px;height:20px;padding:0;border:0;border-radius:0}
 .site-header .logo,.home-page .site-header .logo{order:3;min-width:0;margin-inline-start:auto;padding-inline-end:0;border-inline-end:0}
}

@media(prefers-reduced-motion:reduce){
 .menu-scrim,.site-header.menu-open .menu-scrim,.site-header .mobile-nav,.site-header .mobile-nav.open,.mobile-products::details-content,.mobile-products>summary .products-chevron{transition:none}
}