*{margin:0;padding:0;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}a{color:inherit;display:inline-block}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;border:0}ul,ol{list-style:none}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:4rem}body{font-size:1.6rem;font-family:"Red Hat Text",sans-serif;line-height:1.3}a{text-decoration:none;color:inherit}body{background-color:hsl(20,50%,98%)}.container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin:5rem 8rem;position:relative}@media(max-width: 900px){.container{gap:5rem;margin:5rem 3rem}}@media(max-width: 767px){.container{grid-template-columns:1fr;margin:3rem 3rem 1rem 3rem}}.button{transition:all .3s}@media(hover: hover){.button:active{scale:.9}}.desserts__title{margin-bottom:2rem;font-size:4rem}.products{display:grid;gap:2rem;grid-template-columns:repeat(3, 1fr)}@media(max-width: 900px){.products{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.products{grid-template-columns:1fr}}.product__image-wrapper{position:relative}.product__image-wrapper .product__image{max-width:100%;width:auto;border-radius:1rem}.product__image-wrapper .product__add-to-cart{width:14.5rem;padding:1rem 2rem;background-color:#fff;border-radius:2rem;font-weight:bold;display:flex;align-items:center;gap:1rem;border:1px solid hsl(14,86%,42%);position:absolute;left:50%;right:50%;bottom:0;transform-origin:left center;transform:translate(-50%, 50%)}.product__image-wrapper .product__add-to-cart:active{background-color:hsl(14,86%,90%)}.product__image-wrapper .product__add-to-cart .product__cart-icon{width:2rem}.product__image-wrapper .product__controls{position:absolute;left:50%;right:50%;bottom:0;transform:translate(-50%, 50%);width:14.5rem;padding:1rem 2rem;background-color:hsl(14,86%,42%);border-radius:2rem;display:none;justify-content:space-between;align-items:center}.product__image-wrapper .product__controls .product__btn{border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.2rem;transform-origin:left center}.product__image-wrapper .product__controls .product__btn img{width:1rem;height:1rem}.product__image-wrapper .product__controls .product__quantity{color:#fff}.product__image-wrapper .product__controls-active{visibility:visible;opacity:1;display:flex}.product__detailes{margin-top:3rem}.product__detailes .product__category{font-size:1.4rem;color:hsl(7,20%,60%)}.product__detailes .product__name{font-size:1.6rem}.product__detailes .product__price{font-size:1.4rem;color:hsl(14,86%,42%)}.cart{background-color:#fff;height:fit-content;position:sticky;top:2rem;padding:2rem;border-radius:1rem}.cart__title{color:hsl(14,86%,42%);margin-bottom:3rem}.cart__empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.cart__empty-text{color:hsl(12,20%,44%);font-size:1.4rem;font-weight:500}.cart__items{display:none;flex-direction:column;gap:2rem}.cart__items .cart__list{display:flex;flex-direction:column;gap:2rem}.cart__items .cart__list .item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(12,20%,44%,.326);padding-bottom:2rem}.cart__items .cart__list .item__details .item__name{margin-bottom:1rem}.cart__items .cart__list .item__details .item__quantity{color:hsl(14,86%,42%);margin-right:1.5rem}.cart__items .cart__list .item__details .item__price{color:hsl(12,20%,44%);margin-right:1rem}.cart__items .cart__list .item__remove{border:1px solid hsl(12,20%,44%);border-radius:50%;height:1.5rem;width:1.5rem}.cart__items .cart__total{display:flex;justify-content:space-between;align-items:center}.cart__items .cart__total-value{font-size:2.4rem;font-weight:bold}.cart__items .cart__text{background-color:hsl(20,50%,98%);display:flex;justify-content:center;gap:1rem;padding:1.5rem;border-radius:1rem}.cart__items .cart__text-note{font-size:1.4rem}.cart__items .cart__text-note span{font-weight:bold}.cart__items .cart__confirm{color:#fff;font-weight:bold;background-color:hsl(14,86%,42%);width:100%;padding:1.5rem;border-radius:3rem}.order-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}@keyframes orderPopup{from{opacity:0;transform:translate(-50%, -40%) scale(0.95)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes orderPopupMobile{from{opacity:0;transform:translate(-7%, 30px)}to{opacity:1;transform:translate(-7%, 0%)}}.order-confirmation{position:absolute;left:50%;right:50%;top:30%;transform:translate(-50%, -50%);width:43%;background-color:#fff;padding:3rem;border-radius:20px;flex-direction:column;align-items:flex-start;gap:3rem;z-index:2;animation:orderPopup .4s ease-out forwards}@media(max-width: 900px){.order-confirmation{width:50%}}@media(max-width: 767px){.order-confirmation{width:100vw;max-height:90vh;overflow-y:auto;top:auto;position:sticky;bottom:0;animation:orderPopupMobile .35s ease-out forwards}}.order-confirmation__title{font-size:4rem;margin-bottom:1rem}.order-confirmation__subtitle{color:hsl(12,20%,44%);margin-bottom:2rem}.order-confirmation__content{width:100%;background-color:hsl(20,50%,98%);padding:2rem;border-radius:1rem}.order-confirmation__items{width:100%;background-color:hsl(20,50%,98%)}.order-confirmation__items .order-item:not(:first-of-type){margin-top:2rem}.order-confirmation__items .order-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(11,36%,31%,.326);padding-bottom:2rem}.order-confirmation__items .order-item__details{display:flex;gap:2rem}.order-confirmation__items .order-item__details .order-item__image{width:7rem;border-radius:1rem}.order-confirmation__items .order-item__details .order-item__info{display:flex;flex-direction:column;justify-content:space-around}.order-confirmation__items .order-item__details .order-item__info .order-item__meta{display:flex;gap:2rem}.order-confirmation__items .order-item__details .order-item__info .order-item__meta .order-item__quantity{color:hsl(14,86%,42%)}.order-confirmation__items .order-item__details .order-item__info .order-item__meta .order-item__price{color:hsl(12,20%,44%)}.order-confirmation__items .order-item__total{font-weight:600}.order-confirmation__total{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2rem}.order-confirmation__total-value{font-size:2.4rem;font-weight:bold}.order-confirmation__restart{color:#fff;font-weight:bold;background-color:hsl(14,86%,42%);width:100%;padding:2rem;border-radius:3rem;margin-top:3rem;font-size:1.8rem}.hidden{display:none}/*# sourceMappingURL=style.css.map */