.mobile-drawer{inset:0 auto 0 0;width:min(400px,calc(100vw - 28px));max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);box-shadow:16px 0 60px #14230d22}.mobile-drawer::backdrop{background:#17221266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer[open]{animation:mobile-menu-enter .24s cubic-bezier(.2,.7,.2,1) both}.mobile-drawer[open]::backdrop{animation:mobile-menu-shade .24s ease both}.mobile-drawer.is-closing{animation:mobile-menu-leave .18s ease both}.mobile-drawer.is-closing::backdrop{animation:mobile-menu-shade-out .18s ease both}.mobile-drawer__shell{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-drawer__header{display:flex;flex:0 0 auto;justify-content:flex-start;align-items:center;gap:16px;min-height:76px;padding:max(16px,env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--line)}.mobile-drawer__header h2{margin:0;font:400 1.9rem/1.1 Georgia,serif}.mobile-drawer__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent}.mobile-drawer__close:hover{background:var(--card)}.mobile-drawer__body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px}.mobile-drawer__search{display:flex;align-items:stretch;min-width:0;margin:0 0 18px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card)}.mobile-drawer__search input{width:0;min-width:0;flex:1;min-height:48px;padding:12px;border:0;border-radius:inherit;background:transparent;font-size:16px}.mobile-drawer__search button{display:grid;place-items:center;flex:0 0 46px;padding:0;border:0;border-radius:inherit;background:transparent}.predictive-search--mobile-drawer__search{max-width:none;margin:0 0 18px}.mobile-drawer__search>button[type=submit]{flex:0 0 auto;min-height:48px;padding-inline:12px;color:var(--text);font-size:.85rem;font-weight:700}.mobile-drawer__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 16px;border-radius:var(--radius);background:var(--button-bg);color:var(--button-text);font-weight:750}.mobile-drawer__group{margin:28px 0 22px}.mobile-drawer__group h3{margin:0 0 12px;color:var(--text-soft);font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.mobile-drawer__materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-drawer__materials a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:.94rem;font-weight:650;overflow-wrap:anywhere}.mobile-drawer__materials a>span:last-child{color:var(--text-soft);font-size:.9rem}.mobile-drawer__materials a:last-child:nth-child(odd){grid-column:1 / -1}.mobile-drawer__materials a:hover{border-color:var(--text)}.mobile-drawer__links{display:grid;border-top:1px solid var(--line);padding-top:10px}.mobile-drawer__links a{display:flex;align-items:center;min-height:46px;padding:10px 0;font-weight:600;overflow-wrap:anywhere}.mobile-drawer__links a:hover{text-decoration:underline;text-underline-offset:3px}.mobile-drawer__footer{flex:0 0 auto;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.mobile-drawer__footer a{display:flex;align-items:center;gap:10px;min-height:42px;font-size:.9rem;font-weight:650}.mobile-drawer__account-state{margin-left:auto;color:var(--text-soft);font-size:.8rem;font-weight:400}html.has-mobile-menu-open{overflow:hidden}.mobile-menu-fallback{display:flex;gap:16px;padding:12px}@keyframes mobile-menu-enter{0%{transform:translate(-100%);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes mobile-menu-leave{to{transform:translate(-100%);opacity:.7}}@keyframes mobile-menu-shade{0%{opacity:0}to{opacity:1}}@keyframes mobile-menu-shade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.mobile-drawer[open],.mobile-drawer[open]::backdrop{animation:none}}@media(min-width:901px){.mobile-drawer,.mobile-menu-fallback{display:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/mobile-navigation.css.map */
