.header-container{z-index:var(--z-header);will-change:transform;background-color:var(--color-muted-f5);position:sticky;top:0}@media screen and (max-width:630px){.header-container{height:auto}}
.topbar-container{background-color:var(--color-prim);justify-content:space-between;align-items:center;height:48px;padding:0 156px;display:flex}.social-container{justify-content:center;align-items:center;gap:16px;width:128px;height:32px;display:flex}.social-container-topbar-img{cursor:pointer;justify-content:center;align-items:center;display:flex}.topbar-right{font-family:var(--font-500);align-items:center;gap:17px;margin:auto;font-size:16px;display:flex}.topbar-right a{color:inherit;text-underline-offset:3px;cursor:pointer;text-decoration:underline}.topbar-right a:hover{opacity:.85}.topbar-right p,.topbar-right a{margin:0}@media screen and (max-width:1200px){.topbar-container{padding:0 120px}}@media screen and (max-width:992px){.topbar-container{padding:0 72px}.topbar-right p{font-size:14px}}@media screen and (max-width:768px){.topbar-container{padding:0 48px!important}.social-container{justify-content:left;gap:8px}.social-container img{width:28px;height:28px}.topbar-right p{font-size:12px}.topbar-right a{font-size:14px}}@media screen and (max-width:630px){.social-container{display:none}.topbar-container{justify-content:center}}@media screen and (max-width:510px){.topbar-container{padding:0!important}.topbar-right p{font-size:10px}}@media screen and (max-width:450px){.topbar-right p{font-size:9px}}
.navbar-container{justify-content:space-between;align-items:center;gap:16px;height:96px;padding:0 156px;display:flex}.right-nav{align-items:center;gap:16px;width:100%;display:flex}.left-nav{align-items:center;gap:16px;height:48px;display:flex}.logo-section{cursor:pointer;width:80px;height:80px}.search-box-container{width:100%;height:48px;color:var(--color-muted-90);background-color:#fff;border-radius:43px;outline-color:#0000;align-items:center;gap:8px;padding:0 16px;font-size:16px;transition:all .2s ease-in-out;display:flex;overflow:hidden}.search-box-container p{color:currentColor}.search-box-container:hover{outline:1px solid var(--color-muted-e7)}.search-box-container:focus-within{outline:1px solid var(--color-muted-60);color:var(--color-muted-60)}.search-icon{width:16px;height:16px}.search-box-input{color:var(--color-muted-90);outline:none!important}.search-box-input:focus{color:var(--color-muted-60)}.search-box-input{width:100%;height:100%;font-family:var(--font-500);border:none;border-radius:43px;outline-color:#0000;transition:all .2s ease-in-out}.search-box-input::placeholder{color:var(--color-muted-90)}.search-box-input:focus::placeholder{color:var(--color-muted-60)}.shop-card{cursor:pointer;width:48px;height:48px}.btn-section{background-color:var(--color-prim);cursor:pointer;width:162px;height:48px;color:var(--color-muted-fd);border:none;border-radius:48px;justify-content:center;align-items:center;gap:8px;display:flex}.clear-icon{color:var(--color-muted-90);cursor:pointer;transform:scale(.9)}.clear-icon:hover{color:var(--color-muted-60)}@media screen and (max-width:1200px){.navbar-container{padding:0 120px}}@media screen and (max-width:992px){.navbar-container{padding:0 72px}.logo-section{width:64px;height:64px}.shop-card{width:40px;height:40px}.search-box-container{height:38px}.search-box-input{font-size:14px}.login-icon-navbar{width:20px;height:20px}}@media screen and (max-width:768px){.navbar-container{padding:0 48px}.right-nav{gap:8px}.logo-section{width:64px;height:64px}.search-box-container{height:40px}.search-box-input{font-size:14px}.shop-card{width:32px;height:32px}}@media screen and (max-width:630px){.navbar-container{gap:16px;padding:8px 48px}.left-nav{gap:4px}.logo-section{width:48px;height:48px}}@media screen and (max-width:510px){.navbar-container{padding:0 24px}}@media screen and (max-width:400px){.navbar-container{padding:0 16px}}