/* Shared compact navigation, with optional mug-page section links. */
.site-header.compact-site-header{display:block;padding:0;background:#f4f0e8;color:#173b50}
.site-header.compact-site-header .mug-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;padding:12px 6vw}
.site-header.compact-site-header .mug-header-top .brand-signature{display:block;width:130px;height:40px;flex-shrink:0}
.site-header.compact-site-header .mug-header-actions{display:flex;align-items:center;gap:12px;flex:none}
.site-header.compact-site-header .nav-cta{position:static;top:auto;right:auto;flex:none}
.site-header.compact-site-header .mug-header-actions>.nav-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:11px 16px;background:#efbd38;border:1px solid #efbd38;border-radius:999px;color:#17231f;text-transform:none;letter-spacing:0;text-decoration:none;font:600 13px/1.4 'DM Sans',sans-serif;white-space:nowrap}
.site-header.compact-site-header .mug-header-actions>.nav-cta:hover{background:#e0ad29;border-color:#e0ad29}
.site-header.compact-site-header .mug-main-menu summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#173b50;cursor:pointer;list-style:none}
.site-header.compact-site-header .mug-main-menu summary::-webkit-details-marker{display:none}
.site-header.compact-site-header .mug-main-menu summary svg{display:block;flex:none;width:23px;height:23px}
.site-header.compact-site-header .mug-main-menu nav{position:absolute;top:100%;right:6vw;left:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;box-sizing:border-box;width:230px;max-width:calc(100vw - 32px);max-height:70svh;overflow:auto;margin:0;padding:12px;background:#f4f0e8;border:1px solid #d8d3c7;box-shadow:0 12px 24px #17231f22;z-index:30}
.site-header.compact-site-header .mug-main-menu:not([open]) nav{display:none}
.site-header.compact-site-header .mug-main-menu nav a{display:block;box-sizing:border-box;min-height:44px;padding:12px 16px;font-size:14px;white-space:normal}
.site-header.compact-site-header .compact-page-menu{display:none}
.mug-upgraded #quick-facts,.mug-upgraded .compact-shop-anchor{scroll-margin-top:calc(var(--mug-header-height) + 20px)}
.mug-upgraded .batavia-facts .compact-retailer{display:block;padding:16px 0;margin:0;border-bottom:1px solid #d8d3c7}
.mug-upgraded .batavia-facts .compact-retailer:first-child{padding-top:0}
.mug-upgraded .batavia-facts .compact-retailer h3{margin:0 0 7px;font:600 16px/1.4 'DM Sans',sans-serif}
.mug-upgraded .batavia-facts .compact-retailer p{margin:0 0 8px;font:400 14px/1.6 'DM Sans',sans-serif}
.mug-upgraded .compact-retailer-links{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;font-weight:500}
.mug-upgraded .compact-retailer-links a{display:inline-flex;align-items:center;min-height:44px}
.mug-upgraded .compact-stock-note{display:block;max-width:100%;margin-top:12px}
@media(max-width:650px){
 .site-header.compact-site-header .mug-header-top{padding:8px 16px;gap:10px}
 .site-header.compact-site-header .mug-header-top .brand-signature{width:115px;height:34px}
 .site-header.compact-site-header .mug-header-actions{gap:6px}
 .site-header.compact-site-header .mug-main-menu nav{right:16px}
 .site-header.compact-site-header .mug-section-nav{display:none}
 .site-header.compact-site-header .compact-page-menu{display:block;padding:0 20px;border-top:1px solid #d8d3c7;background:#fffaf1;color:#173b50}
 .site-header.compact-site-header .compact-page-menu summary{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:44px;padding:12px 0;font:500 13px/1.4 'DM Sans',sans-serif;list-style:none;cursor:pointer}
 .site-header.compact-site-header .compact-page-menu summary::-webkit-details-marker{display:none}
 .site-header.compact-site-header .compact-page-menu summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px;margin-top:-4px}
 .site-header.compact-site-header .compact-page-menu[open] summary::after{transform:rotate(225deg);margin-top:4px}
 .site-header.compact-site-header .compact-page-menu nav{position:static;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:auto;margin:0;padding:0 0 12px;background:transparent;border:0;box-shadow:none;overflow:visible}
 .site-header.compact-site-header .compact-page-menu:not([open]) nav{display:none}
 .site-header.compact-site-header .compact-page-menu nav a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 0;color:#173b50;font:500 14px/1.5 'DM Sans',sans-serif;text-decoration:none;white-space:normal}
 .site-header.compact-site-header .compact-page-menu nav a:hover{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:360px){.site-header.compact-site-header .mug-header-top{padding-inline:12px;gap:6px}.site-header.compact-site-header .mug-header-top .brand-signature{width:96px}.site-header.compact-site-header .mug-header-actions>.nav-cta{padding-inline:12px}}