.mobile-nav-menu{padding:var(--padding-top) 1rem var(--padding-bottom);width:100%;position:relative;border-radius:var(--border-radius)}.mobile-nav-container{max-width:100%;margin:0 auto;display:flex;justify-content:center;position:fixed;bottom:0;left:0;right:0;z-index:1000}.nav-items-wrapper{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--gap-items);flex-wrap:wrap;position:relative;padding:.5rem 20px;background:var(--bg-color);border-radius:16px}.nav-connector-line{position:absolute;top:calc(50% + 2.75rem);left:0;right:0;width:100%;height:2px;border-top:2px dotted rgba(59,130,246,.6);z-index:1;pointer-events:none}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;padding:.5rem;flex:0 1 auto;text-decoration:none}.nav-item-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;overflow:hidden;transition:all .3s ease}.nav-icon{width:100%;height:100%;object-fit:cover;display:block}.nav-icon-svg{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-icon-svg svg{width:100%;height:100%;display:block}.nav-label{font-size:8px;font-weight:500;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:5rem;transition:all .3s ease;line-height:1.2}.nav-item:first-child .nav-label{color:#000}.nav-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-decoration:none}.nav-item--center{margin:-2.5rem 0 0;z-index:10;position:relative}.nav-item--center .nav-icon-wrapper{width:5.5rem;height:5.5rem;box-shadow:0 4px 16px #0003;border:3px solid var(--bg-color);background:linear-gradient(135deg,#fffffff2,#f5f5f5e6);position:relative;z-index:2;border-radius:50%}.nav-item--center .nav-label{font-weight:600;margin-top:.25rem;position:relative;z-index:2}.nav-item:not(.nav-item--center):hover{transform:translateY(-2px)}.nav-item:not(.nav-item--center):hover .nav-icon-wrapper{box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}.nav-item--center:hover{transform:scale(1.05)}@media (max-width: 640px){.mobile-nav-menu{padding:calc(var(--padding-top) * .8) .8rem calc(var(--padding-bottom) * .8)}.nav-items-wrapper{gap:calc(var(--gap-items) * 1.1)}.nav-item{padding:.25rem}.nav-icon-wrapper{width:3.5rem;height:3.5rem}.nav-item--center .nav-icon-wrapper{width:4.5rem;height:4.5rem;margin-top:-1.5rem}}@media (max-width: 424px){.nav-items-wrapper{gap:calc(var(--gap-items) * .9)}}@media (max-width: 374px){.nav-items-wrapper{gap:calc(var(--gap-items) * .4)}.nav-icon-wrapper{width:16px;height:16px}.nav-item--center .nav-icon-wrapper{width:4rem;height:4rem;border-radius:50%}}@media (min-width: 751px){.mobile-nav-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/mobile-nav-menu.css.map */