.searchPage{min-height:calc(100vh - 100px)}.searchPage .loading{color:#9d9d9f;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.searchPage .loading .loadingSpinner{border:3px solid #191919;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.searchPage .searchHeader{background-color:#fff;padding:1rem clamp(.5rem,2vw,1.25rem) .75rem}@media (max-width:768px){.searchPage .searchHeader{padding:.5rem 0}}.searchPage .searchHeader .searchPageHotelSearch{margin:0 0 .75rem}.searchPage .searchHeader .searchSortRow{justify-content:flex-end;padding:0 4px;display:flex}.searchPage .searchHeader .searchSortRow .sortSelect{color:#191919;cursor:pointer;background:#fff;border:1px solid #9d9d9f;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;font-weight:500;transition:all .3s}.searchPage .searchHeader .searchSortRow .sortSelect:focus{border-color:#191919}.searchPage .searchHeader .searchInfo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:768px){.searchPage .searchHeader .searchInfo{flex-direction:column;align-items:stretch}.searchPage .searchHeader .searchInfo .locationInput{width:100%}.searchPage .searchHeader .searchInfo .headerActions{flex-wrap:wrap;justify-content:space-between}.searchPage .searchHeader .searchInfo .headerActions .sortSelect{flex:60%}.searchPage .searchHeader .searchInfo .headerActions .mapBtn{flex:30%;justify-content:center}}.searchPage .searchHeader .searchInfo .locationInput{flex:1;position:relative}.searchPage .searchHeader .searchInfo .locationInput .map-icon{color:#9d9d9f;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchPage .searchHeader .searchInfo .locationInput input{color:#191919;border:1px solid #9d9d9f;border-radius:12px;outline:none;width:100%;padding:14px 40px;font-size:14px;font-weight:500;transition:border-color .3s}.searchPage .searchHeader .searchInfo .locationInput input:focus{border-color:#191919}.searchPage .searchHeader .searchInfo .locationInput input::placeholder{color:#9d9d9f}.searchPage .searchHeader .searchInfo .locationInput button{cursor:pointer;color:#9d9d9f;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.searchPage .searchHeader .searchInfo .locationInput button:hover{background-color:#191919}.searchPage .searchHeader .searchInfo .headerActions{align-items:center;gap:12px;display:flex}.searchPage .searchHeader .searchInfo .headerActions .sortSelect{color:#191919;cursor:pointer;background:#fff;border:1px solid #9d9d9f;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.searchPage .searchHeader .searchInfo .headerActions .sortSelect:focus{border-color:#191919}.searchPage .searchHeader .searchInfo .headerActions .mapBtn{cursor:pointer;color:#191919;background:#fff;border:1px solid #9d9d9f;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.searchPage .searchHeader .searchInfo .headerActions .mapBtn:hover,.searchPage .searchHeader .searchInfo .headerActions .mapBtn.active{border-color:#191919}.searchPage .searchContent{padding:0 clamp(1rem,3vw,2rem)}.searchPage .searchContent .searchLayout{grid-template-columns:375px 1fr;align-items:start;gap:clamp(1.5rem,3vw,4rem);transition:grid-template-columns .3s;display:grid}.searchPage .searchContent .searchLayout.collapsed{grid-template-columns:60px 1fr}@media (max-width:1024px){.searchPage .searchContent .searchLayout{grid-template-columns:1fr;gap:1.5rem}.searchPage .searchContent .searchLayout.collapsed{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filtersPanel{background:#fff;border-radius:16px;transition:all .3s;position:relative;box-shadow:6px -6px 30px #0000000a}.filtersPanel.collapsed .filtersContent{display:none}.filtersPanel.collapsed .sidebarToggle{right:0;transform:none}.filtersPanel .sidebarToggle{cursor:pointer;z-index:10;border:1px solid #000;border-radius:8px;outline:none;justify-content:center;align-items:center;width:26px;height:26px;transition:all .3s;display:flex;position:absolute;top:1rem;right:-.75rem}.filtersPanel .filtersContent{flex-direction:column;gap:30px;padding:20px 24px;display:flex}.filtersPanel .filtersContent .filtersHeader{justify-content:space-between;align-items:center;display:flex}.filtersPanel .filtersContent .filtersHeader h3{color:#191919;margin:0;font-size:16px;font-weight:700}.filtersPanel .filtersContent .filtersHeader .resetBtn{color:#3196cf;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.filtersPanel .filtersContent .filterGroup{flex-direction:column;gap:12px;display:flex}.filtersPanel .filtersContent .filterGroup h4{color:#191919;font-size:14px;font-weight:600}.filtersPanel .propertyTypes{align-items:center;gap:20px;padding:0 8px;display:flex}.filtersPanel .propertyTypes .propertyOption{cursor:pointer}.filtersPanel .propertyTypes .propertyOption input{display:none}.filtersPanel .propertyTypes .propertyOption .propertyCard{flex-direction:column;align-items:center;gap:8px;display:flex}.filtersPanel .propertyTypes .propertyOption .propertyCard .propertyCard-img{aspect-ratio:1;border:1px solid #e0e0e2;border-radius:72px;justify-content:center;align-items:center;width:48px;display:flex}.filtersPanel .propertyTypes .propertyOption .propertyCard .propertyName{color:#9d9d9f;font-size:14px;font-weight:500}.filtersPanel .propertyTypes .propertyOption .propertyCard:hover .propertyCard-img,.filtersPanel .propertyTypes .propertyOption input:checked+.propertyCard .propertyCard-img{border-color:#191919}.filtersPanel .propertyTypes .propertyOption input:checked+.propertyCard .propertyName{color:#191919}.filtersPanel .hotelTypes{flex-wrap:wrap;align-items:center;gap:20px;padding:0 8px;display:flex}.filtersPanel .hotelTypes .hotelTypeOption{cursor:pointer}.filtersPanel .hotelTypes .hotelTypeOption input{display:none}.filtersPanel .hotelTypes .hotelTypeOption .hotelTypeCard{flex-direction:column;align-items:center;gap:8px;display:flex}.filtersPanel .hotelTypes .hotelTypeOption .hotelTypeCard .hotelCard-img{aspect-ratio:1;border:1px solid #e0e0e2;border-radius:72px;justify-content:center;align-items:center;width:48px;display:flex}.filtersPanel .hotelTypes .hotelTypeOption .hotelTypeCard .hotelTypeName{color:#9d9d9f;font-size:14px;font-weight:500}.filtersPanel .hotelTypes .hotelTypeOption .hotelTypeCard:hover .hotelCard-img,.filtersPanel .hotelTypes .hotelTypeOption input:checked+.hotelTypeCard .hotelCard-img{border-color:#191919}.filtersPanel .hotelTypes .hotelTypeOption input:checked+.hotelTypeCard .hotelTypeName{color:#191919}.filtersPanel .priceRange .priceSlider{background:#cbcbce;border-radius:12px;outline:none;width:100%;height:6px}.filtersPanel .priceRange .priceLabels{color:#9d9d9f;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.filtersPanel .star-rating{align-items:center;gap:12px;display:flex}.filtersPanel .star-rating .star-btn{background-color:#f4f4f4;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.filtersPanel .amenitiesFilter{flex-wrap:wrap;align-items:center;gap:10px;padding:0 8px;display:flex}.filtersPanel .amenitiesFilter .amenityOption{cursor:pointer;transition:all .3s}.filtersPanel .amenitiesFilter .amenityOption input{display:none}.filtersPanel .amenitiesFilter .amenityOption .amenityName{color:#49494b;border:.5px solid #9d9d9f;border-radius:32px;padding:12px 16px;font-size:14px;font-weight:500}.filtersPanel .amenitiesFilter .amenityOption input:checked+.amenityName{color:#fff;background-color:#191919;border-color:#191919}.filtersPanel .areaFilter{flex-wrap:wrap;align-items:center;gap:10px;padding:0 8px;display:flex}.filtersPanel .areaFilter .areaOption{cursor:pointer;transition:all .3s}.filtersPanel .areaFilter .areaOption input{display:none}.filtersPanel .areaFilter .areaOption .areaName{color:#49494b;border:.5px solid #9d9d9f;border-radius:32px;padding:12px 16px;font-size:14px;font-weight:500}.filtersPanel .areaFilter .areaOption input:checked+.areaName{color:#fff;background-color:#191919;border-color:#191919}.filtersPanel .applyBtn{color:#fff;cursor:pointer;background-color:#191919;border:none;border-radius:8px;width:100%;padding:16px 32px;font-size:14px;font-weight:600;transition:all .3s}.filtersPanel .applyBtn:hover{background-color:#1a252f}.resultsPanel .loading.loadMore{min-height:auto;padding:1.5rem 0}.resultsPanel .loading.loadMore .loadingSpinner{width:28px;height:28px;margin-bottom:.5rem}.resultsPanel .loading.loadMore p{font-size:13px}.resultsPanel .noResults,.resultsPanel .errorResults{text-align:center;background:#fff;border-radius:12px;padding:3rem;box-shadow:0 2px 8px #0000001a}.resultsPanel .noResults h3,.resultsPanel .errorResults h3{color:#191919;margin-bottom:1rem}.resultsPanel .noResults p,.resultsPanel .errorResults p{color:#9d9d9f;margin-bottom:2rem}.resultsPanel .noResults .resetBtn,.resultsPanel .errorResults .resetBtn{color:#fff;cursor:pointer;background-color:#191919;border:none;border-radius:8px;padding:12px 24px;transition:all .3s}.resultsPanel .noResults .resetBtn:hover,.resultsPanel .errorResults .resetBtn:hover{background-color:#0056b3}.hotelsList{grid-template-columns:repeat(3,1fr);gap:1.5rem;transition:grid-template-columns .3s;display:grid}.hotelsList.expanded{grid-template-columns:repeat(4,1fr)}@media (max-width:1280px){.hotelsList{grid-template-columns:repeat(2,1fr)}.hotelsList.expanded{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hotelsList,.hotelsList.expanded{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button:focus,input:focus,select:focus{outline-offset:2px;outline:2px solid #191919}@media print{.filtersPanel{display:none}.searchContent .searchLayout{grid-template-columns:1fr}.hotelCard{break-inside:avoid;box-shadow:none;border:1px solid #191919}}
