.header{position:fixed;top:0;left:0;width:100%;background:#6b4226;color:white;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1);justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:768px){.header{padding:0}}.header-container,.logo{display:flex}.logo{align-items:center;padding-left:1%}.logo img{height:50px;width:50px;margin-right:10px}.nav{flex:1 1;justify-content:end}.nav,nav ul{display:flex}nav ul{list-style:none;padding-right:2%;align-items:center}nav ul li{margin:0 15px}nav ul li a{color:white;text-decoration:none;font-size:1rem;padding:10px;transition:background-color .3s}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:30px;height:4px;background:white;margin:5px 0;transition:all .3s ease}.drawer{position:fixed;top:10%;left:-60%;width:60%;height:100%;background:#6b4226;box-shadow:2px 0 5px rgba(0,0,0,.2);padding-top:1%;transition:left .3s ease;z-index:10}.drawer ul{list-style:none;padding-top:5%}.drawer ul li{padding:6%;text-align:center;border-bottom:1px solid rgba(255,255,255,.3)}.drawer ul li:last-child{border-bottom:none}.drawer ul li a{color:white;text-decoration:none;font-size:1.2rem;display:block}.drawer.open{left:0}.drawer .copyright{text-align:center;padding:15px;color:rgba(255,255,255,.7);font-size:.9rem}.cart-container-mobile{display:none}.cart-badge{position:absolute;top:-5px;right:-8px;background-color:red;color:white;font-size:14px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}@media (max-width:768px){nav ul{display:none}.cart-container-mobile,.hamburger{display:flex;padding:1px 20px}.cart-container-mobile:hover{background-color:#6b4226!important}.cart-badge{position:static}}.cart-container{position:relative;display:inline-block;cursor:pointer}.cart-container:hover{background-color:#6b4226!important}.cart-icon{font-size:27px;color:#ff6b6b}