/* A quiet paper menu shared by every page; native navigation survives without JS. */
.navigation-menu-ready .site-header .menu-toggle{display:none}
.navigation-menu-ready .mobile-menu[hidden]{display:none}
@media(max-width:700px){
  .navigation-menu-ready .site-header{height:88px;min-height:88px;flex-wrap:nowrap;padding:12px 22px;gap:12px}
  .navigation-menu-ready .site-header nav{display:none}
  .navigation-menu-ready .site-header .header-contact{margin-left:auto}
  .navigation-menu-ready .site-header .menu-toggle{display:inline-flex;position:relative;flex:0 0 44px;width:44px;height:44px;padding:10px;align-items:center;justify-content:center}
  .navigation-menu-ready .menu-toggle span{position:absolute;left:10px;right:10px;height:1px;margin:0;transition:transform .2s ease}
  .navigation-menu-ready .menu-toggle span:first-child{transform:translateY(-4px)}
  .navigation-menu-ready .menu-toggle span:last-child{transform:translateY(4px)}
  .navigation-menu-ready .mobile-menu{position:fixed;inset:88px 0 0;z-index:105;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--brand-paper,#f2ecdf);color:var(--brand-olive,#283323);padding:clamp(22px,5vh,48px) 24px max(26px,env(safe-area-inset-bottom));border:0;box-shadow:none}
  .navigation-menu-ready .mobile-menu nav{display:grid;gap:0;margin:0;width:100%;border-top:1px solid #a6ab96}
  .navigation-menu-ready .mobile-menu nav a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;padding:18px 0 20px;border-bottom:1px solid #bbc0ad;color:var(--brand-olive,#283323);font:400 clamp(31px,8.8vw,48px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.055em;transition:color .2s ease,padding .2s ease}
  .navigation-menu-ready .mobile-menu nav a:after{content:'↗';flex-shrink:0;font:400 21px/1 var(--sans);color:#6a7356}
  .navigation-menu-ready .mobile-menu nav a[aria-current=page]{color:var(--brand-olive,#283323);font-style:italic;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
  .navigation-menu-ready .mobile-menu nav a:hover{padding-left:6px;color:var(--brand-olive,#283323)}
  .navigation-menu-ready .mobile-menu:after{content:'LIQUORI ITALIANI';display:block;margin-top:auto;padding-top:34px;font:10px/1.5 var(--sans);letter-spacing:.19em;color:#59614a}
  .navigation-menu-ready .mobile-menu :focus-visible{outline:2px solid var(--brand-olive,#283323);outline-offset:5px}
  html.navigation-menu-open .site-header{position:fixed;inset:0 0 auto;z-index:110;background:var(--brand-paper,#f2ecdf);color:var(--brand-olive,#283323);border-bottom:1px solid #d3d3c1}
  html.navigation-menu-open .site-header .brand img{filter:brightness(0) saturate(100%) invert(15%) sepia(13%) saturate(722%) hue-rotate(34deg) brightness(98%) contrast(93%)}
  html.navigation-menu-open .site-header .header-contact{display:none}
  html.navigation-menu-open .site-header .menu-toggle{margin-left:auto}
  html.navigation-menu-open .site-header .menu-toggle:before{content:'FERMER';position:absolute;right:52px;font:9px/1.5 var(--sans);letter-spacing:.12em;color:#59614a}
  html.navigation-menu-open .site-header .menu-toggle span{background:var(--brand-olive,#283323)}
  html.navigation-menu-open .menu-toggle span:first-child{transform:rotate(45deg)}
  html.navigation-menu-open .menu-toggle span:last-child{transform:rotate(-45deg)}
  html.navigation-menu-open .site-header :focus-visible{outline-color:var(--brand-olive,#283323)}
  html.navigation-menu-open .mobile-menu{animation:navigation-paper-in .24s ease-out both}
  html.navigation-menu-open .mobile-menu nav a{animation:navigation-line-in .32s ease-out both}
  html.navigation-menu-open .mobile-menu nav a:nth-child(2){animation-delay:.035s}
  html.navigation-menu-open .mobile-menu nav a:nth-child(3){animation-delay:.07s}
  html.navigation-menu-open .mobile-menu nav a:nth-child(4){animation-delay:.105s}
  html.navigation-menu-open .mobile-menu nav a:nth-child(5){animation-delay:.14s}
}
@media(max-width:700px) and (max-height:560px){
  .navigation-menu-ready .mobile-menu{padding-top:12px}
  .navigation-menu-ready .mobile-menu nav a{min-height:58px;padding:13px 0;font-size:30px}
  .navigation-menu-ready .mobile-menu:after{padding-top:22px}
}
@keyframes navigation-paper-in{from{opacity:0}to{opacity:1}}
@keyframes navigation-line-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.motion-off .mobile-menu,.motion-off .mobile-menu *,.motion-off .menu-toggle,.motion-off .menu-toggle *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu *,.menu-toggle,.menu-toggle *{animation:none!important;transition:none!important}}
