:root{--x-navy:#0f2345;--x-muted:#6b7280;--x-border:#e6e7eb;--x-shadow:0 8px 30px rgba(0,0,0,.12);--x-pill:#ffffff;--x-accent:#162546}.x-header{border-bottom:1px solid #eef1f6;background-color:#fff;position:sticky;top:0;z-index:1000;width:100%;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.x-logo{height:50px;width:auto}.x-search-wrap{display:flex;justify-content:center}.x-searchbar{position:relative;display:flex;align-items:center;gap:14px;background:var(--x-pill);border:1px solid var(--x-border);border-radius:999px;padding:.65rem .75rem;box-shadow:-1px 7px 16px rgb(0 0 0 / 6%);width:min(760px,84vw);transition:background-color .2s ease,border-color .2s ease}.x-seg{display:flex;flex-direction:column;gap:.15rem;padding:0 .5rem;min-width:0;cursor:pointer;border-radius:999px;position:relative}.x-seg h6{margin:0;font-size:.85rem;color:#222;margin-top:5px;margin-bottom:-3px}.x-sub{margin:0;font-size:.9rem;color:var(--x-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 #413f3f}.x-sep{height:32px;width:1px;background:var(--x-border)}.x-btn{margin-left:auto;background:var(--x-accent);border:none;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff}.x-where{flex:1 1 auto;max-width:40%}.x-field{position:relative}.x-input{border:0;outline:0;background:transparent;width:100%;font-size:.91rem;margin-left:0;padding-left:0;text-shadow:0 0 #413f3f}.x-clear{position:absolute;inset:-10px 0px 0px auto;display:grid;place-items:center;color:#6b7280;width:28px;height:28px;border-radius:50%;border:unset;background:unset;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.x-seg.active .x-clear{visibility:visible;opacity:1;z-index:3}.x-panel,.x-price-panel,.x-dorm-panel{position:absolute;top:calc(100% + 10px);background:#fff;border:1px solid var(--x-border);border-radius:24px;padding:16px 12px;box-shadow:var(--x-shadow);z-index:30;display:none}.x-panel{left:0;width:min(400px,82vw)}.x-price-panel{left:50%;transform:translateX(-50%);width:min(450px,90vw);padding:1.5rem}.x-dorm-panel{right:0;width:320px;padding:1rem}.x-item{display:flex;align-items:center;gap:14px;padding:12px 12px;border-radius:16px;border:unset;background:#ffffff;width:100%}.x-item:hover{background:#f8fafc}.x-ico{width:56px;height:56px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;color:#0f172a}.x-ico>i.bi{font-size:1.5rem}.x-city{margin:0;color:#111;text-align:left}.x-region{margin:0;color:#475569;text-align:left}.x-searchbar.is-active{background:#ebebeb;box-shadow:none;border-color:transparent}.x-searchbar.is-active .x-seg.active{background-color:transparent;box-shadow:none;position:relative;z-index:2}.x-searchbar.is-active .x-seg.active::before{content:'';position:absolute;top:-11px;bottom:-5px;left:-14px;right:-12px;background:var(--x-pill);border-radius:999px;box-shadow:var(--x-shadow);z-index:-1;height:66px}.x-search-placeholder{display:none;align-items:center;font-size:0.9rem;color:#222;padding-left:0.5rem;width:100%}.x-search-placeholder .bi{font-size:1.1rem}.x-search-placeholder span{margin-left:10px}.x-price-panel h6{font-size:1.1rem;margin-bottom:0}.x-price-panel p{color:var(--x-muted)}.x-price-inputs{display:flex;gap:1rem;justify-content:space-between}.x-price-field{border:1px solid #ccc;border-radius:8px;padding:0.5rem 0.8rem;flex:1;background:#fff}.x-price-field label{font-size:0.75rem;color:var(--x-muted);display:block}.x-price-field input{border:none;outline:none;width:100%;font-size:1rem;background:transparent}.x-price-field input::-webkit-outer-spin-button,.x-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.x-price-field input[type=number]{-moz-appearance:textfield}.x-stepper-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0.5rem}.x-stepper-row:not(:last-child){border-bottom:1px solid var(--x-border)}.x-stepper-label{font-size:1rem;color:#222}.x-stepper-controls{display:flex;align-items:center;gap:1rem}.x-stepper-btn{width:32px;height:32px;border-radius:50%;border:1px solid #ccc !important;background-color:#fff;color:#555;display:grid;place-items:center;font-size:1.2rem;cursor:pointer;transition:background-color 0.2s}.x-stepper-btn:hover{background-color:#f0f0f0}.x-stepper-btn:disabled{opacity:0.5;cursor:not-allowed}.x-stepper-value{font-size:1rem;min-width:20px;text-align:center}#mobileSearchPanel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1100;display:none;flex-direction:column;transition:transform .3s ease-in-out}body.mobile-search-active{overflow:hidden}.mobile-search-header{padding:1rem}.mobile-search-header button{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;font-size:1.8rem;line-height:1;font-weight:300;color:#555}.mobile-search-content{padding:0 1.5rem;flex-grow:1;overflow-y:auto}.mobile-search-content h2{font-weight:700;font-size:2rem;margin-bottom:1.5rem}.mobile-search-input-wrap{display:flex;align-items:center;border:1px solid #ccc;border-radius:12px;padding:0.8rem 1rem}.mobile-search-input-wrap i{font-size:1.2rem;color:var(--x-muted)}.mobile-search-input-wrap input{border:none;outline:none;flex-grow:1;margin-left:0.8rem;font-size:1rem;background:transparent}#mobileSuggestionsPanel{margin-top:1rem}#mobileSuggestionsPanel .mobile-suggestion-item{display:flex;align-items:center;padding:1rem 0;border:none;background:none;width:100%;text-align:left}#mobileSuggestionsPanel .mobile-suggestion-item:not(:last-child){border-bottom:1px solid var(--x-border)}.mobile-suggestion-item .icon-wrap{width:48px;height:48px;border-radius:50%;background-color:#f1f5f9;display:grid;place-items:center;margin-right:1rem;color:var(--x-navy);font-size:1.5rem}.mobile-filter-options{margin-top:2rem}.mobile-filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1.2rem 1rem;font-size:1.1rem;background:#f1f5f9;margin-top:1rem;border-radius:20px;text-shadow:0 0 #333333}.mobile-filter-row button{border:none;background:none;font-weight:600;font-size:1rem}.mobile-search-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--x-border)}.mobile-search-footer #mobileClearAll{border:none;background:none;font-weight:600;text-decoration:underline}.mobile-search-footer #mobileSearchBtn{background-color:var(--x-accent);color:#fff;border:none;border-radius:8px;padding:0.8rem 1.5rem;font-size:1rem;font-weight:600}.mobile-search-footer #mobileSearchBtn i{margin-right:0.5rem}.mobile-panel-content{width:100%;max-height:0;overflow:hidden;transition:max-height 0.4s ease-out,margin-top 0.4s ease-out;margin-top:0}.mobile-filter-row.is-open .mobile-panel-content{max-height:500px;margin-top:1rem;transition:max-height 0.4s ease-in,margin-top 0.4s ease-in}.x-panel.is-mobile-inline,.x-price-panel.is-mobile-inline,.x-dorm-panel.is-mobile-inline{display:block !important;position:static !important;transform:none !important;box-shadow:none !important;border:1px solid var(--x-border) !important;width:100% !important;padding:1rem !important;z-index:1 !important;background:#f8fafc !important;border-radius:12px !important}@media (max-width:992px){.x-logo{height:36px}.x-searchbar{width:100%}}@media (max-width:576px){.x-searchbar{cursor:pointer}.x-sep,.x-seg,.text-header-publish{display:none}.x-search-placeholder{display:flex}}.x-item strong{font-weight:600;color:#000}.mobile-suggestion-item strong{font-weight:600;color:#000}