.product-card{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s;overflow:hidden}.product-card-info{padding:20px}.product-card-info h3{font-size:20px;font-weight:500;margin-bottom:10px}.product-card-description{color:#676767;font-size:12px;margin-bottom:10px}.product-card-price{color:tomato;font-size:22px;font-weight:500;margin-bottom:10px}.product-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:15px}.product-card-actions button,.product-card-actions a{flex:1;margin:0 5px}.product-card-actions button{background-color:tomato;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:.3s}.product-card-actions button.cancel-btn{background-color:gray}.product-card-actions button:hover{background-color:tomato}.product-card-actions button.cancel-btn:hover{background-color:#a9a9a9}.product-card-actions a{text-decoration:none;color:#87ceeb;font-weight:500;transition:.3s;text-align:center;font-size:.75rem}.product-card-actions a:hover{color:#00bfff}@keyframes highlightText{0%{color:red;transform:scale(1)}50%{color:violet;transform:scale(1.1)}to{color:red;transform:scale(1)}}.product-card-qty{font-size:12px;font-weight:700;animation:highlightText 1s infinite alternate;text-align:right}.home{margin-top:30px;padding:0 20px}.home h2{font-size:max(2vw,24px);font-weight:600;text-align:center}.home .product-card-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;gap:30px;row-gap:50px}@media (max-width: 1200px){.home .product-card-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.home .product-card-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.home .product-card-list{grid-template-columns:1fr}}.cart-container{width:80%;max-width:1000px;margin:50px auto;padding:20px;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px}.cart-container h2{text-align:center;font-size:24px;margin-bottom:20px}.cart-item{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #ddd}.cart-item:last-child{border-bottom:none}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-item h3{font-size:18px;color:#333}.cart-item p{font-size:16px;color:#555}.cart-item button{background-color:tomato;color:#fff;border:none;padding:8px 12px;cursor:pointer;font-size:14px;border-radius:4px;transition:background .3s}.cart-item button:hover{background-color:#8b0000}.quantity-controls{display:flex;gap:5px}.quantity-controls button{background-color:#ddd;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;transition:background .3s}.quantity-controls button:hover{background-color:#ccc}.cart-bottom{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-start}.cart-total{width:40%;padding:20px;background:#f9f9f9;border-radius:8px}.cart-total h3{margin-bottom:10px}.cart-total-details{display:flex;justify-content:space-between;margin-bottom:10px;font-size:16px}.cart-total hr{margin:10px 0;border:none;height:1px;background:#ddd}.cart-total button{width:100%;padding:12px;background:tomato;color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.cart-total button:hover{background:#8b0000}.cart-promocode{width:50%;padding:20px}.cart-promocode p{font-size:14px;color:#666}.cart-promocode-input{display:flex;gap:10px;margin-top:10px}.cart-promocode-input input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}.cart-promocode-input button{padding:10px 15px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.cart-promocode-input button:hover{background:#333}@media (max-width: 768px){.cart-item{grid-template-columns:1fr 2fr 1fr;text-align:center}.cart-item img{width:60px;height:60px}.cart-bottom{flex-direction:column;align-items:center}.cart-total,.cart-promocode{width:100%;text-align:center}.cart-total button{width:80%}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#333;color:#fff}.navbar-logo a{font-size:1.5rem;font-weight:700}.navbar-links a,.navbar-links button{margin-left:1rem;color:#fff;background:none;border:none;cursor:pointer}.cart-signal{position:absolute;top:-5px;right:-5px;width:10px;height:10px;background-color:red;border-radius:50%}footer{text-align:center;padding:1rem;background-color:#333;color:#fff;position:fixed;width:100%;bottom:0}.main-content{padding:0 20px}.product-card{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.product-card img{width:100%;border-radius:15px 15px 0 0}.product-card .product-card-info{padding:20px}.product-card .product-card-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-card .product-card-name-rating p{font-size:20px;font-weight:500}.product-card .product-card-name-rating img{width:70px}.product-card .product-card-desc{color:#676767;font-size:12px}.product-card .product-card-price{color:tomato;font-size:22px;font-weight:500;margin:10px 0}.product-card .product-card-img-container{position:relative}.product-card .product-card-img-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.product-card .product-card-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.product-card .product-card-counter img{width:30px}.login-container input{margin-bottom:1rem;padding:.5rem;border:1px solid #ddd;border-radius:5px}.password-container{position:relative}.password-container input{width:calc(100% - 50px);display:inline-block}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#333}.register-container{max-width:400px;margin:2rem auto;padding:2rem;border:1px solid #ddd;border-radius:5px}.register-container h2{text-align:center}.register-container form{display:flex;flex-direction:column}.register-container input{margin-bottom:1rem;padding:.5rem;border:1px solid #ddd;border-radius:5px}.register-container button{padding:.5rem;background-color:#333;color:#fff;border:none;cursor:pointer}.home{margin-top:30px}.home h2{font-size:max(2vw,24px);font-weight:600}.home .product-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}@media (max-width: 768px){.navbar{flex-direction:column}.navbar-links{display:flex;flex-direction:column;align-items:center}.navbar-links a,.navbar-links button{margin:.5rem 0}.product-card{margin:1rem auto;width:90%}.login-container{width:90%}}.cart-link{position:relative}.cart-signal{position:absolute;top:-5px;right:-10px;background:red;color:#fff;font-size:12px;padding:2px 5px;border-radius:50%}.cart-page{padding:20px}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;align-items:center;gap:20px}.cart-item-image{width:50px;height:50px}.cart-item-details{display:flex;flex-direction:column}.cart-total{margin-top:20px;font-size:1.5em;font-weight:700}.login-container{max-width:400px;margin:2rem auto;padding:2rem;border:1px solid #ddd;border-radius:5px}.login-container h2{text-align:center}.login-container form{display:flex;flex-direction:column}.login-container input{margin-bottom:1rem;padding:.5rem;border:1px solid #ddd;border-radius:5px;width:100%}.password-container{position:relative;display:flex;align-items:center}.password-container input{flex:1;padding-right:50px}.toggle-password{position:absolute;right:10px;cursor:pointer;font-size:14px;color:#007bff;font-weight:700}.toggle-password:hover{color:#0056b3}.login-container button{padding:.5rem;background-color:#333;color:#fff;border:none;cursor:pointer;margin-bottom:1rem}.login-container button:disabled{background-color:#999;cursor:not-allowed}.error-message{color:red;margin-bottom:1rem;text-align:center}