.mg-mobile-nav,.mg-mobile-nav-space{display:none}
@media(max-width:749px){
.mg-mobile-nav-space{display:block;height:calc(76px + env(safe-area-inset-bottom,0px))}
.mg-mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:20;background:#fff;border-top:1px solid #dce0d6;padding:6px max(12px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));box-shadow:0 -3px 16px #17201208}
.mg-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;color:#62685e;text-decoration:none;font-size:12px;line-height:1.2;border-radius:7px}
.mg-mobile-nav a[aria-current="page"]{color:#34432c;background:#f0f3e9;font-weight:700}.mg-mobile-nav svg{width:22px;height:22px}
body:has(input:focus,textarea:focus,[contenteditable="true"]:focus) .mg-mobile-nav{display:none}
body:has(.mg-mobile-nav) :is(a,button,input,select,textarea){scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}

@media(max-width:749px){
body:has(.mg-mobile-nav) sticky-add-to-cart[data-variant-available='true'] .sticky-add-to-cart__bar[data-stuck='true']{bottom:calc(var(--mg-mobile-nav-height,65px + env(safe-area-inset-bottom)) + 8px)}
}

@media(max-width:749px){
body:has(dialog[open]) .mg-mobile-nav{visibility:hidden;pointer-events:none}
}