#smc-consultation { --smc-navy:#08294c; --smc-yellow:#ffdf36; font-family:inherit }
#smc-consultation *, #smc-consultation *::before, #smc-consultation *::after { box-sizing:border-box }
html.smc-popup-open, html.smc-popup-open body { overflow:hidden; overscroll-behavior:none }
.smc-enquiry-dialog, .smc-offer-dialog { position:fixed; inset:0; margin:auto; border:0; border-radius:24px; padding:0; color:#08294c; background:#fff; width:min(960px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-shadow:0 24px 90px #001a3d55; }
.smc-enquiry-dialog::backdrop, .smc-offer-dialog::backdrop { background:#03172cbb; backdrop-filter:blur(4px) }
.smc-enquiry-dialog[open] { display:grid; grid-template-columns:.8fr 1.2fr; animation:smc-unroll .65s cubic-bezier(.16,1,.3,1) both; transform-origin:top center }
.smc-popup-close { position:absolute; right:12px; top:12px; z-index:2; border:1px solid #dce5ed; border-radius:50%; width:36px; height:36px; background:#fff; color:#08294c; font:28px/1 sans-serif; cursor:pointer }
.smc-enquiry-intro { padding:42px 28px 28px; background:linear-gradient(145deg,#08294c,#04182c); color:#fff }
.smc-popup-kicker { color:#ffdf36; font-size:11px; font-weight:800; letter-spacing:1.5px }
.smc-enquiry-intro h2 { font-size:clamp(22px,2.3vw,30px); font-weight:800; line-height:1.25; margin:18px 0 }
.smc-enquiry-intro p { font-size:14px; line-height:1.7; margin:0 0 18px; color:#d5e3f1 }
.smc-consultation-art { display:flex; align-items:center; gap:18px; padding:22px 0; border-block:1px solid #ffffff26; margin:24px 0 }
.smc-consultation-art i { font-size:52px; color:#ffdf36; filter:drop-shadow(0 0 16px #ffdf3633) }
.smc-consultation-art span { font-weight:700; font-size:18px; line-height:1.5 }
.smc-enquiry-intro .smc-popup-note { font-size:12px }
#smc-enquiry-form { padding:48px 28px 28px; min-width:0 }
.smc-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px }
.smc-field { min-width:0 }
.smc-field-full { grid-column:1/-1 }
.smc-field label { display:block; margin-bottom:5px; font-size:13px; font-weight:700; line-height:1.45 }
.smc-field label small { font-weight:400; color:#60748a; font-size:11px }
.smc-field label > span { color:#a24600 }
.smc-field input:not([type=checkbox]), .smc-field select, .smc-field textarea { width:100%; min-width:0; border:1px solid #cbd9e5; border-radius:9px; background:#fbfdff; padding:10px 11px; font:inherit; font-size:16px; color:#08294c }
.smc-field textarea { resize:vertical; min-height:90px }
.smc-field input:focus-visible, .smc-field select:focus-visible, .smc-field textarea:focus-visible, #smc-consultation button:focus-visible, .smc-offer-cta:focus-visible { outline:3px solid #0d72ce; outline-offset:3px }
.smc-field [aria-invalid=true] { border-color:#b62929!important }
.smc-field .smc-consent { display:flex; align-items:flex-start; gap:9px; font-size:12px; font-weight:400 }
.smc-consent input { width:17px; height:17px; flex:0 0 17px; margin-top:2px; accent-color:#08294c }
.smc-field-error { display:block; font-size:12px; color:#a21c1c; line-height:1.5; margin-top:3px }
.smc-field-error:empty, .smc-form-status:empty { display:none }
.smc-form-status { padding:12px; border-radius:9px; background:#edf5ff; margin-bottom:16px; font-size:14px; line-height:1.5; overflow-wrap:anywhere }
.smc-form-status.is-error { background:#fff0ef; color:#9b2525 }
.smc-form-status.is-success { background:#eaf8ef; color:#126133 }
.smc-consultation-submit, .smc-offer-cta { display:flex; justify-content:center; align-items:center; gap:12px; width:100%; border:0; border-radius:10px; padding:14px; margin-top:16px; color:#08294c; background:#ffdf36; line-height:1.4; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none }
.smc-consultation-submit:disabled { opacity:.65; cursor:wait }
.smc-honeypot { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
.smc-robot { position:fixed; right:max(24px,env(safe-area-inset-right)); bottom:calc(189px + env(safe-area-inset-bottom)); width:60px; height:60px; border:2px solid #ffdf36; border-radius:50%; background:#08294c; color:#ffdf36; z-index:1050; cursor:pointer; box-shadow:0 5px 20px #08294c33; animation:smc-breathe 3.5s ease-in-out infinite }
.smc-robot svg { width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round }
.smc-robot > span { position:absolute; right:72px; top:12px; white-space:nowrap; background:#08294c; color:white; padding:9px 12px; border-radius:8px; font-size:12px; opacity:0; pointer-events:none; transition:opacity .2s }
.smc-robot:hover > span, .smc-robot:focus-visible > span { opacity:1 }
.smc-offer-dialog { width:min(660px,calc(100% - 32px)); padding:22px; animation:smc-slide .35s ease-out }
.smc-offer-dialog h2 { font-size:20px; line-height:1.4; padding-right:30px; margin:0 0 14px }
.smc-offer-dialog img { display:block; width:100%; height:auto; max-height:calc(100dvh - 210px); object-fit:contain; border-radius:12px; background:#f6f8fa }
.smc-offer-dialog .smc-offer-cta { margin-top:14px }
@keyframes smc-unroll { from { opacity:0; transform:perspective(1200px) translateY(-110px) rotateX(-14deg) scaleY(.85) } to { opacity:1; transform:perspective(1200px) translateY(0) rotateX(0) scaleY(1) } }
@keyframes smc-slide { from { opacity:0; transform:translateY(25px) } to { opacity:1; transform:translateY(0) } }
@keyframes smc-breathe { 0%,100% { box-shadow:0 5px 20px #08294c33,0 0 0 0 #ffdf3633 } 50% { box-shadow:0 5px 20px #08294c33,0 0 0 8px #ffdf3600 } }
@media(max-width:680px) {
 .smc-enquiry-dialog[open] { grid-template-columns:minmax(0,1fr); animation:smc-slide .3s ease-out }
 .smc-enquiry-intro { padding:30px 20px 18px }
 .smc-enquiry-intro h2 { font-size:23px; padding-right:20px; margin:12px 0 }
 .smc-enquiry-intro p { font-size:13px; margin-bottom:0 }
 .smc-consultation-art, .smc-enquiry-intro .smc-popup-note { display:none }
 #smc-enquiry-form { padding:20px }
 .smc-robot { width:54px; height:54px; right:max(18px,env(safe-area-inset-right)); bottom:calc(156px + env(safe-area-inset-bottom)) }
 .smc-robot svg { width:35px; height:35px }
}
@media(max-width:380px) { .smc-form-fields { grid-template-columns:minmax(0,1fr) } .smc-enquiry-dialog,.smc-offer-dialog { width:calc(100% - 20px); border-radius:18px } #smc-enquiry-form { padding:16px } .smc-enquiry-intro { padding-inline:16px } .smc-offer-dialog { padding:16px } }
@media(prefers-reduced-motion:reduce) { .smc-enquiry-dialog[open],.smc-offer-dialog,.smc-robot { animation:none } .smc-robot > span { transition:none } }
/* Original promotional image replaces only the enquiry's left content panel. */
#smc-enquiry-dialog .smc-enquiry-promo { grid-column:1; grid-row:1; min-width:0; display:flex; align-items:center; justify-content:center; background:#e6f2fa; padding:0; overflow:hidden }
#smc-enquiry-dialog .smc-enquiry-promo img { display:block; width:100%; height:auto; max-width:100%; object-fit:contain }
#smc-enquiry-dialog #smc-enquiry-form { grid-column:2; grid-row:1 }
#smc-enquiry-dialog > .smc-popup-close { position:sticky; grid-column:2; grid-row:1; top:12px; right:auto; align-self:start; justify-self:end; margin:12px 12px 0 0; z-index:3 }
@media(max-width:820px) {
 #smc-enquiry-dialog[open] { grid-template-columns:minmax(0,1fr) }
 #smc-enquiry-dialog .smc-enquiry-promo { grid-column:1; grid-row:1 }
 #smc-enquiry-dialog .smc-enquiry-promo img { max-height:260px; width:100%; height:auto; object-fit:contain }
 #smc-enquiry-dialog #smc-enquiry-form { grid-column:1; grid-row:2 }
 #smc-enquiry-dialog > .smc-popup-close { grid-column:1; grid-row:1 }
}
@media(max-width:480px) { #smc-enquiry-dialog .smc-form-fields { grid-template-columns:minmax(0,1fr) } }
/* Fill the full panel with the supplied artwork while keeping the sharp image intact. */
#smc-enquiry-dialog .smc-enquiry-promo { position:relative; isolation:isolate; background:#dcecf7 }
#smc-enquiry-dialog .smc-enquiry-promo::before { content:''; position:absolute; inset:-16px; z-index:-1; background:url('image/why/enquery.png') center / cover no-repeat; filter:blur(12px); opacity:.85; pointer-events:none }
@media(min-width:821px) {
 #smc-enquiry-dialog .smc-enquiry-promo img { position:absolute; inset:0; width:100%; height:100%; max-height:none; object-fit:contain }
}