@media screen and (max-width:989px){.zh-mobile-menu-drawer .menu-drawer-container .header__icon--summary{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-foreground)}.zh-mobile-menu-drawer .header__icon--summary .header-drawer-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:auto;width:var(--icon-size-xs, 1.25rem);height:var(--icon-size-xs, 1.25rem)}.zh-mobile-menu-drawer .menu-drawer-container:not(.menu-open):not([open])>summary .header-drawer-icon--close{display:none!important}.zh-mobile-menu-drawer .menu-drawer-container.menu-open>summary .header-drawer-icon--open,.zh-mobile-menu-drawer .menu-drawer-container[open]>summary .header-drawer-icon--open{display:none!important}.zh-mobile-menu-drawer .menu-drawer-container.menu-open>summary .header-drawer-icon--close,.zh-mobile-menu-drawer .menu-drawer-container[open]>summary .header-drawer-icon--close{display:flex!important}.zh-mobile-menu-drawer .menu-drawer.zh-mmenu{--drawer-width: 100vw;--drawer-max-width: 100vw;position:fixed;left:0;top:0;width:100vw;max-width:100vw;height:var(--drawer-height, 100dvh);z-index:var(--layer-menu-drawer, 18);padding:0;background:#fff;border-right:0;overflow:auto;display:flex;flex-direction:column;transform:translate(-100%);visibility:hidden;opacity:0;transition:transform var(--drawer-animation-speed, .32s) ease,visibility var(--drawer-animation-speed, .32s) ease,opacity var(--drawer-animation-speed, .32s) ease}.zh-mobile-menu-drawer details.menu-open>.menu-drawer.zh-mmenu{transform:translate(0);visibility:visible;opacity:1}.zh-mobile-menu-drawer .zh-mmenu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-menu-drawer, 18) - 1);background:#0000006b;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--drawer-animation-speed, .32s) ease,visibility var(--drawer-animation-speed, .32s) ease}.zh-mobile-menu-drawer details.menu-open>.zh-mmenu__backdrop{opacity:1;visibility:visible;pointer-events:auto}.zh-mmenu__top{display:flex;align-items:center;gap:10px;padding:10px 12px 8px;padding-top:max(10px,env(safe-area-inset-top,0px));border-bottom:1px solid rgb(200 70 123 / .12);flex-shrink:0}.zh-mmenu__search{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgb(200 70 123 / .18);border-radius:999px;background:#fffafc;color:#6f4a5e;font-family:var(--font-body--family);font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__search .svg-wrapper{width:18px;height:18px;flex-shrink:0;opacity:.72}.zh-mmenu__close{flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__body{display:grid;grid-template-columns:118px minmax(0,1fr);flex:1 1 auto;min-height:0;max-height:none;overflow:hidden}.zh-mmenu__sidebar{display:flex;flex-direction:column;background:#f9f3ef;border-right:1px solid rgb(200 70 123 / .1);overflow:hidden}.zh-mmenu__tabs{list-style:none;margin:0;padding:6px 0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.zh-mmenu__tabs li{margin:0;padding:0}.zh-mmenu__tab{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 10px 12px 12px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;font-family:var(--font-body--family);font-size:.8125rem;line-height:1.25;color:#4a2840;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__tab.is-active{background:#fff;border-left-color:#f0358c;font-weight:700;color:#b8326a}.zh-mmenu__sign-in{display:flex;align-items:center;gap:8px;min-height:48px;padding:14px 12px;border-top:1px solid rgb(200 70 123 / .12);text-decoration:none;font-family:var(--font-body--family);font-size:.8125rem;font-weight:600;color:#4a2840;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__sign-in .svg-wrapper{width:18px;height:18px}.zh-mmenu__panels{overflow-y:auto;background:#fff;-webkit-overflow-scrolling:touch}.zh-mmenu__panel[hidden]{display:none}.zh-mmenu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:12px 10px}.zh-mmenu__tile{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#4a2840;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__tile-media{display:block;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#fff5fa,#fdeef5)}.zh-mmenu__tile-img,.zh-mmenu__tile-media img{width:100%;height:100%;object-fit:cover;display:block}.zh-mmenu__tile-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-heading--family);font-size:1.25rem;font-weight:700;color:#f0358c}.zh-mmenu__tile-label{font-family:var(--font-body--family);font-size:.6875rem;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zh-mmenu__view-all{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 10px 14px;min-height:48px;padding:12px;border-radius:10px;background:#f9f3ef;text-decoration:none;font-family:var(--font-body--family);font-size:.8125rem;font-weight:600;color:#4a2840;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__links{padding:4px 0}.zh-mmenu__link-row{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 16px;border-bottom:1px solid rgb(200 70 123 / .1);box-sizing:border-box;text-decoration:none;font-family:var(--font-body--family);font-size:.875rem;color:#4a2840;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zh-mmenu__single{padding:16px}.zh-mmenu__tile--solo{align-items:center;justify-content:center;min-height:80px;padding:20px;border-radius:12px;background:#f9f3ef}.zh-mmenu__footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid rgb(200 70 123 / .12);font-family:var(--font-body--family);font-size:.8125rem;color:#6f4a5e;flex-shrink:0}.zh-mmenu__footer-item{display:inline-flex;align-items:center;gap:6px}.zh-mmenu__flag{width:18px;height:18px;border-radius:50%;background-size:cover;background-position:center}}@media screen and (min-width:990px){.zh-mmenu__body,.zh-mmenu__top,.zh-mmenu__footer,.zh-mmenu__backdrop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zh-mobile-menu.css.map */