@import"https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--BG: hsl(20, 50%, 98%);--FontFamily: "Red Hat Text";--h1FontSize: 2rem;--h1Color: hsl(14, 65%, 9%);--h2Color: hsl(14, 86%, 42%);--text1: hsl(12, 20%, 44%)}body{font-family:var(--FontFamily);max-inline-size:1440px;background-color:var(--BG);margin-top:30px}h1{color:var(--h1Color);font-size:var(--h1FontSize);margin-left:100px}h2{color:var(--h2Color)}img{display:block;max-inline-size:100%}input{display:none}.overlay{position:fixed;inset:0;background-color:#00000080;z-index:1;opacity:0;transition:opacity .54s ease-in}.overlay.shown{opacity:1}.order{opacity:0;transform:translate(-50%,-45%);transition:opacity .56s ease-in;inline-size:600px;text-align:start;line-height:40px;z-index:2;position:fixed;background-color:var(--BG);padding:50px;border-radius:10px;overflow:auto;max-height:75vh;transform:translate(-50%,-50%);left:50%;top:50%;pointer-events:none}@media (width<850px){.order{width:100%;padding:10px}}.order.shownOrder{opacity:1;pointer-events:auto}.order.shownOrder .list{display:flex;align-items:center;justify-content:space-between}.order.shownOrder .list .finals{display:flex;gap:20px;align-items:center}.order.shownOrder .list img{max-inline-size:80px;border-radius:15px}@media (width<850px){.order.shownOrder .list img{filter:brightness(.8)}}.order.shownOrder h2{color:var(--h1Color);font-size:3rem}@media (width<850px){.order.shownOrder h2{font-size:2rem}}.order.shownOrder p{color:var(--text1)}.main{justify-content:space-evenly}@media (width>850px){.main{display:flex;flex-wrap:wrap;justify-content:center}}.wrapper{max-inline-size:900px;display:grid;gap:40px;margin:0 auto}@media (width>850px){.wrapper{grid-template-columns:repeat(3,1fr)}}.productTabs{line-height:1.7rem;overflow:hidden}@media (width<850px){.productTabs{margin:0 auto}}.productImg{max-inline-size:230px;border-radius:15px;filter:brightness(.6);transition:.7s ease-in-out}@media (width<850px){.productImg{transition:0s;filter:brightness(1);max-inline-size:180px}}.productImg:hover{transform:scale(1.1);filter:brightness(.9)}@media (width<850px){.productImg:hover{transform:scale(1)}}.cart{font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--text1);border-radius:20px;inline-size:150px;block-size:40px;padding:10px;margin:0 auto;transition:.3s;transform:translateY(-50%)}.cart:hover{cursor:pointer;color:var(--h2Color);box-shadow:2px 2px 7px var(--h1Color)}.items{display:flex;align-items:center;justify-content:space-evenly;border-radius:20px;gap:20px;border:none;background-color:var(--h2Color);inline-size:150px;block-size:40px;padding:10px;margin:0 auto;font-size:1.1rem;font-weight:600;transform:translateY(-50%)}.icons{border:1px solid var(--BG);fill:var(--BG);max-inline-size:100%;border-radius:100%;padding:5px;transition:.3s}.icons:hover{background-color:var(--h1Color);fill:var(--h2Color);cursor:pointer}.items span{color:var(--BG)}.category{color:var(--text1)}.name{color:var(--h1Color);font-weight:600;font-size:1.2rem}.price{color:var(--h2Color);font-weight:600}.price:before{content:" $ "}.cartItems .list{margin-block:20px;line-height:30px}@media (width<850px){.cartItems .list{padding:10px}}.cartItems .list p{color:var(--h1Color);font-weight:600}.cartItems .list .itemInfo{display:flex;justify-content:space-between;align-items:center}.cartItems .list .itemInfo div{display:flex;align-items:center;gap:15px}.cartItems .list .itemInfo p{color:var(--text1)}.cartItems .list .itemInfo .total{color:var(--h2Color);margin-right:10px}.cartItems .list .itemInfo .price{font-weight:400}.cartItems .list .itemInfo img{max-inline-size:100%;border:1px solid var(--text1);border-radius:100%;padding:5px;transition:.4s}.cartItems .list .itemInfo img:hover{border:2.1px solid var(--h1Color);cursor:pointer}.cartItems .orderinfo{display:flex;align-items:center;justify-content:space-between}.cartItems .orderinfo .total{font-size:1.5rem;color:var(--h1Color);font-weight:600}.cartItems .foot{margin-block:30px;display:flex;align-items:center;justify-content:center}.cartItems .button{display:flex;justify-content:center;align-items:center;width:100%;block-size:10px;border:1px solid var(--h2Color);border-radius:25px;color:var(--BG);font-weight:600;font-family:var(--FontFamily);background-color:var(--h2Color);padding:25px;transition:.6s}.cartItems .button:hover{background-color:var(--BG);color:var(--h2Color);cursor:pointer}