*{margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:100}.body{height:100vh;width:100vw}.link{text-decoration:none;color:#000}.hide{display:none}.show{display:block;transition:2s ease-in-out}.sidebar{background-color:#fff;position:fixed;width:50%;height:100%;z-index:999;top:0}.Navbar{background-color:#000;width:100%;height:2rem;display:flex;align-items:center;padding:.3rem;justify-content:center;justify-self:center;justify-items:center;color:#fff}.Navbar-container{display:flex;align-items:center;justify-content:center;justify-content:space-between;background-color:#fff;width:80%;height:4rem;padding:0 2rem;box-sizing:border-box;margin:0 auto;gap:2rem}.Navbar-container h1{font-size:1.5rem;margin:0}.Navbar-container ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.Navbar-container ul li{cursor:pointer;position:relative}.Navbar-container ul li:after{content:"";display:block;width:0%;height:2px;background:red;transition:width .3s;position:absolute;bottom:-5px;left:0}.Navbar-container ul li:hover:after{width:100%}.Navbar-container input{border:none;border-bottom:1.5px solid rgb(141,139,139);outline:none;width:200px;padding:.2rem 0;font-size:.9rem}.Navbar-icons{display:flex;gap:1.5rem;align-items:center}.Navbar-icons .wishlist-icon,.Navbar-icons .cart-icon{font-size:1.3rem;transition:color .3s}.Navbar-icons .wishlist-icon:hover,.Navbar-icons .cart-icon:hover{color:red;cursor:pointer}.menu-icon{display:none}.navbar-user-wrapper{position:relative;display:flex;align-items:center}.navbar-user-icon{font-size:1.5rem;cursor:pointer}.navbar-user-dropdown{position:absolute;top:26px;right:0;background:#fff;border:1px solid #ddd;padding:10px;display:none;flex-direction:column;gap:8px;min-width:140px;z-index:999;border-radius:6px}.navbar-user-wrapper:hover .navbar-user-dropdown{display:flex}.navbar-user-name{font-size:.9rem;font-weight:500}.navbar-logout-btn{border:none;background:red;color:#fff;padding:5px;font-size:.8rem;border-radius:4px;cursor:pointer}.navbar-logout-btn:hover{background:#8b0000}@media(max-width:480px){.Navbar-container{width:100%;padding:10px 15px;height:auto;gap:10px}.Navbar-container h1{font-size:1.1rem}.Navbar-icons{display:flex;align-items:center;gap:12px}.Navbar-icons .link{display:flex;align-items:center;gap:4px;font-size:14px}.wishlist-icon,.cart-icon,.navbar-user-icon{font-size:18px!important}.menu-icon{display:block;font-size:20px;margin:0}.text-top{font-size:10px;text-align:center;padding:4px}.sidebar{width:50%}.container_sidebar{display:flex;flex-direction:column;gap:18px;margin-top:60px;padding:0 20px}.menu_mobile{display:block;width:100%;padding:10px 0;border-bottom:1px solid #ddd;font-size:15px}.navbar-user-dropdown{right:-20px;min-width:120px}.menu_mobile{border-bottom:1px solid black;width:100%}.menu-icon{margin:20px;font-size:medium}.container_sidebar{justify-content:center;justify-self:center;justify-items:center;align-items:center;list-style:none;width:100%;height:100%;margin-top:30%;display:flex;flex-direction:column-reverse;gap:20px}.text-top{font-size:12px;padding:5px}.menu-icon{display:block}.Navbar-container{display:flex;justify-content:space-between;gap:10px;width:100%}}@media(max-width:775px){.Navbar-container ul,.Navbar-container input{display:none}.text-top{font-size:12px;padding:5px}.menu-icon{display:block}.Navbar-container{display:flex;justify-content:space-between;flex-direction:row;gap:30px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.footer-container{background-color:#000;color:#fff;width:100%;margin-top:80px;font-size:14px}.inner-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:40px;padding:60px 20px;flex-wrap:wrap}.footer-container ul{list-style:none;display:flex;flex-direction:column;gap:12px;min-width:200px}.heading{font-size:18px;font-weight:600;margin-bottom:10px}.footer-container li{opacity:.8;cursor:pointer;transition:.3s}.footer-container li:hover{opacity:1;transform:translate(3px)}.footer-container input{padding:10px;border:none;outline:none;border-radius:4px;margin-top:10px}@media(max-width:900px){.inner-container{gap:30px}.footer-container ul{min-width:45%}}@media(max-width:600px){.inner-container{flex-direction:column;gap:30px;padding:40px 20px}.footer-container ul{width:100%}.heading{font-size:16px}}