.mobile-shop-navigation{display:none}@media(max-width:680px){.mobile-shop-navigation{display:block;--shop-nav-height:66px}.mobile-shop-nav-space{height:calc(var(--shop-nav-height) + env(safe-area-inset-bottom,0px) + 12px)}.mobile-shop-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:calc(var(--shop-nav-height) + env(safe-area-inset-bottom,0px));padding:6px max(9px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(9px,env(safe-area-inset-left,0px));background:#fffaf5fa;border-top:1px solid #e6ccd3;box-shadow:0 -3px 16px #9870820c;font-family:Yozai,Microsoft YaHei,sans-serif}.mobile-shop-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:52px;text-decoration:none;border:1px solid transparent;border-radius:13px;color:#8e707b;font-size:14px;line-height:1.45;-webkit-tap-highlight-color:transparent}.mobile-shop-nav a[aria-current=page]{background:#f8e7ec;border-color:#edcbd6;color:#9d3e62}.mobile-shop-nav a:active{background:#f3e2e8}.mobile-shop-nav a:focus-visible{outline:3px solid #b46d88;outline-offset:-3px}.mobile-shop-navigation[data-keyboard=open] .mobile-shop-nav{display:none}.mobile-shop-navigation[data-keyboard=open] .mobile-shop-nav-space{height:12px}}