.mobile-bottom-navigation{display:none}@media(max-width:767px){.mobile-bottom-navigation{--mobile-bar-background: var(--color-background, #fff);--mobile-bar-text: rgb(var(--color-normal-text-rgb, 51, 51, 51));--mobile-bar-accent: var(--color-button-bg, var(--color-normal-text));--mobile-bar-border: var(--color-border, rgba(0, 0, 0, .08));--mobile-bar-safe-area: env(safe-area-inset-bottom, 0px);display:block;position:relative;z-index:7}body.reloopo-mobile-bars-active{padding-bottom:var(--reloopo-mobile-bar-space, 76px)}.mobile-bottom-navigation__bar,.mobile-product-cta{position:fixed;right:0;bottom:0;left:0;z-index:7;background:var(--mobile-bar-background);border-top:1px solid var(--mobile-bar-border);box-shadow:0 -4px 20px #0000000f;opacity:0;pointer-events:none;transform:translate3d(0,calc(100% + 4px),0);transition:transform .28s ease,opacity .28s ease;will-change:transform,opacity}.mobile-bottom-navigation__bar.is-visible,.mobile-product-cta.is-visible{opacity:1;pointer-events:auto;transform:translateZ(0);transition-duration:.2s}.mobile-bottom-navigation__bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(64px + var(--mobile-bar-safe-area));padding:5px 8px calc(5px + var(--mobile-bar-safe-area))}.mobile-bottom-navigation__item{position:relative;display:flex;min-width:44px;min-height:54px;padding:4px 2px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:transparent;color:var(--mobile-bar-text);font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-bottom-navigation__item.is-active{color:var(--mobile-bar-accent)}.mobile-bottom-navigation__item:focus-visible,.mobile-product-cta__button:focus-visible{outline:2px solid var(--mobile-bar-accent);outline-offset:2px}.mobile-bottom-navigation__icon{position:relative;display:flex;width:24px;height:24px;align-items:center;justify-content:center}.mobile-bottom-navigation__icon svg{width:23px;height:23px}.mobile-bottom-navigation__label{max-width:100%;overflow:hidden;font-size:11px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-navigation__badge{position:absolute;top:-5px;right:-9px;display:flex;min-width:17px;height:17px;padding:0 4px;align-items:center;justify-content:center;border:2px solid var(--mobile-bar-background);border-radius:999px;background:var(--mobile-bar-accent);color:var(--color-button-text, #fff);font-size:9px;font-weight:700;line-height:1}.mobile-bottom-navigation__badge.is-hidden{display:none}.mobile-product-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,42%);min-height:calc(64px + var(--mobile-bar-safe-area));padding:9px 16px calc(9px + var(--mobile-bar-safe-area));align-items:center;gap:14px}.mobile-product-cta__details{min-width:0}.mobile-product-cta__title{display:block;overflow:hidden;margin-bottom:2px;color:var(--mobile-bar-text);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-product-cta__price{min-height:24px;color:var(--mobile-bar-text);font-size:18px;font-weight:700;line-height:1.2}.mobile-product-cta__price .price,.mobile-product-cta__price .price__sale,.mobile-product-cta__price .price__regular{display:flex;align-items:baseline;gap:6px;font-size:inherit;line-height:inherit}.mobile-product-cta__price .price-item{margin:0;font-size:inherit;font-weight:inherit}.mobile-product-cta__price s.price-item{font-size:11px;font-weight:400}.mobile-product-cta__price .unit-price,.mobile-product-cta__price .product__badge{display:none}.mobile-product-cta__button{min-height:46px;padding:10px 16px;border:0;border-radius:var(--button-border-radius, 8px);background:var(--mobile-bar-accent);color:var(--color-button-text, #fff);font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}.mobile-product-cta__button:disabled{cursor:not-allowed;opacity:.55}.mobile-product-cta__button.is-loading{cursor:wait;opacity:.72}@media(prefers-reduced-motion:reduce){.mobile-bottom-navigation__bar,.mobile-product-cta{transition-duration:1ms}}}@media(min-width:768px){body.reloopo-mobile-bars-active{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mobile-bottom-navigation.css.map */