/*
 * Quick At modern application interface.
 * Shared by every PHP template; booking flow pages add the qa-ride-flow classes.
 */
:root{
  --qa-app-ink:#111111;
  --qa-app-copy:#3f3f3f;
  --qa-app-muted:#6f6f6f;
  --qa-app-surface:#f3f3f3;
  --qa-app-surface-2:#f8f8f8;
  --qa-app-line:#e5e5e5;
  --qa-app-white:#ffffff;
  --qa-app-radius:18px;
  --qa-app-shadow:0 10px 30px rgba(0,0,0,.07);
}
html{background:#fff!important}
body.qpu-modern-site{
  background:#fff!important;
  color:var(--qa-app-ink)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
}
body.qpu-modern-site main.qpu-main-shell{background:#fff!important;color:var(--qa-app-ink)!important}
body.qpu-modern-site main.qpu-main-shell :is(h1,h2,h3,h4,h5,h6){color:var(--qa-app-ink)!important;letter-spacing:-.025em!important}
body.qpu-modern-site main.qpu-main-shell :is(p,.qpu-note,.description,small){color:var(--qa-app-muted)!important}
body.qpu-modern-site main.qpu-main-shell a{color:var(--qa-app-ink)}

/* Make the legacy pages feel like one coherent app without editing every template. */
body.qpu-modern-site main.qpu-main-shell :is(.qpu-card,.qpu-panel,.qpu-box,.qpu-section,.qpu-content-card,.qpu-profile-card,.qpu-profile-section,.qpu-wallet-card,.qpu-referral-card,.qpu-business-card,.qpu-prebook-card,.qpu-auth-card,.qpu-legal-card){
  border:1px solid var(--qa-app-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  color:var(--qa-app-ink)!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  padding:13px 15px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:var(--qa-app-surface)!important;
  color:var(--qa-app-ink)!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:1.25!important;
  box-shadow:none!important;
  outline:none!important;
}
body.qpu-modern-site main.qpu-main-shell :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--qa-app-ink)!important;
  background:#fff!important;
  box-shadow:0 0 0 2px var(--qa-app-ink)!important;
}
body.qpu-modern-site main.qpu-main-shell :is(button,.qpu-btn,input[type="submit"],input[type="button"]):not(.qa-ride-option):not(.qa-history-item):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-next):not(.qa-ride-back):not(.qa-ride-close){
  min-height:50px;
  border:0!important;
  border-radius:14px!important;
  background:var(--qa-app-ink)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell :is(.qpu-btn.secondary,.qpu-btn.is-light,button.secondary){background:var(--qa-app-surface)!important;color:var(--qa-app-ink)!important}
body.qpu-modern-site main.qpu-main-shell table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--qa-app-line)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
body.qpu-modern-site main.qpu-main-shell :is(th,td){padding:13px 14px!important;border-color:var(--qa-app-line)!important;color:var(--qa-app-ink)!important}
body.qpu-modern-site main.qpu-main-shell th{background:var(--qa-app-surface-2)!important}

