.mobile-bottom-nav-section,.mobile-bottom-nav{display:none}@media screen and (max-width:749px){body:has(.mobile-bottom-nav) .page-wrapper{padding-block-end:calc(104px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav-section{display:contents}.mobile-bottom-nav{position:fixed;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:0;z-index:var(--layer-sticky, 20);display:flex;justify-content:center;padding-inline:12px;pointer-events:none}.mobile-bottom-nav,.mobile-bottom-nav *{box-sizing:border-box}.mobile-bottom-nav__stamp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,430px);min-height:76px;padding:10px 9px 8px;background:var(--mobile-nav-background, #f7f5f0);filter:drop-shadow(0 7px 18px rgb(0 0 0 / 18%));pointer-events:auto;-webkit-mask:radial-gradient(circle at 6px 0,transparent 0 3.7px,#000 4px) -6px 0 / 12px 100% repeat-x,radial-gradient(circle at 6px 100%,transparent 0 3.7px,#000 4px) -6px 0 / 12px 100% repeat-x,radial-gradient(circle at 0 6px,transparent 0 3.7px,#000 4px) 0 -6px / 100% 12px repeat-y,radial-gradient(circle at 100% 6px,transparent 0 3.7px,#000 4px) 0 -6px / 100% 12px repeat-y;-webkit-mask-composite:source-in,source-in,source-in;mask:radial-gradient(circle at 6px 0,transparent 0 3.7px,#000 4px) -6px 0 / 12px 100% repeat-x,radial-gradient(circle at 6px 100%,transparent 0 3.7px,#000 4px) -6px 0 / 12px 100% repeat-x,radial-gradient(circle at 0 6px,transparent 0 3.7px,#000 4px) 0 -6px / 100% 12px repeat-y,radial-gradient(circle at 100% 6px,transparent 0 3.7px,#000 4px) 0 -6px / 100% 12px repeat-y;mask-composite:intersect,intersect,intersect}.mobile-bottom-nav__item{position:relative;display:flex;flex-direction:column;min-width:0;min-height:58px;align-items:center;justify-content:center;gap:3px;padding:3px 2px 1px;border:0;background:transparent;color:color-mix(in srgb,var(--mobile-nav-ink, #1a1a1a) 68%,transparent);font:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav__icon-shell{position:relative;display:grid;width:34px;height:34px;place-items:center;border:0;background:transparent;transition:transform .18s ease,color .18s ease}.mobile-bottom-nav__icon-shell:after{position:absolute;bottom:0;left:50%;width:16px;height:2px;border-radius:999px;background:var(--mobile-nav-active, #7a4a2f);content:"";opacity:0;transform:translate(-50%) scaleX(.35);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}.mobile-bottom-nav__icon{width:21px;height:21px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav__label{overflow:hidden;max-width:100%;color:currentcolor;font-size:9px;font-weight:600;letter-spacing:.01em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__item[aria-current=page],.mobile-bottom-nav__cart-trigger[aria-expanded=true]{color:var(--mobile-nav-active, #7a4a2f)}.mobile-bottom-nav__item[aria-current=page] .mobile-bottom-nav__icon-shell,.mobile-bottom-nav__cart-trigger[aria-expanded=true] .mobile-bottom-nav__icon-shell{color:var(--mobile-nav-active, #7a4a2f);transform:translateY(-1px)}.mobile-bottom-nav__item[aria-current=page] .mobile-bottom-nav__icon-shell:after,.mobile-bottom-nav__cart-trigger[aria-expanded=true] .mobile-bottom-nav__icon-shell:after{opacity:1;transform:translate(-50%) scaleX(1)}.mobile-bottom-nav__item[aria-current=page] .mobile-bottom-nav__icon,.mobile-bottom-nav__cart-trigger[aria-expanded=true] .mobile-bottom-nav__icon{stroke-width:2.05}.mobile-bottom-nav__item[aria-current=page] .mobile-bottom-nav__label,.mobile-bottom-nav__cart-trigger[aria-expanded=true] .mobile-bottom-nav__label{color:var(--mobile-nav-active, #7a4a2f);font-weight:700}.mobile-bottom-nav__item:focus-visible{outline:2px solid var(--mobile-nav-accent, #c8a96e);outline-offset:-2px;border-radius:10px}.mobile-bottom-nav__item:active .mobile-bottom-nav__icon-shell{transform:scale(.94)}.mobile-bottom-nav__cart-action{display:contents}.mobile-bottom-nav__cart-icon{position:relative;display:grid;place-items:center}.mobile-bottom-nav__badge{position:absolute;top:-8px;right:-10px;z-index:1;display:grid;min-width:17px;height:17px;place-items:center;padding-inline:4px;border:2px solid var(--mobile-nav-background, #f7f5f0);border-radius:999px;background:var(--mobile-nav-accent, #c8a96e);color:var(--mobile-nav-ink, #1a1a1a);font-size:9px;font-weight:800;line-height:1}}@media(prefers-reduced-motion:reduce){.mobile-bottom-nav__icon-shell,.mobile-bottom-nav__icon-shell:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mobile-bottom-nav.css.map */
