.menu-drawer,.menu-drawer *{box-sizing:border-box}.menu-drawer-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#001e3ccc!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:9998!important;opacity:0!important;visibility:hidden!important;transition:all .4s ease!important;display:block!important}.menu-drawer-container[open] .menu-drawer-overlay{opacity:1!important;visibility:visible!important}.menu-drawer{position:fixed!important;top:0!important;left:0!important;width:350px!important;height:100vh!important;background:#fff!important;z-index:9999!important;transform:translate(-100%)!important;transition:transform .4s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 0 50px #00000026!important;border-radius:0 25px 25px 0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.menu-drawer-container[open] .menu-drawer{transform:translate(0)!important}.menu-drawer__header{background:linear-gradient(135deg,#ff6b35,#ff8c5a)!important;padding:30px 25px!important;color:#fff!important;position:relative!important;overflow:hidden!important;flex-shrink:0!important}.menu-drawer__header:before{content:""!important;position:absolute!important;top:-50%!important;right:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px)!important;background-size:20px 20px!important;animation:floatingParticles 15s linear infinite!important;pointer-events:none!important}.menu-drawer__title{font-size:24px!important;font-weight:700!important;margin:0 0 5px!important;position:relative!important;z-index:1!important;color:#fff!important;font-family:var(--font-heading-family)!important}.menu-drawer__subtitle{opacity:.9!important;font-size:14px!important;margin:0!important;position:relative!important;z-index:1!important;color:#fff!important}.menu-drawer__close-button{position:absolute!important;top:20px!important;right:20px!important;width:40px!important;height:40px!important;background:#fff3!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;z-index:10000!important}.menu-drawer__close-button:hover{background:#ffffff4d!important;transform:scale(1.1)!important}.menu-drawer__close-button svg{color:#fff!important;width:18px!important;height:18px!important;stroke:#fff!important;fill:none!important;stroke-width:2!important}.menu-drawer__navigation-container{flex:1!important;overflow-y:auto!important;padding:20px 0!important;display:block!important}.menu-drawer__navigation{width:100%!important;display:block!important}.menu-drawer__menu{list-style:none!important;padding:0!important;margin:0!important;width:100%!important;display:block!important}.menu-drawer__menu li{width:100%!important;display:block!important;margin:0!important;padding:0!important}.menu-drawer__menu-item{display:flex!important;align-items:center!important;width:100%!important;padding:18px 25px!important;margin:0!important;color:#333!important;font-size:16px!important;font-weight:500!important;font-family:var(--font-body-family)!important;text-decoration:none!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;background:transparent!important;transition:all .3s ease!important;cursor:pointer!important;box-sizing:border-box!important;position:relative!important}.menu-drawer__menu-item:hover{background:linear-gradient(90deg,rgba(255,107,53,.1),transparent)!important;color:#ff6b35!important;padding-left:35px!important;transform:translate(5px)!important}.menu-drawer__menu-item:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:#ff6b35!important;transform:scaleY(0)!important;transition:transform .3s ease!important}.menu-drawer__menu-item:hover:before{transform:scaleY(1)!important}.menu-drawer__menu-item--active{color:#ff6b35!important;background:#ff6b351a!important}.menu-drawer__menu-item--active:before{transform:scaleY(1)!important}.menu-drawer__menu-item .icon{width:20px!important;height:20px!important;margin-right:15px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;flex-shrink:0!important}.menu-drawer__submenu{background:#00000005!important;border-top:1px solid rgba(0,0,0,.1)!important;padding:10px 0!important;margin:10px 0!important}.menu-drawer__submenu .menu-drawer__menu-item{padding-left:50px!important;font-size:14px!important;color:#666!important}.menu-drawer__submenu .menu-drawer__menu-item:hover{padding-left:60px!important;color:#ff6b35!important}.menu-drawer__footer{padding:25px!important;background:#f8f9fa!important;border-top:1px solid rgba(0,0,0,.1)!important;display:block!important;flex-shrink:0!important}.menu-drawer__footer h4{font-size:14px!important;color:#666!important;margin:0 0 15px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important}.social-links{display:flex!important;gap:12px!important;margin-bottom:20px!important;align-items:center!important}.social-links a{width:40px!important;height:40px!important;background:#ff6b35!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;transition:all .3s ease!important;flex-shrink:0!important}.social-links a:hover{background:#ff8c5a!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #ff6b354d!important}.social-links svg{width:18px!important;height:18px!important;fill:currentColor!important}.contact-info{font-size:13px!important;color:#666!important;line-height:1.6!important}.contact-info strong{color:#333!important;display:block!important;margin-bottom:8px!important;font-size:14px!important}.header__icon--menu{background:#ffffff26!important;border-radius:8px!important;padding:10px!important;transition:all .3s ease!important;border:1px solid rgba(255,107,53,.3)!important;position:relative!important;z-index:200!important;width:44px!important;height:44px!important}.header__icon--menu:hover{background:#ffffff40!important;transform:scale(1.05)!important}.header__icon--menu .icon-hamburger{display:block!important;width:20px!important;height:20px!important;stroke:#ff6b35!important;fill:none!important}.header__icon--menu .icon-close{display:none!important;width:20px!important;height:20px!important;stroke:#ff6b35!important;fill:none!important}.menu-drawer-container[open] .header__icon--menu .icon-hamburger{display:none!important}.menu-drawer-container[open] .header__icon--menu .icon-close{display:block!important}.menu-drawer__navigation-container::-webkit-scrollbar{width:6px!important}.menu-drawer__navigation-container::-webkit-scrollbar-track{background:#0000000d!important}.menu-drawer__navigation-container::-webkit-scrollbar-thumb{background:#ff6b354d!important;border-radius:3px!important}.menu-drawer__navigation-container::-webkit-scrollbar-thumb:hover{background:#ff6b3580!important}@media screen and (max-width: 768px){.menu-drawer{width:300px!important}.menu-drawer__header{padding:25px 20px!important}.menu-drawer__title{font-size:22px!important}}@media screen and (max-width: 480px){.menu-drawer{width:280px!important}.menu-drawer__menu-item{padding:16px 20px!important;font-size:15px!important}.menu-drawer__menu-item:hover{padding-left:30px!important}}@media screen and (min-width: 990px){header-drawer{display:none!important}}@media screen and (max-width: 989px){header-drawer{display:block!important}.header__icon--menu{display:flex!important;align-items:center!important;justify-content:center!important}}body.menu-open{overflow:hidden!important}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.menu-drawer,.menu-drawer-overlay,.menu-drawer__menu-item,.social-links a{transition:none!important;animation:none!important}}@media (prefers-color-scheme: dark){.menu-drawer{background:#1a1a1a!important}.menu-drawer__menu-item{color:#e0e0e0!important;border-bottom-color:#ffffff1a!important}.menu-drawer__menu-item:hover{color:#ff6b35!important}.menu-drawer__footer{background:#2a2a2a!important;border-top-color:#ffffff1a!important}.contact-info{color:#b0b0b0!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-menu-drawer.css.map */