/* Hide the filter section by default on mobile devices */
.filter-section {
display: none;
background: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
}
.filter-toggle-button {
display: block;
background: #007bff;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.filter-section {
display: block !important;
border: none;
padding: 0;
}
.filter-toggle-button {
display: none;
}
}