/* Rhonda Closing Deals — booking pages (hub + intro + valuation)
   Shared with /assets/booking.js. Style language matches the site standalone
   pages (mortgage calculator / card): cream, espresso, rust, gold. */
*{box-sizing:border-box;margin:0;padding:0}
body{background:#EFE7D8;font-family:Georgia,'Times New Roman',serif;padding:18px 10px 30px;color:#2B2620}
.wrap{display:flex;justify-content:center}
.page{width:100%;max-width:620px}
.hd{background:linear-gradient(180deg,#4A3E32 0%,#241C14 55%,#120D09 100%);border-radius:20px;padding:20px 22px;display:flex;gap:16px;align-items:center;box-shadow:0 14px 34px rgba(43,38,32,.35),inset 0 1px 0 rgba(255,255,255,.22);border:1px solid #C8A87F}
.hd img{width:74px;height:74px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid #C8A87F}
.hd .nm{color:#FAF7F1;font-size:23px;line-height:1.1}
.hd .rl{color:#C8A87F;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.6px;margin-top:4px}
.hd .lang{color:#E8CD9C;font-family:Arial,sans-serif;font-size:11.5px;margin-top:5px}
.hd .ph{margin-left:auto;text-align:right}
.hd .ph a{color:#FAF7F1;font-family:Arial,sans-serif;font-weight:bold;font-size:15px;text-decoration:none;white-space:nowrap}
.hd .ph div{color:#C8A87F;font-style:italic;font-size:11.5px;margin-top:3px}
h1{font-size:29px;line-height:1.15;margin:22px 4px 0;color:#241C14}
.sub{font-size:14.5px;line-height:1.55;color:#5d4e3e;margin:8px 4px 0}
.card{background:linear-gradient(180deg,#FFFDF8,#FAF7F1);border:1px solid #C8A87F;border-radius:18px;padding:20px;margin-top:16px;box-shadow:0 10px 26px rgba(43,38,32,.16),inset 0 1px 0 #fff}
.card h2{font-size:21px;color:#241C14;line-height:1.25}
.card p.tx{font-size:14px;line-height:1.6;color:#443829;margin-top:8px}
.fine{font-size:11.5px;line-height:1.55;color:#7d6a54;margin-top:13px;font-family:Arial,sans-serif}
.btn{display:block;width:100%;text-align:center;background:linear-gradient(180deg,#E8CD9C 0%,#C8A87F 55%,#A87F4C 100%);color:#2B2620;font-family:Arial,sans-serif;font-weight:bold;font-size:15.5px;padding:14px;border-radius:999px;margin-top:16px;border:1.5px solid #A87F4C;box-shadow:0 6px 16px rgba(168,127,76,.45),inset 0 1px 0 rgba(255,255,255,.6);cursor:pointer;text-decoration:none}
.btn:disabled{opacity:.6;cursor:wait}
.btn.ghost{background:linear-gradient(180deg,#FFFFFF,#F7F0E2);border:1.5px solid #C8A87F;box-shadow:0 4px 11px rgba(43,38,32,.14),inset 0 1px 0 #fff}
.btn.rust{background:linear-gradient(180deg,#D66939,#BC4A2C);color:#fff;border-color:#BC4A2C;box-shadow:0 6px 16px rgba(188,74,44,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.foot{background:linear-gradient(180deg,#4A3E32 0%,#241C14 55%,#120D09 100%);color:#FAF7F1;text-align:center;padding:18px 16px 20px;border-radius:18px;margin-top:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.foot .ph2{font-family:Arial,sans-serif;font-weight:bold;font-size:17px;letter-spacing:1px}
.foot .ph2 a{color:#FAF7F1;text-decoration:none}
.foot .tg{color:#C8A87F;font-style:italic;font-size:13px;margin-top:3px}
.foot .site{display:block;margin-top:10px;color:#C8A87F;font-family:Arial,sans-serif;font-size:12.5px;text-decoration:none}
.hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0}

/* Hub choice cards */
.pick{display:block;text-decoration:none;color:#2B2620}
.pick .dur{font-family:Arial,sans-serif;font-weight:bold;font-size:11px;letter-spacing:1.6px;color:#BC4A2C}
.pick h2{margin-top:5px}
.pick .meta{font-family:Arial,sans-serif;font-size:12.5px;color:#7a6c5c;margin-top:6px}
.pick .card{transition:transform .15s ease,box-shadow .15s ease}
.pick:hover .card{transform:translateY(-2px);box-shadow:0 14px 30px rgba(43,38,32,.22),inset 0 1px 0 #fff}

/* Locked-type banner */
.lock{background:#FDF6EA;border:1.5px solid #C8A87F;border-radius:12px;padding:10px 13px;font-family:Arial,sans-serif;font-size:12.5px;color:#6B5320;text-align:center;margin-top:16px;line-height:1.5}
.meetNote{background:#FDF6EA;border:1.5px solid #C8A87F;border-radius:12px;padding:10px 13px;font-family:Arial,sans-serif;font-size:12.5px;color:#6B5320;text-align:center;margin-top:18px;line-height:1.55}
.meetNote a{color:#BC4A2C;font-weight:bold}

/* Day picker */
.secT{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.4px;color:#BC4A2C;font-weight:bold;margin:2px 0 10px}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.day{font-family:Arial,sans-serif;background:#fff;border:1.5px solid #D9C8AB;border-radius:12px;padding:9px 6px;text-align:center;cursor:pointer;color:#2B2620}
.day .dw{font-size:11px;font-weight:bold;letter-spacing:1px;color:#8A5A24}
.day .dt{font-size:14.5px;font-weight:bold;margin-top:2px}
.day .st{font-size:11px;margin-top:3px;color:#7a6c5c;line-height:1.35}
.day.on{background:#2B2620;border-color:#2B2620;color:#FAF7F1}
.day.on .dw,.day.on .st{color:#C8A87F}
.day.full{cursor:pointer}
.day.full .st{color:#A34A2E;font-weight:bold}
.day.off{opacity:.45;cursor:not-allowed}
.day:disabled{cursor:not-allowed}

/* Slot grid */
.slots{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.slot{font-family:Arial,sans-serif;font-size:14.5px;font-weight:bold;text-align:center;background:#fff;border:1.5px solid #C8A87F;border-radius:11px;padding:11px 6px;color:#2B2620;cursor:pointer}
.slot small{display:block;font-weight:normal;font-size:11px;color:#7a6c5c;margin-top:2px}
.slot.on{background:linear-gradient(180deg,#D66939,#BC4A2C);border-color:#BC4A2C;color:#fff}
.slot.on small{color:#F3D9C8}
.slotNote{font-family:Arial,sans-serif;font-size:12.5px;color:#7a6c5c;line-height:1.55;margin-top:11px}
.pickSummary{background:#FDF6EA;border:1.5px solid #C8A87F;border-radius:12px;padding:12px 14px;font-family:Arial,sans-serif;font-size:13.5px;line-height:1.6;color:#443829;margin-top:14px;display:none}
.pickSummary b{color:#2B2620}

/* Form fields */
.fld{margin-top:16px}
.card>.fld:first-child,.card form>.fld:first-child{margin-top:0}
.fld label{display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;letter-spacing:1.2px;color:#8A5A24}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld select,.fld textarea{width:100%;margin-top:7px;padding:12px 13px;border:1.5px solid #D9C8AB;border-radius:11px;font-family:Arial,sans-serif;font-size:15.5px;background:#fff;color:#2B2620}
.fld textarea{min-height:64px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.two .fld{display:flex;flex-direction:column;min-width:0;margin-top:16px}
.two .fld input{margin-top:auto}
.two .fld label{margin-bottom:7px}
.status{font-family:Arial,sans-serif;font-size:13.5px;margin-top:12px;min-height:18px;line-height:1.5}
.status.ok{color:#5d7a2c;font-weight:bold}
.status.err{color:#BC4A2C;font-weight:bold}
.confirm{display:none;text-align:center}
.confirm .big{font-size:34px;margin-bottom:6px}
.notifyBox{display:none}

@media (max-width:480px){
.card{padding:18px 16px}
h1{font-size:25px}
.hd{padding:14px 16px;gap:10px}
.hd img{width:58px;height:58px}
.hd .nm{font-size:19px}
.hd .rl{font-size:10px;letter-spacing:1px;margin-top:3px}
.hd .lang{font-size:10px}
.hd .ph a{font-size:14px}
.hd .ph div{font-size:10.5px}
.slots{grid-template-columns:1fr 1fr}
.days{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
}