.js-bottom-nav{display:none}
@media(max-width:1199px){
 body.js-has-bottom-nav{--js-bottom-nav-space:calc(82px + env(safe-area-inset-bottom,0px));padding-bottom:var(--js-bottom-nav-space)}
 .js-bottom-nav{display:block;position:fixed;inset:auto 0 0;z-index:8;background:#fbfaf7;border-top:1px solid #d8c8aa;box-shadow:0 -6px 24px #182c3710;padding:0 max(8px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(8px,env(safe-area-inset-left,0px));color:#182c37}
 .js-bottom-nav__items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;list-style:none;max-width:720px;margin:0 auto;padding:0;height:70px}
 .js-bottom-nav__items li{min-width:0;display:flex}
 .js-bottom-nav__link{position:relative;display:flex;flex:1;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px 2px 6px;text-align:center;font-size:11px;font-weight:500;line-height:1.25;letter-spacing:0;text-decoration:none;color:#57636a;touch-action:manipulation;border-radius:8px;transition:color .16s,background .16s}
 .js-bottom-nav__icon{display:grid;place-items:center;width:26px;height:26px;flex:none}
 .js-bottom-nav__icon svg{display:block}
 .js-bottom-nav__link[aria-current=page]{color:#806538;background:#f1ece3;font-weight:700}
 .js-bottom-nav__link[aria-current=page]::after{content:'';position:absolute;bottom:3px;width:15px;height:2px;border-radius:2px;background:#a48750}
 .js-bottom-nav__home .js-bottom-nav__icon{width:49px;height:49px;margin-top:-22px;margin-bottom:0;border-radius:50%;background:#182c37;color:#f4dfb5;border:3px solid #fbfaf7;box-shadow:0 3px 12px #182c3726}
 .js-bottom-nav__home{color:#182c37}
 .js-bottom-nav__home[aria-current=page]{background:transparent;color:#806538}
 .js-bottom-nav__link:focus-visible{outline:2px solid #806538;outline-offset:-3px}
 .js-bottom-nav__link:active{background:#e9dfcd;color:#182c37}
 body.js-has-bottom-nav .js-order-sticky{bottom:var(--js-bottom-nav-space);padding-bottom:12px}
 body.js-has-bottom-nav:has(js-bottle-order[data-quick-buy="false"]){padding-bottom:calc(var(--js-bottom-nav-space) + 90px)}
 body.js-has-bottom-nav .pop-in{inset-block-end:calc(var(--js-bottom-nav-space) + 12px)}
 body:has(.drawer[open],.modal[open],dialog[open],[aria-modal="true"][open]) .js-bottom-nav{visibility:hidden;pointer-events:none}
 body.js-bottom-nav-keyboard .js-bottom-nav{visibility:hidden;pointer-events:none}
}
@media(min-width:700px) and (max-width:1199px){.js-bottom-nav__link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.js-bottom-nav__link{transition:none}}

@media(max-width:359px){.js-bottom-nav__link{font-size:10px;white-space:nowrap}}
