.header-box:empty{visibility:hidden}.header-link{position:relative;display:inline-block}.header-link a{cursor:pointer}.header-box{display:none;position:fixed;top:72px;left:50%;width:100vw;min-height:250px;background-color:#fff;border-top:1px solid #ddd;box-shadow:0 10px 15px #2b2b2b3d;z-index:1000;transform:translate(-50%);border-radius:8px;max-width:calc(var(--page-width) - 2 * (var(--padding-width)));max-height:815px}.header-link:hover .header-box{display:flex}.header-link .primary-link{font-size:16px;text-decoration:none;color:var(--primary-color);padding:28px 20px;display:block;transition:all .25s linear}.header-link .primary-link:hover{background-color:var(--body-box-color);transition:all .25s linear}.header-link .primary-link:hover:after{content:"";width:calc(100% - 40px);height:4px;position:absolute;bottom:1px;left:50%;background:var(--secondary-color);transition:all .25s linear;transform:translate(-50%)}.header-box-column .image-column{width:100%}.header-box-column .image-column img{width:100%;display:block;height:100%;object-fit:cover}.header-box .header-box-column{padding:30px;position:relative;display:flex;row-gap:15px;flex-direction:column}.header-box .header-box-column+.header-box-column:before{content:"";position:absolute;height:100%;width:1px;background:#e8e8e8;top:0;left:0}.header-box .header-box-column .menu-item>a{display:flex;align-items:center;text-decoration:none;font-size:18px;line-height:20px;color:var(--primary-color);padding:10px;border-radius:8px;column-gap:25px;transition:all .25s linear}.header-box .header-box-column .menu-item>a:hover{background-color:#f2f2f2}.header-box .header-box-column .menu-item img{width:35px;height:35px;object-fit:cover}.header-box .header-box-column .menu-item+.menu-item{margin-top:10px}.header-box .header-box-column .title-column{font-size:20px;line-height:1;color:var(--primary-color)}.header-box .header-box-column .text-column{font-size:16px;line-height:22px;color:var(--body-color)}.header-box .header-box-column .button-menu{padding:12px 24px;width:max-content;font-size:16px;line-height:1}.header-box .header-box-column .menu-item .menu-item-box p{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--body-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.header-box .menu-column{display:flex;flex-direction:column;row-gap:10px}.header-box .menu-column a{color:var(--primary-color);text-decoration:none;font-size:18px;line-height:1.25;width:max-content}.header-box .menu-column a:hover{text-decoration:underline}.header-box.has-three-columns>.header-box-column{width:33.33%}.header-box.has-two-columns>.header-box-column{width:50%}.header-box.has-one-columns>.header-box-column{width:100%}.header-box .header-box-column .menu-item{position:relative}.header-box .header-box-column .menu-item .submenu-list{padding-left:10px}.header-box .header-box-column .menu-item .toggle-button{position:absolute;right:10px;top:12px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.header-box .header-box-column .menu-item .toggle-button.active{transform:rotate(180deg)}.header-box .header-box-column .menu-item .toggle-button .icon-arrow{width:14px;height:auto}.header-box .header-box-column .menu-item .submenu-list{max-height:0;overflow:hidden;transition:max-height .2s ease-in-out}.header-box .header-box-column .menu-item .submenu-list.active{max-height:500px}.header-box .header-box-column .menu-item .submenu-list .submenu-item{display:flex;align-items:center}.header-box .header-box-column .menu-item .submenu-list .submenu-item .icon-arrow{transform:rotate(-90deg);width:9px;height:5px;margin-left:10px}.header-box .header-box-column .menu-item .submenu-list .submenu-item:hover{background:#f2f2f2;border-radius:8px;transition:all .25s linear}.header-box .header-box-column .menu-item .submenu-list .submenu-item>a{width:100%;transition:all .25s linear;border-radius:8px;padding:10px;text-decoration:none;color:var(--primary-color)}@media only screen and (max-width: 989px){.header-mega-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-megamenu.css.map */