/* RDVella hero WhatsApp preview • real demonstrated booking flow • 26 Oct 2026.
   Only the phone mockup is changed; surrounding colors/layout remain unchanged. */
.phone-rdvella{isolation:isolate}
.phone-rdvella .phone-screen{display:flex;flex-direction:column;background:#f1ebe2;color:#151515}
.phone-rdvella .status-bar{height:23px;flex:0 0 23px;background:#fcfcfc;color:#101820;padding:4px 15px 0;font-size:10px;font-weight:750}
.phone-rdvella .status-icons{color:#101820;font-size:9px}
.phone-rdvella .wa-head{height:48px;min-height:48px;flex:0 0 48px;background:#fff;color:#121c27;border-bottom:1px solid #ebedf0;padding:4px 9px;gap:8px;border-radius:0}
.phone-rdvella .wa-head strong{font-size:13px;font-weight:750;color:#14171b;white-space:nowrap}
.phone-rdvella .wa-head .wa-back{font-size:30px;line-height:1;font-weight:300;width:16px;display:inline-flex;align-items:center;justify-content:center;color:#0d2235}
.phone-rdvella .wa-avatar{width:29px;height:29px;flex:0 0 29px;border:1px solid #f3f5f7}
.phone-rdvella .wa-actions{margin-left:auto;color:#1e2937;gap:9px;font-weight:600;font-size:18px}
.phone-rdvella .wa-actions span{width:auto;min-width:10px}
.phone-rdvella .wa-chat{flex:1 1 auto;height:auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:9px 10px;background:radial-gradient(circle at 19% 14%,#e7e1d7 1px,transparent 1px),radial-gradient(circle at 81% 62%,#e5ded4 1px,transparent 1px),#f0eae1;background-size:24px 24px,36px 36px,auto}
.phone-rdvella .wa-day{align-self:center;color:#87908b;font-size:8px;line-height:1;background:#fffefa;border-radius:6px;padding:3px 6px}
.phone-rdvella .bubble.user{max-width:92%;width:auto;align-self:flex-end;margin:0;padding:6px 7px;background:#dbfbd5;font-size:9.8px;line-height:1.24;border-radius:9px 3px 9px 9px;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#151515}
.phone-rdvella .time{margin:2px 0 0;display:block;text-align:right;color:#71997b;font-size:7.5px}
.phone-rdvella .wa-card{width:93%;align-self:flex-start;background:#fff;border-radius:9px 9px 9px 3px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;color:#191919;flex:0 0 auto}
.phone-rdvella .wa-card-content{padding:8px 9px 6px;font-size:10.1px;line-height:1.35}
.phone-rdvella .wa-card-content strong{font-weight:760;font-size:10.2px;line-height:1.2;display:block}
.phone-rdvella .wa-card-content small{font-size:8.5px;color:#738092;display:block;margin-top:4px}
.phone-rdvella .wa-card-content p{margin:6px 0;font-size:9.8px;line-height:1.37}
.phone-rdvella .wa-card-action{border-top:1px solid #ecedf0;padding:8px 6px;text-align:center;color:#009d62;font-size:9.5px;font-weight:730}
.phone-rdvella .wa-card-action span{font-size:13px;margin-right:4px;vertical-align:-1px}
.phone-rdvella .wa-input{flex:0 0 35px;height:35px;border:0;border-radius:0 0 31px 31px;background:#f9fafb;color:#87939d;display:flex;gap:9px;align-items:center;padding:6px 10px;font-size:10px}
.phone-rdvella .wa-input-plus{font-size:20px;float:none;color:#476074;font-weight:300}
.phone-rdvella .wa-input-placeholder{flex:1;float:none;color:#929da5}
.phone-rdvella .wa-input-icons{display:flex;gap:9px;float:none;font-size:13px;color:#1d4356}
@media(max-width:420px){.phone-rdvella .wa-chat{gap:6px;padding:7px 9px}.phone-rdvella .wa-card-content{padding:7px 8px 5px}.phone-rdvella .wa-card-action{padding:7px 6px}}
@media(prefers-color-scheme:dark){.phone-rdvella .wa-head{color:#121c27!important;background:#fff!important}.phone-rdvella .phone-screen{background:#f0eae1!important;color:#191919!important}}