*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.navbar{position:fixed;top:0;width:100%;background:#b71c1c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:14px 24px;z-index:1000;border-bottom:1px solid #00ff00}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:28px;font-weight:700;text-decoration:none;color:#fff}.logo-img{height:50px;object-fit:cover;border-radius:10%;margin-right:10px}.nav-links{display:flex;gap:20px;list-style:none;transition:all .4s ease-in-out}.nav-links .nav-item{color:#fff;text-decoration:none;font-size:22px;padding:8px 14px;border-radius:8px;transition:all .3s ease}.nav-links .nav-item:hover{background-color:#f8e005;color:#000;transform:scale(1.05)}.nav-top-icons{display:flex;align-items:center;gap:15px}.nav-icon{color:#fff;font-size:26px;position:relative;transition:transform .2s ease}.nav-icon:hover{transform:scale(1.2);color:#ffeb3b}.cart-badge{position:absolute;top:-10px;right:-10px;background:orange;color:#fff;font-size:12px;padding:3px 6px;border-radius:50%;font-weight:700}.social-icons{display:flex;gap:12px}.social-icon{color:#fff;font-size:30px;transition:transform .2s ease,color .3s ease}.social-icon:hover{transform:scale(1.2);color:#ffeb3b}.menu-icon{display:none;cursor:pointer;z-index:2100}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;transition:opacity .4s ease;pointer-events:none}.overlay.active{opacity:1;pointer-events:auto}@media (max-width: 768px){.nav-links{flex-direction:column;position:fixed;top:70px;right:-100%;width:80%;background:#b71c1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;gap:20px;transition:right .6s ease;z-index:200;border-radius:0 0 12px 12px;box-shadow:-2px 8px 20px #e904042d}.nav-links.active{right:0}.nav-links .nav-item{opacity:0;transform:translate(100px);animation:slideIn .6s forwards}.logo{font-size:20px}.nav-links.active .nav-item:nth-child(1){animation-delay:.1s}.nav-links.active .nav-item:nth-child(2){animation-delay:.2s}.nav-links.active .nav-item:nth-child(3){animation-delay:.3s}.nav-links.active .nav-item:nth-child(4){animation-delay:.4s}.nav-links.active .nav-item:nth-child(5){animation-delay:.5s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.menu-icon{display:block}.nav-top-icons{position:absolute;right:20px;top:14px}.social-icons{display:none}}
