.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;touch-action:none}.mobile-nav--active{pointer-events:auto}.mobile-nav__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.mobile-nav--active .mobile-nav__backdrop{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}.mobile-nav__drawer{position:absolute;top:0;left:0;width:85%;max-width:400px;height:100%;background:#fff;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #0000;overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y}.mobile-nav--active .mobile-nav__drawer{transform:translate(0);box-shadow:4px 0 30px #00000026}.mobile-nav__handle{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:40px;height:80px;display:flex;align-items:center;justify-content:center;cursor:grab;opacity:0;transition:opacity .3s ease}.mobile-nav--active .mobile-nav__handle{opacity:1}.mobile-nav__handle:before{content:"";width:4px;height:40px;background:#0003;border-radius:2px}.mobile-nav__header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mobile-nav__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .3s ease;border-radius:50%}.mobile-nav__close:hover{background:#0000000d;transform:rotate(90deg)}.mobile-nav__close svg{width:24px;height:24px;transition:transform .3s ease}.mobile-nav__list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:1rem 0;scroll-behavior:smooth}.mobile-nav__item{opacity:0;transform:translate(-20px);animation:slideInLeft .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--item-index) * .05s)}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;color:var(--color-foreground);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.mobile-nav__link:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:rgba(var(--color-primary),.1);transition:width .3s cubic-bezier(.4,0,.2,1)}.mobile-nav__link:hover:before,.mobile-nav__link:focus:before{width:100%}.mobile-nav__link:hover{padding-left:2rem;color:var(--color-primary)}.mobile-nav__submenu{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.mobile-nav__item--expanded .mobile-nav__submenu{max-height:500px}.mobile-nav__submenu-item{padding-left:3rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.mobile-nav__item--expanded .mobile-nav__submenu-item{opacity:1;transform:translateY(0);transition-delay:calc(var(--subitem-index) * .05s)}.mobile-nav__submenu-link{display:block;padding:.75rem 1.5rem;color:rgba(var(--color-foreground),.7);text-decoration:none;font-size:.9375rem;transition:all .2s ease}.mobile-nav__submenu-link:hover{color:var(--color-primary);padding-left:2rem}.mobile-nav__expand{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-nav__item--expanded .mobile-nav__expand{transform:rotate(180deg)}.mobile-nav__footer{padding:1.5rem;border-top:1px solid rgba(0,0,0,.05);flex-shrink:0}.mobile-nav__user{display:flex;gap:1rem;margin-bottom:1rem}.mobile-nav__user-link{flex:1;padding:.75rem;text-align:center;background:#00000005;border-radius:8px;text-decoration:none;color:var(--color-foreground);font-weight:500;transition:all .3s ease}.mobile-nav__user-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.mobile-nav__localization{display:flex;gap:.5rem}.mobile-nav__select{flex:1;padding:.75rem 1rem;background:#00000005;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.mobile-nav__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}.mobile-nav__trigger{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1000}.hamburger{width:24px;height:16px;position:relative;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--color-foreground);border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:7px}.hamburger span:nth-child(4){top:14px}.mobile-nav--active .hamburger span:nth-child(1){top:7px;width:0%;left:50%}.mobile-nav--active .hamburger span:nth-child(2){transform:rotate(45deg)}.mobile-nav--active .hamburger span:nth-child(3){transform:rotate(-45deg)}.mobile-nav--active .hamburger span:nth-child(4){top:7px;width:0%;left:50%}.mobile-nav__gesture-hint{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:100px;background:linear-gradient(90deg,var(--color-primary) 0%,transparent 100%);opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav__gesture-hint--visible{opacity:.3;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(-50%) scaleX(1)}50%{transform:translateY(-50%) scaleX(1.5)}}.mobile-nav__search{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.mobile-nav__search-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .3s ease}.mobile-nav__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}@media (prefers-color-scheme: dark){.mobile-nav__drawer{background:var(--color-background-dark, #1a1a1a)}.mobile-nav__link:before{background:#ffffff1a}.mobile-nav__user-link,.mobile-nav__select{background:#ffffff0d;border-color:#fff3}.mobile-nav__search-input{background:#ffffff0d;border-color:#fff3;color:#fff}}@media (prefers-reduced-motion: reduce){.mobile-nav__drawer,.mobile-nav__backdrop,.mobile-nav__link,.mobile-nav__submenu,.mobile-nav__expand{transition-duration:.01ms}.mobile-nav__item{animation-duration:.01ms}@keyframes slideInLeft{to{opacity:1;transform:none}}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:.5rem 0 env(safe-area-inset-bottom);z-index:100;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-nav--hidden{transform:translateY(100%)}.bottom-nav__list{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.bottom-nav__item{flex:1;text-align:center}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:rgba(var(--color-foreground),.6);text-decoration:none;transition:all .2s ease;position:relative}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__icon{width:24px;height:24px;transition:transform .2s ease}.bottom-nav__link:active .bottom-nav__icon{transform:scale(.9)}.bottom-nav__label{font-size:.75rem;font-weight:500}.bottom-nav__badge{position:absolute;top:0;right:20%;background:#f44;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s ease-out;background:rgba(var(--color-primary),.3)}@keyframes ripple{to{transform:scale(4);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/enhanced-mobile-navigation.css.map */