/* XGQN-P60 — MOBILE HOME hero booking only, build on P59.
   Keep PC/tablet, form validation/booking JS, banner, footer, other pages untouched.
   Note textarea: 76px -> 46px (39.5% smaller), can scroll when content is longer.
*/
@media screen and (max-width:767px) {
  /* Remove legacy yellow/blue focus rings on this booking form only. */
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm .vinfast-lead-field > :is(input,select,textarea):is(:focus,:focus-visible,:active,:hover) {
    outline:0 none!important;
    outline-offset:0!important;
    box-shadow:none!important;
    border-color:var(--booking-input-border,var(--xgp38-h-BFCBDA,#bfcbda))!important;
    -webkit-tap-highlight-color:transparent;
  }
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm .vinfast-lead-field > :is(input,select,textarea) {
    -webkit-tap-highlight-color:transparent;
  }
  /* iOS Safari native date value is offset towards the top by legacy appearance:none.
     Restore the date control and vertically center its WebKit date text fragment. */
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm input#qn23c_departure {
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 10px!important;
    line-height:42px!important;
    vertical-align:middle!important;
    -webkit-appearance:auto!important;
    appearance:auto!important;
  }
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm input#qn23c_departure::-webkit-date-and-time-value {
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    height:100%!important;
    text-align:left!important;
  }
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm input#qn23c_departure::-webkit-datetime-edit {
    display:inline-flex!important;
    align-items:center!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    line-height:normal!important;
  }
  /* 40% less height than the P59 textarea; preserve text entry & vertical scroll. */
  body.transport-native.xg-home-p06.qnvf23g-home .trm-home section.qn23c-section #qn23cBookingForm .vinfast-lead-field > textarea#qn23c_note {
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:6px 10px!important;
    line-height:1.3!important;
    overflow-y:auto!important;
    resize:none!important;
  }
}