.dropdown-trigger{background:none;border:none;padding:12px 20px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;color:#595959;transition:all .3s ease;position:relative;overflow:hidden;background-color:#fff;font-family:Lato;text-transform:uppercase;letter-spacing:2px}.dropdown-trigger:hover{background-color:#595959;color:#fff}.dropdown-trigger:hover svg rect{fill:#fff}.navbar{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 10px #0000001a;position:relative;z-index:1000;color:#595959;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.menu-svg{display:inline-block;width:32px;height:32px;box-sizing:content-box}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;height:70px}.nav-logo{margin-right:30px}.logo-icon{background:linear-gradient(135deg,gold,#ffed4e);color:#595959;padding:8px 16px;border-radius:8px;font-weight:700;font-size:18px;box-shadow:0 2px 8px #ffd7004d}.dropdown-icon{transition:transform .3s ease}.dropdown-trigger.active .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:0;left:0;background:#fff;border-bottom-left-radius:12px;box-shadow:0 20px 40px #00000026;min-width:432px;max-width:1000px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease;z-index:1000}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-close{display:flex;justify-content:flex-end;padding:16px 20px 8px;border-bottom:1px solid #f0f0f0}.dropdown-close .close-btn{position:static}.close-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;color:#595959;text-transform:uppercase;letter-spacing:2px;font-family:Lato;font-weight:700;padding:0 16px;border-radius:50px;transition:all .2s ease}.close-btn i{height:47px;width:47px;line-height:47px;background-color:#ebebec;border-radius:50%;font-size:16px;transition:all .2s ease}.close-btn:hover,.close-btn:hover i{background-color:#ffe512}.main-categories{list-style:none;padding:0}.category-item:last-child{border-bottom:none}.category-link{display:flex;align-items:center;padding:16px 10px;text-decoration:none;color:#595959;transition:all .2s ease;gap:12px;position:relative;cursor:pointer;margin:0 20px;border-radius:8px}.category-link i:first-child{width:20px;font-size:16px;color:#595959}.category-link span{flex:1;font-weight:500}.category-link .arrow{color:#595959;font-size:12px;transition:transform .2s ease}.category-item:hover .category-link,.category-item.active .category-link{background:#ffe512;color:#595959}.category-item:hover .category-link .arrow,.category-item.active .category-link .arrow{transform:rotate(-90deg)}.submenu-container{position:absolute;left:100%;top:0;background:#fff;border-radius:0 0 12px;box-shadow:12px 28px 18px #0000001a;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001;min-width:925px;border-left:1px solid #f0f0f0;pointer-events:none;bottom:0}.category-item:hover .submenu-container,.category-item.active .submenu-container{opacity:1;visibility:visible;pointer-events:auto}.submenu{display:flex;padding:20px 25px;gap:30px;min-height:300px}.submenu svg{width:25px;height:25px}.submenu-column{flex:1;min-width:250px}.submenu-list{list-style:none;padding-left:0}.submenu-item{position:relative;margin-bottom:4px}.submenu-link{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#555;border-radius:8px;transition:all .2s ease;gap:10px;font-size:16px;cursor:pointer;line-height:1}.submenu-arrow{align-self:flex-start;margin-top:11px}.has-submenu .submenu-link{border-bottom-left-radius:0;border-bottom-right-radius:0}.submenu-link i:first-child{width:16px;font-size:14px;color:#777}.submenu-link span{flex:1}.submenu-arrow{font-size:10px;color:#999;transition:transform .2s ease}.submenu-item:hover .submenu-link{background:#595959;color:#fff}.submenu-item.has-submenu:hover .submenu-arrow,.submenu-item.has-submenu.active .submenu-arrow,.submenu-item.has-submenu .submenu-arrow{transform:rotate(90deg)}.submenu-item:hover .submenu-link>svg path{fill:#fff}.third-level-menu{list-style:none;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 10px 30px #00000026;border:1px solid #f0f0f0;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .3s ease;z-index:1002;min-width:220px;padding:0 0 12px;position:absolute;left:0;top:100%;width:100%}.submenu-item.has-submenu:hover .third-level-menu,.submenu-item.has-submenu.active .third-level-menu{opacity:1;visibility:visible;transform:translate(0)}.third-level-menu li{margin-bottom:4px}.third-level-menu li:last-child{margin-bottom:0}.third-level-menu a{display:flex;padding:10px 14px;text-decoration:none;color:#666;border-radius:0;font-size:14px;transition:all .2s ease;font-weight:500;align-items:center;gap:7px}.third-level-menu a:hover{background:#ebebec;color:#000}.content{max-width:1200px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px}.content h1{color:#595959;margin-bottom:20px;font-size:32px;font-weight:700}.content p{color:#666;margin-bottom:20px;font-size:16px;line-height:1.6}.content ul{color:#666;padding-left:20px}.content li{margin-bottom:8px}.submenu-header{padding:20px 30px 10px;border-radius:0}.submenu-title{margin:0;font-family:Playfair Display,serif;font-size:35px;font-weight:400;color:#595959;text-transform:capitalize;letter-spacing:1px}.dropdown-title{padding:20px 5px 15px 20px;display:flex;justify-content:space-between;align-items:center}.dropdown-title h2{margin:0;font-family:Playfair Display,serif;font-size:35px;font-weight:400;color:#595959}.dropdown-close{display:flex;justify-content:flex-end;padding:0;border-bottom:none}.submenu-item:hover .submenu-link>i{color:#fff}@media (max-width:1700px){.submenu-container{min-width:800px}.close-btn{gap:5px}.dropdown-title h2,.submenu-title{font-size:28px}.menu-wrapper{margin-left:65px}}@media (max-width:1600px){.dropdown-menu{min-width:330px}.submenu-container{min-width:600px}.dropdown-title h2,.submenu-title{font-size:28px}.menu-wrapper{gap:30px;margin-left:63px}.submenu{padding:10px}}@media (min-width:992px){.dropdown-menu{top:-75px}}@media (max-width:1400px){.dropdown-menu{min-width:330px}.submenu-container{min-width:600px}.dropdown-title h2,.submenu-title{font-size:26px}.submenu{display:flex;padding:20px;gap:0px;min-height:auto;flex-wrap:wrap}.submenu-container{bottom:auto;min-height:485px}.submenu-header{display:none}.submenu-column{flex:auto;min-height:auto;height:auto;display:flex}}@media (max-width:1199px){.submenu-container{min-width:300px}}.header-icon-wrap{display:flex;align-items:center;justify-content:flex-end}.header__icon,.header__icon--cart .icon{line-height:4.4rem}@media screen and (max-width: 989px){header.header.header--top-left{display:flex;justify-content:end;flex-wrap:wrap;gap:10px}.menu-wrapper{gap:30px;width:100%;order:3}.header__icons{display:flex;grid-area:icons;justify-self:end;padding-right:.8rem;width:calc(100% - 150px);align-items:center;justify-content:space-between}}@media (max-width: 768px){.nav-container{padding:0 15px;height:60px}.submenu-container{bottom:auto;min-height:auto}.submenu-item.active .submenu-link{background:linear-gradient(135deg,gold,#ffed4e)}.submenu-item.has-submenu:hover .submenu-link>svg path{fill:#595959}.submenu-item:hover .submenu-link>i{color:#595959}.submenu-column{display:block}.menu-wrapper{gap:10px;margin-left:0}.logo-icon{font-size:16px;padding:6px 12px}.dropdown-trigger{padding:10px 16px;font-size:14px}.dropdown-menu{position:fixed;top:60px;left:0;right:0;bottom:0;max-width:none;border-radius:0;overflow-y:auto;transform:translateY(100%)}.dropdown-menu.active{transform:translateY(0)}.category-item:hover .category-link{background:none;color:#595959}.category-item:hover .category-link .arrow{transform:none}.category-item:hover .submenu-container{position:static}.category-item.active .category-link{background:none;color:#595959}.category-item.active .category-link .arrow{transform:rotate(0)}.category-item.active .submenu-container{max-height:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}.submenu-item:hover .submenu-link{background:none;color:#555}.submenu-item.has-submenu:hover .submenu-arrow{transform:none}.submenu-item.has-submenu:hover .third-level-menu{opacity:0;max-height:0}.submenu-container{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;border-left:none;border-top:1px solid #f0f0f0;background:#f8f9fa;min-width:auto;max-height:0;overflow:hidden;transition:all .3s ease;pointer-events:auto}.category-item.active .submenu-container{max-height:1000px}.submenu{flex-direction:column;gap:0;padding:15px;min-height:auto}.submenu-column{min-width:auto}.submenu-link{font-size:15px;padding:14px 16px}.category-link .arrow{transform:rotate(0);transition:transform .2s ease}.category-item.active .category-link .arrow{transform:rotate(270deg)}.third-level-menu{position:static;margin-top:0;margin-left:0;background:#f8f9fa;border:1px solid #e0e0e0;box-shadow:none;border-radius:6px;padding:0;min-width:auto;transform:none;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;visibility:visible}.submenu-item.has-submenu:hover .third-level-menu{opacity:0;max-height:0;visibility:visible;transform:none}.submenu-item.has-submenu.active .third-level-menu{opacity:1;max-height:300px;visibility:visible;transform:none}.third-level-menu a{padding:12px 16px;font-size:14px;font-weight:400}.content{margin:20px 15px;padding:25px}.content h1{font-size:24px}.content p{font-size:15px}}@media (max-width: 480px){.nav-container{padding:0 10px}.dropdown-trigger span{font-size:13px}.category-link{padding:14px 15px}.submenu-link{padding:12px 15px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.dropdown-menu,.submenu-container{border:2px solid #000}.category-link,.submenu-link{border-bottom:1px solid #ccc}}form.search.search-modal__form .field:after,form.search.search-modal__form .field:before{border-radius:50px}form.search.search-modal__form input#Search-In-Modal{background-color:#fff;border-radius:50px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-mega-menu.css.map */