.navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #ddd;width:100%;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;height:50px;padding:0 auto;display:flex}.navbar .logo a{color:#007bff;font-size:1.8rem;font-weight:700}.navbar .nav-links{align-items:center;gap:25px;display:flex}.navbar .nav-links li a{color:#333;font-weight:500;text-decoration:none;transition:color .3s}.navbar .nav-links li a:hover{color:#007bff}.navbar .nav-links li a.cart{color:#fff;background-color:#007bff;border-radius:6px;padding:6px 12px;font-weight:600}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#333;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.cart{font-size:20px;text-decoration:none;position:relative}.cart-badge{color:#fff;background:red;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-8px;right:-10px}@media (max-width:768px){.hamburger{display:flex}.nav-links{background-color:#fff;flex-direction:column;gap:20px;width:200px;height:calc(100% - 70px);padding:20px;transition:right .3s;position:fixed;top:70px;right:-100%;box-shadow:-2px 0 8px #0000001a}.nav-links.open{right:0}}