:root{--bg: #fdf6f2;--text: #1e1e1e;--price: #b45309;--accent: #f97316;--card-bg: #ffffff;--border-radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f7f7f7;color:#333;padding:20px}.icons{border:1px rgb(8,213,141) solid;margin:auto;width:80%;border-radius:30px;text-align:center;place-content:center}.container{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.self-container{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap}.card{flex:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{background:#fff;border-radius:12px;padding:15px;position:relative;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;transition:transform .2s ease}.product-card:hover{transform:translateY(-5px)}.product-image{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px}.product-card h3{font-size:1rem;margin:10px 0 5px}.category{margin:15px 5px}.products-card p:last-of-type{font-weight:700;color:var(--price)}.price{font-size:.95rem;font-weight:700;color:#cd3000;margin-bottom:10px}.confirm-btn{width:100%;padding:12px;background-color:#2f855a;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:10px;transition:background .3s ease}.confirm-btn:hover{background-color:#276749}.confirmation-message{margin-top:12px;font-weight:700;color:#38a169;text-align:center;opacity:0;transition:opacity .3s ease}.confirmation-message.visible{opacity:1}.cart{flex:1;height:fit-content;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #0000000f;max-width:400px}.cart h1{font-size:1.5rem;margin-bottom:15px}.cart-content{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;margin-bottom:20px}.cart-item{background-color:#f3f4f6;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.cart-item h3{font-size:1rem;font-weight:600}.cart-item button{align-self:flex-end;border:none;background-color:#e53e3e;color:#fff;padding:4px 8px;font-size:.85rem;border-radius:4px;cursor:pointer;margin-top:5px}.quantity-controls{display:flex;top:50%;color:#fff;padding:3px 30px;border-radius:30px;background-color:#b55e07;left:20%;position:absolute;gap:20px;align-items:center}.quantity-controls button{padding:2px;background-color:transparent;border:1px white solid;border-radius:50%;color:#fff;font-weight:700;cursor:pointer}.quantity-controls button img{place-content:center;border-radius:50%;padding:2px}.quantity-controls span{font-weight:700}.add-cart-btn{top:50%;padding:10px 20px;border-radius:30px;left:30%;align-items:center;position:absolute;background-color:#fff;color:#000;border:1px black solid;cursor:pointer;transition:background-color .2s ease}.add-cart-btn:hover{background-color:#1e2b77;color:#fff}.emptyclass{text-align:center;padding:40px 20px;color:#777}.emptyclass img{width:150px;margin-bottom:10px}#order-total{font-weight:700;font-size:1.1rem;margin-top:auto}@media (max-width: 768px){.container{flex-direction:column}.card,.cart{width:100%;max-width:100%}.cart{margin-top:20px}}