@import"https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";#root{margin:0 auto;padding:1rem;text-align:center}@media (max-width: 992px){#root{width:95%}}@media (min-width: 992px){#root{width:1280px}}p,div,span,label,input,button,h1,h2,h3,h4,h5,h6{font-family:Kodchasan,sans-serif}p,div,span,label,input,button{font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600}p,h3{margin:5px 0}.container{display:grid;grid-auto-rows:minmax(50px,auto);column-gap:10px;row-gap:10px;margin:10px auto 50px;padding:10px;border:dashed mediumspringgreen;border-radius:10px}@media (max-width: 992px){.container-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 992px){.container-four{grid-template-columns:repeat(4,minmax(0,1fr))}}.container-nav{display:grid;grid-auto-flow:column;column-gap:10px;align-items:center;justify-content:end}.img{height:150px;width:150px;object-fit:scale-down;margin-top:10px}.container-product-details{display:grid;grid-template-columns:repeat(2,1fr);padding:10px;background-color:snow;border:thick double slateblue;border-radius:10px;align-items:center}.product-details-img{height:300px;width:300px;object-fit:scale-down;margin:10px auto}.product-details-text{text-align:left}.quantity-box{margin-right:10px}.cart-img{height:70px;width:70px;object-fit:scale-down;margin:10px auto}.product-title{font-size:1em}.box{background-color:snow;border:thick double slateblue;border-radius:10px;padding:0 10px 10px}.container-cart{display:grid;grid-template-columns:repeat(8,1fr);background-color:snow;border:thick double slateblue;border-radius:10px;align-items:center}.cart-product{grid-column-start:1;grid-column-end:5}.cart-item-name{grid-column-start:2;grid-column-end:5}.button{border:thick double chocolate;width:fit-content;margin:5px 0;padding:0 5px}.button:hover{background-color:#ffa07a;border:thick double sienna;transition:background-color .5s ease}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}