:root {
  --ride-red: #a50f0f;
  --ride-yellow: #ffde00;
  --ride-white: #ffffff;
  --ride-ink: #301010;
  --ride-muted: #6f5d5d;
  --ride-line: #eadede;
  --ride-soft: #fffafa;
  --ride-shadow: 0 24px 70px rgba(78, 15, 15, .11);
}

.ride-page { position: relative; display: block; height: auto; max-height: none; overflow: visible; color: var(--ride-ink); background: var(--ride-white); }
.ride-shell { width: min(920px, calc(100% - 32px)); margin-inline: auto; }
.ride-hero { padding: 58px 0 48px; color: #fff; background: linear-gradient(135deg, #8c0c0c, var(--ride-red)); border-bottom: 5px solid var(--ride-yellow); }
.ride-hero .ride-shell { position: relative; }
.ride-language { position: absolute; top: 0; right: 0; padding: 4px; display: flex; gap: 3px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; }
.ride-language a { min-width: 54px; padding: 7px 12px; color: #fff !important; text-align: center; border-radius: 999px; font-size: .78rem; font-weight: 700; }
.ride-language a.is-active { color: var(--ride-red) !important; background: var(--ride-yellow); }
.ride-kicker { display: inline-block; margin-bottom: 15px; color: var(--ride-yellow); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.ride-hero h1 { max-width: 720px; margin: 0 0 18px; color: #fff !important; font: 700 clamp(2.5rem, 6vw, 4.6rem)/1.04 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; letter-spacing: -.045em !important; }
.ride-intro { max-width: 760px; color: rgba(255,255,255,.85); font-size: 1.05rem; line-height: 1.75; }
.ride-formula { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.ride-formula span { padding: 8px 12px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,222,0,.32); border-radius: 999px; font-size: .78rem; }
.ride-success { margin-top:22px; padding:20px 22px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; color:#143d25; background:#e9f8ef; border:1px solid #a8dfbb; border-radius:16px; box-shadow:0 12px 34px rgba(20,91,50,.12); }
.ride-success__icon { width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#198754;border-radius:50%;font-size:1.2rem; }
.ride-success strong { display:block;font-size:1.05rem; }
.ride-success p { margin:4px 0 0;color:#417052;font-size:.8rem; }
.ride-success a { padding:11px 15px;color:#fff!important;background:#198754;border-radius:10px;font-weight:800;text-decoration:none;white-space:nowrap; }

.ride-card { margin-top: -1px; padding: 46px 48px 70px; background: #fff; border: 1px solid var(--ride-line); border-top: 0; border-radius: 0 0 24px 24px; box-shadow: var(--ride-shadow); }
.ride-card__heading, .ride-result__heading, .ride-payment-box__head { margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ride-card__heading > div, .ride-result__heading > div, .ride-payment-box__head > div { display: flex; align-items: center; gap: 13px; }
.ride-card__heading h2, .ride-result__heading h2, .ride-payment-box__head h2 { margin: 0; color: var(--ride-ink) !important; font: 700 1.55rem/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; letter-spacing: -.025em !important; }
.ride-card__heading p { margin: 0; color: var(--ride-muted); font-size: .82rem; }
.ride-step { width: 38px; height: 38px; display: inline-grid; place-items: center; flex: 0 0 auto; color: var(--ride-red); background: var(--ride-yellow); border-radius: 12px; font-size: .76rem; font-weight: 900; }

.ride-card label, .ride-card legend { display: block; margin-bottom: 8px; color: var(--ride-ink); font-size: .86rem; font-weight: 700; }
.ride-card input, .ride-card select, .ride-card textarea { width: 100%; margin-top: 8px; padding: 13px 14px; display: block; color: var(--ride-ink); background: #fff; border: 1px solid #d9caca; border-radius: 10px; font: 400 16px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: border-color .18s ease, box-shadow .18s ease; }
.ride-card input:focus, .ride-card select:focus, .ride-card textarea:focus { outline: 0; border-color: var(--ride-red); box-shadow: 0 0 0 4px rgba(165,15,15,.1); }
.ride-card textarea { min-height: 118px; resize: vertical; }
.ride-card > form > label, .ride-address { margin-bottom: 20px; }
.ride-grid { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ride-address { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 14px; }
.ride-address__input { position: relative; }
.ride-zip { align-self: end; }
.ride-suggestions { position: absolute; z-index: 20; top: calc(100% + 3px); left: 0; right: 0; overflow: hidden; background: #fff; border: 1px solid var(--ride-line); border-radius: 12px; box-shadow: 0 18px 48px rgba(50,10,10,.18); }
.ride-suggestion { width: 100%; padding: 12px 14px; display: block; color: var(--ride-ink); background: #fff; border: 0; border-bottom: 1px solid #f0e8e8; text-align: left; cursor: pointer; }
.ride-suggestion:hover, .ride-suggestion:focus { outline: 0; background: #fff8e0; }
.ride-suggestion strong, .ride-suggestion small { display: block; }
.ride-suggestion strong { font-size: .88rem; }
.ride-suggestion small { margin-top: 3px; color: var(--ride-muted); font-size: .76rem; }
.ride-suggestions__brand { padding: 8px 14px; color: #777; background: #fafafa; font-size: .69rem; font-weight: 600; text-align: right; }
.ride-driver-picker { margin-bottom: 20px; padding: 18px; background: #fffdf2; border: 1px solid #eddf9c; border-radius: 16px; }
.ride-driver-picker > label { margin: 0; }
.ride-driver-profile { margin-top: 10px; padding: 10px 12px; display: grid; grid-template-columns: 60px minmax(0,1fr) auto; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--ride-line); border-radius: 13px; box-shadow: 0 8px 24px rgba(78,15,15,.07); }
.ride-driver-profile[hidden] { display: none !important; }
.ride-driver-profile img { width: 60px; height: 60px; display: block; object-fit: cover; border: 3px solid var(--ride-yellow); border-radius: 50%; }
.ride-driver-details { min-width:0; }
.ride-driver-profile strong { color: var(--ride-ink); font-size: 1.05rem; }
.ride-driver-vehicle { margin-top:2px; display:block; color:var(--ride-muted); font-size:.8rem; }
.ride-driver-vehicle span { display:inline; }
.ride-driver-profile .ride-driver-distance { width: max-content; max-width: 100%; margin-top: 5px; padding: 3px 7px; display:block; color: var(--ride-red); background: #fff8cf; border-radius: 7px; font-size: .72rem; font-weight: 800; }
.ride-driver-profile > i { color: #24824b; font-size: 1.25rem; }
.ride-card fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.ride-toggle { padding: 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; background: #f4eded; border-radius: 12px; }
.ride-toggle label { position: relative; margin: 0; cursor: pointer; }
.ride-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.ride-toggle span { padding: 11px; display: block; color: var(--ride-muted); background: transparent; border-radius: 9px; text-align: center; transition: .18s ease; }
.ride-toggle input:checked + span { color: #fff; background: var(--ride-red); box-shadow: 0 5px 14px rgba(165,15,15,.2); }
.ride-submit { width: 100%; min-height: 54px; margin-top: 8px; padding: 14px 20px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #fff; background: var(--ride-red); border: 1px solid var(--ride-red); border-radius: 12px; font-size: 1rem; font-weight: 800; box-shadow: 0 12px 26px rgba(165,15,15,.18); transition: transform .18s ease, box-shadow .18s ease; }
.ride-submit:hover { transform: translateY(-1px); box-shadow: 0 16px 32px rgba(165,15,15,.24); }
.ride-submit:disabled { opacity: .72; transform: none; cursor: wait; }
.ride-alert { margin-bottom: 20px; padding: 14px 16px; color: #842029; background: #f8d7da; border: 1px solid #f1aeb5; border-radius: 10px; }
.ride-hp { position: absolute !important; left: -9999px !important; }
.ride-card [hidden] { display: none !important; }

.ride-result { margin-top: 52px; padding-top: 44px; border-top: 1px solid var(--ride-line); }
.ride-result__badge { padding: 7px 11px; color: #24653b; background: #eaf7ee; border-radius: 999px; font-size: .72rem; font-weight: 800; }
.ride-map { position: relative; min-height: 280px; margin: 0; overflow: hidden; background: #f2eeee; border: 1px solid var(--ride-line); border-radius: 18px; }
.ride-map img { width: 100%; height: auto; min-height: 280px; display: block; object-fit: cover; }
.ride-map figcaption { position: absolute; inset: 0; padding: 30px; place-content: center; color: var(--ride-muted); background: #f7f3f3; text-align: center; }
.ride-map figcaption:not([hidden]) { display: grid; }
.ride-summary { margin-top: 18px; overflow: hidden; background: #fff; border: 1px solid var(--ride-line); border-radius: 16px; }
.ride-summary__line { min-height: 70px; padding: 15px 18px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 13px; border-bottom: 1px solid var(--ride-line); }
.ride-summary__line:last-child { border-bottom: 0; }
.ride-summary__icon { width: 30px; height: 30px; display: grid; place-items: center; color: #fff; background: var(--ride-red); border-radius: 50% 50% 50% 5px; font-size: .7rem; font-weight: 900; transform: rotate(-45deg); }
.ride-summary__icon::first-letter { transform: rotate(45deg); }
.ride-summary__icon--end { color: var(--ride-red); background: var(--ride-yellow); }
.ride-summary__line > i { width: 30px; color: var(--ride-red); font-size: 1.05rem; text-align: center; }
.ride-summary__line small, .ride-summary__line strong { display: block; }
.ride-summary__line small { margin-bottom: 4px; color: var(--ride-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.ride-summary__line strong { color: var(--ride-ink); font-size: .95rem; line-height: 1.45; }
.ride-summary__fare { grid-template-columns: 34px minmax(0, 1.2fr) minmax(120px, .7fr) minmax(150px, .9fr); background: #fffbe6; }
.ride-summary__fare-item { min-width: 0; padding-left: 18px; border-left: 1px solid #eadf9b; }
.ride-summary__fare-item--original { padding-left: 0; border-left: 0; }
#ride-estimated-fare { color: var(--ride-red); font-size: 1.35rem; text-decoration-line: line-through; text-decoration-thickness: 2px; text-decoration-color: var(--ride-red); }
.ride-summary__fare-item--discount strong, .ride-summary__fare-item--actual strong { color: var(--ride-red); font-size: 1.35rem; font-weight: 900; text-decoration: none; }
.ride-tip-section { margin-top: 16px; padding: 18px; background: #fff; border: 1px solid var(--ride-line); border-radius: 14px; }
.ride-tip-section__label { margin-bottom: 11px; color: var(--ride-ink); font-size: .82rem; font-weight: 800; }
.ride-tip-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ride-tip-option { min-height: 62px; padding: 9px 10px; display: grid; place-content: center; gap: 3px; color: var(--ride-red); background: #fff; border: 1px solid #d8bebe; border-radius: 10px; font-size: .9rem; font-weight: 800; text-align: center; cursor: pointer; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.ride-tip-option span, .ride-tip-option small { display: block; }
.ride-tip-option small { color: var(--ride-muted); font-size: .72rem; font-weight: 750; }
.ride-tip-option:hover { border-color: var(--ride-red); transform: translateY(-1px); }
.ride-tip-option.is-selected { color: #fff; background: var(--ride-red); border-color: var(--ride-red); box-shadow: 0 8px 18px rgba(165,15,15,.18); }
.ride-tip-option.is-selected small { color: var(--ride-yellow); }
.ride-tip-option:focus-visible { outline: 3px solid rgba(255,222,0,.8); outline-offset: 2px; }
.ride-tip-option:disabled { opacity: .72; cursor: wait; transform: none; }
.ride-breakdown { margin-top: 12px; padding: 14px 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; color: var(--ride-muted); background: var(--ride-soft); border-radius: 12px; font-size: .75rem; }
.ride-breakdown span, .ride-breakdown b { display: block; }
.ride-breakdown b { margin-top: 4px; color: var(--ride-ink); font-size: .9rem; }
.ride-price-summary span { padding: 5px 8px; border-right: 1px solid var(--ride-line); }
.ride-price-summary span:last-child { border-right: 0; }
.ride-price-summary span:last-child b { color: var(--ride-red); font-size: 1.05rem; }
.ride-reenter { width: 100%; min-height: 48px; margin-top: 14px; padding: 11px 18px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--ride-red); background: #fff; border: 1px solid var(--ride-red); border-radius: 11px; font-size: .9rem; font-weight: 800; cursor: pointer; transition: color .18s ease, background .18s ease, transform .18s ease; }
.ride-reenter:hover { color: #fff; background: var(--ride-red); transform: translateY(-1px); }
.ride-reenter:focus-visible { outline: 3px solid rgba(255,222,0,.8); outline-offset: 2px; }
.ride-reenter:disabled { opacity: .65; cursor: wait; transform: none; }
.ride-payment-box { margin-top: 26px; padding: 24px; background: #fff; border: 1px solid var(--ride-line); border-radius: 18px; box-shadow: 0 16px 44px rgba(52,15,15,.08); }
.ride-payment-box__head { margin-bottom: 18px; }
.ride-payment-box__head > i { color: #277544; }
#ride-stripe { min-height: 300px; }
.ride-disclaimer { margin-top: 34px; padding: 17px 18px; display: grid; grid-template-columns: auto 1fr; gap: 12px; color: #675d2f; background: #fffbe0; border: 1px solid #f3df6d; border-radius: 12px; font-size: .8rem; line-height: 1.55; }
.ride-disclaimer i { margin-top: 3px; color: var(--ride-red); }

.ride-order-page { min-height:70vh;color:var(--ride-ink);background:#fffafa;padding-bottom:70px; }
.ride-order-hero { padding:46px 0 40px;color:#fff;background:linear-gradient(135deg,#870b0b,var(--ride-red));border-bottom:5px solid var(--ride-yellow); }
.ride-order-hero span { color:var(--ride-yellow);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.ride-order-hero h1 { margin:8px 0 18px;color:#fff!important;font:700 clamp(2rem,5vw,3.6rem)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; }
.ride-order-status { width:max-content;padding:7px 12px;display:flex;align-items:center;gap:7px;color:#165b35;background:#e7f7ed;border-radius:999px;font-size:.8rem;font-weight:800; }
.ride-order-status--refunded,.ride-order-status--refund_pending { color:#5c388d;background:#f0e7ff; }
.ride-order-status--cancelled,.ride-order-status--failed,.ride-order-status--expired { color:#842029;background:#f8d7da; }
.ride-order-panel { margin-top:24px;padding:30px;background:#fff;border:1px solid var(--ride-line);border-radius:20px;box-shadow:var(--ride-shadow); }
.ride-order-binding { margin-bottom:22px;padding:14px 16px;display:flex;align-items:center;gap:10px;color:#65551a;background:#fff9d5;border:1px solid #f0da62;border-radius:11px;font-size:.84rem;font-weight:700; }
.ride-order-binding i { color:var(--ride-red);font-size:1.05rem; }
.ride-order-driver { margin:16px 0 0;padding:16px;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:16px;background:#fffdf0;border:1px solid #eddf9c;border-radius:14px; }
.ride-order-driver img { width:82px;height:82px;object-fit:cover;border:3px solid var(--ride-yellow);border-radius:50%; }
.ride-order-driver small,.ride-order-driver strong,.ride-order-driver span { display:block; }
.ride-order-driver small { color:var(--ride-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em; }
.ride-order-driver strong { margin:3px 0 5px;font-size:1.05rem; }
.ride-order-driver span { color:var(--ride-muted);font-size:.8rem;overflow-wrap:anywhere; }
.ride-order-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.ride-order-section { padding:20px;background:#fff;border:1px solid var(--ride-line);border-radius:14px; }
.ride-order-section h2 { margin:0 0 13px;display:flex;align-items:center;gap:9px;color:var(--ride-red)!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.05em; }
.ride-order-section strong,.ride-order-section small { display:block; }
.ride-order-section small { margin-top:5px;color:var(--ride-muted);overflow-wrap:anywhere; }
.ride-order-route { margin-top:16px;overflow:hidden;border:1px solid var(--ride-line);border-radius:16px; }
.ride-order-route > div { min-height:78px;padding:16px 18px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;border-bottom:1px solid var(--ride-line); }
.ride-order-route > div:last-child { border-bottom:0; }
.ride-order-route p { margin:0; }
.ride-order-route small,.ride-order-route strong { display:block; }
.ride-order-route small { margin-bottom:4px;color:var(--ride-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em; }
.ride-order-route > div > a { padding:9px 12px;color:var(--ride-red);background:#fff8d5;border-radius:9px;font-size:.8rem;font-weight:800;text-decoration:none; }
.ride-order-trip { background:#fffdf0; }
.ride-order-trip > i { color:var(--ride-red);text-align:center; }
.ride-order-meta { margin-top:16px;padding:16px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;background:#faf6f6;border-radius:13px; }
.ride-order-meta span,.ride-order-meta b { display:block; }
.ride-order-meta span { color:var(--ride-muted);font-size:.72rem; }
.ride-order-meta b { margin-top:4px;color:var(--ride-ink);font-size:.86rem;overflow-wrap:anywhere; }
.ride-order-price { margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ride-line);border-radius:14px;overflow:hidden; }
.ride-order-price > div { padding:16px;border-right:1px solid var(--ride-line); }
.ride-order-price > div:last-child { border-right:0; }
.ride-order-price span,.ride-order-price b { display:block; }
.ride-order-price span { color:var(--ride-muted);font-size:.72rem; }
.ride-order-price b { margin-top:6px;font-size:.95rem; }
.ride-order-price .is-total { color:#fff;background:var(--ride-red); }
.ride-order-price .is-total span { color:#ffe88b; }
.ride-order-price .is-total b { color:#fff;font-size:1.15rem; }
.ride-order-back { width:max-content;margin-top:22px;padding:11px 16px;display:flex;align-items:center;gap:8px;color:var(--ride-red)!important;border:1px solid var(--ride-red);border-radius:10px;font-weight:800;text-decoration:none; }

.ride-orders-page { min-height:70vh;padding-bottom:72px;color:var(--ride-ink);background:linear-gradient(180deg,#fff7f7 0,#fff 360px); }
.ride-orders-hero { padding:54px 0 50px;color:#fff;background:linear-gradient(135deg,#820909,var(--ride-red));border-bottom:5px solid var(--ride-yellow); }
.ride-orders-hero span { color:var(--ride-yellow);font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase; }
.ride-orders-hero h1 { margin:8px 0 12px;color:#fff!important;font:700 clamp(2.35rem,5vw,4rem)/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.04em!important; }
.ride-orders-hero p { max-width:660px;margin:0;color:rgba(255,255,255,.82);line-height:1.65; }
.ride-orders-content { padding-top:30px; }
.ride-orders-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.ride-order-card { overflow:hidden;background:#fff;border:1px solid var(--ride-line);border-radius:18px;box-shadow:0 15px 44px rgba(80,15,15,.08); }
.ride-order-card > header { padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ride-line); }
.ride-order-card > header small,.ride-order-card > header strong { display:block; }
.ride-order-card > header small { margin-bottom:2px;color:var(--ride-muted);font-size:.7rem;text-transform:uppercase; }
.ride-order-card > header strong { font-size:1.15rem; }
.ride-order-card__time { padding:16px 20px;display:flex;align-items:center;gap:12px;background:#fffdf2;border-bottom:1px solid var(--ride-line); }
.ride-order-card__time > i { width:36px;height:36px;display:grid;place-items:center;color:var(--ride-red);background:var(--ride-yellow);border-radius:10px; }
.ride-order-card__time small,.ride-order-card__time strong { display:block; }
.ride-order-card__time small { color:var(--ride-muted);font-size:.68rem;text-transform:uppercase; }
.ride-order-card__route { padding:18px 20px;display:grid;gap:14px; }
.ride-order-card__route > div { display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;min-width:0; }
.ride-order-card__route b { width:26px;height:26px;display:grid;place-items:center;color:#fff;background:var(--ride-red);border-radius:50%;font-size:.7rem; }
.ride-order-card__route > div:last-child b { color:var(--ride-red);background:var(--ride-yellow); }
.ride-order-card__route span { min-width:0;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere; }
.ride-order-card__route small { display:block;margin-bottom:2px;color:var(--ride-muted);font-size:.67rem;text-transform:uppercase; }
.ride-order-card__meta { display:grid;grid-template-columns:1fr 1fr 1.4fr;border-top:1px solid var(--ride-line);border-bottom:1px solid var(--ride-line); }
.ride-order-card__meta > span { padding:13px 15px;border-right:1px solid var(--ride-line); }
.ride-order-card__meta > span:last-child { border-right:0; }
.ride-order-card__meta small,.ride-order-card__meta b { display:block; }
.ride-order-card__meta small { color:var(--ride-muted);font-size:.65rem; }
.ride-order-card__meta b { margin-top:4px;font-size:.82rem; }
.ride-order-card__meta .is-price { color:#fff;background:var(--ride-red); }
.ride-order-card__meta .is-price small { color:#ffe97d; }
.ride-order-card__detail { padding:15px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--ride-red)!important;font-weight:800;text-decoration:none; }
.ride-order-card__detail:hover { background:#fff8d6; }
.ride-orders-empty { max-width:690px;margin:0 auto;padding:48px;text-align:center;background:#fff;border:1px solid var(--ride-line);border-radius:22px;box-shadow:var(--ride-shadow); }
.ride-orders-empty__icon { width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center;color:var(--ride-red);background:var(--ride-yellow);border-radius:20px;font-size:1.5rem; }
.ride-orders-empty h2 { margin:0 0 12px;color:var(--ride-ink)!important;font:700 1.65rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; }
.ride-orders-empty p { max-width:560px;margin:0 auto 24px;color:var(--ride-muted);line-height:1.7; }
.ride-orders-empty__actions { display:flex;justify-content:center;flex-wrap:wrap;gap:10px; }
.ride-orders-button { min-height:46px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;background:var(--ride-red);border:1px solid var(--ride-red);border-radius:11px;font-weight:800;text-decoration:none; }
.ride-orders-button--outline { color:var(--ride-red)!important;background:#fff; }
.ride-orders-pagination { margin-top:28px;display:flex;justify-content:center; }

@media (max-width: 720px) {
  .ride-shell { width: min(100% - 24px, 920px); }
  .ride-hero { padding: 38px 0 34px; }
  .ride-language { position: static; width: max-content; margin: 0 0 24px auto; }
  .ride-card { padding: 30px 18px 48px; border-radius: 0 0 18px 18px; }
  .ride-grid, .ride-address { grid-template-columns: 1fr; gap: 0; }
  .ride-grid > label, .ride-grid > fieldset { margin-bottom: 18px; }
  .ride-zip { align-self: auto; }
  .ride-card__heading, .ride-result__heading { align-items: flex-start; }
  .ride-card__heading p, .ride-result__badge { display: none; }
  .ride-map, .ride-map img { min-height: 220px; }
  .ride-breakdown { grid-template-columns: 1fr 1fr; }
  .ride-summary__fare { grid-template-columns: 30px 1fr 1fr; gap: 10px; }
  .ride-summary__fare > i { grid-row: 1 / 3; }
  .ride-summary__fare-item--original { grid-column: 2 / -1; padding: 0 0 12px; border-bottom: 1px solid #eadf9b; }
  .ride-summary__fare-item--discount { grid-column: 2; padding-left: 0; border-left: 0; }
  .ride-summary__fare-item--actual { grid-column: 3; padding-left: 12px; }
  .ride-tip-options { grid-template-columns: repeat(2, 1fr); }
  .ride-driver-picker { padding:14px; }
  .ride-driver-profile { grid-template-columns:54px minmax(0,1fr) auto;gap:9px; }
  .ride-driver-profile img { width:54px;height:54px; }
  .ride-price-summary span:nth-child(2) { border-right: 0; }
  .ride-price-summary span:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--ride-line); }
  .ride-payment-box { padding: 18px 10px; }
  .ride-success { grid-template-columns:auto 1fr; }
  .ride-success a { grid-column:1/-1;text-align:center; }
  .ride-order-panel { padding:18px; }
  .ride-order-grid { grid-template-columns:1fr; }
  .ride-order-route > div { grid-template-columns:30px 1fr 38px;padding:14px 12px; }
  .ride-order-route > div > a { width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:0; }
  .ride-order-route > div > a i { font-size:.9rem; }
  .ride-order-trip > a::before { content:"↗";font-size:1rem; }
  .ride-order-meta { grid-template-columns:1fr 1fr; }
  .ride-order-meta span:last-child { grid-column:1/-1; }
  .ride-order-price { grid-template-columns:1fr 1fr; }
  .ride-order-price > div:nth-child(2) { border-right:0; }
  .ride-order-price > div:nth-child(-n+2) { border-bottom:1px solid var(--ride-line); }
  .ride-orders-hero { padding:38px 0 35px; }
  .ride-orders-content { padding-top:18px; }
  .ride-orders-grid { grid-template-columns:1fr;gap:14px; }
  .ride-orders-empty { padding:34px 20px; }
  .ride-order-card > header,.ride-order-card__time,.ride-order-card__route { padding-left:16px;padding-right:16px; }
  .ride-order-card__meta { grid-template-columns:1fr 1fr; }
  .ride-order-card__meta .is-price { grid-column:1/-1; }
  .ride-order-card__meta > span:nth-child(2) { border-right:0; }
  .ride-order-card__meta .is-price { border-top:1px solid var(--ride-line); }
}

@media (prefers-reduced-motion: reduce) {
  .ride-page *, .ride-page *::before, .ride-page *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; }
}