.mobile-drawer{--drawer-width: 100%;--drawer-max-width: 400px;--drawer-bg: #FFFFFF;--drawer-z-index: 1000;--drawer-transition: .3s ease;--phone-bg: #34CC33;--phone-text: #FFFFFF;--item-height: 56px;--item-padding: 1.6rem 2rem;--item-text-color: #2D3748;--item-font-size: 1.6rem;--item-font-weight: 600;--item-border-color: rgba(0, 0, 0, .08);--item-hover-bg: rgba(0, 0, 0, .03);--chevron-color: rgba(0, 0, 0, .3);--chevron-size: 20px;--highlight-color: #34CC33;--highlight-bg: rgba(52, 204, 51, .08);--overlay-bg: rgba(0, 0, 0, .5)}.mobile-drawer{display:block}@media screen and (min-width: 990px){.mobile-drawer{display:none!important}}.mobile-drawer__toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;position:relative;z-index:calc(var(--drawer-z-index) + 2)}.mobile-drawer__toggle:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px;border-radius:4px}.mobile-drawer__hamburger,.mobile-drawer__close{display:flex;align-items:center;justify-content:center}.mobile-drawer__hamburger svg,.mobile-drawer__close svg{width:24px;height:24px;stroke:var(--item-text-color);stroke-width:2}.mobile-drawer__close,.mobile-drawer--open .mobile-drawer__hamburger{display:none}.mobile-drawer--open .mobile-drawer__close{display:flex}.mobile-drawer__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);z-index:var(--drawer-z-index);opacity:0;visibility:hidden;transition:opacity var(--drawer-transition),visibility var(--drawer-transition)}.mobile-drawer--open .mobile-drawer__overlay{opacity:1;visibility:visible}.mobile-drawer__panel{position:fixed;top:0;right:0;width:var(--drawer-width);max-width:var(--drawer-max-width);height:100%;height:100dvh;background:var(--drawer-bg);z-index:calc(var(--drawer-z-index) + 1);transform:translate(100%);transition:transform var(--drawer-transition);display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 20px #00000026}.mobile-drawer--open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__phone{background:var(--phone-bg);flex-shrink:0}.mobile-drawer__phone-link{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 2rem;color:var(--phone-text);text-decoration:none;transition:opacity .15s ease}.mobile-drawer__phone-link:hover{opacity:.9}.mobile-drawer__phone-icon{width:28px;height:28px;flex-shrink:0}.mobile-drawer__phone-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.mobile-drawer__phone-text{display:flex;flex-direction:column;gap:.2rem}.mobile-drawer__phone-label{font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.9}.mobile-drawer__phone-number{font-size:1.8rem;font-weight:700;line-height:1.2}.mobile-drawer__nav{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.mobile-drawer__menu{list-style:none;margin:0;padding:0}.mobile-drawer__item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--item-height);padding:var(--item-padding);background:transparent;border:none;border-bottom:1px solid var(--item-border-color);color:var(--item-text-color);font-size:var(--item-font-size);font-weight:var(--item-font-weight);text-decoration:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.mobile-drawer__item:hover,.mobile-drawer__item:focus{background-color:var(--item-hover-bg)}.mobile-drawer__item:focus-visible{outline:2px solid var(--highlight-color);outline-offset:-2px}a.mobile-drawer__item{text-decoration:none}button.mobile-drawer__item{font-family:inherit}.mobile-drawer__item-text{flex:1}.mobile-drawer__chevron{width:var(--chevron-size);height:var(--chevron-size);flex-shrink:0;color:var(--chevron-color)}.mobile-drawer__chevron svg{width:100%;height:100%;stroke:currentColor;fill:none}.mobile-drawer__item--highlighted{color:var(--highlight-color);background-color:var(--highlight-bg)}.mobile-drawer__item--highlighted .mobile-drawer__chevron{color:var(--highlight-color)}.mobile-drawer__item--highlighted:hover,.mobile-drawer__item--highlighted:focus{background-color:#34cc331f}.mobile-drawer__item--active,.mobile-drawer__item--active .mobile-drawer__chevron{color:var(--highlight-color)}.mobile-drawer__submenu{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--drawer-bg);transform:translate(100%);transition:transform var(--drawer-transition);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10}.mobile-drawer__submenu--open{transform:translate(0)}.mobile-drawer__submenu--level-3{z-index:20}.mobile-drawer__back{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.4rem 2rem;background:#00000008;border:none;border-bottom:1px solid var(--item-border-color);color:var(--item-text-color);font-size:1.4rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .15s ease}.mobile-drawer__back:hover,.mobile-drawer__back:focus{background:#0000000f}.mobile-drawer__back:focus-visible{outline:2px solid var(--highlight-color);outline-offset:-2px}.mobile-drawer__back-icon{width:20px;height:20px;flex-shrink:0}.mobile-drawer__back-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.mobile-drawer__submenu-list{list-style:none;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.mobile-drawer__panel,.mobile-drawer__overlay,.mobile-drawer__submenu,.mobile-drawer__item,.mobile-drawer__back,.mobile-drawer__phone-link{transition:none}}body.mobile-drawer-open{overflow:hidden;position:fixed;width:100%}@supports (-webkit-touch-callout: none){body.mobile-drawer-open{position:fixed;height:100%}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-drawer__panel,.mobile-drawer__nav{padding-bottom:env(safe-area-inset-bottom)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mobile-drawer.css.map */