: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%)}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font:inherit}input,textarea,select{font:inherit}form{margin:0;padding:0}body{background-color:var(--rose-50)}.container{padding:1rem;background-color:var(--rose-50);min-height:100vh;height:100%}hr{background-color:var(--rose-100);height:1px;border:none}@media(min-width:768px){.container{display:flex;align-items:center;flex-direction:column}.product-list{display:grid;grid-template-areas:"div div div";gap:20px;grid-template-columns:repeat(3,200px)}.cart{width:80%}}@media(min-width:1440px){.container{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline;padding:100px 0}.product-list{grid-template-columns:repeat(3,250px)}.cart{width:auto}}button.product-card__btn:hover{border:1px solid var(--red);color:var(--red)}button.cart__order:hover{filter:brightness(.8)}button.btn-counter:hover{background-color:#fff;color:var(--red);border:1px solid black}button.btn-counter:hover img,button.item__remove-button:hover{filter:invert(1)}@font-face{font-family:RedHatText;src:url(/product-list/assets/fonts/RedHatText-VariableFont_wght.ttf);font-weight:500,600,700}body{font-weight:500;font-family:RedHatText;color:var(--rose-900)}h3{font-size:16px;font-weight:500}.product-card{padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.product-card__header{display:flex;justify-content:center;align-items:center;flex-direction:column}.product-card__image{width:100%;border-radius:12px}.product-card__image.active{outline:3px solid var(--red)}.product-card__category{color:var(--rose-500);font-size:15px}.product-card__price{color:var(--red);font-weight:700;font-size:16px}.product-card__btn{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:-20px;padding:.6rem 1.6rem;background:#fff;border:1px solid var(--rose-300);border-radius:50px;width:fit-content;cursor:pointer;font-weight:600}.product-card__btn:hover{opacity:1}.product-card__btn--added{background-color:var(--red);color:#fff;border:1px solid var(--red);padding:.6rem 1.6rem;border-radius:50px;gap:30px}.product-card__btn--added .btn-counter{border-radius:50%;background:inherit;border:1px solid white;padding:2px;display:inline-flex}.product-card__btn--added .decrement{padding:6px 2px}.cart{background-color:#fff;border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.cart__title{align-self:flex-start;color:var(--red)}.cart .item__quantity-number{color:var(--red);font-weight:600}.cart__order{background-color:var(--red);color:#fff;border:1px solid var(--red);padding:.6rem 1.6rem;border-radius:50px}.cart__items{width:100%}.cart__footer{width:100%;display:flex;flex-direction:column;gap:10px;padding:10px 0;align-content:space-between}.cart__total{display:flex;justify-content:space-between;align-items:center}.cart__info{display:flex;justify-content:center;align-items:center;background-color:var(--rose-100);padding:10px;border-radius:10px;gap:5px}.info{color:var(--rose-400)}.item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.item__remove-button{border:1.5px solid var(--rose-300);border-radius:50%;padding:1px}.item__details{display:inline-flex;gap:15px;color:var(--rose-400);font-weight:300}.item__total-price{color:var(--rose-500);font-weight:500}.overlay{position:fixed;inset:0;background:#0009;z-index:1}.order{position:fixed;bottom:0;background:var(--rose-50);color:inherit;padding:20px;z-index:2;box-shadow:0 4px 8px #0000001a;width:100%;left:0;display:flex;flex-direction:column;align-items:flex-start;height:80%;border-radius:12px 12px 0 0;justify-content:space-evenly}.order__details{background-color:var(--rose-100);border-radius:12px;width:100%;padding:20px;display:inline-grid;gap:15px}.order__details hr{background-color:#d3d3d3}.order .order__item{display:inline-flex;align-items:center;justify-content:space-between;gap:10px}.order .order__item-quantity-number{color:var(--red);font-weight:600}.order .order__item-details{color:var(--rose-400);font-weight:400}.order .order__item img{height:50px;border-radius:5px}.order .btn-new-order{background-color:var(--red);color:#fff;border:1px solid var(--red);padding:.6rem 1.6rem;border-radius:50px;width:100%}.order-total-price{display:inline-flex;align-content:space-around}.order article{display:inline-flex;gap:10px;align-items:center}.order .middle{align-content:center}@media(min-width:768px){.order{inset:0;margin:auto;width:max-content;border-radius:12px;height:fit-content;gap:15px;padding:40px}}