/* Sparking Food Magazine - discoverable mobile navigation v2.3.2. */
/* No desktop styling changes; the shell is layout-neutral above 650px. */
body.sfmg-scope .sfmg-mobile-nav-shell{display:contents}
body.sfmg-scope .sfmg-mobile-nav-arrow{display:none}
@media(max-width:650px){
 body.sfmg-scope .sfmx .sfmg-mobile-nav-shell,
 body.sfmg-scope .sfm-site .sfmg-mobile-nav-shell{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;isolation:isolate!important}
 body.sfmg-scope .sfmx .sfmg-mobile-nav-shell>nav.nav,
 body.sfmg-scope .sfm-site .sfmg-mobile-nav-shell>nav.sfm-top-nav{
  display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
  align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;
  max-width:100%!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;white-space:nowrap!important;
  scroll-behavior:smooth!important;scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:60px!important;scroll-padding-inline:20px!important;
  overscroll-behavior-x:contain!important;
 }
 body.sfmg-scope .sfmx .sfmg-mobile-nav-shell>nav.nav::-webkit-scrollbar,
 body.sfmg-scope .sfm-site .sfmg-mobile-nav-shell>nav.sfm-top-nav::-webkit-scrollbar{display:none!important}
 body.sfmg-scope .sfmx .sfmg-mobile-nav-shell>nav.nav>a,
 body.sfmg-scope .sfm-site .sfmg-mobile-nav-shell>nav.sfm-top-nav>a{
  flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start!important;
 }
 body.sfmg-scope .sfmg-mobile-nav-shell::after{
  content:"";display:block;pointer-events:none;position:absolute;right:0;top:0;bottom:1px;
  width:78px;background:linear-gradient(to right,rgba(255,250,246,0),#fffaf6 48%);
  opacity:0;z-index:2;transition:opacity .18s ease;
 }
 body.sfmg-scope .sfmg-mobile-nav-shell[data-direction="right"]::after{opacity:1}
 body.sfmg-scope .sfmg-mobile-nav-arrow{
  position:absolute!important;right:7px!important;top:50%!important;
  transform:translateY(-50%)!important;z-index:4!important;
  display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;
  border:0!important;border-radius:50%!important;background:#fffaf6!important;
  box-shadow:none!important;color:#302623!important;cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
 }
 body.sfmg-scope .sfmg-mobile-nav-arrow svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 body.sfmg-scope .sfmg-mobile-nav-shell[data-direction="left"] .sfmg-mobile-nav-arrow svg{transform:rotate(180deg)}
 body.sfmg-scope .sfmg-mobile-nav-shell[data-direction="none"] .sfmg-mobile-nav-arrow{display:none!important}
 body.sfmg-scope .sfmg-mobile-nav-arrow:focus-visible{outline:2px solid #B33A1C!important;outline-offset:1px!important}
}
@media(prefers-reduced-motion:reduce){
 body.sfmg-scope .sfmg-mobile-nav-shell>nav{scroll-behavior:auto!important}
 body.sfmg-scope .sfmg-mobile-nav-shell::after{transition:none!important}
}