*{box-sizing:border-box;margin:0;padding:0}body{font-family:serif;position:relative}header{align-items:center;background-color:#2c3cff;color:#fff;display:flex;height:80px;justify-content:space-between;padding:0 10%}header .shoping{cursor:pointer;font-size:30px;position:relative}header .shoping span{background-color:#ff4308;border-radius:50%;bottom:13px;font-size:10px;height:18px;left:12px;line-height:18px;position:absolute;text-align:center;transition:.5s;width:18px}header .shoping:hover span{bottom:25px}.container-products{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:50px 8%}.product{background-color:#fff;border-radius:20px;box-shadow:0 0 10px 0 #000;color:#000;height:270px;overflow:hidden;transition:.3s;width:200px}.product:hover{transform:scale(1.05)}.photo{display:flex;height:65%;justify-content:center;width:100%}.photo img{height:100%;width:80%}.info{display:flex;flex-direction:column;height:35%;justify-content:space-between;padding:10px}.product-name{font-size:18px}.price{color:#2c3cff;font-size:15px;font-weight:700}.btn-add{background-color:#2c3cff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:5px}.btn-add:hover{background-color:#0011ce}.btn-add:active{background-color:#2c3cff}.container-list{align-items:flex-start;background-color:#000000c7;display:flex;justify-content:center;left:0;min-height:100%;padding:50px;position:absolute;top:0;width:100%}.shoping-list{background-color:#eee;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:40%;padding:20px;position:relative;width:90%}.shoping-list .list{display:flex;flex-wrap:wrap;height:70%;justify-content:center;width:100%}.shoping-list .btn-div{display:flex;height:30%;justify-content:space-around;margin-top:70px}.shoping-list .btn-div .btn{background-color:#2c3cff;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;width:100px}.shoping-list .btn-div .btn:hover{box-shadow:0 0 0 1px #000}.shoping-list .btn-div .btn-remove{background-color:#d30006}.shoping-list .product{border-radius:10px;display:flex;height:82px;justify-content:space-between;margin:10px;position:relative;width:30%}.shoping-list .photo{align-self:center;height:70%;width:30%}.shoping-list .info{text-align:end}.shoping-list .info .remove{bottom:10px;color:#d30006;font-size:17px;position:absolute;right:4%}.shoping-list .info .btn-add:hover{opacity:.8}.shoping-list .price,.shoping-list .product-name{font-size:13px}.shoping-list .total{background-color:#fff;border:1px solid;border-radius:10px;bottom:70px;left:0;margin:0 25%;padding:10px;position:absolute;text-align:center;width:50%}.shoping-list .count{bottom:10px;display:flex;left:40%;position:absolute}.shoping-list .count span{background-color:#a5a5a5;border-radius:10px;color:#fff;cursor:pointer;display:block;font-weight:700;height:15px;line-height:15px;margin:0 10px;text-align:center;width:15px}@media ((min-width:500px) and (max-width:824px)){.container-list{padding:50px 20px}.shoping-list .product{width:45%}.shoping-list{width:100%}.product-name{font-size:17px}}@media (max-width:499px){.container-list{padding:50px 20px}.shoping-list,.shoping-list .product{width:100%}.product-name{font-size:17px}}
/*# sourceMappingURL=main.f19457ff.css.map*/