/* Shared light mobile navigation. Catalogue-specific layouts live in catalog-mobile.css. */
:root{--optsem-mobile-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}
#optsem-mobile-nav{display:none;box-sizing:border-box;color-scheme:light;font-family:Arial,Helvetica,sans-serif}
#optsem-mobile-nav[hidden]{display:none!important}
@media(max-width:820px){
  body.om-has-nav,body.om-has-nav.has-cart,body.om-has-nav.catalog-card-mode,body.om-has-nav.catalog-card-mode.has-cart{padding-bottom:calc(var(--optsem-mobile-nav-height) + 16px)}
  #optsem-mobile-nav{position:fixed;z-index:45;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--optsem-mobile-nav-height);padding:5px max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px));border-top:1px solid #e0e5da;background:#fff;box-shadow:0 -5px 22px #29433209}
  #optsem-mobile-nav a{position:relative;display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:11px;color:#65745e;text-decoration:none;font:400 10.5px/1.2 Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color 200ms cubic-bezier(.25,.1,.25,1),background-color 200ms cubic-bezier(.25,.1,.25,1)}
  #optsem-mobile-nav a[aria-current="page"]{color:#2d5241;background:#f0f4e9;font-weight:600}
  #optsem-mobile-nav a:active{background:#edf2e5}
  #optsem-mobile-nav a:focus-visible{outline:2px solid #6e8c55;outline-offset:-2px}
  #optsem-mobile-nav .om-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none}
  #optsem-mobile-nav svg{display:block;width:23px;height:23px;flex:none}
  #optsem-mobile-nav .om-nav-count{position:absolute;top:-5px;left:16px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:12px;background:#e9f1a7;color:#31533d;font:600 9px/1 Arial,Helvetica,sans-serif;white-space:nowrap}
  #optsem-mobile-nav .om-nav-count[hidden]{display:none}
  #optsem-mobile-nav .om-nav-label{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.om-has-nav .so-footer{margin-bottom:0}
  body.om-has-nav .toast{bottom:calc(var(--optsem-mobile-nav-height) + 14px)}
  body.om-has-nav .so-saved-message{bottom:calc(var(--optsem-mobile-nav-height) + 12px);max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce){#optsem-mobile-nav *,#optsem-mobile-nav *::before,#optsem-mobile-nav *::after{animation:none!important;transition:none!important}}
