*{margin:0;padding:0;box-sizing:border-box}body{display:flex;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}#root{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%}.app{width:100%;height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;background-color:#0a7979a4;padding:10px;font-size:max(2.5vw,20px)}.nav a{color:#fff;text-decoration:none}.productPage,.cart-container{flex-grow:1;max-width:100%;overflow-y:auto;flex-wrap:wrap}.productPage h1{margin:4rem;font-size:2.5rem;font-family:Times New Roman,Times,serif;display:flex;justify-content:center}.product-content{margin:2rem;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.product-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;width:80%;margin-bottom:6rem}.product-detail img{border:1px solid rgba(0,0,0,.171);padding:5px;border-radius:150px;width:250px;height:250px;margin-right:4rem}.product-detail h3{max-width:80%}.product-details{font-size:2rem;text-align:center}.product-details h2{margin-bottom:4rem}.product-details h4{color:red;margin-bottom:4rem}.cart-container{margin:10px}.cart-details{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;text-align:center;background-color:#80808056;font-size:max(1.7vw,15px);font-weight:600;padding:15px}.cart-products{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;place-content:center;align-items:center;text-align:center}.cart-products img{width:max(5vw,50px);height:max(5vw,50px);border-radius:50%;place-self:center}.cart-products h4{font-size:max(2vw,11px)}.cart-products h5{font-size:max(1.2vw,11px)}.cart-products button{font-size:max(1.2vw,17px);margin-right:1px;padding:2px;border-radius:50%;width:max(1.5vw,25px);border:none;cursor:pointer}.cart-btn-{background-color:#ff00009f;color:#f5f5f5}.cart-btnq{color:#000}.cart-btnplus{background-color:#008000a2;color:#f5f5f5}.remove-btn{cursor:pointer;color:red}.remove-btn:hover{color:#ff000075}.cart-Link{text-decoration:none;margin:5px;width:80%;padding:7px;font-size:2rem;display:inline-block;border:1px solid black;border-radius:10px;background-color:#daa520;color:#f5f5f5;cursor:pointer}.cart-Link:hover{background-color:#ecb833}.content{display:flex;flex-direction:column;align-items:center}.price{display:flex;justify-content:center;flex-direction:column;margin-top:20px;align-items:center}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));row-gap:10px;gap:max(.5vw,1px);flex-grow:1;flex-wrap:wrap;overflow-y:auto}.productCard{display:flex;flex-direction:column;text-align:center;border:1px solid black;border-radius:10px;margin:5px;box-shadow:2px 2px 10px #000000a6;height:max(25vw,350px)}.productCard-img{height:58%;padding:10px 30px}.productCard-img img{width:100%;height:100%}.productCard h2{margin-bottom:4px}.product-attribute{background-color:#8080808c;height:42%;border-radius:0 0 9px 9px;padding:2px}.product-attribute h2{height:40%}.product-attribute h3{color:#ff0000be;font-size:1.5rem}.product-attribute button{padding:5px;font-size:max(1.7vw,14px);border:.5px solid black;border-radius:10px;background-color:#daa520;cursor:pointer}.footer{background-color:#0a7979a4;display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:max(1.5vw,13px)}.footer h4 span{color:#ff0000b6}.footer button{background-color:#daa520;padding:5px;border-radius:10px;font-weight:700;font-size:max(1.5vw,10px)}