.mobile-tabbar{display:none}@media screen and (max-width: 749px){.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background-color:#fff;border-top:1px solid #E5E5E5;box-shadow:0 -2px 8px #00000014;padding:8px 0;justify-content:space-around;align-items:center;height:64px}.mobile-tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;text-decoration:none;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:48px;min-height:48px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-tabbar__item:active{transform:scale(1.1)}.mobile-tabbar__item--active{color:#111827}.mobile-tabbar__item--active .mobile-tabbar__label{font-weight:600}.mobile-tabbar__icon{width:24px;height:24px;stroke-width:1.5;flex-shrink:0}.mobile-tabbar__label{font-size:11px;font-weight:400;line-height:1.2;white-space:nowrap;margin-top:2px}.mobile-tabbar__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-tabbar__badge{position:absolute;top:-6px;right:-8px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 4px #0000001a}body{padding-bottom:64px!important}.product-form__submit[style*=fixed],.product-form__submit.product-form__submit--sticky{bottom:72px!important}@media (hover: hover) and (pointer: fine){.mobile-tabbar__item:hover{color:#374151}}.mobile-tabbar__item:focus{outline:2px solid #3B82F6;outline-offset:2px}.mobile-tabbar__item:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: no-preference){.mobile-tabbar{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media screen and (max-width: 749px){.mobile-tabbar{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom))}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component.mobile-tabbar.css.map */