*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}body{width:100%;height:100%}.header{display:flex;justify-content:space-around;align-items:center;background-color:#04498e;color:#fff;padding:.8rem;position:sticky;top:0}.logo{font-weight:900;font-size:larger}.link{color:#fff;text-decoration:none;margin:1.5rem;font-weight:600;font-size:larger}.active{background-color:#2ae04e;padding:.3rem;border-radius:.5rem}.header nav{display:flex;align-items:center}.cart{position:relative;display:inline-block}.cart img{width:30px}.cart span{position:absolute;top:-8px;right:-8px;background:#ff0505;color:#fff;font-size:12px;font-weight:700;padding:3px 5px;border-radius:50%}.flex{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.search{margin:1rem;gap:1rem}.input{border:2px solid blue;outline:none;color:#000;padding:.5rem;border-radius:.5rem;font-weight:700;font-size:medium}.btn{padding:.5rem;border:none;background-color:#0cacf0;color:#fff;font-weight:500;font-size:medium;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#0f84b6;transform:scale(1.1);transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.img{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:8rem;height:auto;object-fit:cover;text-align:center}.img:hover{transform:scale(1.3)}.card{margin:1.5rem .8rem;padding:.5rem;border:2px solid white;border-radius:1rem;box-shadow:0 4px 10px #0006}.content{text-align:center;margin:.25rem}.title{font-weight:700;font-size:medium;color:#000;margin:.5rem}.brand{font-weight:700;font-size:medium;margin:.5rem;color:#487ee4}.price{font-weight:600;font-size:large;margin:.5rem;color:#03b326;text-align:right}.warranty{color:gray;font-weight:300;margin:.5rem}.cart-btn{width:100%;padding:10px 16px;background-color:#23b859;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.cart-btn:hover{background-color:#15803d;transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.btn-red{width:100%;padding:10px 16px;background-color:#fb1818;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000040}.btn-red:hover{background-color:#da0505;transform:translateY(-2px);box-shadow:0 6px 10px #00000040}.heading{display:flex;justify-content:space-evenly;align-items:center;margin:2rem;font-weight:700;font-size:larger}.rating{margin:.5rem;font-weight:400}.btn-bg{background-color:#0cacf0}.btn-bg:hover{background-color:#0389c3}.footer{margin:1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15%}.f-price{margin:1rem;font-weight:600;font-size:2rem;color:#03b326}.clear-btn{margin:1rem;padding:10px 16px;background-color:#23b859;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000040}.clear-btn:hover{background-color:#15803d;transform:translateY(-2px);box-shadow:0 6px 10px #00000040}.label{display:flex;flex-direction:column;font-weight:700;font-size:medium;margin:1rem}