/* V31: questionnaire with a branded, guided-choice feel and consistency fixes. */
.review{background:#304438;letter-spacing:.055em;text-transform:uppercase;font-size:10px;padding:6px 15px}
.hero .quiz-card{border:1px solid #b9c8bb;border-radius:10px 30px 10px 30px;padding:34px;box-shadow:0 24px 65px rgba(38,61,48,.18);overflow:visible}
.hero .quiz-card:before{left:34px;right:auto;width:58px;height:4px;border-radius:0 0 8px 8px;background:var(--gold)}
.quiz-heading{position:relative;padding:2px 0 22px 18px!important;border-bottom:0!important;margin-bottom:20px!important}
.quiz-heading:before{content:'';position:absolute;left:0;top:3px;bottom:23px;width:2px;background:#D3AF64;border-radius:3px}
.hero .quiz-tag{padding:0;background:transparent;color:#677A70;font-size:10px;letter-spacing:.13em;margin-bottom:9px}
.hero .quiz-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1.05;letter-spacing:-.7px;color:#304438}
.hero .quiz-heading p{margin-top:8px;color:#68766d}
.quiz-progress{padding:11px 13px;border-radius:11px;background:#f4f6f2;border:1px solid #e1e7de}
.quiz-progress strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#304438}
.quiz-progress span:last-child{padding:0;background:none;color:#677A70;font-size:12px}
progress{height:3px;margin:13px 0 25px;background:#e5ebe2}
progress::-webkit-progress-bar{background:#e5ebe2}
progress::-webkit-progress-value{background:linear-gradient(90deg,#39483C,#677A70);border-right:2px solid #D3AF64}
progress::-moz-progress-bar{background:#39483C}
#question-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.12;font-weight:600;letter-spacing:-.45px;color:#283e2f}
.question-help{margin:9px 0 18px;color:#68766d;font-size:13px}
#options{counter-reset:answer;gap:9px;min-height:0}
.quiz-option{counter-increment:answer;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:58px;padding:10px 13px 10px 11px;border:1px solid #dbe3d8;border-radius:13px;background:#fbfcfa;color:#304438;box-shadow:0 2px 0 rgba(57,72,60,.035);transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.quiz-option:before{content:counter(answer,upper-alpha);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9efe5;color:#39483C;font-size:12px;font-weight:700}
.quiz-option:after{content:'›';font-family:Arial,sans-serif;font-size:24px;line-height:1;color:#8a988f;text-align:center}
.quiz-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.quiz-option:hover{border-color:#8fa095;background:#f7f9f5;box-shadow:0 7px 18px rgba(57,72,60,.08);transform:translateY(-1px)}
.quiz-option:has(input:checked){border-color:#39483C;background:#edf2ea;box-shadow:0 0 0 1px #39483C,0 7px 18px rgba(57,72,60,.09)}
.quiz-option:has(input:checked):before{content:'✓';background:#39483C;color:#fff}
.quiz-option:has(input:checked):after{color:#39483C}
.quiz-option:focus-within{outline:3px solid #D3AF64;outline-offset:3px}
.city-select{min-height:58px;border:1px solid #cfdacf!important;border-radius:13px!important;background-color:#fbfcfa!important;color:#304438!important;padding:0 46px 0 16px!important;font-size:16px!important;box-shadow:0 2px 0 rgba(57,72,60,.035)}
.city-select:focus{outline:3px solid #D3AF64;outline-offset:3px;border-color:#39483C!important}
.quiz-controls{margin-top:17px;min-height:44px}
.quiz-ready #back{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #dbe3d8;border-radius:10px;text-decoration:none;background:#f8faf7}
.quiz-ready #back:hover{background:#edf2ea}
.direct-contact{margin-top:25px;padding:19px 14px 2px;border-top:1px solid #e1e7de;background:linear-gradient(180deg,rgba(247,249,245,.7),rgba(255,255,255,0));border-radius:12px}
.direct-contact p{font-size:12px}
.whatsapp-direct{text-decoration:none;border-bottom:1px solid #87978d;padding-bottom:2px}
.summary-done{background:#edf2ea;color:#304438}
.consent{padding:14px;border:1px solid #dbe3d8;border-radius:12px;background:#f8faf7}
.consent input{accent-color:#39483C}
.home-card{display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(38,61,48,.06)}
.home-copy{display:flex;flex:1;flex-direction:column}
.home-copy .cta{margin-top:auto}
.home-availability{align-self:flex-start}
.homes-heading{border-bottom:1px solid #e1e7de;padding-bottom:19px}
.photo-thumb{min-height:48px}
.photo-thumb:focus-within{outline:3px solid #D3AF64;outline-offset:2px}
.broker-instagram:focus-visible,.wa-fab:focus-visible{outline-color:#D3AF64}
@media(max-width:800px){
 .hero .quiz-card{padding:25px 20px 23px;border-radius:8px 24px 8px 24px;box-shadow:0 16px 40px rgba(38,61,48,.16)}
 .hero .quiz-card:before{left:20px;width:48px}
 .quiz-heading{padding-left:15px!important;padding-bottom:18px!important;margin-bottom:17px!important}
 .quiz-heading:before{bottom:19px}
 .hero .quiz-heading h2{font-size:31px}
 #question-title{font-size:29px}
 .quiz-progress{padding:10px 11px}
 .quiz-option{grid-template-columns:36px minmax(0,1fr) 20px;min-height:58px;padding:9px 11px 9px 9px}
 .quiz-option:before{width:34px;height:34px}
 .direct-contact{margin-top:22px}
 .home-card{border-radius:18px}
 .homes-heading{margin-bottom:22px}
}
@media(max-width:380px){
 .hero .quiz-card{padding:23px 16px 21px}
 .hero .quiz-card:before{left:16px}
 .hero .quiz-heading h2{font-size:29px}
 #question-title{font-size:27px}
 .quiz-option{font-size:15px;gap:9px}
 .quiz-progress span:last-child{display:none}
}
