.template-index{padding-top:0}.template-index .site-header{background-color:transparent}.site-header{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:0;justify-content:center;background-color:var(--color-accent-black);left:0;position:absolute;right:0;top:0;transition:.2s ease-in-out;width:100%;z-index:var(--header-z-index)}.site-header:not(.active) .toggle-header-nav>*{color:var(--color-accent-white)}.site-header:not(.active) #cart-content-count{background-color:var(--color-accent-white);color:var(--color-accent-black)}.site-header:not(.active) #cart-content-count>*{color:var(--color-accent-black)}.site-header.active{background-color:var(--color-accent-white);position:fixed}.site-header.active .header-logo-wrapper img{filter:invert(1)}.site-header.active .menu-container{opacity:1;pointer-events:initial}.site-header .header-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.site-header .header-container .nav-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start}.site-header .header-container .nav-wrapper .toggle-header-nav{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start}.site-header .header-container .nav-wrapper .toggle-header-nav.active .open{display:none}.site-header .header-container .nav-wrapper .toggle-header-nav.active .close{display:block}.site-header .header-container .nav-wrapper .toggle-header-nav:not(:hover){background-color:transparent}.site-header .header-container .nav-wrapper .toggle-header-nav:hover{opacity:1}.site-header .header-container .nav-wrapper .toggle-header-nav:hover>*{color:var(--color-accent-black)}.site-header .header-container .nav-wrapper .toggle-header-nav .close{display:none}.site-header .header-container .nav-wrapper .toggle-header-nav span{font-weight:700;letter-spacing:-.03rem}.site-header .header-container .header-logo-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;flex-grow:1}.site-header .header-container .nav-boat{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-end}.site-header .header-container .nav-boat #cart-content-count{white-space:nowrap}.site-header .menu-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start;background-color:var(--color-accent-white);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:.2s ease-in-out;transform:translateY(100%);width:100%;z-index:var(--modal-z-index)}.site-header .menu-container .menu-inner{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:flex-start}.site-header .menu-container .menu-inner .menu-tabs{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start;font-weight:700;gap:30px;letter-spacing:-.04em}.site-header .menu-container .menu-inner .menu-tabs::-webkit-scrollbar{height:1px}.site-header .menu-container .menu-inner .menu-tabs:has(>.menu-tab:hover) .menu-tab{opacity:.4}.site-header .menu-container .menu-inner .menu-tabs:has(>.menu-tab:hover) .menu-tab:hover{opacity:1}.site-header .menu-container .menu-inner .menu-tabs .menu-tab{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start;cursor:pointer;transition:.2s ease-in-out;white-space:nowrap}.site-header .menu-container .menu-inner .menu-tabs .menu-tab:not(.active){opacity:.4}.site-header .menu-container .menu-inner .menu-slider{width:100%}.site-header .menu-container .menu-inner .menu-slider:not(.slick-slider) .menu-content{min-width:100%;overflow:hidden}.site-header .menu-container .menu-inner .menu-slider .slick-slide{margin-right:10px}.site-header .menu-container .menu-inner .menu-slider .menu-content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.site-header .menu-container .menu-inner .menu-slider .menu-content .product-card{cursor:pointer;transition:.2s ease-in-out}.site-header .menu-container .menu-inner .menu-slider .menu-content .product-card:hover{opacity:.6}.site-header .menu-container .menu-inner .menu-slider .menu-content .product-card .product-card-image{max-width:500px}.site-header .menu-container .menu-inner .menu-slider .menu-slide-actions{margin-top:20px}.site-header .menu-container .support-menu{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:0;justify-content:flex-start}.site-header .menu-container .support-menu:has(>.support-menu-link:hover) .support-menu-link{opacity:.4}.site-header .menu-container .support-menu:has(>.support-menu-link:hover) .support-menu-link:hover{opacity:1}.site-header .menu-container .support-menu .support-menu-link{cursor:pointer;font-weight:700;letter-spacing:-.04em;padding:7.5px 0;transition:.2s ease-in-out}.header-overlay{background-color:#000;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:.2s ease-in-out;visibility:visible;z-index:var(--overlay-z-index)}.header-overlay:not(.active){pointer-events:none}.header-overlay.active{opacity:.6;visibility:visible}@media (max-width: 640px){.site-header.active .menu-container{height:calc(100dvh - 67px);overflow-y:scroll;overflow-x:hidden}.site-header .menu-container .menu-inner .menu-content .product-card{padding:20px 10px 30px}.site-header .menu-container .menu-inner .menu-content .product-card .product-card-image{aspect-ratio:4/5}.site-header .menu-container .menu-inner .menu-content .product-card .product-card-image img{object-fit:cover}}@media (max-width: 640px){.site-header.active .menu-container{transform:translateY(100%)}.site-header .nav-wrapper .toggle-header-nav span svg{height:1.2em}.site-header .nav-wrapper .toggle-header-nav .toggle-text{display:none}.site-header .header-logo-wrapper img{width:100px}.site-header .menu-container{transform:translate(-100%,100%)}.site-header .menu-container .menu-inner .menu-content .product-card{min-width:calc(50% - 5px);width:calc(50% - 5px)}}@media (max-width: 992px){.site-header{justify-content:flex-start}.site-header .header-container{padding:10px 20px}.site-header .header-container .nav-wrapper,.site-header .header-container .nav-boat{width:70px}.site-header .menu-container{flex-direction:column;gap:40px;padding:30px 20px 60px}.site-header .menu-container .menu-inner .menu-tabs{margin-left:-20px;overflow:scroll;width:calc(100% + 55px)}.site-header .menu-container .menu-inner .menu-tabs .menu-tab{font-size:24px}.site-header .menu-container .menu-inner .menu-tabs .menu-tab:first-child{margin-left:20px}.site-header .menu-container .menu-inner .menu-tabs .menu-tab:last-child{margin-right:20px}.site-header .menu-container .support-menu .support-menu-link{font-size:16px}}@media (max-width: 1200px){.site-header .menu-container{flex-direction:column}.site-header .menu-container .menu-inner,.site-header .menu-container .support-menu{width:100%}}@media (min-width: 640px){.site-header .menu-container{max-height:700px;overflow-x:hidden;overflow-y:scroll}.site-header .menu-container .menu-inner .menu-content .product-card{min-width:calc(25% - 7.5px);width:calc(25% - 7.5px)}}@media (min-width: 992px){.site-header .header-container{padding:10px 60px}.site-header .header-container .nav-wrapper,.site-header .header-container .nav-boat{width:200px}.site-header .menu-container{gap:40px;max-height:800px;overflow-y:scroll;padding:30px 60px 60px}.site-header .menu-container .menu-inner{flex-wrap:nowrap}.site-header .menu-container .menu-inner .menu-tabs{width:100%}.site-header .menu-container .menu-inner .menu-slider .menu-content .product-card{min-width:calc(25% - 7.5px);width:calc(25% - 7.5px)}.site-header .menu-container .support-menu .support-menu-link{font-size:18px}}@media (min-width: 1200px){.site-header .menu-container{gap:40px}.site-header .menu-container .menu-inner{width:calc(100% - 320px)}.site-header .menu-container .support-menu{width:280px}}@media (min-width: 1440px){.site-header .menu-container{gap:80px}.site-header .menu-container .menu-inner{width:calc(100% - 440px)}.site-header .menu-container .support-menu{width:360px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/header.css.map */