/* Kose Rides v2 — map-first, trust-led booking shell. Loaded after legacy ride styles. */
.ridehdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(11,15,13,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ridehdr .shdr__in{min-height:76px;height:auto;gap:16px}.ridehdr .brand img{height:29px}.ridehdr__product{display:flex;align-items:center;gap:10px;min-width:0;padding-left:16px;border-left:1px solid var(--line)}
.ridehdr__product b{font-size:14px;line-height:1.1}.ridehdr__product small{display:block;margin-top:3px;color:var(--ink-3);font-size:11px;font-weight:700;line-height:1.1}.ridehdr__product i{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);flex:0 0 auto}
.ridehdr__help,.ridehdr__app{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.ridehdr__help{padding:0 14px;color:var(--ink-2)}.ridehdr__help:hover{background:var(--surface-2);color:var(--ink)}.ridehdr__help svg{width:18px;height:18px}.ridehdr__app{padding:0 17px;background:var(--ink);color:#fff}.ridehdr__app:hover{background:var(--brand)}
.ride-stage{grid-template-columns:minmax(410px,31vw) 1fr;height:calc(100vh - 122px);min-height:600px;background:var(--canvas)}.ride-panel{position:relative;padding:clamp(28px,3vw,42px);gap:20px;border-right:1px solid var(--line);background:linear-gradient(145deg,#fff 0%,#f7f8f5 100%);box-shadow:18px 0 42px -36px rgba(11,15,13,.35);z-index:4}.ride-panel h1{font-size:clamp(30px,2.5vw,38px);letter-spacing:-.05em;line-height:1.02}.ride-panel .sub{max-width:35ch;margin-top:8px;color:#58625c;font-size:14.5px;line-height:1.55}.ride-kicker{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--brand-deep);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ride-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.ride-assurance{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 15px;border:1px solid #dce8df;border-radius:14px;background:#edf8f0}.ride-assurance span{display:flex;align-items:flex-start;gap:9px;color:#3d5144;font-size:12.5px;font-weight:700;line-height:1.35}.ride-assurance i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--brand);flex:0 0 auto}
.routebox{border-color:#cfd7d1;border-radius:16px;box-shadow:0 12px 28px -28px rgba(11,15,13,.45)}.routerow{min-height:67px;padding:15px 16px}.routerow input{font-size:15.5px}.routerow .swap{width:38px;height:38px;border-radius:12px}.osm-credit{display:flex;align-items:center;min-height:20px;font-size:11.5px;font-weight:600}.tiers{gap:8px}.tier{min-height:76px;padding:12px 14px;border-radius:14px}.tier:hover{transform:translateY(-1px);box-shadow:0 12px 25px -24px rgba(11,15,13,.5)}.tier.on{box-shadow:0 10px 24px -22px rgba(0,166,81,.9)}.ride-pay{min-height:70px;border-radius:14px}.ride-cta{min-height:58px;height:auto;border-radius:14px;box-shadow:0 16px 26px -18px rgba(0,166,81,.9)}.ride-cta:hover{transform:translateY(-1px)}
.ride-map{background:#dce7de}.ride-map::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(8,20,12,.06),transparent 38%,rgba(255,255,255,.14))}.ride-map__caption{position:absolute;z-index:8;top:22px;left:22px;max-width:220px;padding:13px 15px;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 16px 36px -25px rgba(11,15,13,.5);backdrop-filter:blur(12px)}.ride-map__caption b,.ride-map__caption small{display:block}.ride-map__caption b{font-size:13px}.ride-map__caption small{margin-top:3px;color:#617066;font-size:11px;font-weight:700;line-height:1.35}.ride-map .map__overlay{z-index:5}
.searching{padding:38px 0 22px}.searching h2{font-size:25px;letter-spacing:-.035em}.driver__hero{border-radius:14px}.trip-info{border-radius:14px}.ride-status-pill{width:max-content}.foot{margin-top:0}.foot__bottom{min-height:66px}.foot__bottom span{font-size:12px}
@media(max-width:880px){.ridehdr .shdr__in{min-height:66px}.ridehdr__product{padding-left:12px}.ridehdr__product small{display:none}.ridehdr__help{width:42px;padding:0}.ridehdr__help span{display:none}.ridehdr__app{height:42px;padding:0 14px}.ride-stage{grid-template-columns:1fr;height:auto;min-height:0}.ride-map{height:39vh;min-height:270px;order:-1}.ride-map__caption{top:14px;left:14px}.ride-panel{margin-top:-24px;padding:26px 18px 32px;border-radius:22px 22px 0 0}.ride-panel h1{font-size:32px}.ride-assurance{grid-template-columns:1fr 1fr}.ride-assurance span:last-child{grid-column:1/-1}}
@media(max-width:460px){.ridehdr .wrap{width:calc(100% - 28px)}.ridehdr__product b{font-size:13px}.ridehdr__app{width:42px;padding:0;font-size:0}.ridehdr__app::before{content:'↓';font-size:17px}.ride-assurance{grid-template-columns:1fr}.ride-assurance span:last-child{grid-column:auto}.ride-panel{padding:24px 16px 30px}.ride-map{min-height:250px}.ride-map__caption{max-width:190px;padding:11px 12px}.tier__ic{width:48px}.tier__main b{font-size:14px}.tier__price{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tier,.ride-cta{transition:none}.tier:hover,.ride-cta:hover{transform:none}}