.mobile-bottom-menu{--mobile-menu-bg: var(--mobile-menu-bg, #ffffff);--mobile-menu-icon: var(--mobile-menu-icon, #1a1a1a);--mobile-menu-icon-active: var(--mobile-menu-icon-active, #0066cc);--mobile-menu-fab-bg: var(--mobile-menu-fab-bg, #0066cc);--mobile-menu-fab-icon: var(--mobile-menu-fab-icon, #ffffff);--mobile-menu-badge-bg: var(--mobile-menu-badge-bg, #ff3b30);--mobile-menu-badge-text: var(--mobile-menu-badge-text, #ffffff);--mobile-menu-height: 64px;--mobile-menu-fab-size: 56px;--mobile-menu-fab-lift: 20px;--mobile-menu-safe-area: env(safe-area-inset-bottom, 0px)}@media screen and (min-width: 750px){.mobile-bottom-menu,.mobile-bottom-menu-spacer,.mobile-bottom-menu-section{display:none!important;visibility:hidden;pointer-events:none}}@media screen and (max-width: 749px){.mobile-bottom-menu{position:fixed;bottom:0;left:0;right:0;z-index:999;background-color:var(--mobile-menu-bg);box-shadow:0 -2px 10px #00000014;padding-bottom:var(--mobile-menu-safe-area);transform:translateY(0);-webkit-transform:translateY(0);will-change:transform,opacity;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .3s ease}.mobile-bottom-menu__container{display:flex;align-items:flex-end;justify-content:space-between;height:var(--mobile-menu-height);max-width:100%;margin:0 auto;padding:0 8px}.mobile-bottom-menu__left,.mobile-bottom-menu__right{display:flex;flex:1;justify-content:space-around;align-items:center;height:100%}.mobile-bottom-menu__fab-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--mobile-menu-fab-size) + 16px);height:100%;flex-shrink:0}.mobile-bottom-menu__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:8px 12px;background:transparent;border:none;color:var(--mobile-menu-icon);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .15s ease;position:relative}.mobile-bottom-menu__item:focus{outline:none}.mobile-bottom-menu__item:focus-visible{outline:2px solid var(--mobile-menu-icon-active);outline-offset:2px;border-radius:8px}.mobile-bottom-menu__item.is-active,.mobile-bottom-menu__item:active{color:var(--mobile-menu-icon-active)}.mobile-bottom-menu__item:active{transform:scale(.95)}.mobile-bottom-menu__icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-bottom-menu__icon svg,.mobile-bottom-menu__icon .icon{width:22px;height:22px;stroke:currentColor;fill:none}.mobile-bottom-menu__icon svg path[fill]{fill:currentColor}.mobile-bottom-menu__label{font-size:10px;font-weight:500;line-height:1.2;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-menu__badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;background-color:var(--mobile-menu-badge-bg);color:var(--mobile-menu-badge-text);font-size:10px;font-weight:600;line-height:16px;text-align:center;border-radius:8px;z-index:1}.mobile-bottom-menu__badge.hidden{display:none}.mobile-bottom-menu__fab{position:absolute;bottom:calc(50% - (var(--mobile-menu-fab-size) / 2) + var(--mobile-menu-fab-lift));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--mobile-menu-fab-size);height:var(--mobile-menu-fab-size);background:var(--mobile-menu-fab-bg);color:var(--mobile-menu-fab-icon);border:none;border-radius:50%;box-shadow:0 4px 14px #00000040;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease;z-index:1}.mobile-bottom-menu__fab:focus{outline:none}.mobile-bottom-menu__fab:focus-visible{outline:3px solid var(--mobile-menu-icon-active);outline-offset:3px}.mobile-bottom-menu__fab:active{transform:translate(-50%) scale(.95);box-shadow:0 2px 8px #0003}.mobile-bottom-menu__fab-icon{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.mobile-bottom-menu__fab-icon svg,.mobile-bottom-menu__fab-icon .icon{width:24px;height:24px;stroke:currentColor;fill:none}.mobile-bottom-menu__fab-icon svg path[fill]{fill:currentColor}.mobile-bottom-menu__fab-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background-color:var(--mobile-menu-badge-bg);color:var(--mobile-menu-badge-text);font-size:11px;font-weight:700;line-height:18px;text-align:center;border-radius:9px;border:2px solid var(--mobile-menu-fab-bg);z-index:2}.mobile-bottom-menu__fab-badge.hidden{display:none}.mobile-bottom-menu__fab-label{font-size:9px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.02em}.mobile-bottom-menu-spacer{display:block;height:calc(var(--mobile-menu-height) + var(--mobile-menu-safe-area, 0px));width:100%;pointer-events:none}body:has(.mobile-bottom-menu) main.content-for-layout{padding-bottom:calc(var(--mobile-menu-height) + var(--mobile-menu-safe-area, 0px) + 10px)}}@media screen and (max-width: 749px){.mobile-bottom-menu.menu-open{transform:translateY(100%)!important;opacity:0;pointer-events:none}}@media (prefers-reduced-motion: reduce){.mobile-bottom-menu__item,.mobile-bottom-menu__fab{transition:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media screen and (max-width: 749px){.mobile-bottom-menu{padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-menu-spacer{height:calc(var(--mobile-menu-height) + env(safe-area-inset-bottom))}}}@media print{.mobile-bottom-menu,.mobile-bottom-menu-spacer{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mobile-bottom-menu.css.map */