body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-top:8px solid #0F8B8D;color:#143642}body{background-color:#ececec;min-height:100vh;font-size:14px}a{color:#ec9a29;text-decoration:none}a:hover{color:#80500d}header{text-align:center}.title{color:#143642}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:minmax(200px,auto);grid-gap:1rem;margin:30px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-sizing:border-box;padding:20px;text-align:left}.card__title{font-weight:700}.card__image-container{display:flex;justify-content:center;align-items:center;height:200px}.card__image{display:block;margin:auto;max-width:100%;max-height:100%}.card__store__in-stock{font-size:10px;float:right}.options{display:grid;grid-template-columns:2fr 1fr;padding:0 30px;grid-gap:1rem}@media only screen and (max-width: 489px){.card{width:100%}}@media only screen and (max-width: 769px){.options{grid-template-columns:1fr}}.search{display:flex;align-items:center;justify-content:center}.search__input{max-width:1440px;width:100%;height:45px;padding:0 20px;font-size:1rem;border:1px solid #D0CFCE;border-radius:5px;outline:none;box-sizing:border-box}.search__input:focus{border:1px solid #008ABF;transition:.35s ease;color:#008abf}