body{background-color:#f5f5f5;margin:0;padding:0;font-family:Arial\, sans-serif}.header{z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000004d}.logo{width:80px;height:auto}.nav-items ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-items ul li{margin-left:20px}.nav-items ul li a{color:#333;border-radius:5px;padding:8px 12px;font-size:18px;text-decoration:none;transition:all .3s}.nav-items ul li a:hover{color:#fff;background-color:#007bff}.logout-button,.login-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:8px 12px;font-size:18px;transition:all .3s}.logout-button:hover,.login-button:hover{background-color:#0056b3}.cart-icon{color:#333;align-items:center;font-size:18px;text-decoration:none;display:flex;position:relative}.cart-count{color:#fff;background-color:#ff5722;border-radius:50%;padding:2px 6px;font-size:12px;position:absolute;top:-8px;right:-10px}.toogle-icon{cursor:pointer;font-size:40px;display:none}@media screen and (width<=600px){.toogle-icon{display:block}.nav-items{background:#fff;width:100%;display:none;position:absolute;top:60px;right:0;box-shadow:0 2px 5px #0000004d}.nav-items.open{display:block}.nav-items ul{flex-direction:column;align-items:center;gap:15px;padding:15px 0}.nav-items ul li{margin:10px 0}}.body{padding:20px}.search-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:20px;display:flex}.search-bar input{border:1px solid #ccc;border-radius:4px;width:300px;padding:10px;font-size:16px}.search-bar button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:10px 15px;transition:background-color .3s}.search-bar button:hover{background-color:#0056b3}.search-bar button:nth-child(3){background-color:#dc3545}.search-bar button:nth-child(3):hover{background-color:#b52a37}.cart-icon{color:#333;align-items:center;padding:8px 12px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.card-icon:hover{color:#fff;background-color:#007bff;border-radius:5px}.cart-icon svg{vertical-align:middle;font-size:22px}.cart-count{color:#fff;background-color:red;border-radius:50%;margin-left:5px;padding:2px 6px;font-size:14px}.logout-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;width:100%;padding:10px}
/*# sourceMappingURL=path0.dcb0103d.css.map */