/* Compact phone forms; the desktop Express frame and delivery flow stay intact. */
@media(max-width:768px){
 body .quick-quote.quick-quote{
  padding:23px 16px 26px;
  background:#18294d!important;
  color:#f6efdf;
  scroll-margin-top:86px;
 }
 body .quick-quote .quick-quote-panel{
  display:block;
  width:100%;
  padding:0!important;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
 }
 body .quick-quote .quick-quote-panel::before,
 body .quick-quote .quick-quote-panel::after{display:none}
 body .quick-quote .quick-quote-heading{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 1px;
  margin:0 0 17px;
 }
 body .quick-quote .quick-quote-heading>div{min-width:0}
 body .quick-quote .quick-quote-heading>div>span{
  color:#c5d1e4;
  font:400 11px/1.35 MintText,Arial,sans-serif;
  letter-spacing:0;
  margin:0 0 5px;
 }
 body .quick-quote h2{
  font-size:29px;
  line-height:1.02;
  max-width:10ch;
  margin:0;
  color:#f6efdf;
 }
 body .quick-quote .quick-quote-intro{display:none}
 body .quick-quote .quick-quote-heading>a{
  flex:none;
  min-height:44px;
  width:auto;
  padding:8px 11px;
  margin:0;
  gap:6px;
  border:1px solid #a2b3ce80;
  background:#203655;
  color:#f6efdf;
  font:500 12px/1.2 MintText,Arial,sans-serif;
  white-space:nowrap;
 }
 body .quick-quote .quick-quote-form{
  padding:15px 14px 16px;
  border:1px solid #d3c5ae;
  border-radius:15px;
  background:#efe3cf!important;
  box-shadow:none;
 }
 body .quick-quote-panel .mq-inline-flow{
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
 }
 body .quick-quote-panel .mq-flow-nav{margin:0 0 13px;gap:15px}
 body .quick-quote-panel .mq-flow-nav button{
  min-height:42px;
  padding:4px 0 8px;
  font:500 12px/1.3 MintText,Arial,sans-serif;
 }
 body .quick-quote-panel .mq-flow .mq-fields{gap:11px 10px!important}
 body .quick-quote-panel .mq-flow .mq-field{gap:5px;font-size:12px;line-height:1.35}
 body .quick-quote-panel .mq-flow .mq-field>span{font-size:12px;line-height:1.35}
 body .quick-quote-panel .mq-flow :is(input:not([type=hidden]):not(.honeypot),select,textarea){
  min-height:44px;
  padding:9px 10px;
  border-radius:8px;
  font:400 16px/1.35 MintText,Arial,sans-serif;
  background:#f8f1e5!important;
 }
 body .quick-quote-panel .mq-flow .mq-contact-hint{
  margin:0;
  font:400 11px/1.45 MintText,Arial,sans-serif;
 }
 body .quick-quote-panel .mq-flow .mq-privacy{
  margin:12px 0 9px;
  font:400 11px/1.45 MintText,Arial,sans-serif;
 }
 body .quick-quote-panel .mq-flow .mq-submit{
  min-height:48px;
  padding:6px 7px 6px 14px;
  margin-top:10px;
  gap:10px;
  font:500 14px/1.3 MintText,Arial,sans-serif!important;
 }
 body .quick-quote-panel .mq-submit>span:last-child{width:30px;height:30px;font-size:21px}
 /* The standalone quote page opens with the form, not a long introduction. */
 body .qe-page .qe-opening{padding:99px 16px 30px;border-radius:0 0 26px 26px}
 body .qe-page .qe-layout{gap:17px}
 body .qe-page .qe-intro{padding:0}
 body .qe-page .qe-intro h1{font-size:34px!important;line-height:1.05!important;margin:0;max-width:15ch}
 body .qe-page .qe-intro>p{display:none}
 body .qe-page .qe-whatsapp{min-height:44px;font:500 13px/1.3 MintText,Arial,sans-serif;padding:7px 0;margin:7px 0 0}
 body .qe-page .qe-layout>.mq-inline-flow{padding:17px 15px;border-radius:16px;background:#efe3cf}
 body .qe-page .mq-inline-title{font-size:27px!important;line-height:1.08!important;margin-bottom:8px}
 body .qe-page .qe-followup{padding-block:33px 42px;gap:30px}
 body .qe-page .qe-followup h2{font-size:31px!important;line-height:1.08!important}
 body .qe-page .qe-followup h3{font-size:24px!important;line-height:1.12!important}
 body .qe-page .qe-followup p{font-size:15px;line-height:1.5}
 body .qe-page .qe-faq summary{font-size:21px}
 /* Keep the native close control and step navigation visible in short viewports. */
 body .mint-quote-dialog.mint-quote-dialog{
  width:calc(100% - 16px);
  max-height:calc(100dvh - 16px);
  border-radius:18px;
  --mq-cream:#efe3cf;
 }
 body .mint-quote-dialog.mint-quote-dialog .mq-shell{max-height:calc(100dvh - 18px)}
 body .mint-quote-dialog.mint-quote-dialog .mq-top{padding:7px 13px;gap:10px}
 body .mint-quote-dialog.mint-quote-dialog .mq-top>span{font-size:11px;gap:8px}
 body .mint-quote-dialog.mint-quote-dialog .mq-close{width:44px;height:44px;min-width:44px;min-height:44px}
 body .mint-quote-dialog.mint-quote-dialog .mq-body{padding:14px 16px 17px;scroll-padding-block:53px 18px}
 body .mint-quote-dialog.mint-quote-dialog h2{font-size:29px!important;line-height:1.06!important}
 body .mint-quote-dialog.mint-quote-dialog #mq-description{font:400 13px/1.45 MintText,Arial,sans-serif;margin:8px 0 12px}
 body .mint-quote-dialog .mq-flow-nav{
  position:sticky;
  top:-1px;
  z-index:3;
  padding-top:4px;
  background:#efe3cf;
  margin-bottom:12px;
 }
 body .mint-quote-dialog .mq-flow-nav button{min-height:44px;padding:6px 0 9px}
 body .mint-quote-dialog .mq-flow .mq-submit{font:500 14px/1.3 MintText,Arial,sans-serif!important;min-height:48px;white-space:normal}
 body .mint-quote-dialog .mq-flow :is(input:not([type=hidden]):not(.honeypot),select,textarea){font-size:16px!important;min-height:44px}
 body .mint-quote-dialog .mq-other-channels{margin-top:14px;padding-top:9px}
 body .mint-quote-dialog .mq-other-channels :is(.mq-whatsapp,.mq-schedule){min-height:44px;font-size:13px}
 body .mq-flow .mq-saved-note{font-size:13px;line-height:1.45;padding:10px 12px;margin-bottom:12px}
 body .mq-flow .mq-contact-review{gap:10px;margin-bottom:12px;font-size:12px;line-height:1.4}
 body .mq-flow .mq-contact-review>span{min-width:0;overflow-wrap:anywhere}
 body .mq-flow .mq-contact-review>button{max-width:112px;min-height:44px;font-size:12px}
 body .mq-flow .mq-footer-actions{flex-wrap:wrap;gap:3px 14px}
 body .mq-flow .mq-footer-actions button{min-height:44px;font-size:12px}
 body .mq-flow .mq-complete h3{font-size:29px;line-height:1.08}
 body .mq-flow .mq-complete p{font-size:15px;line-height:1.5}
}
@media(max-width:379px){
 body .quick-quote .quick-quote-heading{gap:10px}
 body .quick-quote h2{font-size:27px}
 body .quick-quote .quick-quote-heading>a{padding-inline:8px;font-size:11px}
 body .quick-quote .quick-quote-form{padding-inline:12px}
 body .quick-quote-panel .mq-form[data-quote-step=details] .mq-fields,
 body .mint-quote-dialog .mq-form[data-quote-step=details] .mq-fields{grid-template-columns:1fr!important}
 body .quick-quote-panel .mq-form[data-quote-step=details] .mq-field,
 body .mint-quote-dialog .mq-form[data-quote-step=details] .mq-field{grid-column:1/-1!important}
}
@media(max-height:500px) and (max-width:1024px){
 body .mint-quote-dialog.mint-quote-dialog{max-height:calc(100dvh - 12px);margin-block:6px}
 body .mint-quote-dialog.mint-quote-dialog .mq-shell{max-height:calc(100dvh - 14px)}
 body .mint-quote-dialog.mint-quote-dialog .mq-top{padding-block:4px}
 body .mint-quote-dialog.mint-quote-dialog .mq-body{padding-block:12px}
 body .mint-quote-dialog.mint-quote-dialog .mq-heading h2{font-size:27px!important}
}