:root{--Red: hsl(14, 86%, 42%);--Green: hsl(159, 69%, 38%);--Rose-50: hsl(20, 50%, 98%);--Rose-100: hsl(13, 31%, 94%);--Rose-300: hsl(14, 25%, 72%);--Rose-400: hsl(7, 20%, 60%);--Rose-500: hsl(12, 20%, 44%);--Rose-900: hsl(14, 65%, 9%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Red Hat Text,sans-serif;font-size:16px}h1{font-size:2.2rem}h2{font-weight:600}h3{font-size:1.8rem}b{font-weight:600}body{background-color:var(--Rose-50)}button{cursor:pointer}.product-btn{display:flex;align-items:center;position:absolute;bottom:0;left:0;right:0;margin:-.8rem auto;text-align:center;width:160px;border-radius:1.2rem;padding:.5rem 1rem}.product-quantity-btn{justify-content:space-between;background-color:var(--Red);border-radius:1.2rem;color:var(--Rose-50)}.product-quantity-btn img{cursor:pointer}.add-to-cart-btn{cursor:pointer;background-color:#fff;border:1px solid black;justify-content:center;gap:.6rem}.add-to-cart-btn:hover{border-color:var(--Red);color:var(--Red);transition:.12s}.plus-icon,.minus-icon{cursor:pointer;transition:.12s;border:1px solid white;display:flex;width:20px;height:20px;justify-content:center;align-items:center;padding:4px;border-radius:20px}.plus-icon:hover,.minus-icon:hover{background-color:#fff;color:var(--Red)}.minus-button,.plus-button{cursor:pointer;all:unset}.confirm-order-btn{text-align:center;width:100%;padding:1rem;background-color:var(--Red);border-radius:1.2rem;border:none;color:var(--Rose-50)}.confirm-order-btn:hover{background-color:#972d0c;transition:.18s}.product-img{width:100%;height:auto;object-fit:cover;border-radius:.8rem}.product-img.active{border:3px solid var(--Red)}.product-list-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.product{max-width:320px}.product-category{color:var(--Rose-500)}.product-name{color:var(--Rose-900)}.product-price{color:var(--Red)}.card-order{list-style-type:none}.picture-with-btn-container{position:relative;margin-bottom:1.6rem}@media (min-width: 768px){.product-list-container{justify-content:center;flex-direction:row;flex-wrap:wrap;max-width:800px}.product{max-width:250px}}@media (min-width: 1440px){.product{max-width:250px}}.order-detail{display:flex;gap:.8rem}.item-quantity{color:var(--Red)}.order-detail-container{display:flex;align-items:center;gap:1rem}.order-detail-container img{width:48px;height:48px}.cart-container{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem;background-color:#fff;width:100%;height:fit-content}.cart-container{color:var(--Rose-500)}.cart-container h3{text-align:start;color:var(--Red)}.cart-order-item h2{text-align:start;color:var(--Rose-900)}.cart-order-item{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1.5px solid var(--Rose-100);line-height:1.8rem;padding-bottom:.8rem}.order-total{display:flex;justify-content:space-between;align-items:center}.carbon-badge{color:var(--Rose-900);background-color:var(--Rose-50);padding:1rem;border-radius:.6rem}.carbon-badge span{display:inline-block;margin-right:.8rem}.remove-item-btn{width:1.4rem;height:1.4rem}.total{font-weight:700;font-size:1.8rem}.cart-empty-img{margin-bottom:1rem;width:120px;align-self:center}.empty-cart-message{text-align:center}@media (min-width: 1440px){.cart-container{width:400px}}.modal-backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-body{background-color:var(--Rose-50);padding:1.5rem;border-radius:.5rem}.confirm-img{width:48px;height:48px}.modal-container{display:flex;flex-direction:column;width:100%;height:fit-content;gap:2rem;padding:2.8rem;border-radius:1rem;background-color:#fff;position:fixed;bottom:0}.modal-container{color:var(--Rose-500)}.modal-container h3{text-align:start;color:var(--Rose-900)}.modal-total{color:var(--Rose-900);font-weight:700;font-size:1.8rem}.modal-total-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}@media (min-width: 768px){.modal-container{position:unset;width:600px}}main{display:flex;flex-direction:column;align-items:center;gap:2rem}.container{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:clamp(2rem,5vw,5rem)}.main-header{margin-bottom:1rem}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}@media (min-width: 1440px){main{flex-direction:row;align-items:normal}}