.menu-drawer,menu-drawer{--drawer-width-mobile: calc(100vw - 3rem) ;--drawer-max-width: 40rem;--drawer-z-index: 9999;--backdrop-z-index: 9998;--tree-line-color: #FF6B35;--tree-line-secondary: #e0e0e0;--font-size-level1: 15px;--font-size-level2: 14px;--font-size-level3: 14px;--font-weight-level1: 700;--font-weight-level2: 600;--font-weight-level3: 400;--drawer-padding-x: 25px;--drawer-padding-y: 18px;--tree-indent: 28px;--tree-indent-nested: 20px;--color-text-primary: #111;--color-text-secondary: #333;--color-text-tertiary: #555;--color-hover-bg: #fafafa;--color-footer-bg: #fcfcfc;--color-border: #eaeaea;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-duration: .3s}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:fixed;cursor:default;top:0;left:0;width:100%;height:100%;height:100vh;height:100dvh;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:var(--backdrop-z-index);transition:opacity var(--transition-duration) ease,visibility var(--transition-duration) ease,backdrop-filter var(--transition-duration) ease;-webkit-tap-highlight-color:transparent}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1}.menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;z-index:var(--drawer-z-index);left:0;top:0;height:100%;height:100vh;height:100dvh;width:var(--drawer-width-mobile);max-width:var(--drawer-max-width);background-color:#fff;box-shadow:5px 0 30px #0000;transition:transform var(--transition-duration) var(--transition-smooth),visibility var(--transition-duration) ease,box-shadow var(--transition-duration) ease;display:flex;flex-direction:column;overflow:hidden}.js details[open]>.menu-drawer,.js details[open].menu-opening>.menu-drawer,.no-js details[open]>.menu-drawer{transform:translate(0);visibility:visible;box-shadow:5px 0 30px #0003}.menu-drawer__inner-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.menu-drawer__navigation-container{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.menu-drawer__navigation{padding-top:20px;padding-bottom:20px;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.menu-drawer__navigation::-webkit-scrollbar{width:3px}.menu-drawer__navigation::-webkit-scrollbar-track{background:transparent}.menu-drawer__navigation::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.menu-drawer__navigation::-webkit-scrollbar-thumb:hover{background:#bbb}.menu-drawer__menu,.menu-drawer__navigation>ul{list-style:none;padding:0;margin:0}.menu-drawer__menu>li,.menu-drawer__navigation>ul>li{margin:0}.menu-drawer__menu-item,.menu-drawer__navigation>ul>li>a,.menu-drawer__navigation>ul>li>summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--drawer-padding-y) var(--drawer-padding-x);font-family:inherit;font-size:var(--font-size-level1);font-weight:var(--font-weight-level1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);text-decoration:none;background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.menu-drawer__menu-item:hover,.menu-drawer__navigation>ul>li>a:hover,.menu-drawer__navigation>ul>li>summary:hover{background-color:var(--color-hover-bg)}.menu-drawer__navigation summary{list-style:none}.menu-drawer__navigation summary::-webkit-details-marker{display:none}.menu-drawer__submenu{display:none;margin-left:var(--tree-indent);border-left:2px solid var(--tree-line-color);padding-left:0;margin-bottom:15px;margin-top:5px;position:relative}.menu-drawer details[open]>.menu-drawer__submenu{display:block;animation:slideDownFade .3s ease-out forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-drawer__submenu>ul{list-style:none;padding:0;margin:0}.menu-drawer__submenu>ul>li{margin:0}.menu-drawer__submenu .menu-drawer__menu-item,.menu-drawer__submenu>ul>li>a,.menu-drawer__submenu>ul>li>summary{padding:12px 0 12px 20px;font-size:var(--font-size-level2);font-weight:var(--font-weight-level2);text-transform:uppercase;color:var(--color-text-secondary);border-bottom:none;letter-spacing:.03em}.menu-drawer__submenu .menu-drawer__menu-item:hover,.menu-drawer__submenu>ul>li>a:hover,.menu-drawer__submenu>ul>li>summary:hover{background-color:#00000005}.menu-drawer__submenu .menu-drawer__submenu{margin-left:var(--tree-indent-nested);border-left:1px solid var(--tree-line-secondary);margin-top:0;margin-bottom:10px}.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item,.menu-drawer__submenu .menu-drawer__submenu>ul>li>a{padding:10px 0 10px 15px;font-size:var(--font-size-level3);font-weight:var(--font-weight-level3);text-transform:capitalize;color:var(--color-text-tertiary);letter-spacing:0}.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item:hover,.menu-drawer__submenu .menu-drawer__submenu>ul>li>a:hover{color:var(--color-text-primary);background-color:#00000005}.menu-drawer__menu-item .icon-arrow,.menu-drawer__navigation summary .icon-arrow{width:10px!important;height:10px!important;flex-shrink:0;opacity:.4;transition:transform var(--transition-duration) ease,opacity var(--transition-duration) ease;margin-left:8px}.menu-drawer__menu-item .icon-arrow path,.menu-drawer__navigation summary .icon-arrow path{stroke-width:1.5px}.menu-drawer details[open]>summary .icon-arrow{transform:rotate(180deg);opacity:1}.menu-drawer__navigation summary.has-plus-icon:after{content:"";width:14px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2V12M2 7H12' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform var(--transition-duration) var(--transition-smooth);opacity:.5}.menu-drawer__navigation details[open]>summary.has-plus-icon:after{transform:rotate(45deg);opacity:1}.menu-drawer__utility-links{background-color:var(--color-footer-bg);padding:25px 30px;border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0;width:100%}.menu-drawer__account{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#222;text-decoration:none;display:inline-flex;align-items:center;margin-bottom:20px;padding:10px 0;transition:opacity .2s ease}.menu-drawer__account:hover{opacity:.7}.menu-drawer__account svg{margin-right:12px;width:18px;height:18px;opacity:.8}.menu-drawer .list-social{display:flex;justify-content:flex-start;gap:18px;padding:0;margin:0;list-style:none}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#666;transition:color .2s ease,transform .2s ease}.menu-drawer .list-social__link:hover{color:#000;transform:scale(1.05)}.menu-drawer__close-button,.menu-drawer__utility-links+.menu-drawer__close-button{display:none!important}.menu-drawer li.dt-sc-menu-product,.menu-drawer ul.sub-menu-lists li,.menu-drawer ul.sub-menu-block li{list-style:none;width:100%}.menu-drawer ul.sub-menu-block,.menu-drawer ul.sub-menu-lists,.menu-drawer ul li.menu-item-object-dt_mega_menus{width:100%;padding:0;margin:0}.menu-drawer .mega-menu__content ul.sub-menu-lists.vertical{padding:0}.menu-drawer__navigation ul.sub-menu-lists.mega-menu-brands li.dt-sc-menu-image-with-text:not(:last-child),.menu-drawer__navigation .sub-menu-block.mega-menu__content ul li:not(:last-child){margin-bottom:12px}.menu-drawer__navigation .dt-sc-menu-image-with-text .dt-sc-details{transition:all var(--transition-duration) ease}@media screen and (min-width:750px){.menu-drawer,menu-drawer{--drawer-width-mobile: 42rem}}@media screen and (max-width:360px){.menu-drawer,menu-drawer{--drawer-padding-x: 20px;--drawer-padding-y: 15px;--font-size-level1: 14px}}.no-js .menu-drawer{position:relative;transform:none;visibility:visible;height:auto;box-shadow:none}.no-js .menu-drawer__navigation{overflow:visible}.menu-drawer__menu-item:focus-visible,.menu-drawer__navigation a:focus-visible,.menu-drawer__navigation summary:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.menu-drawer *,.menu-drawer *:before,.menu-drawer *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.menu-drawer__submenu{border-left-width:3px}}html.menu-open{overflow:hidden}html.menu-open body{overflow:hidden;position:fixed;width:100%;height:100%}.menu-drawer__menu-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--tree-line-color);border-radius:0 2px 2px 0}.menu-drawer__menu-item--active{color:var(--tree-line-color);font-weight:800}.menu-drawer *{touch-action:manipulation}.menu-drawer a,.menu-drawer button,.menu-drawer summary{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.menu-drawer__navigation{-webkit-overflow-scrolling:touch}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-menu-drawer.css.map */