body{font-family:Arial,sans-serif;margin:0;padding:0;background:url(https://firebasestorage.googleapis.com/v0/b/sportpit-47d69.appspot.com/o/0db5fb9c-a91a-47e4-b564-11c281377dea.jpeg?alt=media&token=68c3360c-0a5b-4ef6-957c-087945841b2c) no-repeat;background-position:center;background-size:cover;background-attachment:fixed;text-align:center;position:relative}header{position:fixed;top:0;width:100%;z-index:10;background-color:#313131;color:#fff;padding:10px}.header{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.header h1{margin:0}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:100px 20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s;width:250px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-10px)}.image-container{width:100%;height:200px;overflow:hidden}.card-img-top{width:100%;height:100%;object-fit:cover}.card-body{padding:20px;text-align:left;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1.25em;margin:0}.card-price{font-size:1.1em;color:#28a745;margin-top:auto}.card-actions{display:flex;justify-content:space-between;margin-top:10px}.btn{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;border-radius:5px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#0056b3}.cart{border:1px solid #ccc;padding:20px;margin:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px}.cart h2{margin-top:0}.cart ul{list-style-type:none;padding:0}.cart li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ccc}.cart form{display:flex;flex-direction:column}.cart label{margin:10px 0}.cart input{padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.cart button{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.cart-modal{position:fixed;top:0;left:0;margin-top:20px;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.cart-content{background:#fff;padding:20px;border-radius:10px;width:400px;max-height:80vh;overflow-y:auto}.close-button{background:none;border:none;font-size:24px;position:absolute;top:10px;right:10px;cursor:pointer}.cart-content h2{margin-top:0}.cart-content ul{list-style-type:none;padding:0}.cart-content li{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ccc}.cart-content form{display:flex;flex-direction:column}.cart-content label{margin:10px 0}.cart-content input{padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.cart-content button{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.cart-content button:hover{background-color:#0056b3}.logo{border-radius:10px;width:120px;height:50px}@keyframes flyToCart{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.cart-icon i{font-size:24px}.card-adding{animation:flyToCart .5s ease-out forwards}@media (max-width:450px){.header{justify-content:space-between;padding:20px 15px}.header h1{font-size:20px}.gallery{gap:10px}.card{width:120px}.image-container{height:100px}.card-title{font-size:10px;font-weight:bolder}.card-body{padding:5px}.card-price{font-size:12px}.btn{font-size:13px;padding:1px}}@media (max-width:420px){.card{width:100px}.image-container{height:80px}.card-title{font-size:8px}.card-actions{margin-top:0}.btn{font-size:8px;padding:4px}}.moving-item{font-size:30px;overflow:hidden;pointer-events:none}.btn-buy{position:fixed;bottom:0}footer{background:#000;position:fixed;bottom:0;width:100%}.links{text-align:center;cursor:pointer}.links i{margin-left:10px;font-size:25px;border-radius:50%;padding:5px;color:#929191}
