.custom-header{position:fixed;top:0;width:100%}.custom-header .desktop-outer-menu{display:none}.custom-header .mobile-outer-menu{display:flex;align-items:center;justify-content:space-between;padding:16px 15px;transition:background-color .5s ease,transform .3s ease}.custom-header .mobile-outer-menu:not(.at-top){background-color:#fff}.custom-header .mobile-outer-menu.at-top{background-color:transparent}.custom-header .mobile-outer-menu.hide{transform:translateY(-100%)}.custom-header .mobile-outer-menu .center-logo,.custom-header .desktop-outer-menu .center-logo{position:absolute;left:50%;transform:translate(-50%);width:120px;height:auto}.custom-header .mobile-outer-menu .center-logo img,.custom-header .desktop-outer-menu .center-logo img{height:auto;width:120px;transition:opacity .4s ease-in-out;position:absolute;top:0;left:0}.custom-header .center-logo .black-logo{top:-24px!important;opacity:1;pointer-events:auto}.custom-header .center-logo .white-logo{top:30px!important;opacity:0;pointer-events:none}.custom-header .mobile-outer-menu.at-top .center-logo .black-logo,.custom-header .desktop-outer-menu.at-top .center-logo .black-logo{opacity:0;pointer-events:none}.custom-header .mobile-outer-menu.at-top .center-logo .white-logo,.custom-header .desktop-outer-menu.at-top .center-logo .white-logo{opacity:1;pointer-events:auto}.custom-header .mobile-outer-menu.at-top button svg,.custom-header .desktop-outer-menu.at-top button svg,.custom-header .mobile-outer-menu.at-top a svg,.custom-header .desktop-outer-menu.at-top a svg{color:#fff;fill:#fff}.custom-header .mobile-outer-menu.at-top .nav-level-1 a,.custom-header .desktop-outer-menu.at-top .nav-level-1 a,.custom-header .mobile-outer-menu.at-top .search-button,.custom-header .desktop-outer-menu.at-top .search-button,.custom-header .mobile-outer-menu.at-top .header__cart-text,.custom-header .desktop-outer-menu.at-top .header__cart-text{color:#fff}.custom-header .mobile-outer-menu button svg,.custom-header .desktop-outer-menu button svg,.custom-header .mobile-outer-menu a svg,.custom-header .desktop-outer-menu a svg{transition:color .5s ease,fill .5s ease}.custom-header .nav-level-1 a,.custom-header .search-button,.custom-header .header__cart-text{transition:color .5s ease}.custom-header .mobile-outer-menu button svg{display:block}.custom-header .mobile-outer-menu .menu-toggle{font-size:24px;cursor:pointer}.custom-header .right-menu-buttons{display:flex;gap:15px}.custom-header .white-logo img{position:absolute;top:10px;left:50%;transform:translate(-50%);width:150px;height:auto}.custom-header .search-button{display:flex;align-items:center;justify-content:center;gap:5px}@media (min-width: 768px){.custom-header .mobile-outer-menu{display:none}.custom-header .desktop-outer-menu{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;transition:background-color .5s ease,transform .3s ease}.custom-header .desktop-outer-menu:not(.at-top){background-color:#fff}.custom-header .desktop-outer-menu.at-top{background-color:transparent}.custom-header .desktop-outer-menu.hide{transform:translateY(-100%)}.custom-header .desktop-outer-menu .center-logo img{width:150px;height:auto}.custom-header .center-logo .black-logo{top:-30px!important}.custom-header .center-logo .white-logo{top:30px!important}}.custom-header .header-drawer{position:fixed;top:0;left:0;width:90%;max-width:334px;height:100%;background-color:#fff;z-index:9999;transform:translate(-100%);transition:transform .3s ease-in-out;display:block!important}.custom-header .header-drawer.open{transform:translate(0)}.custom-header .l1-item,.custom-header .l2-item{color:#000}.custom-header .nav-level-1{display:flex;gap:10px;padding:0 1.25rem}.custom-header .nav-level-1 li{list-style:none;color:gray}.custom-header .nav-level-1 li.is-active,.custom-header .desktop-outer-menu .nav-level-1 li{color:#000}.close-drawer{position:absolute;top:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;transition:transform .2s ease}.close-drawer:hover{transform:scale(1.1)}.close-drawer svg{width:18px;height:18px}.search-drawer{position:fixed;top:0;left:0;width:100%;max-width:600px;height:100%;background-color:#fff;z-index:9999;transform:translate(-100%);transition:transform .3s ease-in-out;display:block!important;overflow-y:auto}.search-drawer.open{transform:translate(0)}.search-drawer-header{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background:#fff;z-index:10}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-drawer-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #e0e0e0;font-size:16px;outline:none}.clear-search{position:absolute;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0}.clear-search svg{width:16px;height:16px}.close-search-drawer{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.close-search-drawer:hover{transform:scale(1.1)}.close-search-drawer svg{width:24px;height:24px}.search-drawer-content{padding:20px}.default-queries h3{font-size:18px;font-weight:600;margin-bottom:15px}.query-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.query-list li a{display:inline-block;padding:8px 16px;background:#f5f5f5;border-radius:20px;text-decoration:none;color:#333;font-size:14px;transition:background .2s}.query-list li a:hover{background:#e0e0e0}.search-loading,.search-error{text-align:center;padding:40px 20px;color:#666}.search-results-header{margin-bottom:20px}.search-results-count{font-size:16px;color:#666}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.search-result-item{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.search-result-item:hover{box-shadow:0 4px 8px #0000001a}.search-result-link{display:block;text-decoration:none;color:inherit}.search-result-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5}.search-result-image img{width:100%;height:100%;object-fit:cover}.search-result-info{padding:12px}.search-result-title{font-size:14px;font-weight:500;margin:0 0 8px;line-height:1.4}.search-result-price{font-size:14px;color:#666;margin:0}.search-result-type{font-size:12px;color:#999;margin:0;text-transform:uppercase}.search-view-all{margin-top:20px;text-align:center}.view-all-link{display:inline-block;padding:12px 24px;background:#333;color:#fff;text-decoration:none;border-radius:4px;transition:background .2s}.view-all-link:hover{background:#555}body.search-drawer-open{overflow:hidden}@media (max-width: 767px){.search-drawer{max-width:100%}.search-results-grid{grid-template-columns:repeat(2,1fr);gap:15px}}.search-title{color:#000}.nav-level-3{display:none;padding-left:0;margin-top:0}.nav-level-3>div{padding:12px 14px}.nav-level-3>div>a{display:block;color:#333;text-decoration:none;font-size:16px;font-weight:500}.menu-back-header{padding:15px 20px;border-bottom:1px solid #f0f0f0;display:none;background-color:#fff}.menu-back-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#333;padding:0;width:100%;text-align:left}.menu-back-button svg{width:20px;height:20px}.sub-menu-panel.l3-active .nav-level-2>.l2-item{display:none}.sub-menu-panel.l3-active .nav-level-2>.l2-item.active-parent{display:block}.sub-menu-panel.l3-active .nav-level-2>.l2-item.active-parent>.l2-title{display:none}.sub-menu-panel.l3-active .nav-level-2>.l2-item.active-parent>.nav-level-3{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.l2-item{padding:12px 14px}.l2-title{display:flex;justify-content:space-between;align-items:center;width:100%;text-decoration:none;color:#333;font-size:16px;font-weight:500}.l2-title[data-has-children=true]{cursor:pointer}.icon-arrow-right{display:flex;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-header-stylesheet.css.map */
