.x-clock{margin:0 0 .7rem;font-size:.85rem;color:var(--muted)}
.x-clock b{color:var(--head)}
.x-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:.9rem}
.x-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:120px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.x-chip b{color:var(--head)}
.x-chip span{font-size:.78rem}
.x-chip small{font-size:.72rem;color:var(--muted)}
.x-chip.on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:.9rem 1rem;margin-bottom:1rem;overflow-wrap:anywhere}
.x-hd{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--head)}
.x-tag{font-size:.7rem;padding:.15rem .55rem;border-radius:99px;background:var(--bg2);color:var(--muted)}
.x-tag.ok{color:var(--o);font-weight:600}
.x-beds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:.8rem 0 .4rem}
.x-bed{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:62px;padding:.4rem .2rem;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);font:inherit;font-size:.72rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.x-bed i{font-style:normal;font-weight:700;font-size:.66rem;color:var(--muted)}
.x-bed[data-bed]{cursor:pointer}
.x-bed[data-bed]:hover:not(:disabled){border-style:dashed}
.x-bed.bk{background:var(--card);border-color:var(--o)}
.x-bed.bk span{color:var(--head);font-weight:600}
.x-bed.new::after{content:'🌱';position:absolute;top:2px;right:4px;font-size:.65rem}
.x-bed.free{border-style:dashed;color:var(--muted)}
.x-bed.oos{opacity:.55}
.x-bed.off{border:2px dashed var(--o);color:var(--o);font-weight:600;animation:x-pulse 1.4s infinite}
.x-bed.cp{color:var(--muted);font-style:italic}
@keyframes x-pulse{50%{opacity:.45}}
.x-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0}
.x-offer{border:1px solid var(--o);border-radius:14px;padding:.8rem;margin:.8rem 0;background:var(--bg2)}
.x-sms{max-width:340px;padding:.6rem .8rem;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--card)}
.x-sms small{display:block;font-size:.7rem;color:var(--muted)}
.x-sms p{margin:.25rem 0 0;font-size:.85rem;overflow-wrap:anywhere}
.x-wl,.x-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.35rem}
.x-wl li,.x-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:.84rem}
.x-wl b,.x-list b{color:var(--head)}
.x-wl em,.x-list em{font-size:.72rem;font-style:normal;color:var(--o);font-weight:600}
.x-list li span{flex:1 1 140px;color:var(--muted);overflow-wrap:anywhere}
.x-list li.x-bad{border-color:var(--o)}
.x-list li .btn{margin-left:auto}
.x-form{display:grid;gap:.5rem;padding:.9rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.x-form h4{margin:0;color:var(--head)}
.x-form input,.x-form select,.x-phone select,.x-sel{width:100%;min-width:0;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-sel{width:auto;padding:.2rem .4rem;font-size:.8rem}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}
.x-chk{display:flex;align-items:center;gap:.4rem;font-size:.82rem}
.x-chk input{width:auto}
.x-fill{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.78rem}
.x-fill small{color:var(--muted)}
.x-phone{max-width:300px;margin:0 auto 1rem;padding:.9rem;border:6px solid var(--deep);border-radius:28px;background:var(--card)}
.x-ph{display:flex;flex-direction:column;margin-bottom:.6rem}
.x-ph span{font-size:.7rem;color:var(--muted)}
.x-ph b{color:var(--head)}
.x-big{margin-bottom:.4rem;padding:.7rem;border-radius:14px;background:var(--bg2);text-align:center}
.x-big b{display:block;font-size:1.7rem;line-height:1.15;color:var(--o)}
.x-big span{font-size:.74rem;color:var(--muted)}
.x-pl{margin:.6rem 0 .15rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.x-li{display:flex;justify-content:space-between;gap:.5rem;margin:0;padding:.3rem 0;border-bottom:1px solid var(--line);font-size:.78rem;overflow-wrap:anywhere}
.x-li b{color:var(--head);white-space:nowrap}
.x-phone .btn{width:100%;margin-top:.5rem}
.x-phone .x-r2 .btn{margin-top:0}
.x-cls{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.35rem;margin-bottom:1rem}
.x-cli{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:.78rem;text-align:left;cursor:pointer}
.x-cli b{color:var(--head)}
.x-cli span{font-size:.7rem;color:var(--muted)}
.x-cli em{font-size:.68rem;font-style:normal;color:var(--o)}
.x-cli.on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-steps{display:flex;gap:3px;margin:.45rem 0}
.x-steps i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.x-steps i.on{background:var(--o)}
.x-tbl{overflow-x:auto;margin-bottom:.6rem}
.x-tbl table{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{padding:.4rem .35rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.x-tbl th:first-child,.x-tbl td:first-child{text-align:left}
.x-tbl th{font-weight:500;color:var(--muted)}
.x-tbl tfoot td{font-weight:700;color:var(--head)}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;margin-top:1rem}
.x-ba h4{margin:0 0 .3rem;color:var(--head)}
.x-ba ul{margin:0;padding-left:1.1rem;font-size:.82rem}
.x-note{margin:.35rem 0;padding:.4rem .6rem;border-left:3px solid var(--o);border-radius:6px;background:var(--bg2);font-size:.78rem;overflow-wrap:anywhere}
.x-warn{margin:.3rem 0;font-size:.8rem;color:var(--o)}
.x-price{margin:0;font-size:1.1rem;font-weight:700;color:var(--head)}
@media (max-width:560px){
.x-beds{gap:.3rem}
.x-bed{min-height:54px;font-size:.62rem}
.x-ba,.x-r2{grid-template-columns:minmax(0,1fr)}
.x-fill{grid-template-columns:minmax(0,1fr) auto}
.x-fill .dk-cap{grid-column:1/-1;order:3}
.x-chip{min-width:108px}
}