@import"https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";.cart{background-color:var(--color-white);padding:2.4rem;border-radius:var(--bd-r-xl)}.heading--2{color:var(--color-red);font-size:2rem}.cart__list{width:100%;max-height:20rem;overflow-y:auto;margin-top:2.5rem;padding-right:1.5rem}.cart__list--item{border-bottom:1px solid var(--color-rose-100);display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5rem}.text{display:flex;flex-direction:column;gap:.4rem}.text div{display:flex;align-items:center;gap:1.5rem}.text div p{font-size:1.4rem}.cart--quantity{color:var(--color-red);font-size:1.4rem;font-weight:600}.text p>span{margin-left:1.5rem;font-weight:500}.btn--remove{background-color:transparent;width:2rem;height:2rem;border:1.5px solid var(--color-rose-400);border-radius:100%}.product--name{font-weight:600}.cart__summary{margin-top:2.5rem;display:flex;align-items:center;justify-content:space-between}.cart__summary span{font-size:1.2rem}.cart__summary strong{font-size:2.2rem}.cart__info{padding:2rem 1rem;background-color:var(--color-rose-50);display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--bd-r-s);margin-top:2.5rem;font-size:1.2rem}.modal{width:100%;height:100vh;left:0;top:0;position:fixed;z-index:2;background-color:#000000c0;display:flex;align-items:center;justify-content:center}.cart__summary span{font-size:1.5rem}.modal--quantity{color:var(--color-red)}.modal__content{width:100%;max-width:var(--max-s-screen-tablet);padding:4rem 1.5rem;background-color:var(--color-white);border-radius:var(--bd-r-xl)}.modal__list{padding:2rem 1rem;background-color:var(--color-rose-50);border-radius:var(--bd-r-s);margin-top:3.2rem}.box-list{max-height:20rem;overflow-y:scroll;padding-right:1.8rem}.modal__list--item{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--color-rose-100);padding-bottom:1.5rem}.modal__list--item img{height:4rem;border-radius:calc(var(--bd-r-s) / 2)}.modal--text{margin-right:auto}.modal .heading--1{width:3.5ch;font-size:2.5rem}.modal__content>img{height:4rem;margin-bottom:2rem}.paraghaphy{font-size:1.4rem;margin-top:.8rem}.product{position:relative}.product__list--item{width:100%;position:relative}.btn--add{border-radius:100rem;padding:1.2rem;width:52%;border:2px solid var(--color-rose-400);background-color:var(--color-white);position:absolute;left:50%;bottom:7.5rem;transform:translate(-50%);display:inline-block;font-weight:600;color:var(--color-rose-900);font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn--add:hover{border:2px solid var(--color-rose-500)}.btn-quantity{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1.4px solid var(--color-white);display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:100%}.product--quantity{position:absolute;border-radius:100rem;padding:1.2rem;width:52%;left:50%;bottom:7.6rem;transform:translate(-50%);background-color:var(--color-red);color:var(--color-white);display:flex;align-items:center;justify-content:space-around;gap:2rem;font-size:1.4rem}.product__description{margin-top:3rem}.product__description--text{color:var(--color-rose-500);font-size:1.5rem}.product__description--price{color:var(--color-red);font-weight:600}:root{--color-red: rgb(199, 58, 15);--color-green: hsl(159, 69%, 38%);--color-rose-50: hsl(20, 50%, 98%);--color-rose-100: hsl(13, 31%, 94%);--color-rose-300: hsl(14, 25%, 72%);--color-rose-400: hsl(7, 20%, 60%);--color-rose-500: hsl(12, 20%, 44%);--color-rose-900: hsl(14, 65%, 9%);--color-black: hsl(0, 0%, 0%);--color-white: hsl(0, 0%, 100%);--f-f-def: "Red Hat Text", sans-serif;--f-s-def: 1.6rem;--fw-def: 400;--line-h-def: 1.5;--bd-r-s: .8rem;--bd-r-xl: 1.2rem;--max-s-screen-desktop: 121.6rem;--max-s-screen-tablet: 68.8rem;--max-s-screen-mobile: 32.7rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list],li{list-style:none}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{font-size:62.5%}body{font-family:var(--f-f-def);font-size:var(--f-s-def);font-weight:var(--fw-def);line-height:var(--line-h-def);color:var(--color-rose-900)}.app{background-color:var(--color-rose-50);padding:2rem;min-height:100vh;position:relative}.wrapper{width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4rem}.heading--1{color:var(--color-rose-900);font-size:3rem}.heading--3{font-weight:600}.product__list{margin-top:3rem;--min: 24ch;--gap: 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));grid-gap:2.5rem}.wrapper-img img{border-radius:var(--bd-r-s);transition:transform .3s ease}.wrapper-img{overflow:hidden;border-radius:var(--bd-r-s)}.wrapper-img>picture img.has-border{border:3px solid var(--color-red)}.wrapper img:hover{transform:scale(1.3);backface-visibility:hidden}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;--webkit-appearance: none;cursor:pointer}.btn--order{width:100%;margin-top:2.5rem;background-color:var(--color-red);color:var(--color-white);border:transparent;padding:1.5rem;font-size:1.5rem;border-radius:100rem}.loader{color:var(--color-red);position:absolute;top:50%;left:50%;transform:translate(-50%);font-size:11px;background:var(--color-red);animation:escaleY 1s infinite ease-in-out;width:1em;height:4em;animation-delay:-.16s;transform:scale(.5)}@media only screen and (min-width: 35.75em){.cart__info{font-size:1.5rem}.modal .heading--1{font-size:3rem}.modal__content{padding:4rem 3rem}}@media only screen and (min-width: 64em){html{font-size:55%}.wrapper{max-width:calc(var(--max-s-screen-desktop));margin:5% auto;grid-template-columns:2.5fr 1fr;grid-column-gap:4rem}.modal .heading--1{width:100%}.loader{transform:scale(.7)}.cart{align-self:start}.cart__info{padding:1.3rem;font-size:1.4rem}.modal__list{padding:2rem 2.5rem}}.empty{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.empty p{font-size:1.4rem;color:var(--color-rose-500)}.loader:before,.loader:after{content:"";position:absolute;top:0;left:2em;background:var(--color-red);width:1em;height:4em;animation:escaleY 1s infinite ease-in-out}.loader:before{left:-2em;animation-delay:-.32s}@keyframes escaleY{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.error-message{position:absolute;left:45%;top:50%;transform:translate(-50%,-50%)}.error-message p{font-size:2rem;color:var(--color-rose-900)}