:root{--mobile-bottom-nav-height: calc(3.5rem + env(safe-area-inset-bottom, 0px)) }.mobile-bottom-nav-spacer{display:none;height:var(--mobile-bottom-nav-height);pointer-events:none}.mobile-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:4;background:var(--mbn-bg, rgb(var(--color-background)));color:var(--mbn-text, rgb(var(--color-text)));border-top:1px solid var(--mbn-border, rgba(var(--color-text), .1));padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-nav[data-shadow=true]{box-shadow:0 -.25rem .75rem rgba(var(--color-text),.08)}.mobile-bottom-nav__inner{display:flex;align-items:stretch;justify-content:space-around;min-height:3.5rem;max-width:40rem;margin:0 auto;padding:0;list-style:none}.mobile-bottom-nav__item{flex:1 1 0;display:flex;min-width:0}.mobile-bottom-nav__link,.mobile-bottom-nav__button{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:44px;min-height:44px;padding:.375rem .25rem;margin:0;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav__link:hover,.mobile-bottom-nav__button:hover{color:var(--mbn-active, rgb(var(--color-accent)))}.mobile-bottom-nav__link:focus-visible,.mobile-bottom-nav__button:focus-visible{outline:2px solid var(--mbn-active, rgb(var(--color-accent)));outline-offset:-2px}.mobile-bottom-nav__link.is-active,.mobile-bottom-nav__link[aria-current=page],.mobile-bottom-nav__button.is-active,.mobile-bottom-nav__button[aria-expanded=true]{color:var(--mbn-active, rgb(var(--color-accent)))}.mobile-bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;flex-shrink:0}.mobile-bottom-nav__icon .svg-wrapper,.mobile-bottom-nav__icon svg{display:block;width:1.375rem;height:1.375rem}.mobile-bottom-nav__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.2;font-weight:500}.mobile-bottom-nav__count{position:absolute;top:-.35rem;right:-.55rem;pointer-events:none}.mobile-bottom-nav__count .count-badge{display:flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.625rem;font-weight:600;line-height:1;border-radius:50rem;background:var(--mbn-count-bg, rgb(var(--color-accent)));color:var(--mbn-count-text, rgb(var(--color-background)))}.mobile-bottom-nav__count .count-badge[data-count="0"]{opacity:0}.mobile-bottom-nav__drawer{top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;height:auto;max-height:min(80dvh,32rem);margin:0;overflow:hidden;border-radius:1rem 1rem 0 0}.mobile-bottom-nav__drawer[open]{transform:none}@starting-style{.mobile-bottom-nav__drawer[open]{transform:translateY(100%)}}.mobile-bottom-nav__drawer[open].closing{transform:translateY(100%)}.mobile-bottom-nav__drawer-inner{display:flex;flex-direction:column;max-height:min(80dvh,32rem)}.mobile-bottom-nav__drawer-list{list-style:none;margin:0;padding:.25rem 0 1rem}.mobile-bottom-nav__drawer-item+.mobile-bottom-nav__drawer-item{border-top:1px solid rgba(var(--color-text),.08)}.mobile-bottom-nav__drawer-link{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 0;color:inherit;text-decoration:none}.mobile-bottom-nav__drawer-link:hover{color:var(--mbn-active, rgb(var(--color-accent)))}.mobile-bottom-nav__drawer-link:focus-visible{outline:2px solid var(--mbn-active, rgb(var(--color-accent)));outline-offset:2px}.mobile-bottom-nav__drawer-media{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;color:inherit}.mobile-bottom-nav__drawer-media svg{display:block;width:1.25rem;height:1.25rem}.mobile-bottom-nav__drawer-media img{display:block;width:1.5rem;height:1.5rem;object-fit:cover;border-radius:.25rem}.mobile-bottom-nav__drawer-label{flex:1 1 auto;min-width:0;font-size:.9375rem;font-weight:500}.mobile-bottom-nav__drawer-arrow{flex-shrink:0;opacity:.45}@media screen and (max-width:749px){.mobile-bottom-nav,.mobile-bottom-nav-spacer{display:block}.mobile-bottom-nav__inner{display:flex}html:has(.mobile-bottom-nav) .sticky-atc,html:has(.mobile-bottom-nav) .cart-sticky-bar{bottom:var(--mobile-bottom-nav-height)}html:has(.mobile-bottom-nav) #whatsapp-chat{bottom:calc(var(--mobile-bottom-nav-height) + var(--bottom-offset, 1rem))}html:has(.mobile-bottom-nav) .sales-ticker-root{bottom:calc(var(--mobile-bottom-nav-height) + var(--st-bottom, 16px))}html:has(.mobile-bottom-nav) #header-group:has(#header-mobile-menu:not([hidden])){z-index:6;transform:none}html:has(.mobile-bottom-nav) #header-mobile-menu:not([hidden]){position:fixed;top:var(--top, 0px);left:0;right:0;z-index:6;height:calc(100dvh - var(--top, 0px) - var(--mobile-bottom-nav-height))}html:has(.mobile-bottom-nav) #header-mobile-menu-backdrop:not([hidden]){z-index:5;height:calc(100% - var(--top, 0px) - var(--mobile-bottom-nav-height))}}@media screen and (min-width:750px){.mobile-bottom-nav,.mobile-bottom-nav-spacer,.mobile-bottom-nav__drawer{display:none!important}}@media(prefers-reduced-motion:reduce){.mobile-bottom-nav__drawer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mobile-bottom-nav.css.map */