.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:all .3s ease}.navbar.scrolled{background-color:rgba(0,0,0,.9);padding:15px 0;box-shadow:0 5px 15px rgba(0,0,0,.3)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto}.navbar-logo a{font-family:Laandbrau;font-size:2rem;color:var(--color-white);letter-spacing:2px;bottom:10px;position:relative}.navbar-logo a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--color-green);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.navbar-logo a:hover:after{transform:scaleX(1);transform-origin:left}.navbar-menu ul{display:flex;list-style:none}.navbar-menu ul li{margin:0 15px}.navbar-menu ul li a{font-family:var(--font-secondary);font-size:1rem;color:var(--color-white);text-transform:uppercase;font-weight:500;position:relative;transition:color .3s ease}.navbar-menu ul li a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--color-yellow);transform:scaleX(0);transition:transform .3s ease}.navbar-menu ul li a:hover{color:var(--color-yellow)}.navbar-menu ul li a:hover:after{transform:scaleX(1)}.navbar-cart{display:flex;align-items:center;cursor:pointer}.cart-icon{font-size:1.5rem;margin-right:5px}.cart-count{background-color:var(--color-yellow);color:var(--color-black);font-size:.8rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle span{width:30px;height:3px;background-color:var(--color-white);margin:3px 0;transition:all .3s ease}@media (max-width:768px){.navbar-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;transition:right .5s ease;z-index:999}.navbar-menu.active{right:0}.navbar-menu ul{flex-direction:column;align-items:center}.navbar-menu ul li{margin:15px 0}.navbar-menu ul li a{font-size:1.2rem}.navbar-toggle{display:flex;z-index:1000}.navbar-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}.footer{background-color:#111;padding:80px 0 30px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--color-green),var(--color-yellow))}.footer-content{display:flex;flex-wrap:wrap;gap:50px;margin-bottom:50px}.footer-logo-container{flex:1 1;min-width:250px;position:relative}.footer-logo{left:45px;position:relative}.footer-logo p{color:var(--color-white);opacity:.7}.footer-links{flex:2 1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-column{min-width:150px}.footer-column h3{color:var(--color-yellow);margin-bottom:20px;font-size:1.2rem;position:relative;display:inline-block}.footer-column h3:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background-color:var(--color-green)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:var(--color-white);opacity:.7;transition:all .3s ease}.footer-column ul li a:hover{opacity:1;color:var(--color-yellow);padding-left:5px}.social-icons li a{display:flex;align-items:center}.social-icons li a:before{margin-right:5px;opacity:0;transition:all .3s ease}.social-icons li a:hover:before{opacity:1;margin-right:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-dev{font-size:14px;color:#666;white-space:nowrap}.footer-dev a{color:#333;text-decoration:none;font-weight:700;transition:color .3s ease}.footer-dev a:hover{color:var(--color-yellow)}.footer-bottom p{color:var(--color-white);opacity:.5;font-size:.9rem;margin:0}@media (max-width:768px){.footer{padding:60px 0 30px}.footer-content{flex-direction:column;gap:40px}.footer-logo-container{text-align:center}.footer-logo{left:0}.footer-links{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.footer-column{width:100%}}