/* H5 Transfer Booking — modern responsive booking experience */
.quickcab-booking-form.h5-transfer-form{
  --h5-primary:#0b79f7;
  --h5-primary-dark:#075fc2;
  --h5-navy:#061a33;
  --h5-navy-2:#0a2747;
  --h5-surface:#ffffff;
  --h5-bg:#f4f8fc;
  --h5-border:#dce5ef;
  --h5-border-strong:#cbd8e6;
  --h5-text:#10233d;
  --h5-muted:#68788d;
  --h5-soft:#eef6ff;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0;
  color:var(--h5-text);
  background:transparent;
  border:0;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(14,38,66,.10);
  overflow:visible;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.45;
}
.quickcab-booking-form.h5-transfer-form *{box-sizing:border-box}
.quickcab-booking-form.h5-transfer-form a{text-decoration:none}
.quickcab-booking-form.h5-transfer-form .row{margin-left:0;margin-right:0}
.quickcab-booking-form.h5-transfer-form [class*="col-"]{padding-left:0;padding-right:0;float:none;width:auto}

/* Header */
.h5-transfer-form .h5-transfer-intro{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:28px;
  min-height:170px;
  padding:32px 38px 46px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 30%,rgba(58,164,255,.26),transparent 34%),
    linear-gradient(120deg,var(--h5-navy) 0%,var(--h5-navy-2) 58%,#0b3c68 100%);
  border-radius:24px 24px 0 0;
  overflow:hidden;
}
.h5-transfer-form .h5-transfer-intro:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-115px;
  width:410px;
  height:220px;
  border:2px solid rgba(255,255,255,.08);
  border-radius:50%;
  transform:rotate(-9deg);
}
.h5-transfer-form .h5-transfer-intro-copy{position:relative;z-index:1;max-width:720px}
.h5-transfer-form .h5-transfer-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin-bottom:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#d8ecff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.h5-transfer-form .h5-transfer-intro h2{margin:0 0 8px!important;color:#fff!important;font-size:36px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.035em!important}
.h5-transfer-form .h5-transfer-intro p{max-width:700px;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:15px!important}
.h5-transfer-form .h5-transfer-intro-note{position:relative;z-index:1;align-self:center;min-width:180px;padding:4px 0 8px;color:#fff;text-align:right;transform:rotate(-3deg)}
.h5-transfer-form .h5-transfer-intro-note span,.h5-transfer-form .h5-transfer-intro-note strong{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:22px;line-height:1.05}
.h5-transfer-form .h5-transfer-intro-note strong{font-size:27px;color:#90ccff}

/* Steps */
.h5-transfer-form .quickcab-cart-steps{
  position:relative;
  z-index:3;
  width:calc(100% - 64px);
  margin:-24px auto 28px!important;
  padding:0!important;
  background:#fff;
  border:1px solid var(--h5-border);
  border-radius:18px;
  box-shadow:0 12px 35px rgba(14,38,66,.09);
  overflow:hidden;
}
.h5-transfer-form .quickcab-cart-steps ul{display:grid!important;grid-template-columns:repeat(3,1fr);margin:0!important;padding:0!important;list-style:none!important}
.h5-transfer-form .quickcab-cart-steps li{position:relative!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;min-width:0!important}
.h5-transfer-form .quickcab-cart-steps li:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:var(--h5-border)}
.h5-transfer-form .quickcab-cart-steps .cart-step-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:72px;padding:14px 22px!important;color:var(--h5-muted)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.h5-transfer-form .quickcab-cart-steps .quickcab-section-number{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf1f5!important;color:#7e8b99!important;font-size:13px!important;font-weight:800!important}
.h5-transfer-form .quickcab-cart-steps .quickcab-section-title{color:inherit!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important}
.h5-transfer-form .quickcab-cart-steps li.active .cart-step-link{color:var(--h5-text)!important}
.h5-transfer-form .quickcab-cart-steps li.active .quickcab-section-number{background:var(--h5-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,121,247,.24)}

/* Main */
.h5-transfer-form .form-section{padding:0 28px 30px}
.h5-transfer-form .quickcab-error{margin:0 0 18px!important;padding:13px 15px!important;border:1px solid #ffc8cd!important;border-radius:13px!important;background:#fff4f5!important;color:#9b1c2c!important;font-size:13px!important;font-weight:650}
.h5-transfer-form .h5-transfer-booking-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:20px;align-items:start}
.h5-transfer-form .h5-transfer-panel{background:#fff;border:1px solid var(--h5-border);border-radius:20px;box-shadow:0 9px 28px rgba(14,38,66,.055)}
.h5-transfer-form .h5-transfer-form-panel{padding:26px}
.h5-transfer-form .h5-panel-heading,.h5-transfer-form .h5-summary-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.h5-transfer-form .h5-panel-heading h3,.h5-transfer-form .h5-summary-heading h3,.h5-transfer-form .h5-vehicle-results-heading h3{margin:0 0 2px!important;padding:0!important;border:0!important;color:var(--h5-text)!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important}
.h5-transfer-form .h5-panel-heading p,.h5-transfer-form .h5-summary-heading p,.h5-transfer-form .h5-vehicle-results-heading p{margin:0!important;color:var(--h5-muted)!important;font-size:12.5px!important}
.h5-transfer-form .h5-panel-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--h5-soft);color:var(--h5-primary);font-size:23px;font-weight:700}
.h5-transfer-form .h5-panel-icon-small{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:18px}

/* Fields */
.h5-transfer-form .h5-fields-grid{display:grid;gap:15px 16px}
.h5-transfer-form .h5-fields-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h5-transfer-form .h5-field-full{grid-column:1/-1}
.h5-transfer-form .quickcab-input-row{position:relative;margin:0!important;padding:0!important}
.h5-transfer-form label.control-label{display:block!important;margin:0 0 7px!important;color:#2b4059!important;font-size:12px!important;font-weight:750!important;line-height:1.3!important}
.h5-transfer-form .quickcab-required{color:#e43f4f!important}
.h5-transfer-form .form-control,.h5-transfer-form select.form-control,.h5-transfer-form input.form-control{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid var(--h5-border-strong)!important;
  border-radius:12px!important;
  outline:0!important;
  background:#fff!important;
  color:var(--h5-text)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.35!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.h5-transfer-form select.form-control{padding-right:38px!important;cursor:pointer}
.h5-transfer-form .form-control::placeholder{color:#9aa8b8!important;opacity:1}
.h5-transfer-form .form-control:focus{border-color:#72b4fb!important;box-shadow:0 0 0 4px rgba(11,121,247,.09)!important;background:#fff!important}
.h5-transfer-form .quickcab-field-error{border-color:#e44b5d!important;box-shadow:0 0 0 3px rgba(228,75,93,.09)!important}
.h5-transfer-form .quickcab-autocomplete-warning{margin-top:6px;color:#b42335;font-size:11.5px;font-weight:650}
.h5-transfer-form .h5-control-wrap{position:relative}
.h5-transfer-form .h5-control-wrap:before{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:18px;color:#4b6683;font-size:15px;pointer-events:none}
.h5-transfer-form .h5-control-location:before{content:"●";font-size:10px;border:2px solid #3b5876;border-radius:50%;width:12px;height:12px;color:transparent}
.h5-transfer-form .h5-control-person:before{content:"♟";font-size:15px;transform:translateY(-52%) scale(.82)}
.h5-transfer-form .h5-control-bag:before{content:"▣";font-size:15px}
.h5-transfer-form .h5-control-date:before{content:"□";font-size:17px}
.h5-transfer-form .h5-control-time:before{content:"◷";font-size:18px}
.h5-transfer-form .h5-control-wrap .form-control{padding-left:40px!important}
.h5-transfer-form .h5-waypoints{grid-column:1/-1;margin:4px 0 16px}
.h5-transfer-form .quickcab-waypoint-row{position:relative;margin:0 0 10px!important;padding:0!important}
.h5-transfer-form .quickcab-waypoint-actions-container{display:flex;gap:6px;margin-top:7px}
.h5-transfer-form .quickcab-waypoint-actions-container a{display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#eef5fd;color:var(--h5-primary)!important;font-weight:800}

/* Direction cards */
.h5-transfer-form .h5-direction-field{margin:18px 0 16px!important}
.h5-transfer-form .h5-direction-native{position:absolute!important;width:1px!important;min-height:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
.h5-transfer-form .h5-direction-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h5-transfer-form .h5-direction-card{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 14px;border:1px solid var(--h5-border-strong);border-radius:13px;background:#fff;color:var(--h5-text);text-align:left;cursor:pointer;transition:.18s ease;font-family:inherit}
.h5-transfer-form .h5-direction-card:hover{border-color:#9fcafa;background:#fbfdff}
.h5-transfer-form .h5-direction-card.is-active{border-color:var(--h5-primary);background:#f0f7ff;box-shadow:0 0 0 2px rgba(11,121,247,.06)}
.h5-transfer-form .h5-direction-radio{flex:0 0 18px;width:18px;height:18px;border:1.5px solid #a9b6c5;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.h5-transfer-form .h5-direction-card.is-active .h5-direction-radio{border-color:var(--h5-primary);background:var(--h5-primary)}
.h5-transfer-form .h5-direction-symbol{display:flex;align-items:center;justify-content:center;min-width:26px;color:#183b65;font-size:25px;font-weight:500;line-height:1}
.h5-transfer-form .h5-direction-card strong{display:block;font-size:13.5px;font-weight:800}
.h5-transfer-form .h5-direction-card small{display:block;margin-top:2px;color:var(--h5-muted);font-size:11.5px}

.h5-transfer-form .h5-timezone-note{display:flex;align-items:center;gap:7px;margin:16px 0 0!important;padding-top:14px;border-top:1px solid #edf1f5;color:#7c8998!important;font-size:11px!important}

/* Right summary */
.h5-transfer-form .h5-transfer-sidebar{position:relative;min-width:0}
.h5-transfer-form .h5-transfer-summary-card{position:sticky;top:24px;padding:16px}
.h5-transfer-form .h5-map-wrap{position:relative;margin-bottom:18px}
.h5-transfer-form .quickcab-form-map{width:100%!important;min-height:300px!important;height:300px!important;margin:0!important;border:1px solid var(--h5-border)!important;border-radius:15px!important;background:#edf3f8!important;overflow:hidden!important}
.h5-transfer-form .h5-summary-heading{margin:0 2px 13px}
.h5-transfer-form .h5-summary-list{margin:0 2px;border-top:1px solid #e9eef4}
.h5-transfer-form .h5-summary-list>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid #e9eef4}
.h5-transfer-form .h5-summary-list span{color:var(--h5-muted);font-size:11.5px;font-weight:650}
.h5-transfer-form .h5-summary-list strong{overflow:hidden;color:#263d58;font-size:11.8px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.h5-transfer-form .h5-journey-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0!important;padding:0!important;border:0!important;background:transparent!important}
.h5-transfer-form .h5-journey-stats .quickcab-map-stats{width:auto!important;margin:0!important;padding:0!important;border:0!important}
.h5-transfer-form .h5-journey-stats .quickcab-map-stats-details{min-height:76px;padding:12px 13px!important;border:1px solid #d8e8f9;border-radius:13px;background:#f2f8ff}
.h5-transfer-form .quickcab-map-stat-title{margin-bottom:3px;color:#718198!important;font-size:10.5px!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important}
.h5-transfer-form .quickcab-map-stat-text{color:#17395f!important;font-size:17px!important;font-weight:850!important;line-height:1.15!important}
.h5-transfer-form .h5-price-note{margin:0 0 13px;padding:13px 14px;border:1px solid #d8e8f9;border-radius:13px;background:linear-gradient(135deg,#f1f8ff,#f7fbff)}
.h5-transfer-form .h5-price-note>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.h5-transfer-form .h5-price-note-label{color:var(--h5-primary);font-size:11px;font-weight:800}
.h5-transfer-form .h5-price-note strong{color:#17395f;font-size:12px;font-weight:850}
.h5-transfer-form .h5-price-note p{margin:5px 0 0!important;color:#7b899a!important;font-size:10.5px!important;line-height:1.35!important}
.h5-transfer-form .quickcab-button.h5-primary-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:13px 18px!important;border:1px solid var(--h5-primary)!important;border-radius:12px!important;background:var(--h5-primary)!important;color:#fff!important;box-shadow:0 9px 22px rgba(11,121,247,.22)!important;font-size:14px!important;font-weight:800!important;text-align:center!important;transition:.18s ease}
.h5-transfer-form .quickcab-button.h5-primary-action:hover{transform:translateY(-1px);background:var(--h5-primary-dark)!important;border-color:var(--h5-primary-dark)!important;color:#fff!important;box-shadow:0 12px 26px rgba(11,121,247,.28)!important}
.h5-transfer-form .h5-secure-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:9px;color:#8995a4;font-size:9.8px;text-align:center}

/* Step 2 */
.h5-transfer-form .h5-vehicle-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.h5-transfer-form .h5-trip-preview{position:sticky;top:24px;margin:0!important;padding:20px!important;border:1px solid var(--h5-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 28px rgba(14,38,66,.055)!important}
.h5-transfer-form .quickcab-trip-preview-header{margin:0 0 15px!important;color:var(--h5-text)!important;font-size:17px!important;font-weight:850!important}
.h5-transfer-form .quickcab-trip-preview-title{margin:14px 0 3px!important;color:#8490a0!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.055em!important}
.h5-transfer-form .quickcab-trip-preview-text{color:#263d58!important;font-size:12.5px!important;line-height:1.4!important}
.h5-transfer-form .quickcab-back-button-container{margin-top:18px!important;text-align:left!important}
.h5-transfer-form .quickcab-button.-inverted{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:42px;padding:9px 13px!important;border:1px solid var(--h5-border-strong)!important;border-radius:10px!important;background:#fff!important;color:#415a76!important;box-shadow:none!important;font-size:12px!important;font-weight:750!important}
.h5-transfer-form .h5-vehicle-results{min-width:0}
.h5-transfer-form .h5-vehicle-results-heading{margin:1px 0 14px;padding:0 4px}
.h5-transfer-form .quickcab-vehicles-list{display:grid!important;gap:14px!important}
.h5-transfer-form .quickcab-vehicle-item{margin:0!important;padding:17px!important;border:1px solid var(--h5-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(14,38,66,.05)!important;transition:.18s ease}
.h5-transfer-form .quickcab-vehicle-item:hover{transform:translateY(-2px);border-color:#c7d9eb!important;box-shadow:0 13px 30px rgba(14,38,66,.09)!important}
.h5-transfer-form .quickcab-vehicle-item .row{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;align-items:center!important}
.h5-transfer-form .quickcab-vehicle-image-column,.h5-transfer-form .quickcab-vehicle-details-column{width:auto!important;max-width:none!important}
.h5-transfer-form .quickcab-vehicle-item img{width:100%!important;max-height:135px!important;object-fit:contain!important;border-radius:12px!important;background:#f7f9fb!important}
.h5-transfer-form .quickcab-vehicle-name{margin:2px 0 8px!important;color:var(--h5-text)!important;font-size:18px!important;font-weight:850!important}
.h5-transfer-form .quickcab-vehicle-price{color:var(--h5-primary)!important;font-size:21px!important;font-weight:850!important;letter-spacing:-.02em!important}
.h5-transfer-form .quickcab-vehicle-features{display:flex!important;flex-wrap:wrap!important;gap:5px 14px!important;margin:10px 0 0!important;padding:0!important;list-style:none!important;color:#62738a!important;font-size:11.5px!important}
.h5-transfer-form .quickcab-vehicle-icons{display:flex!important;gap:8px!important;margin:7px 0!important}
.h5-transfer-form .quickcab-vehicle-icon{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 8px!important;border-radius:8px!important;background:#f1f6fb!important;color:#48627e!important;font-size:11px!important}
.h5-transfer-form .quickcab-vehicle-book-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 14px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important}

/* Google autocomplete */
.quickcab-autocomplete-dropdown,.pac-container{z-index:999999!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 16px 38px rgba(14,38,66,.15)!important;overflow:hidden!important}
.quickcab-autocomplete-item{padding:11px 13px!important;border-bottom:1px solid #eef2f6!important;cursor:pointer!important}
.quickcab-autocomplete-item:hover,.quickcab-autocomplete-active{background:#f2f8ff!important}
.quickcab-autocomplete-main{color:#17304d!important;font-size:12.5px!important;font-weight:750!important}
.quickcab-autocomplete-secondary{margin-top:2px;color:#8190a2!important;font-size:10.5px!important}

/* Datepicker */
.ui-datepicker{z-index:999999!important;padding:10px!important;border:1px solid #dce5ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 42px rgba(14,38,66,.16)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
.ui-datepicker .ui-datepicker-header{border:0!important;background:#f5f8fb!important;border-radius:9px!important;color:#17304d!important}
.ui-datepicker td a,.ui-datepicker td span{border:0!important;border-radius:8px!important;background:transparent!important;text-align:center!important}
.ui-datepicker td a.ui-state-active{background:var(--h5-primary,#0b79f7)!important;color:#fff!important}

/* Responsive */
@media(max-width:1024px){
  .quickcab-booking-form.h5-transfer-form{border-radius:20px}
  .h5-transfer-form .h5-transfer-intro{padding:28px 28px 44px;border-radius:20px 20px 0 0}
  .h5-transfer-form .h5-transfer-intro h2{font-size:32px!important}
  .h5-transfer-form .quickcab-cart-steps{width:calc(100% - 40px)}
  .h5-transfer-form .form-section{padding:0 20px 24px}
  .h5-transfer-form .h5-transfer-booking-grid{grid-template-columns:1fr}
  .h5-transfer-form .h5-transfer-sidebar{order:2}
  .h5-transfer-form .h5-transfer-summary-card{position:relative;top:auto}
  .h5-transfer-form .quickcab-form-map{height:330px!important;min-height:330px!important}
  .h5-transfer-form .h5-vehicle-layout{grid-template-columns:1fr}
  .h5-transfer-form .h5-trip-preview{position:relative;top:auto}
}
@media(max-width:720px){
  .quickcab-booking-form.h5-transfer-form{box-shadow:0 12px 35px rgba(14,38,66,.08)}
  .h5-transfer-form .h5-transfer-intro{min-height:0;padding:24px 20px 42px;border-radius:18px 18px 0 0}
  .h5-transfer-form .h5-transfer-intro-note{display:none}
  .h5-transfer-form .h5-transfer-intro h2{font-size:28px!important}
  .h5-transfer-form .h5-transfer-intro p{font-size:13px!important}
  .h5-transfer-form .quickcab-cart-steps{width:calc(100% - 24px);margin-top:-20px!important;margin-bottom:18px!important;border-radius:14px;overflow:visible}
  .h5-transfer-form .quickcab-cart-steps .cart-step-link{justify-content:center;min-height:62px;padding:10px 7px!important;gap:6px!important;text-align:center}
  .h5-transfer-form .quickcab-cart-steps .quickcab-section-number{flex-basis:28px;width:28px;height:28px;font-size:11px!important}
  .h5-transfer-form .quickcab-cart-steps .quickcab-section-title{font-size:10px!important}
  .h5-transfer-form .form-section{padding:0 12px 18px}
  .h5-transfer-form .h5-transfer-form-panel{padding:18px 15px}
  .h5-transfer-form .h5-fields-grid-2,.h5-transfer-form .h5-direction-options{grid-template-columns:1fr}
  .h5-transfer-form .h5-panel-heading{margin-bottom:18px}
  .h5-transfer-form .h5-panel-heading h3,.h5-transfer-form .h5-summary-heading h3{font-size:16px!important}
  .h5-transfer-form .h5-panel-icon{flex-basis:40px;width:40px;height:40px}
  .h5-transfer-form .form-control,.h5-transfer-form select.form-control,.h5-transfer-form input.form-control{min-height:50px!important;height:50px!important;font-size:16px!important}
  .h5-transfer-form .h5-direction-card{min-height:66px}
  .h5-transfer-form .quickcab-form-map{height:255px!important;min-height:255px!important}
  .h5-transfer-form .h5-summary-list>div{grid-template-columns:90px minmax(0,1fr)}
  .h5-transfer-form .h5-journey-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h5-transfer-form .quickcab-map-stat-text{font-size:15px!important}
  .h5-transfer-form .quickcab-vehicle-item .row{grid-template-columns:1fr!important;gap:10px!important}
  .h5-transfer-form .quickcab-vehicle-item img{max-height:180px!important}
}
@media(max-width:420px){
  .h5-transfer-form .quickcab-cart-steps .quickcab-section-title{display:none}
  .h5-transfer-form .quickcab-cart-steps .cart-step-link{min-height:54px}
  .h5-transfer-form .h5-journey-stats{grid-template-columns:1fr}
  .h5-transfer-form .h5-summary-list>div{grid-template-columns:1fr;gap:2px}
  .h5-transfer-form .h5-summary-list strong{text-align:left;white-space:normal}
}

/* H5 Transfer 0.2.8 — four-step flow, horizontal vehicle list and embedded checkout */
.h5-transfer-form .quickcab-cart-steps ul{grid-template-columns:repeat(4,minmax(0,1fr))!important}

.h5-transfer-form .h5-vehicle-list{display:flex!important;flex-direction:column!important;gap:12px!important}
.h5-transfer-form .quickcab-vehicle-item.h5-vehicle-row{display:grid!important;grid-template-columns:180px minmax(0,1fr) 170px!important;gap:20px!important;align-items:center!important;padding:18px 20px!important;min-height:150px!important}
.h5-transfer-form .h5-vehicle-row .h5-vehicle-image{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:112px;padding:8px;border-radius:14px;background:#f7f9fc}
.h5-transfer-form .h5-vehicle-row .h5-vehicle-image img{display:block!important;width:100%!important;height:100%!important;max-height:125px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}
.h5-transfer-form .h5-vehicle-row .h5-vehicle-main{min-width:0;padding:2px 0}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-name{margin:0 0 8px!important;font-size:19px!important}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-icons{margin:0 0 9px!important}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-features{margin:0!important;gap:5px 16px!important}
.h5-transfer-form .h5-vehicle-row .h5-vehicle-book{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:112px;padding-left:18px;border-left:1px solid #edf1f5;text-align:right}
.h5-transfer-form .h5-vehicle-price-label{margin-bottom:2px;color:#8290a2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-price{margin-bottom:10px!important;font-size:23px!important;white-space:nowrap}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-book-button{width:100%!important;max-width:148px!important;min-height:44px!important;margin:0!important;color:#fff!important;background:var(--h5-primary)!important;border-color:var(--h5-primary)!important}
.h5-transfer-form .h5-vehicle-row .quickcab-vehicle-book-button:hover{color:#fff!important;background:var(--h5-primary-dark)!important}

.h5-review-shell,.h5-payment-shell{max-width:1040px;margin:0 auto}
.h5-review-card,.h5-payment-shell{padding:24px;border:1px solid var(--h5-border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(14,38,66,.055)}
.h5-review-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.h5-review-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#eaf4ff;color:var(--h5-primary);font-size:20px;font-weight:900}
.h5-review-heading h3,.h5-payment-heading h3{margin:0 0 3px!important;color:var(--h5-text)!important;font-size:20px!important;font-weight:850!important}
.h5-review-heading p,.h5-payment-heading p{margin:0!important;color:var(--h5-muted)!important;font-size:12.5px!important}
.h5-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h5-review-grid>div{padding:15px 16px;border:1px solid #e7edf4;border-radius:13px;background:#fafcff}
.h5-review-grid span{display:block;margin-bottom:4px;color:#8794a5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.h5-review-grid strong{display:block;color:#213a56;font-size:13.5px;font-weight:800;line-height:1.4}
.h5-review-grid .h5-review-price{color:var(--h5-primary);font-size:20px}
.h5-review-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.h5-review-actions .h5-primary-action{width:auto!important;min-width:240px!important}

.h5-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #edf1f5}
.h5-payment-heading .quickcab-button{flex:0 0 auto}
.h5-checkout-loader{display:flex;align-items:center;justify-content:center;gap:10px;min-height:280px;color:#58708b;font-size:13px}
.h5-spinner{display:inline-block;width:24px;height:24px;border:3px solid #dbe8f6;border-top-color:var(--h5-primary);border-radius:50%;animation:h5spin .7s linear infinite}
@keyframes h5spin{to{transform:rotate(360deg)}}
.h5-transfer-checkout-frame{display:block;width:100%;min-height:760px;border:0;border-radius:14px;background:#fff}
.h5-checkout-fallback{margin-top:14px;padding:14px 16px;border:1px solid #dce7f2;border-radius:12px;background:#f7fbff;text-align:center}
.h5-checkout-fallback p{margin:0 0 10px!important;color:#65778d!important;font-size:12px!important}
.h5-checkout-fallback .h5-primary-action{display:inline-flex!important;width:auto!important}

@media(max-width:900px){
  .h5-transfer-form .quickcab-vehicle-item.h5-vehicle-row{grid-template-columns:150px minmax(0,1fr)!important;gap:16px!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-book{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:0;padding:14px 0 0;border-left:0;border-top:1px solid #edf1f5;text-align:left}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-price{margin:0!important}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-book-button{max-width:150px!important}
  .h5-review-shell,.h5-payment-shell{max-width:none}
}
@media(max-width:720px){
  .h5-transfer-form .quickcab-cart-steps ul{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .h5-transfer-form .quickcab-vehicle-item.h5-vehicle-row{grid-template-columns:105px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;min-height:0!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-image{min-height:92px!important;padding:4px!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-image img{max-height:92px!important}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-name{font-size:16px!important}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-features{display:none!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-book{grid-template-columns:1fr 1fr!important;gap:8px 10px!important}
  .h5-transfer-form .h5-vehicle-price-label{grid-column:1/-1;margin:0}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-price{font-size:19px!important}
  .h5-transfer-form .h5-vehicle-row .quickcab-vehicle-book-button{justify-self:end;max-width:140px!important}
  .h5-review-card,.h5-payment-shell{padding:17px;border-radius:15px}
  .h5-review-grid{grid-template-columns:1fr}
  .h5-review-actions{flex-direction:column-reverse}
  .h5-review-actions .quickcab-button,.h5-review-actions .h5-primary-action{width:100%!important;min-width:0!important}
  .h5-payment-heading{align-items:flex-start;flex-direction:column}
  .h5-transfer-checkout-frame{min-height:900px}
}
@media(max-width:420px){
  .h5-transfer-form .quickcab-vehicle-item.h5-vehicle-row{grid-template-columns:1fr!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-image{min-height:120px!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-image img{max-height:120px!important}
  .h5-transfer-form .h5-vehicle-row .h5-vehicle-book{grid-template-columns:1fr auto!important}
}

/* Vehicle notes: bag sizes and other short details. */
.quickcab-vehicle-item .h5-vehicle-description{margin:8px 0 10px;font-size:13px;line-height:1.5;color:#475569;overflow-wrap:anywhere;white-space:normal;}

/* 0.4.0 — vehicle quantities and shared capacity. */
.quickcab-booking-form.h5-transfer-form .h5-vehicle-row.is-selected { border-color: var(--h5-primary, #2563eb)!important; box-shadow: 0 0 0 1px var(--h5-primary, #2563eb); }
.h5-vehicle-category { display: inline-block; padding: 4px 10px; margin-bottom: 6px; background: #eef3ff; color: #253c75; border-radius: 20px; font-size: 12px; font-weight: 700; }
.h5-quantity-control { display: flex; align-items: center; justify-content: center; margin: 8px 0; border: 1px solid #dbe2ec; border-radius: 10px; overflow: hidden; }
.h5-quantity-control button { flex: 0 0 42px; height: 42px; padding: 0; border: 0; border-radius: 0; background: #f1f5f9; color: #172b4d; font-size: 24px; cursor: pointer; }
.h5-quantity-control input.h5-vehicle-quantity { width: 58px; min-width: 0; height: 42px; padding: 0; text-align: center; border: 0; border-radius: 0; box-shadow: none; appearance: textfield; background: white; color: #172b4d; font-size: 16px; }
.h5-quantity-control input::-webkit-inner-spin-button { appearance: none; }
.h5-quantity-control button:disabled, .h5-fleet-continue:disabled { opacity: .4; cursor: not-allowed; }
.h5-vehicle-subtotal { display: block; margin-top: 8px; font-size: 12px; }
.h5-vehicle-book label { font-size: 12px; margin-top: 8px; }
.h5-vehicle-book small { display: block; font-size: 11px; color: #66748c; }
.h5-fleet-summary { display: flex; justify-content: space-between; gap: 20px; padding: 22px; margin: 24px 0; background: #f4f7fb; border: 1px solid #e1e7ef; border-radius: 16px; }
.h5-fleet-summary strong, .h5-fleet-summary span { display: block; }
.h5-fleet-summary p, .h5-party-note { margin: 8px 0; color: #66748c; font-size: 13px; }
.h5-fleet-total { font-size: 24px; white-space: nowrap; }
.h5-fleet-error { color: #a52a2a; background: #fff2f2; padding: 12px; border-radius: 8px; }
.h5-fleet-error[hidden] { display: none; }
.h5-fleet-continue { width: 100%; margin-top: 16px; }
.h5-party-fields input { min-height: 46px; }
.h5-vehicle-main > small { color: #66748c; font-size: 11px; }
@media (max-width: 600px) { .h5-fleet-summary { flex-direction: column; gap: 12px; } .h5-quantity-control { width: 150px; } }
.h5-transfer-form .h5-vehicle-row .h5-vehicle-book { display:flex!important; flex-direction:column; align-items:flex-end; gap:3px!important; }
.h5-transfer-form .h5-vehicle-row .h5-vehicle-subtotal { font-size:12px; line-height:1.5; }
@media(max-width:900px){ .h5-transfer-form .h5-vehicle-row .h5-vehicle-book { align-items:flex-start; } }

/* Availability and capacity guidance. */
.h5-vehicle-row.is-unavailable { opacity: .6; background: #f1f5f9; }
.h5-vehicle-capacity-hint { font-size: 13px; margin: 10px 0 0; color: #475569; }

/* International journey notice; wraps on narrow screens. */
.h5-border-notice { box-sizing: border-box; padding: 14px 16px; margin: 16px 0; border: 1px solid #e9cc83; border-left: 4px solid #bd7b13; border-radius: 10px; background: #fff8e8; color: #64430b; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }

.h5-children-allocation{margin-top:16px;display:grid;gap:10px;border-top:1px solid #e5e7eb;padding-top:12px}.h5-children-allocation label{display:grid;gap:6px;font-size:12px!important;text-align:left!important}.h5-children-allocation input{width:100%;min-height:40px;border:1px solid #d1d5db;border-radius:8px;padding:8px;background:#fff;color:#111827}.h5-party-fields small{display:block;margin-top:6px;color:#64748b}
