body{background-color:#c6c4c1;font-family:sans-serif;margin:0;padding:0}.App{max-width:1200px;padding:2rem;width:100%}header{margin-bottom:1.5rem;text-align:center}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.user-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.user-info{align-items:center;display:flex}.greeting{font-size:1rem;text-align:justify}.logout-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:1rem;margin-top:auto;padding:.4rem .8rem;transition:background-color .2s ease;width:100%}.logout-btn:hover{background-color:#0056b3}.clear-cart-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.4rem .8rem;width:100%}.clear-cart-btn:hover{background-color:#a71d2a}.top-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.main-layout{align-items:flex-start;display:flex;gap:1.5rem}.product-list{grid-gap:1rem;display:grid;flex:3 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center}.product-card{background-color:#e5e3e3;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:250px;padding:1rem;width:150px}.product-card:hover{transform:translateY(-4px)}.product-image{flex-shrink:0;height:100px;margin-bottom:.5rem;object-fit:contain;width:100%}.product-content{flex-grow:1;justify-content:space-between}.product-content,.product-info{display:flex;flex-direction:column;width:100%}.product-info{align-items:center;font-size:.85rem;line-height:1.2;margin-bottom:.5rem;text-align:center}.product-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.product-price{font-weight:700;margin-top:.25rem}.add-to-cart-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:auto;padding:.5rem;width:100%}.add-to-cart-btn:hover{background-color:#0056b3}.cart{background-color:#f1f1f1;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:1 1;overflow-y:hidden;padding:1rem;transition:max-height .3s ease,height .3s ease}.cart-total{font-size:1rem;font-weight:700;margin-top:1rem;text-align:right}.cart ul{list-style:none;margin:0;padding:0}.cart ul li{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;min-width:250px;padding:.5rem}.cart ul li>p,.cart ul li>span{flex-shrink:0}.cart ul li button{font-size:1rem;height:30px;margin-left:.25rem;padding:0;width:30px}.cart ul li button.minus,.cart ul li button.plus{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;height:30px;line-height:1;padding:0;transition:background-color .2s ease;width:30px}.cart ul li button.minus:hover,.cart ul li button.plus:hover{background-color:#0056b3}.shop-heading{-webkit-text-fill-color:#0000;animation:fadeIn 1s ease forwards;background:linear-gradient(90deg,#007bff,#00c6ff);background-clip:text;-webkit-background-clip:text;color:#0000;display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 2px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.buy-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.4rem .8rem;width:100%}.buy-btn:hover{background-color:#1e7e34}.purchase-message{color:#28a745;font-weight:700;margin:1rem 0;text-align:center}.out-of-stock-message{color:#dc3545;font-weight:700;margin-top:auto;padding:.5rem 0;text-align:center}
/*# sourceMappingURL=main.0a7bcdc6.css.map*/