*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}html{font-size:16px}.nav{position:fixed;top:0;width:100%;padding:1rem 2rem;background-color:#000c}header{background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.2)),url(../headerbg.jpg);background-size:cover;background-position:center;background-attachment:fixed;height:75vh}nav>ul{display:flex;gap:1rem;justify-content:flex-end;list-style-type:none;padding:10px 20px}ul a{text-decoration:none;color:#fff}h1{color:#fff}.btn{background-color:#fff;padding:12px 22px;margin-top:10px;margin-right:20px;color:#000;border-radius:20px;display:inline-block;transition:transform .3s}.btn:hover{transform:scale(1.2)}.btn-empty{background-color:#000;border:2px solid #f63854;color:#fff}a.btn{text-decoration:none}.products{display:flex;flex-direction:column;margin-bottom:30px;padding:20px;margin-right:15px;transition:transform .4s}@media (max-width: 767px){body,.btn,button,.add,.remove,.btn-checkout{font-size:1.5rem}}.navbar .nav{display:flex;justify-content:space-between;align-items:center;z-index:10}.navbar .nav-left{display:flex;flex-direction:column;gap:2rem}.navbar .nav-items{display:flex;flex-direction:row;gap:2rem;justify-content:space-evenly;align-items:center;padding:.5rem 0}.navbar .nav-item{list-style:none}.navbar .nav-link{list-style:none;color:#fff;font-size:1rem;text-decoration:none;padding-bottom:.25rem;text-transform:capitalize;border-bottom:3px solid transparent;transition:border-bottom .3s}.navbar .nav-link:hover,.navbar .active{border-bottom:3px solid rgb(255,255,255)}.navbar .cart-icon-container{padding:.8rem;border:2px solid #fff;border-radius:50%;cursor:pointer;position:relative}.navbar .cart-icon{color:#fff;vertical-align:middle}.navbar .cart-badge{position:absolute;right:-10px;top:-10px;color:#000;background-color:orange;border-radius:50%;padding:.25em;font-size:1rem;width:2em;height:2em;display:flex;align-items:center;justify-content:center}.menu{display:none;color:#fff}@media (max-width: 767px){.navbar .nav-items{display:flex;position:fixed;top:3rem;left:0;width:100%;height:auto;padding:2rem;flex-direction:column;align-items:flex-start;background-color:#000c}.navbar .nav-link{font-size:1.8rem}.menu{display:block}}