@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{margin:auto;padding-top:100px;box-sizing:border-box;font-family:Roboto,sans-serif;padding-bottom:200px}.container{max-width:100%;margin:auto;display:flex;justify-content:center}input{padding:10px;width:70%}button{padding:10px}.product-card{background:#fff;padding:10px;margin-top:10px;border-radius:5px;box-shadow:0 0 4px #0000001a}.error{color:red}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:20px;z-index:99;position:fixed;top:0;left:0;right:0}.bgnavbar{background-color:#131921;width:100%;height:80px;z-index:88;position:fixed;top:0;left:0}.logo img{max-width:none;width:150px;height:auto}.search{width:60%;height:auto;display:flex;align-items:center}#searchBtn{background-color:#febd69}#searchBtn:hover{background-color:#f3a847}.search>input{height:45px;border:none;border-radius:8px 0 0 8px;font-size:18px}.search>input:focus{outline:none}.search>button{border:none;height:45px;border-radius:0 8px 8px 0}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);width:1300px;margin:auto;padding-right:200px}.product-card{border:1px solid #ccc;padding:15px;background:#fff;border-radius:8px;text-align:center;box-shadow:0 0 8px #0000000d;width:300px}.product-card>img{width:200px}.product-card>h3{font-size:16px;text-align:left}.rating{display:flex}@media (max-width:720px){.product-grid{grid-template-columns:repeat(1,1fr);width:100%;padding-right:0;gap:150px}.product-card{width:90%;height:100%;margin:auto}.product-card>img{width:600px;padding:80px}.product-card>h3{font-size:30px;padding-inline:40px;text-align:start}.product-card>p{font-size:25px}.navbar{width:100%;padding-top:30px;padding-bottom:20px}.bgnavbar{padding:20px}.search{width:90%;margin-left:100px}.search>input{height:60px;font-size:22px}.search>button{height:60px;font-size:20px;width:120px}.logo img{width:200px}}@media (min-width: 800px) and (max-width: 1400px){.product-grid{grid-template-columns:repeat(4,1fr);width:90%;margin:auto;padding-right:0;gap:50px}.product-card{width:100%}.product-card>h3{font-size:13px}.product-card>p{font-size:12px}}.star-rating{position:relative;display:inline-block;font-size:1.2rem;color:#ccc;unicode-bidi:bidi-override}.star-rating:before{content:"★★★★★";letter-spacing:2px}.star-fill{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#f8ce0b}.star-fill:before{content:"★★★★★";letter-spacing:2px}@media (max-width: 720px){.star-rating{font-size:3em}}