/* VisitVakil's own consultation selector — preview-only, no free questions */
#wizard.vv-start-dialog{width:min(540px,calc(100% - 24px));border:0;border-radius:30px 30px 24px 24px;box-shadow:0 24px 100px #0b0b0b40;background:#fff;color:#181818;overflow:hidden}
#wizard.vv-start-dialog::backdrop{background:rgba(19,20,25,.52);backdrop-filter:blur(5px)}
.vv-start-dialog .wizard-shell{max-height:min(89dvh,780px);background:linear-gradient(163deg,#fff5cf 0,#fffdf7 28%,#fff 57%);overflow:hidden}
.vv-start-dialog .wizard-head{border:0;padding:19px 23px 4px;min-height:62px;background:none}
.vv-start-dialog .wizard-head .brand{display:none}
.vv-start-dialog .wizard-head>button{width:39px;height:39px;border-radius:50%;background:#f4f2ed;color:#777;order:2;align-self:start}
.vv-start-dialog .wizard-progress{padding:0 23px;gap:6px;direction:rtl;order:0;display:flex;justify-content:flex-start}
.vv-start-dialog .wizard-progress span{flex:0 0 20px;background:#e4dfd4;height:5px;border-radius:9px}
.vv-start-dialog .wizard-progress span.on{background:#191919;width:31px;flex-basis:31px}
.vv-start-dialog .wizard-content{padding:16px 23px 8px;min-height:0;overflow-y:auto;scrollbar-width:thin}
.vv-start-dialog .wizard-step-text{display:block;color:#898479;font-size:11px;font-weight:800}
.vv-start-dialog .wizard-content h2{margin:14px 0 6px;font-weight:950;font-size:clamp(20px,5.4vw,27px);line-height:1.65;color:#171717}
.vv-start-dialog .wizard-content>p:not(#wizard-error){font-size:12px;margin:0 0 23px;color:#807f7b}
.vv-start-dialog #wizard-body{display:flex;flex-direction:column;gap:12px;padding-bottom:6px}
.vv-consult-card{position:relative;isolation:isolate;display:flex;align-items:center;text-align:right;gap:15px;width:100%;min-height:120px;padding:16px 16px;border:1.5px solid #e4e4e1;border-radius:21px;background:#fff;box-shadow:0 6px 14px #00000006;transition:border-color .18s,box-shadow .18s,transform .18s;color:#222;cursor:pointer}
.vv-consult-card.selected{border:2px solid #1d1d1d;box-shadow:0 7px 20px #00000012}
.vv-consult-card:focus-visible{outline:3px solid #f2c943;outline-offset:2px}
.vv-consult-illustration{flex:0 0 71px;width:71px;height:75px;border-radius:17px;background:linear-gradient(145deg,#fff7db,#f7e7ac);display:grid;place-items:center;color:#242424}
.vv-consult-card:nth-child(2) .vv-consult-illustration{background:linear-gradient(145deg,#f4f4f4,#e4e4e4)}
.vv-consult-illustration svg{width:46px;height:46px}
.vv-consult-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.vv-consult-copy strong{font-size:clamp(16px,4.3vw,20px);font-weight:950;line-height:1.45}
.vv-consult-copy small{font-size:clamp(11px,3vw,13px);color:#777;line-height:1.75}
.vv-consult-copy em{font-size:10px;color:#676256;font-style:normal;font-weight:800;margin-top:5px}
.vv-consult-check{position:absolute;left:14px;top:15px;width:22px;height:22px;border-radius:50%;border:1.5px solid #ddd;background:#fff;display:grid;place-items:center;color:#fff;font:900 13px Arial}
.vv-consult-card.selected .vv-consult-check{border-color:#151515;background:#151515}
.vv-start-dialog .wizard-actions{border:0;background:transparent;padding:16px 23px 24px;gap:12px;align-items:center}
.vv-start-dialog .wizard-actions .back{width:52px;height:52px;flex:none;border:0;border-radius:50%;background:#f2f2f2;color:#333;font-size:13px}
.vv-start-dialog .wizard-actions .next{height:53px;flex:1;border-radius:17px;background:#191919;color:#fff;font-size:17px;font-weight:900}
.vv-start-dialog .wizard-actions .next:focus-visible{outline:3px solid #ecc73d;outline-offset:2px}
.vv-start-dialog .wizard-actions .back:disabled{opacity:.55}
.vv-start-dialog .wizard-choice{margin:0;border-radius:14px}
.vv-start-dialog .wizard-choice.chosen{border:2px solid #202020;background:#fff9e8}
.vv-start-dialog .preview-notice{background:#fff6d8}
@media(max-width:600px){
 #wizard.vv-start-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 18px);margin:auto auto 9px;border-radius:30px 30px 26px 26px}
 .vv-start-dialog .wizard-shell{max-height:calc(100dvh - 28px)}
 .vv-start-dialog .wizard-content{padding:16px 21px 8px}
 .vv-start-dialog .wizard-head{padding:18px 20px 2px}
 .vv-start-dialog .wizard-progress{padding:0 21px}
 .vv-start-dialog .wizard-actions{padding:16px 20px 24px}
 .vv-consult-card{min-height:124px;padding:13px;gap:11px}
 .vv-consult-illustration{width:66px;flex-basis:66px;height:74px}
}
@media(max-height:690px){.vv-start-dialog .wizard-content{padding-top:8px}.vv-start-dialog .wizard-content h2{margin:9px 0 3px}.vv-start-dialog .wizard-content>p:not(#wizard-error){margin-bottom:13px}.vv-consult-card{min-height:100px}.vv-consult-illustration{height:64px}.vv-start-dialog .wizard-actions{padding-top:8px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.vv-consult-card{transition:none}}

/* Recommended phone consultation: restrained black ribbon and refined handset artwork. */
.vv-consult-card.recommended{margin-top:12px;border-color:#262626;box-shadow:0 7px 21px #0000000c;padding-top:22px}
.vv-consult-card.recommended.selected{border-width:2px}
.vv-recommend-badge{position:absolute;top:-15px;right:15px;background:#212121;color:#fff;border:2px solid #fff;border-radius:40px;padding:6px 14px;font-size:11px;font-weight:900;line-height:1.5;white-space:nowrap;box-shadow:0 3px 10px #00000016;pointer-events:none}
.vv-consult-card.recommended .vv-consult-illustration{background:linear-gradient(145deg,#fff5d8 0%,#ffe5a0 100%);border:1px solid #f9e1a2;color:#222;box-shadow:inset 0 1px 0 #ffffffbc}
.vv-consult-card.recommended .vv-consult-illustration svg{width:44px;height:44px;stroke-width:1.65}
@media(max-height:690px){.vv-consult-card.recommended{margin-top:10px;padding-top:17px}.vv-recommend-badge{top:-12px;padding:4px 12px}}

/* Consultation step one: single-line title and no descriptive subtitle. */
#wizard.vv-start-dialog[data-step="0"] .wizard-content h2{
  font-size:clamp(13px,3.75vw,20px);
  letter-spacing:-.4px;
  line-height:1.65;
  white-space:nowrap;
  margin:10px 0 20px;
  text-align:right;
}
#wizard.vv-start-dialog[data-step="0"] #wizard-lead{display:none!important}
#wizard.vv-start-dialog[data-step="0"] .wizard-content{padding-top:11px}
#wizard.vv-start-dialog[data-step="0"] #wizard-body{gap:11px}
@media(max-width:380px){
  #wizard.vv-start-dialog[data-step="0"] .wizard-content h2{font-size:clamp(12px,3.5vw,14px);letter-spacing:-.55px}
}

/* Conditional telephone duration selector — priced only when tariffs are approved. */
#wizard.vv-start-dialog[data-step="1"] .wizard-content h2{font-size:clamp(19px,5vw,25px);white-space:nowrap;letter-spacing:-.5px;margin:9px 0 9px}
#wizard.vv-start-dialog[data-step="1"] .wizard-content>p:not(#wizard-error){margin-bottom:20px}
.vv-start-dialog .wizard-progress span[hidden]{display:none!important}
.vv-duration-card{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:95px;padding:23px 22px 16px;border:1.5px solid #e6e5e2;border-radius:21px;background:#fff;color:#202020;text-align:right;box-shadow:0 4px 13px #0000000b;cursor:pointer}
.vv-duration-card.selected{border:2px solid #171717;background:#fffdf6;box-shadow:0 6px 18px #00000013}
.vv-duration-card.recommended{margin-top:13px;border-color:#282828;padding-top:28px}
.vv-duration-badge{position:absolute;top:-14px;right:16px;padding:5px 13px;background:#202020;color:#fff;border:2px solid #fff;border-radius:30px;font-size:11px;font-weight:900;line-height:1.6;white-space:nowrap}
.vv-duration-name{font-size:clamp(19px,5vw,23px);font-weight:950}
.vv-duration-radio{width:24px;height:24px;display:grid;place-items:center;border:1.6px solid #d3d3d3;border-radius:50%;background:#fff;color:transparent;font:900 14px Arial}
.vv-duration-card.selected .vv-duration-radio{background:#171717;border-color:#171717;color:#fff}
.vv-duration-card:focus-visible{outline:3px solid #efca48;outline-offset:3px}
.vv-start-dialog #wizard-body .vv-duration-note{color:#777;font-size:11px;text-align:center;line-height:1.8;margin:8px 0 0}
@media(max-width:390px){#wizard.vv-start-dialog[data-step="1"] .wizard-content h2{font-size:clamp(17px,4.8vw,20px)}.vv-duration-card{min-height:83px;padding:18px 17px 13px}.vv-duration-card.recommended{padding-top:23px}}
@media(max-height:720px){.vv-duration-card{min-height:73px}.vv-duration-card.recommended{margin-top:10px}}

/* Internal price comparison preview: never promise these as approved public tariffs. */
.vv-duration-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;margin:0 17px 0 28px}
.vv-duration-price-label{font-size:10px;color:#8a8984;font-weight:650}
.vv-duration-price{font-size:clamp(15px,4vw,19px);font-weight:950;color:#222;white-space:nowrap;direction:rtl}
.vv-duration-card .vv-duration-name{flex-shrink:0}
.vv-duration-card{gap:8px}
.vv-duration-card .vv-duration-radio{flex-shrink:0}
.vv-start-dialog #wizard-body .vv-duration-note{background:#fff6dc;padding:9px;border-radius:10px;color:#64582c;font-size:11px}
@media(max-width:380px){.vv-duration-info{margin:0 5px}.vv-duration-price{font-size:14px}.vv-duration-name{font-size:17px}}

/* Legal topic step: two columns by three rows, independent VisitVakil styling. */
#wizard.vv-start-dialog[data-step="2"]{width:min(640px,calc(100% - 20px))}
#wizard.vv-start-dialog[data-step="2"] .wizard-content{padding-top:11px;padding-bottom:4px}
#wizard.vv-start-dialog[data-step="2"] .wizard-content h2{font-size:clamp(19px,5vw,25px);margin:10px 0 14px;line-height:1.5}
#wizard.vv-start-dialog[data-step="2"] #wizard-lead{display:none!important}
#wizard.vv-start-dialog[data-step="2"] #wizard-body{gap:14px}
.vv-topic-summary{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.vv-topic-pill{border:1px solid #e9e9e7;border-radius:999px;background:white;color:#676766;padding:6px 12px;font-size:11px;font-weight:800}
.vv-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;direction:rtl}
.vv-topic-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:137px;padding:15px 13px;border:1.5px solid #e8e8e8;border-radius:17px;background:#fff;color:#242424;text-align:right;box-shadow:0 3px 10px #00000005;cursor:pointer;transition:border-color .15s,background .15s}
.vv-topic-card.selected{border:2px solid #171717;background:#fffdf5;box-shadow:0 4px 12px #0000000e}
.vv-topic-card:focus-visible{outline:3px solid #e9c543;outline-offset:2px}
.vv-topic-icon{width:30px;height:30px;display:block;color:#333}
.vv-topic-icon svg{width:100%;height:100%}
.vv-topic-title{font-size:clamp(12px,3.1vw,16px);font-weight:900;line-height:1.65}
.vv-topic-desc{font-size:clamp(10px,2.7vw,12px);font-weight:450;color:#858585;line-height:1.6}
#wizard.vv-start-dialog[data-step="2"] .wizard-actions .next{font-size:15px}
@media(max-width:390px){
 .vv-topic-grid{gap:8px}
 .vv-topic-card{padding:11px 10px;min-height:123px;border-radius:15px}
 .vv-topic-icon{height:25px;width:25px}
 .vv-topic-title{font-size:12px}
 .vv-topic-desc{font-size:10px}
}
@media(max-height:740px){
 #wizard.vv-start-dialog[data-step="2"] .wizard-content h2{margin:5px 0 9px}
 #wizard.vv-start-dialog[data-step="2"] #wizard-body{gap:10px}
 .vv-topic-card{min-height:110px;padding-top:9px;padding-bottom:9px}
 .vv-topic-icon{width:23px;height:23px}
 #wizard.vv-start-dialog[data-step="2"] .wizard-actions{padding-top:8px;padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.vv-topic-card{transition:none}}

/* Review step: everything visible within a typical mobile viewport, with short summary rows. */
#wizard.vv-start-dialog[data-step="3"]{width:min(540px,calc(100% - 20px))}
#wizard.vv-start-dialog[data-step="3"] .wizard-shell{max-height:calc(100dvh - 28px);background:linear-gradient(160deg,#fff6df 0%,#fff 29%)}
#wizard.vv-start-dialog[data-step="3"] .wizard-head{min-height:54px;padding-top:10px;padding-bottom:0}
#wizard.vv-start-dialog[data-step="3"] .wizard-progress{padding-top:0;padding-bottom:0}
#wizard.vv-start-dialog[data-step="3"] .wizard-content{padding:9px 19px 4px;min-height:0;overflow-y:auto}
#wizard.vv-start-dialog[data-step="3"] .wizard-step-text{font-size:10px}
#wizard.vv-start-dialog[data-step="3"] .wizard-content h2{font-size:clamp(20px,5.5vw,25px);margin:6px 0 10px;line-height:1.5}
#wizard.vv-start-dialog[data-step="3"] #wizard-lead{display:none!important}
#wizard.vv-start-dialog[data-step="3"] #wizard-body{gap:10px;padding:0}
.vv-request-summary{border:1px solid #eae8e2;border-radius:18px;background:#fff;overflow:hidden;padding:4px 14px}
.vv-summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:7px 1px;border-bottom:1px solid #f0f0ee;font-size:13px}
.vv-summary-line:last-child{border:0}
.vv-summary-label{color:#82827f;flex-shrink:0;font-size:12px}
.vv-summary-value{color:#222;font-size:13px;font-weight:850;text-align:left;overflow-wrap:anywhere}
.vv-summary-line.important .vv-summary-value{background:#fff2c9;border-radius:9px;padding:5px 9px;color:#151515;font-size:14px}
.vv-short-description{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#242424;font-size:13px;font-weight:850}
.vv-short-description small{font-size:10px;color:#979797;font-weight:400}
.vv-short-description textarea{display:block;flex-basis:100%;resize:none;width:100%;height:80px;min-height:80px;padding:10px 12px;margin:3px 0 0;border:1px solid #e4e4e2;border-radius:13px;background:#fff;font-size:12px;line-height:1.8}
.vv-short-description textarea::placeholder{color:#999}
.vv-short-description textarea:focus-visible{outline:2px solid #e9c543;outline-offset:1px}
.vv-start-dialog #wizard-body .vv-preview-disclaimer{font-size:10px;font-weight:450;line-height:1.5;color:#888;text-align:center;margin:0}
#wizard.vv-start-dialog[data-step="3"] .wizard-actions{padding:10px 19px 16px;gap:9px}
#wizard.vv-start-dialog[data-step="3"] .wizard-actions .next{height:49px;font-size:14px}
#wizard.vv-start-dialog[data-step="3"] .wizard-actions .back{height:49px;width:49px}
@media(max-height:720px){
 #wizard.vv-start-dialog[data-step="3"] .wizard-head{min-height:45px}
 #wizard.vv-start-dialog[data-step="3"] .wizard-content{padding-top:4px}
 #wizard.vv-start-dialog[data-step="3"] .wizard-content h2{margin:4px 0 8px}
 #wizard.vv-start-dialog[data-step="3"] #wizard-body{gap:6px}
 .vv-summary-line{min-height:37px;padding:4px 1px}
 .vv-short-description textarea{height:64px;min-height:64px}
 #wizard.vv-start-dialog[data-step="3"] .wizard-actions{padding-top:7px;padding-bottom:11px}
}
@media(max-height:560px){#wizard.vv-start-dialog[data-step="3"] .wizard-shell{max-height:calc(100dvh - 12px)}}

/* Preview-only auth, OTP, payment and messenger: compact, mobile-first. */
#wizard.vv-start-dialog[data-step="4"] .wizard-content h2,
#wizard.vv-start-dialog[data-step="5"] .wizard-content h2,
#wizard.vv-start-dialog[data-step="6"] .wizard-content h2,
#wizard.vv-start-dialog[data-step="7"] .wizard-content h2{font-size:clamp(19px,5.4vw,26px);margin:14px 0 22px;line-height:1.6;text-align:center}
#wizard.vv-start-dialog[data-step="4"] .wizard-content,
#wizard.vv-start-dialog[data-step="5"] .wizard-content,
#wizard.vv-start-dialog[data-step="6"] .wizard-content,
#wizard.vv-start-dialog[data-step="7"] .wizard-content{padding:14px 22px 10px}
#wizard.vv-start-dialog[data-step="4"] .wizard-content>p:not(#wizard-error),
#wizard.vv-start-dialog[data-step="5"] .wizard-content>p:not(#wizard-error),
#wizard.vv-start-dialog[data-step="6"] .wizard-content>p:not(#wizard-error),
#wizard.vv-start-dialog[data-step="7"] .wizard-content>p:not(#wizard-error){display:none}
.vv-auth-demo{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.vv-demo-caption{font-size:11px;color:#8c8c8c;font-weight:750}
.vv-auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:14px;background:#f4f4f4;padding:5px}
.vv-auth-option{border:1px solid transparent;padding:11px 6px;border-radius:11px;background:transparent;color:#666;font-size:12px;font-weight:800;cursor:pointer}
.vv-auth-option.selected{background:white;color:#161616;border-color:#dadada;box-shadow:0 3px 9px #00000010}
.vv-auth-field{display:flex;flex-direction:column;gap:11px;color:#242424;font-weight:800}
.vv-auth-field input{width:100%;min-height:62px;background:#fff;border:1.5px solid #ddd;border-radius:15px;padding:12px 18px;font-size:23px;letter-spacing:1px;color:#151515;text-align:left;direction:ltr;outline:none}
.vv-auth-field input:focus{border-color:#202020;box-shadow:0 0 0 3px #f4d97b88}
.vv-auth-field input::placeholder{color:#bbb;opacity:1}
.vv-start-dialog #wizard-body .vv-auth-hint{font-size:12px;line-height:1.9;color:#8a8a8a;margin:11px 0;text-align:center}
.vv-demo-otp{align-self:center;border-radius:10px;background:#fff5d4;padding:8px 12px;font-size:12px;font-weight:850;color:#5b4b1b}
.vv-payment-summary{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #e4e4e1;border-radius:18px;background:#fff;padding:23px 15px}
.vv-payment-summary>strong{font-size:16px;font-weight:950}
.vv-payment-summary p{margin:0;font-size:12px;color:#777;text-align:center;line-height:1.8}
.vv-payment-price{background:#fff1bc;color:#171717;font-size:21px;font-weight:950;padding:10px 17px;border-radius:12px}
.vv-start-dialog #wizard-body .vv-demo-warning{margin:0;text-align:center;color:#947642;background:#fff8e4;border-radius:10px;padding:9px;font-size:11px}
.vv-messenger-mock{display:flex;align-items:center;flex-direction:column;gap:13px;border:1px solid #e9e9e6;background:white;padding:24px 14px;border-radius:19px;text-align:center}
.vv-messenger-mock strong{font-size:18px;font-weight:950}
.vv-messenger-mock p{font-size:12px;color:#777;line-height:1.8;margin:0}
.vv-messenger-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffe9a1;font-size:24px;color:#151515;font-weight:900}
.vv-messenger-row{border-radius:12px;background:#f5f5f4;padding:13px;width:100%;font-size:12px;font-weight:750}
#wizard.vv-start-dialog[data-step="4"] .wizard-actions,
#wizard.vv-start-dialog[data-step="5"] .wizard-actions,
#wizard.vv-start-dialog[data-step="6"] .wizard-actions,
#wizard.vv-start-dialog[data-step="7"] .wizard-actions{padding:15px 22px 22px}
@media(max-height:710px){
 #wizard.vv-start-dialog[data-step="4"] .wizard-content h2,
 #wizard.vv-start-dialog[data-step="5"] .wizard-content h2,
 #wizard.vv-start-dialog[data-step="6"] .wizard-content h2,
 #wizard.vv-start-dialog[data-step="7"] .wizard-content h2{margin:5px 0 12px}
 .vv-auth-demo{margin-bottom:11px}
 .vv-auth-field input{min-height:52px}
 .vv-payment-summary{padding:14px 10px;gap:8px}
}

/* Six-cell OTP selector. A single accessible input handles paste and mobile autofill. */
#wizard.vv-start-dialog[data-step="5"] .wizard-content h2{font-size:clamp(19px,5.6vw,27px);margin:10px 0 18px}
#wizard.vv-start-dialog[data-step="5"] #wizard-body{gap:13px;align-items:center}
.vv-otp-intro{font-size:clamp(13px,3.6vw,16px);line-height:1.9;font-weight:850;text-align:center;color:#262626;margin:3px 0 0}
.vv-otp-phone{white-space:nowrap;font-weight:950;color:#171717}
.vv-otp-edit{border:0;background:transparent;color:#4a4a4a;text-decoration:underline;text-underline-offset:5px;padding:3px 9px;font-size:13px;font-weight:700;cursor:pointer}
.vv-otp-control{position:relative;width:100%;direction:ltr;cursor:text;isolation:isolate;margin:11px 0 4px}
.vv-otp-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1.7vw,10px);direction:ltr;pointer-events:none}
.vv-otp-cell{display:grid;place-items:center;min-width:0;height:clamp(49px,13vw,66px);border:1.5px solid #e1e1e1;border-radius:14px;background:#fff;color:#202020;font-size:clamp(19px,5.4vw,28px);font-weight:900;box-shadow:0 2px 4px #00000007}
.vv-otp-cell.active{border-color:#303030;box-shadow:0 0 0 4px #f0efed}
.vv-otp-cell.filled{border-color:#999}
.vv-otp-control #vv-otp{position:absolute;inset:0;width:100%;height:100%;opacity:.015;z-index:1;cursor:text;direction:ltr;font-size:24px;letter-spacing:0;background:transparent;color:transparent;caret-color:transparent;padding:0;border:0;outline:0}
.vv-otp-resend{border:0;background:transparent;color:#777;padding:10px;font-size:12px;font-weight:700;cursor:pointer;text-align:center}
.vv-otp-resend:focus-visible,.vv-otp-edit:focus-visible{outline:2px solid #d9b638;border-radius:8px}
#wizard.vv-start-dialog[data-step="5"] #wizard-body .vv-demo-otp{font-size:11px;background:#fff5d5;color:#675528;text-align:center;padding:8px 12px}
#wizard.vv-start-dialog[data-step="5"] .wizard-actions{padding-bottom:20px}
@media(max-width:380px){.vv-otp-cells{gap:5px}.vv-otp-cell{height:48px;border-radius:11px}.vv-otp-intro{font-size:12px}}
@media(max-height:660px){#wizard.vv-start-dialog[data-step="5"] .wizard-content h2{margin:4px 0 8px}#wizard.vv-start-dialog[data-step="5"] #wizard-body{gap:8px}.vv-otp-control{margin:2px 0}.vv-otp-cell{height:48px}}

/* Mobile edge-to-edge consultation sheet: uniform across ALL wizard steps.
   Keep desktop dialog centered and preserve native keyboard / accessibility behavior. */
@media (max-width: 700px) {
  #wizard.vv-start-dialog,
  #wizard.vv-start-dialog[data-step="2"],
  #wizard.vv-start-dialog[data-step="3"] {
    position: fixed;
    inset: auto 0 0 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 23px 23px 0 0;
    max-height: 100dvh;
    box-shadow: 0 -12px 44px #0000001c;
  }
  #wizard.vv-start-dialog .wizard-shell,
  #wizard.vv-start-dialog[data-step="3"] .wizard-shell {
    width: 100%;
    max-height: 100dvh;
    border-radius: inherit;
    overflow: hidden;
  }
  #wizard.vv-start-dialog .wizard-head {
    padding-inline: 17px;
  }
  #wizard.vv-start-dialog .wizard-progress {
    padding-inline: 17px;
  }
  #wizard.vv-start-dialog .wizard-content,
  #wizard.vv-start-dialog[data-step="3"] .wizard-content,
  #wizard.vv-start-dialog[data-step="4"] .wizard-content,
  #wizard.vv-start-dialog[data-step="5"] .wizard-content,
  #wizard.vv-start-dialog[data-step="6"] .wizard-content,
  #wizard.vv-start-dialog[data-step="7"] .wizard-content {
    padding-inline: 17px;
    min-width: 0;
  }
  #wizard.vv-start-dialog .wizard-actions,
  #wizard.vv-start-dialog[data-step="3"] .wizard-actions,
  #wizard.vv-start-dialog[data-step="4"] .wizard-actions,
  #wizard.vv-start-dialog[data-step="5"] .wizard-actions,
  #wizard.vv-start-dialog[data-step="6"] .wizard-actions,
  #wizard.vv-start-dialog[data-step="7"] .wizard-actions {
    padding-inline: 17px;
    padding-bottom: max(13px, env(safe-area-inset-bottom));
  }
  #wizard.vv-start-dialog .vv-topic-grid,
  #wizard.vv-start-dialog .vv-otp-cells {
    min-width: 0;
    width: 100%;
  }
  #wizard.vv-start-dialog .vv-topic-card,
  #wizard.vv-start-dialog .vv-consult-card,
  #wizard.vv-start-dialog .vv-duration-card {
    min-width: 0;
  }
}