.navbar{position:fixed;top:20px;width:92%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#228b22,#32cd32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(34,139,34,.3);transition:all .4s ease;z-index:9999;border-radius:20px}.navbar-scrolled{top:0;width:100%;border-radius:0;background:linear-gradient(135deg,#1a7a1a,#2caf2c);box-shadow:0 6px 18px rgba(34,139,34,.3)}.navbar-container{justify-content:space-between;padding:8px 50px;font-family:Poppins,sans-serif;background:transparent}.logo,.navbar-container{display:flex;align-items:center}.logo{flex-shrink:0}.logo-link{text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .3s ease}.logo-link:hover{transform:translateY(-1px)}.logo-image{height:75px;width:100px;transition:all .3s ease;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-main{font-size:1.5rem;font-weight:800;color:#fff;font-family:Montserrat,Poppins,sans-serif;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.brand-tagline{font-size:.8rem;font-weight:500;color:#e8f5e8;font-family:Poppins,sans-serif;letter-spacing:.3px;margin-top:2px}.navbar-scrolled .logo-image{height:45px}.navbar-scrolled .brand-main{font-size:1.4rem}.navbar-scrolled .brand-tagline{font-size:.75rem}.nav-links{gap:2rem;flex:1 1;justify-content:center}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{text-decoration:none;font-weight:600;color:#fff;transition:all .3s ease;position:relative;font-family:Poppins,sans-serif;font-size:.95rem;gap:.4rem;padding:10px 16px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.nav-link:hover{color:#ffeb3b;background:hsla(0,0%,100%,.1);border-radius:8px;transform:translateY(-1px)}.nav-link.active-page{color:#ffeb3b;font-weight:700;background:hsla(0,0%,100%,.15);border-radius:8px}.nav-link.active-page:after{content:"";position:absolute;width:100%;height:3px;left:0;bottom:-5px;background-color:#ffeb3b;border-radius:2px;opacity:1;transform:scaleX(1)}.nav-link:not(.active-page):after{display:none}.dropdown{position:relative;display:inline-block}.dropdown>.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:10px 16px;text-decoration:none;color:#fff;font-weight:600;transition:color .3s ease}.dropdown>.nav-link:hover{color:#ffeb3b}.drop-icon{font-size:.7rem;transition:transform .3s ease;color:#fff}.dropdown:hover .drop-icon{transform:rotate(180deg);color:#ffeb3b}.dropdown-content{position:absolute;top:100%;left:0;transform:translateY(8px);background:#fff;min-width:200px;box-sizing:border-box;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;transition:opacity .25s ease,transform .25s ease;z-index:9999;border:1px solid rgba(0,0,0,.05)}.dropdown-content.active,.dropdown:hover .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-content a{display:block;padding:12px 20px;color:#228b22;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .25s ease;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background:linear-gradient(135deg,#228b22,#32cd32);color:#fff;padding-left:25px}.nav-icons{gap:.8rem;flex-shrink:0;margin-left:auto;justify-content:flex-end;min-width:200px}.action-btn,.nav-icons{display:flex;align-items:center}.action-btn{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#228b22;width:44px;height:44px;border-radius:10px;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#ffeb3b;color:#228b22;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,235,59,.4);border-radius:12px}.btn-icon{font-size:1.1rem}.cart-btn{background:linear-gradient(135deg,#ffeb3b,#fbc02d);color:#228b22;border:none;font-weight:600;cursor:pointer;padding:10px 20px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;transition:all .3s ease;position:relative;text-decoration:none;box-shadow:0 4px 12px rgba(255,235,59,.3)}.cart-btn:hover{background:linear-gradient(135deg,#fbc02d,#ffeb3b);transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,235,59,.4);color:#1a472a}.cart-btn:active{transform:translateY(1px)}.cart-icon{font-size:1.1rem}.cart-count{background:#228b22;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;font-size:.7rem;font-weight:600;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.cart-count,.menu-toggle{align-items:center;justify-content:center}.menu-toggle{display:none;flex-direction:column;cursor:pointer;width:28px;height:24px;position:relative;z-index:1100}.menu-toggle span{width:100%;height:3px;background:#fff;border-radius:3px;margin:3px 0;transition:all .3s ease}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px);background:#ffeb3b}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:#ffeb3b}@media (max-width:1024px){.navbar-container{padding:8px 30px}.nav-links{gap:1.5rem}.nav-icons{min-width:180px}}@media (max-width:768px){.navbar{width:95%}.navbar-container{padding:8px 20px;flex-wrap:wrap}.menu-toggle{display:flex;order:3}.nav-links{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#228b22,#32cd32);flex-direction:column;width:220px;padding:20px;box-shadow:0 8px 20px rgba(34,139,34,.3);border-radius:15px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s ease;z-index:998;gap:0}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown{width:100%}.dropdown>.nav-link{width:100%;justify-content:space-between;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.dropdown-content{position:static;background:hsla(0,0%,100%,.95);box-shadow:0 4px 12px rgba(0,0,0,.1);border:none;opacity:1;visibility:visible;transform:none;display:none;min-width:100%;padding-left:15px;margin-top:10px;border-radius:8px}.dropdown-content.active{display:flex}.dropdown-content a{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);color:#228b22}.nav-icons{min-width:auto;gap:.8rem;order:2;margin-left:0}.cart-btn{padding:8px 16px;font-size:.85rem;min-width:80px}.action-btn{width:42px;height:42px}.logo-image{height:45px}.brand-main{font-size:1.4rem}.brand-tagline{font-size:.75rem}}@media (max-width:640px){.brand-tagline{display:none}.brand-main{font-size:1.3rem}.logo-image{height:42px}.cart-btn{padding:8px 14px;font-size:.8rem;min-width:75px}.action-btn{width:40px;height:40px}.nav-icons{gap:.6rem}}@media (max-width:480px){.navbar-container{padding:8px 15px}.logo-image{height:40px}.brand-main{font-size:1.2rem}.cart-btn{padding:7px 12px;font-size:.75rem;gap:6px;min-width:70px}.action-btn{width:38px;height:38px}.menu-toggle{width:26px;height:22px}.nav-icons{gap:.5rem}}@keyframes slideInDown{0%{transform:translateX(-50%) translateY(-100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.navbar{animation:slideInDown .6s ease both}.action-btn:focus,.cart-btn:focus,.menu-toggle:focus,.nav-link:focus{outline:2px solid #ffeb3b;outline-offset:2px}