body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;margin:0 auto;max-width:800px;padding:16px}@media (max-width:767px){.App{max-width:100%;padding:8px}}.categories{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;height:240px;justify-content:center;margin-bottom:16px}.categories button{background-color:#fff;border:none;border-radius:24px;color:#555;cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.categories button:hover{background-color:#ddd}.categories button.active{background-color:#5c5;color:#fff}@media (max-width:767px){.categories{flex-direction:row;overflow-x:auto;padding:8px 0}.categories button{border-radius:20px;font-size:14px;padding:6px 12px}}@media (min-width:768px) and (max-width:991px){.categories button{border-radius:20px;font-size:14px;padding:8px 16px}}@media (min-width:992px){.categories button{border-radius:24px;font-size:16px;padding:8px 20px}}.products{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;padding:16px}.product img{height:auto;margin-bottom:16px;max-width:100%}.product-details{display:flex;flex-direction:column;flex-grow:1}.product-title{font-size:20px;font-weight:600;margin-bottom:8px}.product-price{font-size:16px}.product-description,.product-price{margin-bottom:8px}.product-category{color:#999;font-style:italic;margin-bottom:8px}.product-rating{color:#888;font-size:14px;margin-top:auto}@media (max-width:767px){product{padding:8px}.product img{margin-bottom:8px}.product-title{font-size:16px;margin-bottom:4px}.product-price{font-size:14px}}@media (min-width:768px) and (max-width:991px){.product{padding:12px}.product-title{font-size:18px;margin-bottom:6px}.product-price{font-size:14px}}@media (min-width:992px){.product{padding:16px}.product-title{font-size:20px;margin-bottom:8px}.product-price{font-size:16px}}
/*# sourceMappingURL=main.d936763f.css.map*/