.header{position:fixed;width:100%;left:0;top:0;z-index:9999;transition:all ease .3s}.header.active{top:-57px;background:linear-gradient(180deg,#184d7d,#6091b1 116.33%)}.navbar{padding:12px 0 0}.navbar-top{padding:0 0 24px}.navbar-top-wrap{display:grid;align-items:center;grid-template-columns:repeat(2,1fr)}.navbar-top-left{display:flex;align-items:center;justify-content:space-between;gap:40px}.mobile-menu-btn{display:none}.ham-menu{height:48px;width:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.navbar-logo a{display:flex;width:138px}.navbar-search-main{width:100%}.navbar-search-main.mobile-search{display:none}.navbar-search-wrap{display:flex;align-items:center;width:100%}.navbar-search{position:relative;width:100%;flex:1}.navbar-search .icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;display:flex;z-index:1}.navbar-search input{padding:0 0 0 40px;color:var(--white)}.navbar-search input::placeholder{color:var(--white)}.navbar-search-wrap .btn{background-color:var(--white);border-color:var(--white)}.navbar-search-wrap .btn span{background-color:var(--brand-color)}.navbar-top-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.navbar-select{position:relative}.navbar-select select{padding:0 48px 0 40px;color:var(--white);text-transform:capitalize;background:#366993}.language-icon,.arrow-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex}.language-icon{left:14px}.arrow-icon{right:20px}.search-btn{display:none}.navbar-cart{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all .3s ease}.navbar-cart:hover{background:var(--brand-color);border-color:var(--brand-color)}.navbar-cart svg path{transition:all .3s ease}.navbar-cart:hover svg path{stroke:var(--black)}.btn.login-btn{display:flex;align-items:center;gap:8px}.btn.login-btn svg path{transition:all .3s ease}.btn.login-btn:hover svg path{stroke:var(--white)}.navbar-btm{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.sidebar-top{display:none;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-color)}.nav-links{display:flex;align-items:center;gap:40px}.nav-links li a{padding:24px 0;color:var(--white);font-weight:500;font-size:16px;line-height:16px;text-transform:uppercase;transition:all ease .3s;display:block}.nav-links li a:hover{color:var(--brand-color);font-weight:600}.sidebar-btm{display:none}@media only screen and (max-width:992px){.header.active{top:0;position:absolute}.navbar-top-wrap{display:flex;justify-content:space-between;gap:16px}.navbar-top-left{gap:12px;width:100%;flex-direction:row-reverse}.mobile-menu-btn{display:flex}.navbar-top-right{display:none}.search-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.navbar-top-wrap .navbar-search-main{display:none}.navbar-search-main.mobile-search{margin:24px 0 0;display:block}.navbar-btm{border-top:0;border-bottom:0;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000007f;z-index:9999;opacity:0;visibility:hidden;transition:all ease .3s}.navbar-btm.active{opacity:1;visibility:visible}.mobile-menu-close-window-btn{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;cursor:pointer;display:none}.navbar-btm.active .mobile-menu-close-window-btn{display:block}.navbar-btm .container{margin:0;max-width:100%;width:340px;background:linear-gradient(180deg,#184d7d,#6091b1 116.33%);height:100%;position:absolute;left:0;top:0;transform:translate(-100%);z-index:2;opacity:0;visibility:hidden;transition:all ease .3s}.navbar-btm.active .container{transform:translate(0);opacity:1;visibility:visible}.sidebar-top{display:flex}.nav-links{display:flex;align-items:flex-start;gap:0;flex-direction:column;overflow-y:auto;height:calc(100dvh - 140px)}.nav-links li{width:100%}.nav-links li a{padding:16px 0;border-bottom:1px solid var(--border-color)}.navbar-top-right .navbar-select{display:none}.sidebar-btm{position:fixed;bottom:0;left:0;width:100%;padding:10px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:10px}.sidebar-btm .navbar-select{width:fit-content}.btn.login-btn{gap:5px;padding:13.5px}}@media only screen and (max-width:575px){.navbar{padding:14px 0 0}.navbar-top{padding:0 0 14px}.search-btn{width:32px;height:32px}.navbar-search .icon{left:10px}.navbar-search input{padding:0 0 0 32px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/navbar.css.map */