*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}:root{--main-bg-color:#fff;--bg-color: #222}html{scroll-behavior:smooth}body{padding-top:78px;background-color:#f5f5f5}.navBarHeader{width:100vw;position:fixed;top:0;right:0;z-index:10}.navBarHeader .navBar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);padding-block:10px;padding-inline:clamp(16px,3vw,40px)}.navBarHeader .navBar>.menuBtnAndLogo{display:flex;align-items:center;column-gap:20px}.navBarHeader .menuBtn{display:none;font-size:clamp(22px,1.6vw,30px);cursor:pointer}.navBarHeader .navBar>.menuBtnAndLogo>.logo{display:flex;align-items:center;column-gap:6px;color:#b8860b;text-decoration:none;font-size:clamp(14px,1vw,19px)}.navBarHeader .navBar>.menuBtnAndLogo>.logo>img{width:clamp(90px,9vw,140px)}.navBarHeader .navBar>.menuBtnAndLogo>.logo>h3{font-size:clamp(16px,1.6vw,22px)}.navBarHeader .navBar>.navItems{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:30px}.navBarHeader .navItem>a{text-decoration:none;color:#fff;font-size:16px;text-transform:uppercase;position:relative}.navBarHeader .navItem>a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background-color:#fff;transition:width .2s}.navBarHeader .navItem>.active:before{width:100%}.navBarHeader .searchLoginCartProfile{display:flex;align-items:center;gap:20px}.navBarHeader .searchLoginCartProfile>.searchIcon{color:#fff;font-size:clamp(22px,1.6vw,25px);cursor:pointer}.navBarHeader .searchLoginCartProfile>.cart{display:flex;text-decoration:none;color:#fff;font-size:clamp(22px,1.6vw,25px);margin-top:2.4px}.navBarHeader .searchLoginCartProfile>.cart>.cartCount{width:clamp(14px,1.1vw,16px);height:clamp(14px,1.1vw,16px);font-size:12px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:red;color:#fff}.navBarHeader .searchLoginCartProfile>.profileBtn{color:#fff;font-size:clamp(19px,1.4vw,25px);cursor:pointer}.navBarHeader .searchLoginCartProfile>.loginBtn{text-decoration:none;background-color:#7fff00;padding:2px 15px;border-radius:12px;text-align:center;font-size:clamp(14px,1.1vw,16.9px)}.navBarHeader .searchLoginCartProfile>.loginBtn>a{text-decoration:none;cursor:pointer;color:#000}.navBar .searchLoginCartProfile>.welcomeName{font-size:clamp(14px,1.2vw,19px);color:#fff;font-weight:600}.navBarHeader .searchBarContainer{position:absolute;top:48px;left:0;width:100vw;height:30px}.navBarHeader .searchBar{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:2px}.navBarHeader .searchBar>input{width:90vw;height:30px;padding-inline:clamp(16px,3vw,40px);font-size:clamp(12px,1vw,15px);outline:none}.navBarHeader .searchBar>.searchBtn{display:flex;align-items:center;justify-content:center;width:10vw;height:30px;background-color:gray;color:#fff;font-size:clamp(12px,1.5vw,16px);cursor:pointer}.navBarHeader .searchBarContainer>.searchResultContainer{padding-inline:clamp(16px,3vw,40px);z-index:2}.navBarHeader .navBar>.profileTab{width:100vw;height:0;position:absolute;display:flex;flex-direction:column;align-items:end;top:72px;right:0;background-color:green;overflow-y:hidden;background-color:#00000042;transition:height .3s;border-left:1px solid gray;z-index:-1}.navBarHeader .profileTabItems{width:clamp(250px,24vw,360px);height:100%;background-color:#deb887;border-right:1px solid black;list-style-type:none;display:flex;flex-direction:column;padding-top:2.5px}.navBarHeader .profileTabItem{border-left:none;border-right:none;padding-top:16px}.navBarHeader .navBar .profileTabItem .active{background-color:gray;color:#fff}.navBarHeader .profileTabItem>a{width:100%;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#000;padding:5px 20px;font-weight:500}.navBarHeader .profileTabItems>.customerSupport{display:flex;flex-direction:column;align-items:center;row-gap:10px;padding-block:15px}.navBarHeader .profileTabItems>.customerSupport>.support>h4{font-weight:600}.navBarHeader .profileTabItems>.customerSupport>.supportOptions{display:flex;justify-content:space-around;column-gap:20px}.navBarHeader .profileTabItems>.customerSupport>.supportOptions>a{width:23px;height:23px}.navBarHeader .profileTabItems>.customerSupport>.supportOptions>a>img{width:100%;height:100%}.navBarHeader .profileTabItems>.logoutBtn{padding-inline:20px;display:flex;justify-content:center;align-items:center;margin-top:40px}.navBarHeader .profileTabItems>.logoutBtn>p{background-color:red;width:110px;text-align:center;padding-block:2px;cursor:pointer;color:#fff}.navBarHeader .menuBtn{display:none}.navBarHeader .navBar>.menuTab{width:100vw;height:100vh;position:absolute;top:72px;left:-4000px;background-color:#00000042;transition:left .3s;z-index:-1}.navBarHeader .menuTabItems{width:clamp(250px,20vw,350px);height:100%;background-color:#deb887;border-right:1px solid black;list-style-type:none;display:flex;flex-direction:column}.navBarHeader .menuTabItem{border-left:none;border-right:none;padding-top:16px}.navBarHeader .navBar .menuTabItem .active{background-color:gray;color:#fff}.navBarHeader .menuTabItem>a{width:100%;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#000;padding:5px 20px;font-weight:500}@media screen and (max-width:768px){.navBarHeader .menuBtn{display:block}.navBarHeader .navBar>.navItems{display:none}}.footerSection{width:100vw;display:flex;justify-content:space-between;padding-inline:clamp(16px,3vw,40px);padding-block:20px;background-color:var(--bg-color)}.footerSection>.linkContainer{display:flex;flex-direction:column;align-items:center;row-gap:30px}.footerSection>.linkContainer>h3{color:#fff;font-size:clamp(16px,1.4vw,20px);position:relative}.footerSection>.linkContainer>h3:before{content:"";position:absolute;width:100%;height:2px;background-color:red;top:30px;left:0}.footerSection>.linkContainer>.links{display:flex;flex-direction:column;align-items:center;row-gap:10px}.footerSection>.linkContainer>.links>a{text-decoration:none;color:#fff;font-size:clamp(14px,1vw,16px);transition:color .6s}.footerSection>.linkContainer>.links>a:hover{color:red}.footerSection>.linkContainer>.followUs{display:flex;column-gap:15px}.footerSection>.linkContainer>.followUs>a{width:23px;height:23px}.footerSection>.linkContainer>.followUs>a>img{width:100%;height:100%}@media screen and (max-width:576px){.footerSection{display:flex;flex-direction:column;align-items:center;row-gap:40px}}.loading{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:var(--main-bg-color);z-index:4}.loading>img{width:100px}.loading>h3{font-size:22px;color:#b8860b}.splash{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:var(--main-bg-color);z-index:4}.splash>img{width:100px}.splash>h3{font-size:22px;color:#b8860b}