.places-archive-container { display: flex; flex-wrap: wrap; gap: 30px; }
.places-filter-sidebar { flex: 1 1 280px; max-width: 100%; }
.places-results-content { flex: 3 1 600px; position: relative; /*min-height: 400px; */}
#places-filter-form h3 { margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; }
.filter-group { margin-bottom: 25px; }
.filter-group label { display: block; font-weight: bold; margin-bottom: 8px; }
.filter-group select, .filter-group input[type="number"] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.price-inputs { display: flex; gap: 10px; }
.amenity-checkboxes span { display: flex; align-items: center; margin-bottom: 8px; }
.amenity-checkboxes input[type="checkbox"] { margin-right: 10px; }
.amenity-checkboxes label { font-weight: normal; margin-bottom: 0; }
#reset-filters-button { width: 100%; padding: 12px; background-color: #666; color: #fff; border: none; border-radius: 4px; cursor: pointer; text-align: center; font-weight: bold; transition: background-color 0.2s ease; }
#reset-filters-button:hover { background-color: #444; }
.places-filter-grid { --columns: 3; grid-template-columns: repeat(var(--columns), 1fr); gap: 20px;}
.no-results { text-align: center; padding: 50px 20px; background-color: #f9f9f9; border: 1px dashed #ddd; border-radius: 5px; }
.places-results-content.loading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 10; }
.places-results-content.loading .loader { display: block; }
.loader { display: none; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; z-index: 11; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (max-width: 991px) { .places-filter-grid { --columns: 2; } }
@media (max-width: 767px) { .places-archive-container { flex-direction: column; } .places-filter-grid { --columns: 1; } }