.custom-mobile-menu{position:absolute;top:100%;left:0;right:0;width:100%;background-color:#fff;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;box-shadow:0 4px 10px #0000001a;border-top:1px solid #e5e5e5}.custom-mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.custom-mobile-menu-overlay{display:none}.custom-mobile-menu-content{padding:2rem}.custom-mobile-menu-list{list-style:none;margin:0;padding:0}.custom-mobile-menu-item{margin-bottom:1.5rem}.custom-mobile-menu-link{display:block;color:#333;text-decoration:none;font-size:20px;font-weight:500;padding:1rem 0;border-bottom:1px solid #f0f0f0;transition:color .2s ease;font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:calc(var(--font-heading-scale) * .06rem)}.custom-mobile-menu-link:hover{color:#000}.custom-mobile-menu-toggle{background:none;border:none;color:#333;font-size:20px;font-weight:500;padding:1rem 0;cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;transition:color .2s ease;font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:calc(var(--font-heading-scale) * .06rem)}.custom-mobile-menu-toggle:hover{color:#000}.custom-mobile-menu-toggle:after{content:"+";font-size:2rem;transition:transform .2s ease}.custom-mobile-menu-toggle.open:after{transform:rotate(45deg)}.custom-mobile-submenu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.custom-mobile-submenu.open{max-height:500px}.custom-mobile-submenu-item{margin-bottom:.5rem}.custom-mobile-submenu-link{display:block;color:#666;text-decoration:none;font-size:1.4rem;padding:.8rem 0 .8rem 2rem;transition:color .2s ease}.custom-mobile-submenu-link:hover{color:#333}@media screen and (min-width: 750px){.custom-mobile-menu,.custom-mobile-menu-overlay{display:none}}.custom-mobile-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;gap:4px}.custom-mobile-menu-btn span{display:block;height:2px;width:20px;background-color:#333;transition:all .3s ease;transform-origin:center}body.template-index .custom-mobile-menu-btn span{background-color:#fff}body.template-index .custom-mobile-menu{position:absolute;top:calc(100% + 8rem);left:0;right:0;width:100%;z-index:9999;margin-top:3rem;background-color:#fff;box-shadow:0 4px 20px #00000026}body.mobile-menu-open .video-hero .video-hero__content h1,body.mobile-menu-open .video-hero .video-hero__content h2,body.mobile-menu-open .video-hero .video-hero__content h3,body.mobile-menu-open .video-hero .video-hero__content p,body.mobile-menu-open .hero .hero__content h1,body.mobile-menu-open .hero .hero__content h2,body.mobile-menu-open .hero .hero__content h3,body.mobile-menu-open .hero .hero__content p{opacity:0!important;visibility:hidden!important}body.template-index .custom-mobile-menu{z-index:999999!important}body.template-index .announcement-bar,body.template-index .banner,body.template-index .marquee,body.template-index [class*=banner],body.template-index [class*=announcement],body.template-index .email-signup-banner{z-index:1000!important}body.template-index .video-hero img,body.template-index .hero img,body.template-index .section img{z-index:1!important}body.template-index .video-hero .button,body.template-index .hero .button,body.template-index .video-hero a[class*=button],body.template-index .hero a[class*=button],body.template-index .video-hero .btn,body.template-index .hero .btn,body.template-index .video-hero a,body.template-index .hero a{z-index:10000!important;position:relative!important;pointer-events:auto!important}body.template-index .video-hero .video-hero__content,body.template-index .hero .hero__content{z-index:10!important;position:relative}body.template-index .header{position:relative;margin-bottom:2.5rem}.custom-mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translateY(6px)}.custom-mobile-menu-btn.open span:nth-child(2){opacity:0}.custom-mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}@media screen and (max-width: 749px){header-drawer{display:none!important}.custom-mobile-menu-btn{display:flex!important}}@media screen and (min-width: 750px){.custom-mobile-menu-btn{display:none!important}}@media screen and (max-width: 749px){.header{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-mobile-menu.css.map */