html.js #header .menu-custom.menu-shop{position:relative;display:flex;flex-direction:column;width:100%;margin:0}html.js #header .menu-custom.menu-shop.is-open{z-index:1100}html.js #header .menu-custom.menu-shop>.tab-panels{position:absolute;z-index:1100;top:100%;left:0;width:100%;max-height:min(72vh, 650px);margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid rgb(17 17 17 / .08);border-top:0;box-shadow:0 22px 44px rgb(17 17 17 / .14);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-8px,0);transform-origin:top center;transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 220ms}html.js #header .menu-custom.menu-shop.is-open>.tab-panels{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition-delay:0s}html.js #header .menu-custom.menu-shop>.tab-panels::before{position:absolute;right:0;bottom:100%;left:0;height:2px;content:""}html.js #header .menu-custom.menu-shop>.nav a[role="tab"]{cursor:pointer}@media (max-width:849px){html.js #header .show-for-medium .jd-shop-menu-host{flex:1 1 100%;width:100%;min-width:0;max-width:100%}html.js #header .show-for-medium .menu-custom.menu-shop{width:calc(100vw - 30px);min-width:0;max-width:calc(100vw - 30px)}html.js #header .show-for-medium .menu-custom.menu-shop>.nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}html.js #header .show-for-medium .menu-custom.menu-shop>.nav::-webkit-scrollbar{display:none}html.js #header .show-for-medium .menu-custom.menu-shop>.nav>li{flex:0 0 auto}html.js #header .show-for-medium .menu-custom.menu-shop>.nav>li>a{white-space:nowrap}html.js #header .show-for-medium .menu-custom.menu-shop>.tab-panels{left:50%;width:min(calc(100vw - 24px), 720px);max-height:min(70dvh, 650px);padding:20px 15px;transform:translate3d(-50%,-8px,0)}html.js #header .show-for-medium .menu-custom.menu-shop.is-open>.tab-panels{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion:reduce){html.js #header .menu-custom.menu-shop>.tab-panels{transition:none;transform:none}html.js #header .show-for-medium .menu-custom.menu-shop>.tab-panels,html.js #header .show-for-medium .menu-custom.menu-shop.is-open>.tab-panels{transform:translate3d(-50%,0,0)}}