
/* RoviGO v21 Premium Experience */
.rv-premium-root{position:relative}
.rv-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(216,168,62,.22),transparent 24%),linear-gradient(180deg,rgba(3,7,11,.05),rgba(3,7,11,.4));pointer-events:none}
.rv-hero-content,.rv-booking-shell{position:relative;z-index:2}
.rv-wordmark{letter-spacing:.22em;font-size:clamp(38px,6vw,88px);font-weight:800;color:#fff;text-shadow:0 18px 70px rgba(0,0,0,.45)}
.rv-tagline{max-width:760px}
.rv-premium-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv-premium-reveal.is-visible{opacity:1;transform:none}
.rv-float-card{backdrop-filter:blur(18px);background:linear-gradient(145deg,rgba(13,25,35,.86),rgba(7,16,24,.74));border:1px solid rgba(242,207,117,.18);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.rvg-wallet-card{position:relative;overflow:hidden;border-radius:26px;padding:26px;background:
 linear-gradient(135deg,#111d27 0%,#08121a 54%,#1a2119 100%);
 color:#fff;border:1px solid rgba(242,207,117,.28);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.rvg-wallet-card::after{content:"";position:absolute;inset:auto -15% -45% 45%;width:280px;height:280px;border-radius:50%;background:rgba(242,207,117,.12);filter:blur(8px)}
.rvg-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}
.rvg-res-code{font:800 17px/1 Inter,sans-serif;letter-spacing:.08em;color:#f2cf75}
.rvg-wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;position:relative;z-index:1}
.rvg-wallet-item span{display:block;color:#8e9ca6;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.rvg-wallet-item b{display:block;margin-top:6px;font-size:13px;line-height:1.45}
.rvg-wallet-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}
.rvg-wallet-actions .btn{font-size:12px;padding:10px 14px}
.rvg-qr{width:110px;height:110px;background:#fff;border-radius:16px;padding:8px}
.rvg-rating{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.rvg-rating button{border:1px solid #35444f;background:#0b151e;color:#f2cf75;border-radius:10px;width:42px;height:42px;cursor:pointer;font-size:16px}
.rvg-rating button:hover,.rvg-rating button.active{background:#f2cf75;color:#15120c;border-color:#f2cf75}
.rvg-premium-banner{border-radius:22px;border:1px solid rgba(242,207,117,.2);background:linear-gradient(135deg,#101d27,#071018);padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.rvg-glow{position:relative}
.rvg-glow::after{content:"";position:absolute;inset:10% 0 10% 50%;background:radial-gradient(circle,rgba(242,207,117,.16),transparent 62%);filter:blur(20px);pointer-events:none}
@media(max-width:700px){
 .rvg-premium-banner{grid-template-columns:1fr}
 .rvg-wallet-grid{grid-template-columns:1fr}
 .rvg-wallet-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 .rv-premium-reveal{opacity:1;transform:none;transition:none}
 html{scroll-behavior:auto!important}
}

#rvg-flight-status b,#rvg-live-location b{font-size:12px}#rvg-live-location{min-height:40px}

/* Premium hero + booking redesign */
.rv-hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:#050b10!important}
.rv-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.86) contrast(1.04) brightness(.68)}
.rv-hero-overlay{position:absolute!important;inset:0!important;z-index:-1!important;background:
 radial-gradient(circle at 78% 24%,rgba(242,207,117,.16),transparent 24%),
 linear-gradient(90deg,rgba(3,8,13,.92) 0%,rgba(3,8,13,.56) 43%,rgba(3,8,13,.30) 75%,rgba(3,8,13,.65) 100%),
 linear-gradient(180deg,rgba(3,8,13,.18) 0%,rgba(3,8,13,.10) 54%,rgba(3,8,13,.86) 100%)}
.rv-hero-content{padding-top:155px!important;width:min(680px,48vw)!important}
.rv-hero-eyebrow{display:flex;align-items:center;gap:9px;color:#f2cf75;font-size:11px;letter-spacing:.20em;font-weight:800;margin-bottom:22px}
.rv-hero-eyebrow span{width:30px;height:1px;background:linear-gradient(90deg,#f2cf75,transparent)}
.rv-wordmark{font-size:clamp(56px,7vw,96px)!important;letter-spacing:.12em!important}
.rv-tagline{font-size:clamp(24px,3vw,38px)!important;max-width:600px}
.rv-hero-copy{margin-top:14px;color:#c4cdd4;font-size:14px;line-height:1.7;max-width:590px}
.rv-booking-shell{bottom:64px!important;width:min(1440px,calc(100% - 64px))!important}
.rv-booking-card{border-radius:26px!important;border:1px solid rgba(242,207,117,.30)!important;background:linear-gradient(180deg,rgba(15,25,34,.94),rgba(7,14,21,.92))!important;box-shadow:0 28px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset!important;backdrop-filter:blur(22px)!important;padding:18px 20px 20px!important}
.rv-booking-headline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.rv-booking-kicker{display:block;color:#8b9aa6;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:5px}
.rv-booking-headline strong{font-size:17px;color:#fff;letter-spacing:-.02em}
.rv-booking-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#c4cdd4;font-size:10px}
.rv-status-dot{width:7px;height:7px;border-radius:50%;background:#62d597;box-shadow:0 0 12px rgba(98,213,151,.7)}
.rv-tabs{padding-top:6px}
.rv-tab{padding:15px 18px 14px!important;border-radius:12px!important;color:#9eabb5!important}
.rv-tab.active{background:rgba(255,255,255,.05)!important;color:#f2cf75!important;border-color:rgba(242,207,117,.18)!important}
.rv-trip-type{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.06)!important}
.rv-trip-toggle{color:#aab6bf!important;padding:10px 17px!important}
.rv-trip-toggle.active{background:linear-gradient(135deg,#1b2a36,#0e1720)!important;color:#f2cf75!important;border:1px solid rgba(242,207,117,.16)!important}
.rv-main-fields{padding-top:14px!important;grid-template-columns:1.35fr 36px 1.35fr 1fr 1fr .82fr 170px!important}
.rv-field{min-height:84px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:14px 15px!important;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.rv-field:focus-within{border-color:rgba(242,207,117,.45)!important;box-shadow:0 0 0 1px rgba(242,207,117,.12),0 14px 40px rgba(0,0,0,.16);transform:translateY(-2px)}
.rv-field label{color:#aeb9c1!important;font-size:10px!important;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px!important}
.rv-field input,.rv-field select{color:#f5f7f9!important;font-size:13px!important}
.rv-field input::placeholder{color:#778692}
.rv-field input[type="date"],.rv-field input[type="time"]{color-scheme:dark;cursor:pointer}
.rv-price-btn{height:84px!important;border-radius:16px!important;background:linear-gradient(135deg,#f7d784,#dba53e)!important;box-shadow:0 14px 35px rgba(213,164,61,.23)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.rv-price-btn:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(213,164,61,.34)!important}
.rv-return-fields .rv-field{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}
.rv-details{color:#8897a1!important}
.rv-steps{margin:16px 3px 0!important}
.rv-steps span{color:#73818c!important}
.rv-steps span.active{color:#f2cf75!important}
.rv-service-card,.vehicle,.benefit,.rv-region-pills>*{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .35s ease}
.vehicle:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(0,0,0,.20)}
.rv-service-card:hover,.benefit:hover{transform:translateY(-5px)}
.rv-region-pills>*:hover{transform:translateY(-3px);border-color:rgba(242,207,117,.5)!important}
.rv-hidden-stage{display:block!important;height:0!important;overflow:hidden!important}
@media(max-width:1100px){
  .rv-hero-content{width:62vw!important}
  .rv-main-fields{grid-template-columns:1fr 36px 1fr 1fr 1fr 170px!important}
  .rv-main-fields > *:nth-child(6){display:none}
}
@media(max-width:800px){
  .rv-hero{min-height:920px}
  .rv-hero-content{width:auto!important;margin:0 24px!important;padding-top:118px!important}
  .rv-booking-shell{bottom:24px!important;width:calc(100% - 28px)!important}
  .rv-booking-headline{align-items:flex-start;flex-direction:column}
  .rv-booking-badge{align-self:flex-start}
  .rv-main-fields{grid-template-columns:1fr!important}
  .rv-swap{display:none}
  .rv-price-btn{width:100%}
  .rv-tabs{overflow-x:auto}
  .rv-tab{white-space:nowrap;flex:0 0 auto}
  .rv-hero-video{object-position:58% center}
}
@media(prefers-reduced-motion:reduce){
  .rv-field,.rv-price-btn,.vehicle,.rv-service-card,.benefit,.rv-region-pills>*{transition:none}
}

/* v22 Signature UX */
:root{--rvg-gold:#e1b85b;--rvg-gold-soft:#f4d88b;--rvg-ink:#071018;--rvg-line:rgba(255,255,255,.09)}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.rv-hero-video{transform:none!important;animation:none!important;transition:none!important;will-change:auto!important;object-position:center center!important}
.rv-hero::before{animation:none!important}
.rv-hero-overlay{animation:none!important}
.rv-hero-content{animation:rvgHeroIn .9s cubic-bezier(.18,.8,.22,1) both}
@keyframes rvgHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rv-premium-pagebar{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--rvg-gold),transparent);transform:scaleX(0);transform-origin:left;z-index:99999;transition:transform .6s ease}
.rv-page-transition{position:fixed;inset:0;background:linear-gradient(135deg,#050b10,#0a1620);z-index:99998;pointer-events:none;opacity:0;transition:opacity .42s ease}
body.is-transitioning .rv-page-transition{opacity:1}
body.is-transitioning .rv-premium-pagebar{transform:scaleX(1)}
.rv-premium-navlink{position:relative}
.rv-premium-navlink::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,var(--rvg-gold),transparent);transform:scaleX(0);transition:transform .35s}
.rv-premium-navlink:hover::after{transform:scaleX(1)}

.rv-booking-card{overflow:visible}
.rv-tabs{gap:7px!important}
.rv-tab{position:relative;min-height:56px!important;padding:11px 16px!important;display:inline-flex;align-items:center;gap:10px;overflow:hidden}
.rv-tab::after{content:"";position:absolute;inset:auto 14px 0;height:2px;background:linear-gradient(90deg,transparent,var(--rvg-gold),transparent);transform:scaleX(0);transition:transform .35s ease}
.rv-tab.active::after{transform:scaleX(1)}
.rv-trip-type{display:grid!important;grid-template-columns:1fr 1fr;width:min(360px,100%)!important;margin:14px 0 14px!important;padding:4px!important}
.rv-trip-toggle{position:relative;padding:12px 14px!important;border-radius:12px!important}
.rv-trip-toggle.active{box-shadow:0 10px 32px rgba(0,0,0,.23)!important}
.rv-return-fields{padding:2px 0 8px}
.rv-return-fields .rv-field{animation:rvgFieldIn .4s ease both}
@keyframes rvgFieldIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.rv-field{position:relative}
.rv-field:has(input[type="date"]) input,
.rv-field:has(input[type="time"]) input{font-size:15px!important;font-weight:750!important;letter-spacing:.01em}
.rv-field:has(input[type="date"])::after,
.rv-field:has(input[type="time"])::after{content:"";position:absolute;right:14px;bottom:16px;width:8px;height:8px;border-right:1px solid rgba(242,207,117,.65);border-bottom:1px solid rgba(242,207,117,.65);transform:rotate(45deg);pointer-events:none}
.rv-field:has(input[type="date"]) input::-webkit-calendar-picker-indicator,
.rv-field:has(input[type="time"]) input::-webkit-calendar-picker-indicator{opacity:.01;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.rv-details{border-top:1px solid rgba(255,255,255,.09)!important}
.rv-detail-grid{gap:12px!important}
.rv-detail-grid .field{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:14px}
.rv-detail-grid .field label{color:#9dacb6!important;letter-spacing:.08em;text-transform:uppercase}
.rv-detail-grid .field input,.rv-detail-grid .field select,.rv-detail-grid .field textarea{background:transparent!important;border:0!important;color:#f5f7f8!important;padding:4px 0!important}
.rv-extra-services{border:1px solid rgba(225,184,91,.13);background:linear-gradient(145deg,rgba(225,184,91,.06),rgba(255,255,255,.015));border-radius:18px;padding:16px!important}
.rv-extra-services select{background:rgba(0,0,0,.14)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;padding:11px!important}
.passenger-section{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.rv-steps{position:relative;gap:8px!important}
.rv-steps::before{content:"";position:absolute;left:9%;right:9%;top:13px;height:1px;background:linear-gradient(90deg,rgba(225,184,91,.1),rgba(225,184,91,.5),rgba(225,184,91,.1))}
.rv-steps span{position:relative;z-index:1;background:rgba(8,15,21,.92);padding:0 7px;border-radius:10px}
.rv-steps span i{transition:all .3s ease}
.rv-steps span.active i{background:linear-gradient(135deg,#f3d585,#d5a541)!important;color:#111!important;box-shadow:0 0 0 5px rgba(225,184,91,.09),0 8px 25px rgba(225,184,91,.18)}

.booking-stage{animation:bookingStageIn .46s cubic-bezier(.2,.7,.2,1) both}
@keyframes bookingStageIn{from{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}
.booking-actions .btn{transition:transform .22s ease,box-shadow .22s ease}
.booking-actions .btn:hover{transform:translateY(-2px)}
.offer-card{animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both}
.offer-card:nth-child(2){animation-delay:.05s}.offer-card:nth-child(3){animation-delay:.1s}.offer-card:nth-child(4){animation-delay:.15s}
@keyframes cardIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}

.rvg-section-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rvg-section-reveal.rvg-visible{opacity:1;transform:none}
.rvg-legal-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(225,184,91,.25);background:rgba(225,184,91,.06);color:#e8d08e!important;font-size:11px!important}

@media(max-width:700px){
  .rv-tabs{overflow-x:auto;padding-bottom:2px}
  .rv-tab{flex:0 0 auto}
  .rv-trip-type{width:100%!important}
  .rv-steps{overflow-x:auto;padding-bottom:4px}
  .rv-steps::before{display:none}
  .rv-steps span{min-width:86px;display:flex;flex-direction:column;align-items:center;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
