@font-face{font-family:Red Hat;src:url(/assets/RedHatText-VariableFont_wght-DisJPunE.ttf);font-weight:400 700}@font-face{font-family:Red Hat Italic;src:url(/assets/RedHatText-Italic-VariableFont_wght-a9VviYjm.ttf);font-weight:400 700}:root{font-family:Red Hat;--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%)}html{font-size:16px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-family:Red Hat;background-color:var(--rose-100);color:var(--rose-900);font-weight:400}#root{display:flex;justify-content:center;align-items:center}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer}img{max-inline-size:100%;block-size:auto;display:block}button{cursor:pointer;font-family:Red Hat;font-size:.9rem}.wide-btn{display:flex;gap:1rem;justify-content:center;align-items:center;border:.15rem solid var(--rose-500);height:3rem;border-radius:2rem;font-weight:700}.wide-btn:hover,.wide-btn:focus{background-color:var(--rose-300);outline:0}.round-btn{background-color:transparent;width:1.5rem;height:1.5rem;border:.15rem solid var(--rose-50);border-radius:50%;color:var(--rose-50);display:flex;flex-direction:row;align-items:center;justify-content:center}.round-btn:hover,.round-btn:focus{background-color:var(--rose-900)}@media(prefers-reduced-motion:no-preference){a,button{transition:all .3s ease-out}}.main-container{padding:2rem 3rem;display:flex;flex-direction:column;gap:2rem}.main-container h1{font-size:2.5rem;margin-bottom:2rem}.products{display:grid;grid-template-columns:1fr;gap:2rem}.products li{width:100%}.hide-overflow{max-height:100vh;overflow:hidden}@media screen and (min-width:801px){.main-container{max-width:80rem;flex-direction:row}.main-container .products{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1025px){.main-container .products{grid-template-columns:repeat(3,1fr)}}.product-container{max-width:100%}.image-product{margin:0 auto;border-radius:.5rem}.add-item-btn{margin:0 auto;transform:translateY(-50%);color:var(--rose-900);width:40%}.category{margin-top:-1rem;color:var(--rose-400)}.name{color:var(--rose-900);font-weight:700}.price{color:var(--red);font-weight:700}.update-quantity-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;width:40%;height:3rem;margin:0 auto;transform:translateY(-50%);border-radius:2rem;background-color:var(--red);font-weight:400;color:var(--rose-50)}@media screen and (min-width:801px){.products-container{flex-direction:row}.add-item-btn,.update-quantity-container{width:80%}}@media screen and (min-width:1025px){.add-item-btn,.update-quantity-container{width:70%}}.cart-container{padding:2rem;background-color:var(--rose-50);border-radius:.5rem;min-width:20rem;height:100%}.cart-container h2{color:var(--red);margin-bottom:1rem}.empty-container{margin:0 auto;text-align:center}.empty-container img{margin:0 auto}.empty-container p{font-weight:500;color:var(--rose-500)}.items-container li{border-bottom:.15rem solid var(--rose-100);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0}.quantity-price{display:flex;flex-direction:row;gap:1rem}.product-name-review{color:var(--rose-900);font-weight:700;margin-bottom:.5rem}.quantity-review{color:var(--red);font-weight:600}.single-price-review{color:var(--rose-300)}.quantity-price-review{color:var(--rose-500);font-weight:500}.remove-item-btn{border-color:var(--rose-300)}.total-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.total-container p:first-child{font-weight:450}.total-container p:last-child{font-weight:700;font-size:1.5rem}.delivery-container{display:flex;background-color:var(--rose-100);justify-content:center;align-items:center;height:3rem;gap:1rem;border-radius:.5rem;margin:1rem 0;padding:0 1rem}.confirm-btn{background-color:var(--red);border:0;color:var(--rose-50);width:100%;font-size:1rem}.confirmation-container{position:fixed;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column;justify-content:flex-end}.confirmation-container__content{width:100%;background-color:var(--rose-50);margin:0 auto;border-radius:.5rem .5rem 0 0;padding:2rem}.confirmation-container__content>*{margin-bottom:2rem}.confirmation-container__content>*:last-child{margin-bottom:0}.confirmation-container__content>p{margin-top:-1.5rem;color:var(--rose-500)}.confirmation-container__content>div{background-color:var(--rose-100);padding:1rem;border-radius:.5rem}.items-container__confirmed{max-height:20rem;overflow-y:auto}.items-container__confirmed li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:.15rem solid var(--rose-300);padding:1rem 0}.items-container__confirmed li img{max-height:4rem;max-width:4rem;border-radius:.5rem}.items-container__confirmed li>div{margin-left:-5rem}.items-container__confirmed li>div>div{display:flex;flex-direction:row;gap:.5rem}.product-name-confirmed{color:var(--rose-900);font-weight:700;margin-bottom:.5rem}.quantity-confirmed{color:var(--red);font-weight:600}.single-price-confirmed{color:var(--rose-300)}.quantity-price-confirmed{color:var(--rose-900);font-weight:600}@media screen and (min-width:801px){.confirmation-container{align-items:center;justify-content:center}.confirmation-container__content{max-width:40rem;border-radius:1rem}}
