/* Keep the desktop form's visual language; only fit the mobile layout. */
@media(max-width:600px), (max-width:960px) and (max-height:500px) and (pointer:coarse){
 html:has(.stt-expandable-quote:not([hidden])){overflow:hidden;scrollbar-gutter:stable}
 .stt-expandable-quote{
  --quote-input-height:44px;--quote-textarea-height:68px;--quote-mobile-gap:8px;
  --quote-panel-height:min(580px,calc(var(--quote-screen-height,100dvh) - 24px));
  width:100vw;height:var(--quote-screen-height,100dvh);bottom:auto;top:var(--quote-viewport-top,0px);
  padding:12px;align-items:center;overflow:hidden;
 }
 .stt-expandable-quote.is-expanded .stt-expandable-quote__surface{
  display:flex;flex-direction:column;width:min(560px,100%);height:var(--quote-panel-height);min-height:0;
  box-sizing:border-box;border:1px solid var(--quote-border);border-radius:var(--quote-radius-modal);
  background:var(--quote-glass-light),var(--quote-glass);box-shadow:var(--quote-elevation);overflow:hidden;
 }
 .stt-expandable-quote .stt-expandable-quote__header{
  flex:none;position:relative;padding:14px 20px 10px;border-radius:23px 23px 0 0;
 }
 .stt-expandable-quote .stt-expandable-quote__header h3{font-size:1.5rem}
 .stt-expandable-quote .stt-expandable-quote__content{display:flex;flex:1;min-height:0;overflow:hidden}
 .stt-expandable-quote .stt-expandable-quote__main{
  flex:1;min-width:0;min-height:0;padding:0 20px 18px;box-sizing:border-box;
 }
 .stt-expandable-quote .stt-expandable-quote__form{display:flex;flex-direction:column;height:100%;min-height:0}
 .stt-expandable-quote .stt-expandable-quote__customer{flex:none}
 .stt-expandable-quote .stt-expandable-quote__grid{
  flex:none;align-content:start;height:auto;
 }
 .stt-expandable-quote .stt-expandable-quote__grid .stt-expandable-quote__field+.stt-expandable-quote__field{margin-top:var(--quote-mobile-gap)}
 .stt-expandable-quote .stt-expandable-quote__interest{flex:none;margin-top:var(--quote-mobile-gap)}
 .stt-expandable-quote .stt-expandable-quote__interest+[data-field="description"]{
  display:flex;flex-direction:column;flex:1;min-height:44px;margin-top:var(--quote-mobile-gap);
 }
 .stt-expandable-quote [data-field="description"] .stt-expandable-quote__input-wrap{flex:1;min-height:0}
 .stt-expandable-quote .stt-expandable-quote__field textarea{
  height:100%!important;min-height:0;max-height:none;resize:none;overflow-y:auto;
 }
 .stt-expandable-quote .stt-expandable-quote__submit{flex:none}
 .stt-expandable-quote .stt-expandable-quote__privacy{flex:none}
 .stt-expandable-quote .stt-expandable-quote__field-error{flex:none;font-size:.7rem;line-height:1.35}
 .stt-expandable-quote.is-mobile-keyboard{align-items:flex-start}
 .stt-expandable-quote.is-mobile-keyboard .stt-expandable-quote__content{
  flex:none;height:var(--quote-visible-content-height);overflow:hidden;
 }
 .stt-expandable-quote.is-mobile-keyboard .stt-expandable-quote__main{
  flex:none;width:100%;height:var(--quote-full-content-height);transform:translateY(var(--quote-field-offset,0px));
 }
 .stt-expandable-quote .stt-expandable-quote__success{height:100%;box-sizing:border-box;overflow:auto}
}
@media(max-width:600px) and (max-height:620px), (max-width:960px) and (max-height:500px) and (pointer:coarse){
 .stt-expandable-quote{--quote-input-height:42px;--quote-mobile-gap:6px}
 .stt-expandable-quote .stt-expandable-quote__header{padding:12px 16px 8px}
 .stt-expandable-quote .stt-expandable-quote__header h3{font-size:1.375rem}
 .stt-expandable-quote .stt-expandable-quote__main{padding:0 16px 14px}
 .stt-expandable-quote .stt-expandable-quote__segments{margin-bottom:10px}
 .stt-expandable-quote .stt-expandable-quote__segments label span{min-height:40px}
 .stt-expandable-quote .stt-expandable-quote__submit{margin-top:10px;min-height:44px}
 .stt-expandable-quote .stt-expandable-quote__privacy{margin-top:6px}
}
@media(min-width:601px) and (max-width:960px) and (max-height:500px) and (pointer:coarse){
 .stt-expandable-quote .stt-expandable-quote__grid{height:92px}
 .stt-expandable-quote .stt-expandable-quote__grid:has([aria-invalid="true"]){height:116px}
 .stt-expandable-quote .stt-expandable-quote__form{
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(64px,1fr) auto auto;gap:6px 8px;
 }
 .stt-expandable-quote .stt-expandable-quote__customer,
 .stt-expandable-quote .stt-expandable-quote__grid,
 .stt-expandable-quote .stt-expandable-quote__submit,
 .stt-expandable-quote .stt-expandable-quote__privacy,
 .stt-expandable-quote .stt-expandable-quote__error{grid-column:1/-1}
 .stt-expandable-quote .stt-expandable-quote__segments{margin-bottom:0}
 .stt-expandable-quote .stt-expandable-quote__segments label span{min-height:36px}
 .stt-expandable-quote .stt-expandable-quote__grid{grid-template-columns:1fr 1fr;gap:4px 8px}
 .stt-expandable-quote .stt-expandable-quote__grid .stt-expandable-quote__field+.stt-expandable-quote__field{margin-top:0}
 .stt-expandable-quote .stt-expandable-quote__interest{grid-column:1;grid-row:3;margin-top:0}
 .stt-expandable-quote .stt-expandable-quote__interest+[data-field="description"]{grid-column:2;grid-row:3;margin-top:0}
 .stt-expandable-quote .stt-expandable-quote__submit,
 .stt-expandable-quote .stt-expandable-quote__privacy{margin-top:0}
}