*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}:root{--main-bg-color:violet;--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>.logo{display:flex;align-items:center;column-gap:20px}.navBarHeader .navBar>.logo>a{display:flex;align-items:center;column-gap:6px;color:#b8860b;text-decoration:none;font-size:clamp(14px,1vw,19px)}.navBarHeader .navBar>.logo>a>img{width:clamp(120px,9vw,140px)}.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 .loginAndCart{display:flex;align-items:center;gap:20px}.navBarHeader .loginAndCart>.searchIcon{color:#fff;font-size:clamp(22px,1.6vw,25px);cursor:pointer}.navBarHeader .loginAndCart>.cart{display:flex;text-decoration:none;color:#fff;font-size:clamp(22px,1.6vw,25px);margin-top:2.4px}.navBarHeader .loginAndCart>.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 .loginAndCart>.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 .loginAndCart>.loginBtn>a{text-decoration:none;cursor:pointer;color:#000}@media screen and (max-width:768px){.navBarHeader .navBar{justify-content:center}.navBarHeader .navBar>.navItems{display:none}.navBarHeader .loginAndCart>.cart{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:768px){.footerSection{padding-top:20px;padding-bottom:74px}}@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}.bottomMenu{width:100vw;height:44px;background-color:#000;position:fixed;bottom:0;left:0;display:none;z-index:10}.bottomMenu>.navLink{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding-inline:15px}.bottomMenu>.navLink>a{font-size:22px;color:#b8860b;text-align:center;text-decoration:none}.bottomMenu>.navLink>a p,.bottomMenu>.navLink>.cart>div>p{font-size:11px;color:#b8860b;font-weight:700;margin-top:-5px}.bottomMenu>.navLink>.cart{display:flex}.bottomMenu>.navLink>.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}@media screen and (max-width:768px){.bottomMenu{display:block}}