.results-grid>*{min-width:0}.search-input-container{justify-content:space-around;width:100%;max-width:1200px;margin:auto;padding:20px 0;display:flex}.search-input-container label{width:80%}.search-input{border:1px solid gray;border-radius:16px;width:100%;max-width:725px;padding:15px}.filter-input-container{justify-content:start;align-items:center;width:96%;max-width:1200px;margin:auto;padding:20px 0;display:flex}button{background-color:var(--color-terracotta);color:var(--color-linen);text-transform:uppercase;border:none;border-radius:12px;width:100%;max-width:150px;padding:10px}.cat-filter{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.cat-filter button{text-align:center;background-color:var(--color-turmeric);border-radius:6px;width:100%;min-width:100px;max-width:125px;height:40px;margin:0 5px;padding:0 10px}.cat-filter button.active{background-color:var(--color-turmeric);color:#fff;transform:translateY(-1px);box-shadow:0 0 6px 4px #e2b714b3}.clear-btn{background-color:var(--color-sage)}.results-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1200px;margin:auto;padding:20px;display:grid}.pagination{justify-content:center;gap:8px;margin:20px 0;display:flex}.pagination button{border:1px solid var(--color-terracotta);cursor:pointer;background:var(--color-linen);width:80px;color:var(--color-terracotta);border-radius:6px;padding:6px 12px}.pagination button.active-page{background:var(--color-sage);color:var(--color-linen)}@media (min-width:781px) and (max-width:1080px){.results-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr);place-items:center;width:auto}.search-input-container{justify-content:stretch;gap:20%;width:87%;display:grid}.search-input{max-width:350px}.filter-input-container{grid-template-columns:repeat(1,1fr);gap:4%;width:90%;display:grid}.cat-filter{grid-template-columns:repeat(3,2fr);row-gap:20px;margin-bottom:20px;display:grid}}@media screen and (max-width:780px){.results-grid{grid-template-columns:1fr;padding:16px;display:grid}.search-input-container{justify-content:stretch;gap:20%;width:87%;display:grid}.search-input{max-width:250px}.filter-input-container{grid-template-columns:repeat(1,2fr);gap:4%;width:90%;display:grid}.cat-filter{grid-template-columns:repeat(2,2fr);row-gap:20px;margin-bottom:20px;display:grid}}