/* QHRealtor 0.1.6: compact facts and the complete, always-open consultation form. */
.qh-detail .qh-key-facts{padding:12px 6px;margin-bottom:18px;border-radius:10px}
.qh-detail .qh-key-facts>div{gap:10px;padding-inline:16px}
.qh-detail .qh-key-facts .qh-icon{width:23px;height:23px}
.qh-detail .qh-key-facts small{font-size:9px;margin-bottom:3px;letter-spacing:.25px}
.qh-detail .qh-key-facts strong{font-size:clamp(16px,1.45vw,19px);line-height:1.4}
@media(min-width:761px){
 .qh-detail .detail-layout{align-items:start;overflow:visible}
 .qh-detail .contact-card{position:sticky;top:12px;align-self:start;min-width:0;padding:15px;border-radius:12px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:12px}
 .qh-detail .contact-card .qh-agent{gap:10px;margin-bottom:8px}
 .qh-detail .contact-card .qh-agent-mark{flex-basis:40px;height:40px;font-size:21px}
 .qh-detail .contact-card .qh-agent small{font-size:8px;line-height:1.4;letter-spacing:.3px}
 .qh-detail .contact-card h2{font-size:18px;line-height:1.4;margin:2px 0 0}
 .qh-detail .contact-card>p{font-size:11px;line-height:1.6;margin:0 0 7px}
 .qh-detail .contact-card .phone{font-size:18px;line-height:1.4;margin:7px 0}
 .qh-detail .contact-card .qh-zalo-cta{min-height:34px;padding:7px 10px;font-size:11px;line-height:1.5}
 .qh-detail .contact-card .lead-form{display:flex;flex-direction:column;gap:7px;margin-top:10px}
 .qh-detail .contact-card .lead-form>label{font-size:10px;line-height:1.4;gap:3px;margin:0}
 .qh-detail .contact-card .lead-form input:not([type=checkbox]),.qh-detail .contact-card .lead-form select,.qh-detail .contact-card .lead-form textarea{width:100%;font-size:12px;line-height:1.4;padding:7px 9px;border-radius:5px;min-width:0;box-sizing:border-box}
 .qh-detail .contact-card .lead-form input:not([type=checkbox]),.qh-detail .contact-card .lead-form select{height:32px;min-height:32px}
 .qh-detail .contact-card .lead-form textarea{height:50px;min-height:50px;resize:vertical}
 .qh-detail .contact-card .lead-form .consent{display:flex;flex-direction:row;gap:7px;align-items:flex-start;font-size:10px;line-height:1.5}
 .qh-detail .contact-card .lead-form input[type=checkbox]{flex:0 0 15px;width:15px;height:15px;margin:2px 0 0;padding:0}
 .qh-detail .contact-card .lead-form>.button{min-height:35px;padding:8px;font-size:11px;line-height:1.5;letter-spacing:0;white-space:normal;border-radius:6px}
 .qh-detail .contact-card .form-status{font-size:11px;line-height:1.5;margin:0;overflow-wrap:anywhere}
 .qh-detail .contact-card .form-status:empty{display:none}
}
@media(min-width:761px) and (max-height:650px){
 .qh-detail .contact-card{padding:12px;top:8px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
 .qh-detail .contact-card .qh-agent{margin-bottom:6px}
 .qh-detail .contact-card .qh-agent-mark{flex-basis:34px;height:34px;font-size:19px}
 .qh-detail .contact-card h2{font-size:17px}
 .qh-detail .contact-card>p{font-size:10px;line-height:1.5;margin-bottom:5px}
 .qh-detail .contact-card .phone{font-size:17px;margin:5px 0}
 .qh-detail .contact-card .qh-zalo-cta{min-height:30px;padding:5px 8px}
 .qh-detail .contact-card .lead-form{gap:5px;margin-top:8px}
 .qh-detail .contact-card .lead-form input:not([type=checkbox]),.qh-detail .contact-card .lead-form select{height:30px;min-height:30px;padding:5px 8px}
 .qh-detail .contact-card .lead-form textarea{height:44px;min-height:44px;padding:5px 8px}
 .qh-detail .contact-card .lead-form>.button{min-height:31px;padding:6px}
}
@media(max-width:760px){
 .qh-detail .qh-key-facts{padding:0;margin-bottom:16px}
 .qh-detail .qh-key-facts>div{padding:10px;gap:8px}
 .qh-detail .qh-key-facts .qh-icon{width:21px;height:21px}
 .qh-detail .qh-key-facts strong{font-size:16px}
 .qh-detail .qh-key-facts small{font-size:8px}
 .qh-detail .contact-card{position:static;max-height:none;overflow:visible;padding:18px}
 .qh-detail .contact-card .lead-form{gap:10px;margin-top:14px}
 .qh-detail .contact-card .lead-form input:not([type=checkbox]),.qh-detail .contact-card .lead-form select,.qh-detail .contact-card .lead-form textarea{font-size:16px;padding:10px;min-height:44px}
 .qh-detail .contact-card .lead-form .consent{font-size:12px;line-height:1.6}
 .qh-detail .contact-card .lead-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:3px;padding:0}
}

@media(min-width:761px){body:has(.qh-detail) .compare-tray{right:auto;left:24px;max-width:calc(100vw - 48px)}}