/* Three-page booking flow. */
body.qpu-modern-site.page-template-book-a-ride,
body.qpu-modern-site.page-template-choose-ride,
body.qpu-modern-site.page-template-payment-referral{background:#fff!important}
body.qpu-modern-site :is(.page-template-book-a-ride,.page-template-choose-ride,.page-template-payment-referral) .qpu-main-shell{max-width:none!important;padding:0!important}
.qa-ride-flow,.qa-ride-flow *,.qa-ride-flow *::before,.qa-ride-flow *::after{box-sizing:border-box}
.qa-ride-flow{
  width:min(100%,840px);
  min-height:calc(100vh - 90px);
  margin:0 auto;
  padding:26px 24px 132px;
  color:var(--qa-app-ink);
  background:#fff;
}
.qa-ride-flow--choose{width:min(100%,900px)}
.qa-ride-flow--payment{width:min(100%,760px)}
.qa-ride-topbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;margin:0 0 25px}
.qa-ride-back,.qa-ride-close{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border:0!important;border-radius:999px!important;background:var(--qa-app-surface)!important;color:var(--qa-app-ink)!important;text-decoration:none!important;font-size:28px!important;font-weight:500!important;line-height:1!important}
.qa-ride-topbar-copy{text-align:center;min-width:0}
.qa-ride-step{display:block;margin-bottom:4px;color:var(--qa-app-muted);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.qa-ride-topbar h1{margin:0!important;color:var(--qa-app-ink)!important;font-size:clamp(29px,5vw,42px)!important;font-weight:850!important;line-height:1.06!important;letter-spacing:-.045em!important}
.qa-ride-topbar-spacer{width:46px;height:46px}
.qa-ride-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:-9px 0 25px}
.qa-ride-progress span{height:4px;border-radius:999px;background:#e9e9e9}
.qa-ride-progress span.is-done,.qa-ride-progress span.is-active{background:#111}
.qa-ride-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}
.qa-ride-pill{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:0 15px;border:0;border-radius:999px;background:var(--qa-app-surface);color:var(--qa-app-ink)}
.qa-ride-pill svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}.qa-ride-pill label{display:block;min-width:0;flex:1}.qa-ride-pill select,.qa-ride-pill input{min-height:0!important;height:auto!important;padding:0 25px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:750!important;text-overflow:ellipsis}
.qa-ride-schedule-field{margin:-4px 0 15px;padding:14px;border-radius:16px;background:var(--qa-app-surface-2);border:1px solid var(--qa-app-line)}
.qa-ride-schedule-field[hidden]{display:none!important}.qa-ride-schedule-field label{display:grid;gap:7px;color:var(--qa-app-ink);font-size:13px;font-weight:800}
.qa-route-panel{position:relative;border:2px solid var(--qa-app-ink);border-radius:22px;background:#fff;overflow:visible}
.qa-route-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:10px 12px}
.qa-route-row+.qa-route-row{border-top:1px solid var(--qa-app-line)}
.qa-route-marker{position:relative;display:grid;place-items:center;width:24px;height:24px;border:3px solid var(--qa-app-ink);border-radius:999px}.qa-route-marker.is-square{border-radius:5px}.qa-route-row:first-child .qa-route-marker::after{content:"";position:absolute;top:21px;left:8px;width:2px;height:43px;background:var(--qa-app-ink)}
.qa-route-field{display:grid;gap:2px;min-width:0}.qa-route-field span{color:var(--qa-app-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.qa-route-field input{min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;font-size:19px!important;font-weight:650!important;box-shadow:none!important}
.qa-route-clear{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:999px!important;background:var(--qa-app-surface)!important;color:var(--qa-app-ink)!important;font-size:20px!important}
.qa-route-gps{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:42px!important;margin:11px 0 0!important;padding:0 15px!important;border-radius:999px!important;background:var(--qa-app-surface)!important;color:var(--qa-app-ink)!important;font-size:14px!important}
.qa-route-gps svg{width:18px;height:18px;fill:currentColor}
.qa-route-estimate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin:18px 0 28px;padding:18px;border-radius:18px;background:var(--qa-app-surface)}
.qa-route-estimate small{display:block;margin-bottom:4px;color:var(--qa-app-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.qa-route-estimate strong{display:block;font-size:29px;line-height:1.05;letter-spacing:-.04em}.qa-route-estimate span{color:var(--qa-app-muted);font-size:13px;text-align:right}
.qa-ride-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px}.qa-ride-section-title h2{margin:0!important;font-size:25px!important;font-weight:850!important}.qa-ride-section-title p{margin:3px 0 0!important;font-size:13px!important}
.qa-history-list{display:grid;border-top:1px solid var(--qa-app-line)}
.qa-history-item{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:75px!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--qa-app-line)!important;border-radius:0!important;background:#fff!important;color:var(--qa-app-ink)!important;text-align:left!important}
.qa-history-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--qa-app-surface);font-size:21px}.qa-history-copy{display:grid;gap:3px;min-width:0}.qa-history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.qa-history-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qa-app-muted);font-size:14px}.qa-history-arrow{color:#999;font-size:26px;font-weight:400}.qa-history-empty{padding:24px 0;color:var(--qa-app-muted);font-size:14px}
.qpu-place-popup{z-index:10000!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;border:1px solid var(--qa-app-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--qa-app-shadow)!important;overflow:hidden!important}.qpu-place-popup button{min-height:52px!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--qa-app-ink)!important;text-align:left!important}.qpu-place-popup button:hover{background:var(--qa-app-surface)!important}
.qa-ride-sticky-action{position:fixed;z-index:10010;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(calc(100% - 32px),808px);padding:11px 12px 11px 18px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 14px 35px rgba(0,0,0,.16);backdrop-filter:blur(16px)}
.qa-ride-sticky-copy{display:grid;gap:2px;min-width:0}.qa-ride-sticky-copy small{color:var(--qa-app-muted);font-size:11px;font-weight:750}.qa-ride-sticky-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.qa-ride-next{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:160px!important;min-height:54px!important;padding:0 20px!important;border-radius:16px!important;background:#111!important;color:#fff!important;text-decoration:none!important;font-size:16px!important;font-weight:850!important}.qa-ride-next[disabled]{opacity:.42;cursor:not-allowed}

/* Ride choice list. */
.qa-ride-route-summary{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 18px;padding:15px 16px;border-radius:18px;background:var(--qa-app-surface)}
.qa-ride-route-summary svg{width:23px;height:23px;fill:currentColor}.qa-ride-route-summary-copy{display:grid;gap:3px;min-width:0}.qa-ride-route-summary-copy strong,.qa-ride-route-summary-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-ride-route-summary-copy strong{font-size:15px}.qa-ride-route-summary-copy small{color:var(--qa-app-muted);font-size:13px}.qa-ride-route-summary a{color:var(--qa-app-ink);font-size:13px;font-weight:800}
.qa-ride-list{display:grid;gap:3px;padding-bottom:95px}.qa-ride-option{position:relative;display:grid!important;grid-template-columns:128px minmax(0,1fr) auto!important;align-items:center!important;gap:17px!important;width:100%!important;min-height:122px!important;padding:13px 15px!important;border:3px solid transparent!important;border-radius:21px!important;background:#fff!important;color:var(--qa-app-ink)!important;text-align:left!important;transition:border-color .16s ease,background .16s ease!important}.qa-ride-option:hover{background:var(--qa-app-surface-2)!important}.qa-ride-option.is-active{border-color:#111!important;background:#fff!important}
.qa-ride-option-image{display:grid;place-items:center;width:128px;height:92px;border-radius:16px;background:#fff;overflow:hidden}.qa-ride-option-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.qa-ride-option-copy{display:grid;gap:5px;min-width:0}.qa-ride-option-title{display:flex;align-items:center;gap:7px;min-width:0}.qa-ride-option-title strong{font-size:20px;letter-spacing:-.025em}.qa-ride-passengers{display:inline-flex;align-items:center;gap:3px;color:var(--qa-app-muted);font-size:13px}.qa-ride-option-copy small{color:var(--qa-app-muted);font-size:14px}.qa-ride-arrival{color:var(--qa-app-muted);font-size:13px}.qa-ride-option-fare{text-align:right;white-space:nowrap;font-size:19px;font-weight:800}.qa-ride-option-fare [data-qpu-service-price]{display:block;color:var(--qa-app-ink)}.qa-ride-option-fare em{display:block;margin-top:5px;color:var(--qa-app-muted);font-size:11px;font-style:normal;font-weight:650}
.qa-ride-service-calc{display:none!important}.qa-ride-flow .qpu-ride-service-dropdown-wrap{display:none!important}

/* Payment/referral. */
.qa-payment-summary{display:grid;gap:0;margin-bottom:18px;border:1px solid var(--qa-app-line);border-radius:22px;background:#fff;overflow:hidden}.qa-payment-summary-route{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:17px}.qa-payment-route-dots{position:relative;display:grid;grid-template-rows:1fr 1fr;justify-items:center;align-items:center}.qa-payment-route-dots::after{content:"";position:absolute;top:18px;bottom:18px;width:2px;background:#111}.qa-payment-route-dots span{z-index:1;width:13px;height:13px;border:3px solid #111;border-radius:999px;background:#fff}.qa-payment-route-dots span:last-child{border-radius:3px}.qa-payment-route-copy{display:grid;gap:16px;min-width:0}.qa-payment-route-copy div{display:grid;gap:3px}.qa-payment-route-copy small{color:var(--qa-app-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.qa-payment-route-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.qa-payment-ride{display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid var(--qa-app-line);background:var(--qa-app-surface-2)}.qa-payment-ride img{width:94px;height:66px;object-fit:contain;background:#fff;border-radius:12px}.qa-payment-ride-copy{display:grid;gap:3px}.qa-payment-ride-copy strong{font-size:18px}.qa-payment-ride-copy small{color:var(--qa-app-muted);font-size:13px}.qa-payment-fare{font-size:20px;font-weight:850;white-space:nowrap}
.qa-payment-card{display:grid;gap:13px;margin-bottom:16px;padding:18px;border:1px solid var(--qa-app-line);border-radius:22px;background:#fff}.qa-payment-card h2{margin:0!important;font-size:22px!important}.qa-payment-choice{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:65px;padding:10px 12px;border-radius:16px;background:var(--qa-app-surface)}.qa-payment-choice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;font-size:20px}.qa-payment-choice-copy{display:grid;gap:2px;min-width:0}.qa-payment-choice-copy strong{font-size:15px}.qa-payment-choice-copy small{color:var(--qa-app-muted);font-size:12px}.qa-payment-choice select{min-height:42px!important;width:auto!important;max-width:190px!important;padding:0 30px 0 10px!important;background:#fff!important;font-size:14px!important;font-weight:750!important}
.qa-payment-field{display:grid;gap:7px}.qa-payment-field>span{font-size:13px;font-weight:800}.qa-payment-field input{background:var(--qa-app-surface)!important}.qa-payment-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 12px;border-radius:15px;background:var(--qa-app-surface)}.qa-payment-toggle span{display:grid;gap:2px}.qa-payment-toggle strong{font-size:14px}.qa-payment-toggle small{color:var(--qa-app-muted);font-size:12px}.qa-payment-toggle input{width:22px!important;height:22px!important;min-height:22px!important;accent-color:#111}
.qa-payment-final{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:15px;padding:18px;border-radius:20px;background:#111;color:#fff}.qa-payment-final small{display:block;margin-bottom:4px;color:#bfbfbf;font-size:12px}.qa-payment-final strong{display:block;color:#fff;font-size:32px;line-height:1}.qa-payment-final span{color:#cfcfcf;font-size:12px;text-align:right}.qa-book-submit{width:100%!important;min-height:58px!important;margin-top:13px!important;border-radius:17px!important;background:#111!important;color:#fff!important;font-size:17px!important;font-weight:850!important}
.qa-payment-status{min-height:18px;color:var(--qa-app-muted);font-size:13px}.qa-payment-status.is-error{color:#b42318!important}

@media(min-width:901px){
  .qa-ride-flow{padding-top:42px;padding-bottom:120px}.qa-ride-sticky-action{bottom:28px}.qa-ride-list{gap:6px}.qa-payment-card{padding:22px}.qa-ride-flow--locations{width:min(100%,900px)}
}
@media(max-width:900px){
  body.qpu-modern-site main.qpu-main-shell{padding-bottom:104px!important}
  .qa-ride-flow{width:100%;min-height:100vh;padding:20px 16px 166px}.qa-ride-topbar{margin-bottom:19px}.qa-ride-topbar h1{font-size:31px!important}.qa-ride-pills{grid-template-columns:1fr 1fr}.qa-ride-pill{min-height:50px;padding:0 12px}.qa-route-row{min-height:70px;padding:9px 10px}.qa-route-field input{font-size:17px!important}.qa-route-estimate{margin-bottom:24px}.qa-ride-sticky-action{bottom:calc(92px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);padding-left:15px}.qa-ride-next{min-width:142px!important}.qa-ride-list{padding-bottom:50px}.qa-ride-option{grid-template-columns:96px minmax(0,1fr) auto!important;gap:11px!important;min-height:106px!important;padding:10px 9px!important;border-radius:18px!important}.qa-ride-option-image{width:96px;height:72px;border-radius:13px}.qa-ride-option-title strong{font-size:17px}.qa-ride-option-copy small{font-size:12px}.qa-ride-arrival{font-size:12px}.qa-ride-option-fare{font-size:16px}.qa-payment-ride{grid-template-columns:78px minmax(0,1fr) auto;padding:12px}.qa-payment-ride img{width:78px;height:58px}.qa-payment-fare{font-size:17px}.qa-payment-choice{grid-template-columns:42px minmax(0,1fr)}.qa-payment-choice select{grid-column:1/-1;width:100%!important;max-width:none!important}.qa-payment-final{padding:16px}.qa-payment-final strong{font-size:28px}.qa-payment-final span{display:none}
}
@media(max-width:430px){
  .qa-ride-flow{padding-left:12px;padding-right:12px}.qa-ride-topbar{grid-template-columns:42px minmax(0,1fr) 42px}.qa-ride-back,.qa-ride-close{width:42px!important;height:42px!important;min-height:42px!important}.qa-ride-topbar h1{font-size:27px!important}.qa-ride-pills{gap:7px}.qa-ride-pill{font-size:13px}.qa-route-estimate{padding:15px}.qa-route-estimate strong{font-size:25px}.qa-ride-option{grid-template-columns:86px minmax(0,1fr) auto!important}.qa-ride-option-image{width:86px;height:66px}.qa-ride-passengers{display:none}.qa-ride-option-fare{font-size:15px}.qa-ride-sticky-copy strong{font-size:14px}.qa-ride-next{min-width:126px!important;padding:0 14px!important;font-size:14px!important}.qa-payment-summary-route{padding:14px}.qa-payment-ride{grid-template-columns:70px minmax(0,1fr) auto}.qa-payment-ride img{width:70px;height:52px}
}


/* Specificity lock: the shared legacy rules above must never resize or recolour
   the purpose-built three-step booking controls. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-back,
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-close{display:grid!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#f3f3f3!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-pill :is(select,input){min-height:0!important;height:auto!important;padding:0 25px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-field input{min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;font-size:19px!important;font-weight:650!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-clear{display:grid!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#f3f3f3!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-gps{display:flex!important;width:auto!important;min-height:42px!important;padding:0 15px!important;border:0!important;border-radius:999px!important;background:#f3f3f3!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-history-item{display:grid!important;min-height:75px!important;padding:12px 0!important;border:0!important;border-bottom:1px solid #e5e5e5!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-option{display:grid!important;min-height:122px!important;padding:13px 15px!important;border:3px solid transparent!important;border-radius:21px!important;background:#fff!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-option.is-active{border-color:#111!important;background:#fff!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-next{display:inline-flex!important;min-height:54px!important;padding:0 20px!important;border:0!important;border-radius:16px!important;background:#111!important;color:#fff!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-payment-choice select{min-height:42px!important;padding:0 30px 0 10px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#111!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-payment-field input{min-height:52px!important;padding:13px 15px!important;border:1px solid transparent!important;border-radius:14px!important;background:#f3f3f3!important;color:#111!important;box-shadow:none!important}
@media(max-width:900px){body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-ride-option{min-height:106px!important;padding:10px 9px!important;border-radius:18px!important}}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-panel{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:2px solid #111!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-auto-columns:auto!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;min-height:76px!important;margin:0!important;padding:10px 12px!important;border-radius:0!important;background:#fff!important;overflow:visible!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-payment-card{display:grid!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:18px!important;border:1px solid #e5e5e5!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
@media(max-width:900px){body.qpu-modern-site main.qpu-main-shell .qa-ride-flow .qa-route-row{grid-template-columns:34px minmax(0,1fr) auto!important;min-height:70px!important;padding:9px 10px!important}}

/* Payment step: plain referral and driver rows, matching the selected-ride summary. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,46%)!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #e5e5e5!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  white-space:normal!important;
  font-size:inherit!important;
  font-weight:400!important;
  text-transform:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field:last-of-type,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field:last-of-type{
  border-bottom:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy strong{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy small{
  display:block!important;
  margin:0!important;
  color:#777!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.3!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #dedede!important;
  border-radius:14px!important;
  background:#f5f5f5!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input:focus{
  border-color:#111!important;
  background:#fff!important;
  box-shadow:0 0 0 2px #111!important;
}
@media(max-width:560px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
    grid-template-columns:minmax(0,1fr) minmax(145px,52%)!important;
    gap:10px!important;
    min-height:76px!important;
    padding:12px 0!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy strong{
    font-size:15px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy small{
    font-size:11px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input{
    min-height:48px!important;
    padding:11px 12px!important;
    font-size:14px!important;
  }
}
@media(max-width:360px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}


/* Payment page hard reset: no legacy blue label blocks. This file is cache-busted
   by filemtime, while the same lock is repeated in the footer-loaded outline CSS. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:0!important;
  padding:12px!important;
  border:0!important;
  border-radius:16px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy strong{
  color:#111!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:850!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy small{
  color:#707070!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,46%)!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #e5e5e5!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  white-space:normal!important;
  font-size:inherit!important;
  font-weight:400!important;
  text-transform:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field:last-of-type,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field:last-of-type{
  border-bottom:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy strong{
  color:#111!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.15!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy small{
  color:#777!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.3!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #dedede!important;
  border-radius:14px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
@media(max-width:560px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice select,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice select{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:none!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
    grid-template-columns:minmax(0,1fr) minmax(145px,52%)!important;
    gap:10px!important;
    min-height:76px!important;
    padding:12px 0!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy strong{font-size:15px!important}
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy small{font-size:11px!important}
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field input{min-height:48px!important;padding:11px 12px!important;font-size:14px!important}
}
@media(max-width:360px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}

/* Quick At final colour cleanup — primary actions use #2eb2ff and the
   three-step payment page contains no blue label columns or black fare blocks. */
:root{--qa-action-blue:#2eb2ff;--qa-action-blue-hover:#159fe8}

/* Booking progress and selected ride accents. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-progress span.is-done,
body.qpu-modern-site main.qpu-main-shell .qa-ride-progress span.is-active{background:#2eb2ff!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-option.is-active{border-color:#2eb2ff!important;background:#fff!important}

/* Every content action button is blue rather than black. Utility controls that
   need to stay neutral (back, clear, GPS and list rows) are excluded. */
body.qpu-modern-site main.qpu-main-shell :is(
  button,
  input[type="submit"],
  input[type="button"],
  .qpu-btn,
  .button,
  a.button,
  .qpu-submit,
  .qpu-primary-button,
  a[class$="-btn"],
  a[class*="-btn "],
  button[class$="-btn"],
  button[class*="-btn "]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn):not(.gm-control-active):not(.gm-ui-hover-effect){
  border-color:#2eb2ff!important;
  background:#2eb2ff!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell :is(
  button,
  input[type="submit"],
  input[type="button"],
  .qpu-btn,
  .button,
  a.button,
  .qpu-submit,
  .qpu-primary-button,
  a[class$="-btn"],
  a[class*="-btn "],
  button[class$="-btn"],
  button[class*="-btn "]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn):not(.gm-control-active):not(.gm-ui-hover-effect):hover,
body.qpu-modern-site main.qpu-main-shell :is(
  button,
  input[type="submit"],
  input[type="button"],
  .qpu-btn,
  .button,
  a.button,
  .qpu-submit,
  .qpu-primary-button,
  a[class$="-btn"],
  a[class*="-btn "],
  button[class$="-btn"],
  button[class*="-btn "]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn):not(.gm-control-active):not(.gm-ui-hover-effect):focus{
  border-color:#159fe8!important;
  background:#159fe8!important;
  color:#fff!important;
}

/* Remove all blue columns/gradient fills from payment, referral and accessibility. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice{
  border:1px solid #e4e4e4!important;
  border-radius:16px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy,
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy strong,
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-copy small{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-choice-icon{
  border:1px solid #e2e2e2!important;
  background:#fff!important;
  color:#555!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-card > .qa-payment-field{
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment .qa-payment-field-copy{
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:74px!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #e5e5e5!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle:last-of-type{border-bottom:0!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle > span{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle strong{
  color:#111!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle small{
  color:#747474!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle input[type="checkbox"]{
  display:block!important;
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #bdbdbd!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
  accent-color:#2eb2ff!important;
}

/* Estimated fare is a normal light card, and Book ride is the requested blue. */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-final{
  border:1px solid #e3e3e3!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-final small,
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-final span{color:#6f6f6f!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-payment-final strong{color:#111!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment .qa-book-submit{
  border-color:#2eb2ff!important;
  background:#2eb2ff!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Header/footer install and emergency action fills also use the brand blue. */
body.qpu-modern-site .qpu-classic-links .qpu-classic-link-panic,
body.qpu-modern-site .qpu-classic-nav>.qpu-btn.install,
body.qpu-modern-site .qpu-footer-app-download,
body.qpu-modern-site .qpu-home-notification-btn,
body.qpu-modern-site .qpu-pwa-install-float{
  border-color:#2eb2ff!important;
  background:#2eb2ff!important;
  background-image:none!important;
  color:#fff!important;
}

@media(max-width:560px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--payment label.qa-payment-toggle{
    min-height:68px!important;
    padding:12px 0!important;
  }
}

/* Additional action links and the desktop home hero follow the same blue palette. */
body.qpu-modern-site main.qpu-main-shell :is(
  .qa-ride-next,
  .qa-primary-action,
  .qa-secondary-action,
  a[class*="-action"],
  button[class*="-action"],
  a[class*="-button"],
  button[class*="-button"]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn){
  border-color:#2eb2ff!important;
  background:#2eb2ff!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell :is(
  .qa-ride-next,
  .qa-primary-action,
  .qa-secondary-action,
  a[class*="-action"],
  button[class*="-action"],
  a[class*="-button"],
  button[class*="-button"]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn):hover,
body.qpu-modern-site main.qpu-main-shell :is(
  .qa-ride-next,
  .qa-primary-action,
  .qa-secondary-action,
  a[class*="-action"],
  button[class*="-action"],
  a[class*="-button"],
  button[class*="-button"]
):not(.qa-history-item):not(.qa-ride-option):not(.qa-route-clear):not(.qa-route-gps):not(.qa-ride-back):not(.qa-ride-close):not(.qpu-mobile-menu-toggle):not(.qpu-inline-info-btn):focus{
  border-color:#159fe8!important;
  background:#159fe8!important;
  color:#fff!important;
}
body.qpu-modern-site.home .qa-home-product-tabs a.is-active:after,
body.qpu-modern-site.home .qa-mobile-product-tabs a.is-active:after{background:#2eb2ff!important}
body.qpu-modern-site.home .qa-desktop-visual{
  background:linear-gradient(145deg,#168fd2 0%,#2eb2ff 58%,#9edfff 150%)!important;
}


/* ========================================================================
 * Choose Ride: always show the complete vehicle-and-price list
 * ===================================================================== */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose #qpu_service{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides{
  width:100%!important;
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides-heading{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
  padding:0 4px!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides-heading h2{
  margin:0!important;
  color:#111!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides-heading p{
  margin:5px 0 0!important;
  color:#6f6f6f!important;
  font-size:14px!important;
  line-height:1.4!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-list.qpu-ride-service-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #e4e4e4!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(17,17,17,.07)!important;
  overflow:visible!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option{
  position:relative!important;
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr) minmax(105px,auto)!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  min-height:116px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:2px solid transparent!important;
  border-radius:20px!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option:not(:last-child)::after{
  content:"";
  position:absolute;
  left:128px;
  right:14px;
  bottom:-5px;
  height:1px;
  background:#ededed;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option:hover{
  border-color:#dceff9!important;
  background:#fafdff!important;
  transform:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option.is-active,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option.is-active{
  border-color:#2eb2ff!important;
  background:#f8fdff!important;
  box-shadow:0 0 0 3px rgba(46,178,255,.11)!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option.is-active::after{
  display:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-image{
  display:grid!important;
  place-items:center!important;
  width:116px!important;
  height:86px!important;
  min-width:116px!important;
  padding:4px!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:#fff!important;
  mix-blend-mode:multiply;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-title{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-title strong{
  color:#111!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-passengers{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#f2f2f2!important;
  color:#616161!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:750!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-copy small{
  display:block!important;
  color:#6d6d6d!important;
  font-size:14px!important;
  line-height:1.32!important;
  font-weight:600!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-arrival{
  color:#737373!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-side{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  justify-items:end!important;
  gap:10px!important;
  min-width:105px!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare{
  display:block!important;
  min-width:0!important;
  color:#111!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare [data-qpu-service-price]{
  display:block!important;
  color:#111!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare em{
  display:block!important;
  margin-top:5px!important;
  color:#777!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-check{
  width:22px!important;
  height:22px!important;
  border:2px solid #b8b8b8!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 5px #fff!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option.is-active .qa-ride-option-check{
  border-color:#2eb2ff!important;
  background:#2eb2ff!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qpu-ride-service-calc{
  display:none!important;
}

@media(max-width:700px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides-heading{
    padding:0 2px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-choose-rides-heading h2{
    font-size:21px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-list.qpu-ride-service-grid{
    gap:4px!important;
    padding:6px!important;
    border-radius:22px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option{
    grid-template-columns:88px minmax(0,1fr) minmax(86px,auto)!important;
    gap:10px!important;
    min-height:100px!important;
    padding:9px 8px!important;
    border-radius:17px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option:not(:last-child)::after{
    left:99px!important;
    right:8px!important;
    bottom:-3px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-image{
    width:88px!important;
    height:68px!important;
    min-width:88px!important;
    padding:2px!important;
    border-radius:13px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-title{
    gap:5px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-title strong{
    font-size:17px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-passengers{
    min-height:20px!important;
    padding:2px 6px!important;
    font-size:10px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-copy small{
    font-size:12px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-arrival{
    font-size:10px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-side{
    grid-template-columns:minmax(0,1fr) 18px!important;
    gap:7px!important;
    min-width:86px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare [data-qpu-service-price]{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare em{
    font-size:8px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-check{
    width:18px!important;
    height:18px!important;
    box-shadow:inset 0 0 0 4px #fff!important;
  }
}

@media(max-width:430px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option,
  body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option{
    grid-template-columns:78px minmax(0,1fr) minmax(76px,auto)!important;
    gap:8px!important;
    min-height:94px!important;
    padding:8px 7px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-image{
    width:78px!important;
    height:60px!important;
    min-width:78px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option:not(:last-child)::after{
    left:88px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-title strong{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-copy small{
    font-size:11px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-arrival{
    display:none!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-side{
    min-width:76px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare [data-qpu-service-price]{
    font-size:15px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-fare em{
    display:none!important;
  }
}

/* ========================================================================
 * Book a Ride step 1 — clean list-row layout (no legacy blue columns)
 * Matches the light vehicle-summary treatment used on the ride pages.
 * ===================================================================== */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations #qpu_service{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qpu-ride-form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pills{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #e3e3e3!important;
  border-radius:20px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-icon svg{
  width:25px!important;
  height:25px!important;
  fill:currentColor!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-copy small{
  display:block!important;
  margin:0!important;
  color:#777!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-copy select{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0 28px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#111!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:850!important;
  box-shadow:none!important;
  outline:0!important;
  text-overflow:ellipsis!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-schedule-field{
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #e3e3e3!important;
  border-radius:18px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-schedule-field label{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-schedule-field input{
  margin-top:7px!important;
  border:1px solid #dedede!important;
  background:#fff!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-panel,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-panel{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-row{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  min-height:92px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #e3e3e3!important;
  border-radius:21px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row + .qa-route-row{
  border-top:1px solid #e3e3e3!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker::before{
  content:""!important;
  display:block!important;
  width:22px!important;
  height:22px!important;
  border:4px solid #111!important;
  border-radius:999px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker.is-square::before{
  border-radius:5px!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker::after{
  display:none!important;
  content:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-field{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#777!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.065em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#111!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:850!important;
  box-shadow:none!important;
  outline:0!important;
  text-overflow:ellipsis!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input::placeholder{
  color:#8a8a8a!important;
  opacity:1!important;
  font-weight:650!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-clear{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  background-image:none!important;
  color:#555!important;
  font-size:20px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-gps{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-height:44px!important;
  margin:12px 0 0!important;
  padding:0 16px!important;
  border:1px solid #e1e1e1!important;
  border-radius:999px!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  min-height:122px!important;
  margin:18px 0 28px!important;
  padding:13px 16px!important;
  border:1px solid #e2e2e2!important;
  border-radius:23px!important;
  background:#f5f5f5!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-image{
  display:grid!important;
  place-items:center!important;
  width:104px!important;
  height:92px!important;
  min-width:104px!important;
  padding:6px!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:#fff!important;
  mix-blend-mode:multiply!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > strong{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > small{
  display:block!important;
  margin:0!important;
  color:#727272!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-price{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  text-align:right!important;
  white-space:nowrap!important;
}

@media(max-width:620px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pills{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill{
    min-height:74px!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    padding:10px 12px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-ride-pill-icon{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-radius:15px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row{
    grid-template-columns:56px minmax(0,1fr) 34px!important;
    gap:10px!important;
    min-height:82px!important;
    padding:10px!important;
    border-radius:19px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:15px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate{
    grid-template-columns:86px minmax(0,1fr) auto!important;
    gap:11px!important;
    min-height:104px!important;
    padding:11px!important;
    border-radius:20px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-image{
    width:86px!important;
    height:76px!important;
    min-width:86px!important;
    border-radius:15px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > strong{
    font-size:18px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > small{
    font-size:12px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-price{
    font-size:19px!important;
  }
}
@media(max-width:390px){
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate{
    grid-template-columns:76px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-image{
    width:76px!important;
    height:68px!important;
    min-width:76px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > strong{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-copy > small{
    font-size:11px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-estimate-price{
    font-size:17px!important;
  }
}

/* Quick At global rounded card system — unified corners and soft grey borders.
   Matches the light card style from the reference image across all pages. */
:root{
  --qa-soft-card-line:#d8d8d8;
  --qa-soft-card-bg:#ffffff;
  --qa-soft-panel-bg:#f7f7f7;
  --qa-soft-card-radius-lg:32px;
  --qa-soft-card-radius-md:26px;
  --qa-soft-card-radius-sm:22px;
}

body.qpu-modern-site main.qpu-main-shell :is(
  .qpu-card,.qpu-panel,.qpu-box,.qpu-section,.qpu-content-card,.qpu-profile-card,.qpu-profile-section,.qpu-wallet-card,.qpu-referral-card,.qpu-business-card,.qpu-prebook-card,.qpu-auth-card,
  .qpu-ride-panel,.qpu-ride-panel-main,.qpu-ride-panel-side,
  .qa-route-panel,.qa-route-estimate,.qa-payment-summary,.qa-payment-card,.qa-payment-final,
  .qa-ride-list.qpu-ride-service-grid,.qa-ride-option,.qpu-ride-service-dropdown-trigger,.qpu-ride-service-dropdown-options,.qpu-ride-service-option,
  .qa-ride-sticky-action,.qa-mobile-bottom-tabs,.qpu-place-popup
){
  border-color:var(--qa-soft-card-line)!important;
  border-radius:var(--qa-soft-card-radius-lg)!important;
}

body.qpu-modern-site main.qpu-main-shell :is(
  .qpu-card,.qpu-panel,.qpu-box,.qpu-section,.qpu-content-card,.qpu-profile-card,.qpu-profile-section,.qpu-wallet-card,.qpu-referral-card,.qpu-business-card,.qpu-prebook-card,.qpu-auth-card,
  .qpu-ride-panel,.qpu-ride-panel-main,.qpu-ride-panel-side,
  .qa-route-panel,.qa-payment-summary,.qa-payment-card,
  .qa-ride-list.qpu-ride-service-grid,.qpu-ride-service-dropdown-trigger,.qpu-ride-service-dropdown-options,.qpu-place-popup
){
  border:1px solid var(--qa-soft-card-line)!important;
  background:var(--qa-soft-card-bg)!important;
  box-shadow:none!important;
}

body.qpu-modern-site main.qpu-main-shell .qa-route-panel{
  border-width:1px!important;
  overflow:hidden!important;
}

body.qpu-modern-site main.qpu-main-shell .qa-route-estimate{
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:150px!important;
  margin:18px 0 28px!important;
  padding:20px 22px!important;
  border:1px solid var(--qa-soft-card-line)!important;
  border-radius:var(--qa-soft-card-radius-lg)!important;
  background:var(--qa-soft-panel-bg)!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-image{
  display:grid!important;
  place-items:center!important;
  width:102px!important;
  height:102px!important;
  min-width:102px!important;
  padding:8px!important;
  border:1px solid #ececec!important;
  border-radius:26px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-copy strong{
  color:#111!important;
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-copy small{
  display:block!important;
  margin-top:4px!important;
  color:#6f6f6f!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-price{
  color:#111!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

body.qpu-modern-site main.qpu-main-shell .qa-history-list{
  display:grid!important;
  gap:12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-history-item{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:94px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--qa-soft-card-line)!important;
  border-radius:var(--qa-soft-card-radius-md)!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-history-icon{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  background:#f2f2f2!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-history-copy strong{
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:850!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-history-copy small{
  font-size:14px!important;
  line-height:1.28!important;
  font-weight:700!important;
}

body.qpu-modern-site main.qpu-main-shell .qa-payment-summary,
body.qpu-modern-site main.qpu-main-shell .qa-payment-card,
body.qpu-modern-site main.qpu-main-shell .qa-payment-final,
body.qpu-modern-site main.qpu-main-shell .qa-ride-list.qpu-ride-service-grid,
body.qpu-modern-site main.qpu-main-shell .qa-ride-sticky-action{
  border-radius:var(--qa-soft-card-radius-lg)!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-payment-choice,
body.qpu-modern-site main.qpu-main-shell .qa-payment-field input,
body.qpu-modern-site main.qpu-main-shell .qa-payment-toggle,
body.qpu-modern-site main.qpu-main-shell .qa-ride-option,
body.qpu-modern-site main.qpu-main-shell .qpu-ride-service-option,
body.qpu-modern-site main.qpu-main-shell .qpu-ride-service-dropdown-trigger{
  border-color:var(--qa-soft-card-line)!important;
  border-radius:var(--qa-soft-card-radius-md)!important;
}

body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-list.qpu-ride-service-grid{
  padding:10px!important;
  border:1px solid var(--qa-soft-card-line)!important;
  background:#fff!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option,
body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option{
  border:1px solid transparent!important;
  border-radius:var(--qa-soft-card-radius-md)!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option:hover{
  border-color:#dbeef8!important;
}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--choose .qa-ride-option-image{
  border:1px solid #ececec!important;
  border-radius:22px!important;
}

@media(max-width:700px){
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate{
    grid-template-columns:92px minmax(0,1fr) auto!important;
    gap:12px!important;
    min-height:116px!important;
    padding:14px 15px!important;
    border-radius:28px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-image{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    border-radius:22px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-copy strong{
    font-size:18px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-copy small{
    font-size:12px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-price{
    font-size:22px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-history-item{
    min-height:84px!important;
    padding:12px 14px!important;
    border-radius:22px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-history-copy strong{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-history-copy small{
    font-size:13px!important;
  }
}

@media(max-width:430px){
  body.qpu-modern-site main.qpu-main-shell :is(.qa-route-panel,.qa-payment-summary,.qa-payment-card,.qa-payment-final,.qa-ride-list.qpu-ride-service-grid,.qa-ride-sticky-action){
    border-radius:26px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate{
    grid-template-columns:74px minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:102px!important;
    padding:12px!important;
    border-radius:24px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-image{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-copy strong{
    font-size:16px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-route-estimate-price{
    font-size:17px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-history-item{
    grid-template-columns:46px minmax(0,1fr) 18px!important;
    gap:10px!important;
    min-height:76px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
  }
  body.qpu-modern-site main.qpu-main-shell .qa-history-icon{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
}

/* Quick At address suggestion dropdown - light rounded style to match new ride cards */
body.qpu-modern-site .qpu-place-popup{z-index:10000!important;left:0!important;right:0!important;width:100%!important;max-width:none!important}
body.qpu-modern-site .qpu-place-popup-card{border:1px solid #d8d8d8!important;border-radius:30px!important;background:#fff!important;box-shadow:0 18px 38px rgba(15,23,42,.08)!important;padding:12px!important;overflow:hidden!important}
body.qpu-modern-site .qpu-place-prediction-list{display:grid!important;gap:10px!important}
body.qpu-modern-site .qpu-place-suggestion{display:grid!important;grid-template-columns:54px minmax(0,1fr) 18px!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:88px!important;padding:14px 16px!important;border:1px solid #d8d8d8!important;border-radius:24px!important;background:#fff!important;text-align:left!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
body.qpu-modern-site .qpu-place-suggestion:hover,body.qpu-modern-site .qpu-place-suggestion:focus{background:#f8fbfe!important;border-color:#c7ddea!important;transform:translateY(-1px)!important;outline:none!important}
body.qpu-modern-site .qpu-place-suggestion-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:16px!important;background:#f3f3f3!important;color:#4b5563!important;flex:0 0 46px!important}
body.qpu-modern-site .qpu-place-suggestion-icon svg{width:22px!important;height:22px!important}
body.qpu-modern-site .qpu-place-suggestion-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
body.qpu-modern-site .qpu-place-suggestion-copy strong{color:#2c2c34!important;font-size:18px!important;line-height:1.16!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.qpu-modern-site .qpu-place-suggestion-copy small{margin-top:4px!important;color:#6f6f6f!important;font-size:14px!important;line-height:1.28!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.qpu-modern-site .qpu-place-suggestion::after{content:'›';display:block;color:#616161;font-size:28px;line-height:1;text-align:right}
body.qpu-modern-site .qpu-place-popup-footer{padding:8px 8px 4px!important;color:#8a8a8a!important;font-size:11px!important;text-align:right!important}
@media(max-width:700px){body.qpu-modern-site .qpu-place-popup-card{border-radius:26px!important;padding:10px!important}body.qpu-modern-site .qpu-place-suggestion{grid-template-columns:46px minmax(0,1fr) 14px!important;min-height:78px!important;gap:12px!important;padding:12px 13px!important;border-radius:20px!important}body.qpu-modern-site .qpu-place-suggestion-icon{width:40px!important;height:40px!important;border-radius:14px!important}body.qpu-modern-site .qpu-place-suggestion-copy strong{font-size:16px!important}body.qpu-modern-site .qpu-place-suggestion-copy small{font-size:13px!important}body.qpu-modern-site .qpu-place-suggestion::after{font-size:24px!important}}

/* Quick At pickup/drop-off fields — clean light card style */
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-panel{display:grid!important;gap:12px!important;padding:14px!important;border:1px solid #d8d8d8!important;border-radius:30px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;overflow:visible!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row,body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-row{display:grid!important;grid-template-columns:48px minmax(0,1fr) 36px!important;align-items:center!important;gap:12px!important;min-height:82px!important;margin:0!important;padding:12px 14px!important;border:1px solid #e2e2e2!important;border-radius:24px!important;background:#f3f3f3!important;box-shadow:none!important;overflow:visible!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row + .qa-route-row{border-top:1px solid #e2e2e2!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker{position:relative!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker::before{content:""!important;display:block!important;width:23px!important;height:23px!important;border:0!important;border-radius:0!important;background:#111!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker.is-square::before{width:22px!important;height:22px!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5v8h8V8H8Z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5v8h8V8H8Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field{display:grid!important;gap:4px!important;min-width:0!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > span{color:#777!important;font-size:11px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input,body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input{width:100%!important;min-width:0!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#222!important;font-size:17px!important;line-height:1.25!important;font-weight:800!important;box-shadow:none!important;outline:0!important;text-overflow:ellipsis!important}
body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-clear{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#555!important;font-size:20px!important;box-shadow:none!important}
@media(max-width:700px){body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-panel{padding:10px!important;border-radius:26px!important}body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-row,body.qpu-modern-site.qpu-outline-site-style main.qpu-main-shell .qa-ride-flow--locations .qa-route-row{grid-template-columns:44px minmax(0,1fr) 32px!important;gap:10px!important;min-height:76px!important;padding:10px 12px!important;border-radius:21px!important}body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important}body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-marker::before{width:21px!important;height:21px!important}body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-field > input{font-size:16px!important}body.qpu-modern-site main.qpu-main-shell .qa-ride-flow--locations .qa-route-clear{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important}}

/* FINAL address autocomplete colour override.
   Prevents the global primary-button rule from turning place suggestions blue. */
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup .qpu-place-popup-card .qpu-place-prediction-list > button.qpu-place-suggestion,
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion{
  border:1px solid #d8d8d8!important;
  background:#f2f2f2!important;
  background-color:#f2f2f2!important;
  background-image:none!important;
  color:#222!important;
  box-shadow:none!important;
}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup .qpu-place-popup-card{
  background:#f7f7f7!important;
  background-color:#f7f7f7!important;
  background-image:none!important;
}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion:hover,
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion:focus{
  border-color:#cdcdcd!important;
  background:#e9e9e9!important;
  background-color:#e9e9e9!important;
  color:#111!important;
}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion :is(strong,small,span,svg){color:inherit!important}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion .qpu-place-suggestion-copy strong{color:#222!important}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion .qpu-place-suggestion-copy small{color:#6c6c6c!important}
html body.qpu-modern-site main.qpu-main-shell .qpu-place-popup button.qpu-place-suggestion .qpu-place-suggestion-icon{background:#fff!important;background-image:none!important;color:#555!important}