#hotels-anchor{flex:1;width:100%}.hotels-block{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;display:grid}.hotels-block-wrapper{gap:24px;max-width:1200px;margin:0 auto;display:flex}.hotels-block-filter{flex-direction:column;width:282px;min-width:282px;height:fit-content;display:flex}.loader-wrapper{backdrop-filter:blur(5px);background:#f9f9f980;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;margin:20px 0;display:flex}.loader-wrapper.loader-more{background:#fffc;min-height:200px;margin:40px 0 20px}.loader-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.loader-title{color:#333;margin:0;font-size:24px;font-weight:600}.loader-subtitle{color:#666;max-width:300px;margin:0;font-size:16px;line-height:1.4}.loader{box-sizing:border-box;filter:drop-shadow(0 4px 8px #0000001a);width:60px;height:60px;margin:20px auto;display:block;position:relative}.loader:after{content:"";box-sizing:border-box;border:18px solid #ff4f00;border-radius:50% 50% 0;width:60px;height:60px;animation:.6s ease-in-out infinite alternate animMarker;position:absolute;bottom:0;left:0;transform:rotate(45deg)translate(0)}.loader:before{content:"";box-sizing:border-box;background:#ff4f004d;border-radius:50%;width:30px;height:6px;margin:auto;animation:.6s ease-in-out infinite alternate animShadow;position:absolute;top:150%;left:0;right:0}.no-hotels-found{background:#f9f9f980;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin:20px 0;padding:40px 20px;display:flex}.no-hotels-icon{opacity:.6;margin-bottom:20px;font-size:64px}.no-hotels-title{color:#333;margin-bottom:8px;font-size:24px;font-weight:600}.no-hotels-subtitle{color:#666;max-width:300px;font-size:16px;line-height:1.4}@keyframes animMarker{0%{transform:rotate(45deg)translate(6px,6px)}to{transform:rotate(45deg)translate(-6px,-6px)}}@keyframes animShadow{0%{opacity:.3;transform:scale(.6)}to{opacity:.8;transform:scale(1.2)}}@media (max-width:1200px){.hotels-block-wrapper{flex-direction:column;margin:0 20px}.hotels-block-filter{width:100%;margin-bottom:20px;position:static}}.form_input_search{color:#969696;box-sizing:border-box;background:#fff;border:none;border-radius:16px;width:100%;height:45px;padding:12px 20px;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.hotels-mobile-filter-wrapper{flex-wrap:wrap;gap:12px;display:flex}.hotels-mobile-filter-wrapper .form_input{flex-grow:3}.hotels-mobile-filter-wrap .form_input:first-child{display:none}.hotels-sort{justify-content:space-around;display:flex}.hotels-sort_element{cursor:pointer;text-align:center;border-radius:25px;outline:1px solid silver;width:160px;margin:10px 20px;padding:6px 8px}.hotels-sort_element__bold{outline:2px solid silver;font-weight:600}.more-hotels-button{cursor:pointer;box-sizing:border-box;background:inherit;border:1px solid #222;border-radius:17px;width:282px;padding:10px;transition:all .5s}.more-hotels-button:hover{transform:scale(1.05)}.hotels-block-title{width:100%}.hotels-sort-section{justify-content:flex-end;margin-bottom:24px;padding:0 4px;display:flex}@media (max-width:768px){.hotels-sort-section{justify-content:center;margin-bottom:16px}}@media (max-width:500px){.hotels-sort{flex-direction:column;align-items:center}}@media (max-width:1200px){.hotels-mobile-filter-wrap .form_input:first-child,.hotels-mobile-filter-wrap{display:block}}
.dynamic-hotels-block{width:100%}.hotels-count{text-align:center;color:#333;margin-bottom:2rem;font-size:1.2rem;font-weight:600}.hotels-loading{justify-content:center;align-items:center;min-height:200px;padding:40px;display:flex}.loading-spinner{font-size:18px;animation:1s linear infinite spin}.filter-loading{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:16px;min-height:400px;margin:20px 0;box-shadow:0 4px 20px #00000014}.initial-loading{background:linear-gradient(135deg,#fafbfc 0%,#f1f5f9 100%);border-radius:12px;min-height:300px;margin:20px 0}.loading-spinner-enhanced{flex-direction:column;align-items:center;gap:24px;display:flex}.spinner-circle{border:5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:56px;height:56px;animation:1.2s linear infinite spin;box-shadow:0 2px 10px #3b82f633}.loading-text{color:#475569;letter-spacing:.5px;text-align:center;font-size:18px;font-weight:600;animation:2s ease-in-out infinite pulse}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-enhanced{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hotels-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.no-hotels{text-align:center;color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:80px 20px;font-size:16px;line-height:1.6}.no-hotels-icon{opacity:.7;margin-bottom:16px;font-size:48px}.no-hotels h3{color:#334155;margin:0 0 16px;font-size:24px;font-weight:600}.no-hotels p{color:#64748b;margin:8px 0}.load-more-container{justify-content:center;margin:40px 0;padding:20px;display:flex}.load-more-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-width:180px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.load-more-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #3b82f64d}.load-more-button:disabled{opacity:.8;cursor:not-allowed;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);transform:none}@media (max-width:768px){.hotels-grid{grid-template-columns:1fr;gap:1rem}.hotels-count{margin-bottom:1.5rem;font-size:1.1rem}.load-more-button{padding:.6rem 1.5rem;font-size:.9rem}}