/* VORIK RIDE R01B2 */

.vr{
 --blue:#356df3;
 --navy:#071426;
 --text:#101a2e;
 --muted:#68778f;
 --border:#e4eaf3;
 --soft:#f6f9fd;
 overflow:hidden;
 color:var(--text);
}

.vr .vorik-container{
 width:min(1180px,calc(100% - 40px));
 margin:auto;
}

/* HERO */

.vr-hero{
 padding:75px 0 95px;
 background:
  radial-gradient(circle at 80% 25%,rgba(53,109,243,.14),transparent 28%),
  linear-gradient(#fbfcff,#f5f8ff);
}

.vr-hero-grid{
 min-height:620px;
 display:grid;
 grid-template-columns:.95fr 1.05fr;
 gap:70px;
 align-items:center;
}

.vr-kicker,.vr-label,.vr-heading>span{
 color:#7488a8;
 font-size:11px;
 font-weight:850;
 letter-spacing:.16em;
}

.vr-kicker{
 display:flex;
 align-items:center;
 gap:9px;
}

.vr-kicker span{
 width:8px;
 height:8px;
 border-radius:50%;
 background:var(--blue);
 box-shadow:0 0 0 5px rgba(53,109,243,.10);
}

.vr-hero h1{
 margin:18px 0 0;
 color:var(--navy);
 font-size:clamp(52px,5.5vw,76px);
 line-height:.98;
 letter-spacing:-.06em;
}

.vr-hero h1 em{
 color:var(--blue);
 font-style:normal;
}

.vr-hero-copy>p{
 max-width:610px;
 margin:25px 0 0;
 color:var(--muted);
 font-size:18px;
 line-height:1.65;
}

.vr-actions{
 display:flex;
 gap:11px;
 flex-wrap:wrap;
 margin-top:30px;
}

.vr-btn{
 min-height:52px;
 padding:0 21px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 border-radius:14px;
 text-decoration:none;
 font-size:14px;
 font-weight:800;
 transition:.18s;
}

.vr-btn:hover{transform:translateY(-2px)}

.vr-btn-primary{
 background:var(--blue);
 color:#fff;
 box-shadow:0 13px 30px rgba(53,109,243,.22);
}

.vr-btn-light{
 background:#fff;
 color:#31415b;
 border:1px solid var(--border);
}

.vr-btn-white{
 background:#fff;
 color:var(--navy);
}

.vr-trust{
 display:flex;
 gap:20px;
 flex-wrap:wrap;
 margin-top:30px;
}

.vr-trust span{
 color:#596a84;
 font-size:12px;
 font-weight:700;
}

.vr-trust i{
 color:var(--blue);
 margin-right:6px;
}

/* PHONE ILLUSTRATION */

.vr-product{
 min-height:620px;
 position:relative;
 display:grid;
 place-items:center;
}

.vr-circle{
 position:absolute;
 border:1px dashed rgba(53,109,243,.18);
 border-radius:50%;
}

.vr-circle-a{width:540px;height:540px}
.vr-circle-b{width:430px;height:430px}

.vr-phone{
 z-index:2;
 width:310px;
 height:595px;
 padding:9px;
 box-sizing:border-box;
 border-radius:43px;
 background:#111b2d;
 box-shadow:0 38px 75px rgba(14,31,61,.24);
}

.vr-phone-status{
 height:31px;
 padding:8px 18px;
 box-sizing:border-box;
 display:flex;
 justify-content:space-between;
 background:#fff;
 border-radius:34px 34px 0 0;
 font-size:9px;
}

.vr-phone-status span:last-child{
 display:flex;
 gap:5px;
}

.vr-phone-head{
 height:54px;
 padding:10px 15px;
 box-sizing:border-box;
 display:flex;
 align-items:center;
 gap:8px;
 background:#fff;
 font-size:12px;
}

.vr-phone-head>i{margin-left:auto}

.vr-logo-mini{
 width:31px;
 height:31px;
 display:grid;
 place-items:center;
 border-radius:10px;
 background:var(--blue);
 color:#fff;
}

.vr-map{
 position:relative;
 height:252px;
 overflow:hidden;
 background:#eef3f8;
}

.vr-road{
 position:absolute;
 height:12px;
 width:350px;
 background:#fff;
 border:1px solid #e3e9f0;
}

.vr-road-a{top:55px;left:-30px;transform:rotate(-18deg)}
.vr-road-b{top:165px;left:-15px;transform:rotate(24deg)}
.vr-road-c{top:115px;left:80px;transform:rotate(82deg)}

.vr-building{
 position:absolute;
 border-radius:5px;
 background:#dfe7ef;
}

.vr-building-a{width:65px;height:45px;left:18px;top:18px}
.vr-building-b{width:70px;height:50px;right:15px;top:23px}
.vr-building-c{width:75px;height:48px;right:20px;bottom:18px}

.vr-map svg{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
}

.vr-map path{
 fill:none;
 stroke:var(--blue);
 stroke-width:5;
 stroke-linecap:round;
 stroke-dasharray:6 7;
}

.vr-start{
 position:absolute;
 left:55px;
 bottom:48px;
 width:11px;
 height:11px;
 border:5px solid #fff;
 border-radius:50%;
 background:var(--blue);
}

.vr-destination{
 position:absolute;
 right:54px;
 top:37px;
 color:var(--navy);
 font-size:22px;
}

.vr-car{
 position:absolute;
 left:134px;
 top:112px;
 width:36px;
 height:36px;
 display:grid;
 place-items:center;
 border-radius:11px;
 background:var(--blue);
 color:#fff;
 box-shadow:0 8px 18px rgba(53,109,243,.28);
}

.vr-book{
 height:240px;
 padding:13px 16px;
 box-sizing:border-box;
 background:#fff;
 border-radius:0 0 34px 34px;
}

.vr-book-label{
 font-size:14px;
 font-weight:850;
}

.vr-input{
 min-height:43px;
 margin-top:7px;
 padding:7px 10px;
 display:flex;
 align-items:center;
 gap:9px;
 border:1px solid #e5eaf1;
 border-radius:10px;
}

.vr-input>span{
 width:9px;
 height:9px;
 flex:0 0 9px;
 border-radius:50%;
 background:var(--blue);
}

.vr-input>span.dark{background:var(--navy)}
.vr-input small,.vr-input b{display:block}
.vr-input small{color:#8997aa;font-size:8px}
.vr-input b{font-size:10px;color:#31405a}

.vr-ride-types{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:6px;
 margin-top:8px;
}

.vr-ride-types span{
 height:36px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 border-radius:9px;
 background:#f4f6f9;
 color:#78869a;
 font-size:9px;
 font-weight:800;
}

.vr-ride-types .active{
 background:#edf3ff;
 color:var(--blue);
}

.vr-find{
 height:34px;
 margin-top:8px;
 display:grid;
 place-items:center;
 border-radius:9px;
 background:var(--blue);
 color:#fff;
 font-size:10px;
 font-weight:800;
}

.vr-float{
 position:absolute;
 z-index:4;
 min-width:155px;
 padding:12px;
 display:flex;
 gap:10px;
 align-items:center;
 border:1px solid var(--border);
 border-radius:17px;
 background:rgba(255,255,255,.96);
 box-shadow:0 18px 35px rgba(18,35,64,.12);
}

.vr-driver{left:0;top:145px}
.vr-eta{right:0;bottom:110px}

.vr-avatar,.vr-float-icon{
 width:39px;
 height:39px;
 display:grid;
 place-items:center;
 border-radius:12px;
 background:#edf3ff;
 color:var(--blue);
 font-size:11px;
 font-weight:900;
}

.vr-float small,.vr-float b,.vr-float span{display:block}
.vr-float small{color:#8b98ab;font-size:8px}
.vr-float b{font-size:11px}
.vr-float span{font-size:8px;color:#8492a7}
.vr-float span i{color:#f3b91e}

/* BENEFITS */

.vr-benefits{
 position:relative;
 z-index:5;
 margin-top:-28px;
}

.vr-benefits-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 overflow:hidden;
 border:1px solid var(--border);
 border-radius:22px;
 background:#fff;
 box-shadow:0 16px 45px rgba(22,40,72,.07);
}

.vr-benefits article{
 min-height:110px;
 padding:20px 23px;
 display:flex;
 align-items:center;
 gap:14px;
}

.vr-benefits article+article{
 border-left:1px solid var(--border);
}

.vr-benefits article>i{
 width:44px;
 height:44px;
 flex:0 0 44px;
 display:grid;
 place-items:center;
 border-radius:13px;
 background:#edf3ff;
 color:var(--blue);
}

.vr-benefits b{font-size:14px}

.vr-benefits p{
 margin:5px 0 0;
 color:var(--muted);
 font-size:11px;
 line-height:1.45;
}

/* SECTIONS */

.vr-section{padding:105px 0}

.vr-heading{max-width:700px}

.vr-heading h2,
.vr-split h2,
.vr-final h2{
 margin:12px 0 0;
 color:var(--navy);
 font-size:clamp(34px,4vw,52px);
 line-height:1.06;
 letter-spacing:-.045em;
}

.vr-heading p,
.vr-split>div>p{
 color:var(--muted);
 font-size:16px;
 line-height:1.65;
}

/* STEPS */

.vr-steps{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-top:45px;
}

.vr-steps article{
 padding:22px;
 border:1px solid var(--border);
 border-radius:24px;
 background:#fbfcfe;
}

.vr-number{
 color:#95a4b9;
 font-size:11px;
 font-weight:850;
 letter-spacing:.12em;
}

.vr-step-ui{
 height:150px;
 margin-top:18px;
 padding:18px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 gap:9px;
 border-radius:18px;
 background:linear-gradient(145deg,#eaf1ff,#f7f9fd);
}

.vr-step-input{
 height:43px;
 padding:0 12px;
 display:flex;
 align-items:center;
 gap:9px;
 border-radius:10px;
 background:#fff;
 font-size:11px;
 font-weight:750;
}

.vr-step-input i{
 width:9px;
 height:9px;
 border-radius:50%;
 background:var(--blue);
}

.vr-step-input i.dark{background:var(--navy)}

.vr-step-cars div{
 height:48px;
 padding:0 13px;
 display:flex;
 align-items:center;
 gap:10px;
 border-radius:11px;
 background:rgba(255,255,255,.65);
 color:#74839a;
 font-size:11px;
 font-weight:800;
}

.vr-step-cars .selected{
 background:#fff;
 color:var(--blue);
}

.vr-mini-route{position:relative}

.vr-mini-route>span,
.vr-mini-route>b{
 position:absolute;
 width:17px;
 height:17px;
 border:5px solid #fff;
 border-radius:50%;
 box-sizing:border-box;
}

.vr-mini-route>span{
 left:40px;
 bottom:32px;
 background:var(--blue);
}

.vr-mini-route>b{
 right:40px;
 top:30px;
 background:var(--navy);
}

.vr-mini-route>i{
 position:absolute;
 left:50%;
 top:50%;
 width:37px;
 height:37px;
 display:grid;
 place-items:center;
 transform:translate(-50%,-50%);
 border-radius:11px;
 background:#fff;
 color:var(--blue);
}

.vr-steps h3{margin:20px 0 0;font-size:19px}

.vr-steps p{
 margin:9px 0 0;
 color:var(--muted);
 font-size:13px;
 line-height:1.58;
}

/* OPTIONS */

.vr-options{background:var(--soft)}

.vr-options-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:20px;
 margin-top:42px;
}

.vr-option-card{
 overflow:hidden;
 border:1px solid var(--border);
 border-radius:26px;
 background:#fff;
 box-shadow:0 14px 40px rgba(20,39,70,.05);
}

.vr-option-visual{
 height:245px;
 display:grid;
 place-items:center;
 font-size:65px;
}

.vr-option-visual.taxi{
 background:linear-gradient(145deg,#e6efff,#f6f9ff);
 color:var(--blue);
}

.vr-option-visual.vtc{
 background:linear-gradient(145deg,#0a1729,#183358);
 color:#fff;
}

.vr-option-visual i{
 width:140px;
 height:95px;
 display:grid;
 place-items:center;
 border-radius:26px;
 background:rgba(255,255,255,.92);
 box-shadow:0 20px 40px rgba(19,39,74,.12);
}

.vr-option-visual.vtc i{background:#1b365d}

.vr-option-content{padding:28px}

.vr-option-content>span{
 padding:5px 9px;
 border-radius:999px;
 background:#edf3ff;
 color:var(--blue);
 font-size:10px;
 font-weight:850;
}

.vr-option-content h3{
 margin:16px 0 0;
 font-size:24px;
}

.vr-option-content p{
 min-height:62px;
 color:var(--muted);
 font-size:14px;
 line-height:1.55;
}

.vr-option-content a,.vr-link{
 color:var(--blue);
 text-decoration:none;
 font-size:13px;
 font-weight:800;
}

/* FARE */

.vr-split{
 display:grid;
 grid-template-columns:.93fr 1.07fr;
 gap:75px;
 align-items:center;
}

.vr-fare-card{
 padding:28px;
 border:1px solid var(--border);
 border-radius:25px;
 background:#fff;
 box-shadow:0 25px 60px rgba(19,39,71,.08);
}

.vr-fare-head{
 padding-bottom:20px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 border-bottom:1px solid var(--border);
}

.vr-fare-head small,.vr-fare-head b{display:block}
.vr-fare-head small{color:#8b98ab;font-size:11px}

.vr-fare-head>i{
 width:47px;
 height:47px;
 display:grid;
 place-items:center;
 border-radius:14px;
 background:#edf3ff;
 color:var(--blue);
}

.vr-fare-row{
 min-height:50px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 border-bottom:1px solid #edf0f5;
 font-size:13px;
}

.vr-fare-row span{color:var(--muted)}
.vr-fare-row .blue{color:var(--blue)}

.vr-notice{
 margin-top:20px;
 padding:13px;
 border-radius:13px;
 background:#f3f7ff;
 color:#57708f;
 font-size:11px;
}

.vr-notice i{color:var(--blue);margin-right:7px}

/* SAFETY */

.vr-safety{
 background:var(--navy);
 color:#fff;
}

.vr-safety .vr-label{color:#82a5ff}
.vr-safety h2{color:#fff}
.vr-safety .vr-split>div>p{color:#aebbd0}

.vr-safety-art{
 position:relative;
 min-height:430px;
 display:grid;
 place-items:center;
}

.vr-shield{
 width:175px;
 height:175px;
 display:grid;
 place-items:center;
 border-radius:48px;
 background:linear-gradient(145deg,#356df3,#194fcf);
 font-size:65px;
 box-shadow:0 35px 70px rgba(27,83,220,.25);
}

.vr-safety-art>span{
 position:absolute;
 min-width:160px;
 padding:13px;
 border:1px solid rgba(255,255,255,.1);
 border-radius:15px;
 background:rgba(255,255,255,.07);
 font-size:11px;
}

.vr-safety-art>span i{
 margin-right:8px;
 color:#89a8ff;
}

.vr-safety-art .one{left:20px;top:45px}
.vr-safety-art .two{right:5px;top:155px}
.vr-safety-art .three{left:55px;bottom:35px}

/* FAQ */

.vr-faq-grid{
 display:grid;
 grid-template-columns:.78fr 1.22fr;
 gap:80px;
}

.vr-faq-item{
 border-bottom:1px solid var(--border);
}

.vr-faq-item:first-child{
 border-top:1px solid var(--border);
}

.vr-faq-item button{
 width:100%;
 min-height:75px;
 padding:18px 0;
 border:0;
 background:none;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:20px;
 text-align:left;
 cursor:pointer;
 font:inherit;
 font-size:15px;
 font-weight:800;
}

.vr-faq-item button i{
 width:31px;
 height:31px;
 flex:0 0 31px;
 display:grid;
 place-items:center;
 border-radius:9px;
 background:#edf3ff;
 color:var(--blue);
 transition:.18s;
}

.vr-faq-item button[aria-expanded="true"] i{
 transform:rotate(45deg);
}

.vr-faq-item>div{
 padding:0 48px 20px 0;
}

.vr-faq-item p{
 margin:0;
 color:var(--muted);
 font-size:13px;
 line-height:1.65;
}

/* FINAL CTA */

.vr-final{
 padding:40px 0 90px;
}

.vr-final-card{
 min-height:430px;
 padding:55px 65px;
 display:grid;
 grid-template-columns:1.05fr .95fr;
 align-items:center;
 gap:40px;
 overflow:hidden;
 border-radius:31px;
 color:#fff;
 background:
  radial-gradient(circle at 88% 15%,rgba(108,153,255,.35),transparent 30%),
  linear-gradient(135deg,#08162a,#12315d);
}

.vr-final-card>div>span{
 color:#8db0ff;
 font-size:11px;
 font-weight:850;
 letter-spacing:.15em;
}

.vr-final h2{color:#fff}
.vr-final p{color:#b8c5d9}

.vr-play{
 min-height:52px;
 padding:0 15px;
 display:flex;
 align-items:center;
 gap:10px;
 border:1px solid rgba(255,255,255,.17);
 border-radius:14px;
 color:#fff;
 text-decoration:none;
}

.vr-play>i{font-size:24px}
.vr-play small,.vr-play b{display:block}
.vr-play small{font-size:7px}

.vr-final-phone{
 position:relative;
 min-height:390px;
}

.vr-final-phone>div{
 position:absolute;
 top:15px;
 left:50%;
 width:245px;
 height:420px;
 padding:50px 20px 20px;
 transform:translateX(-50%) rotate(5deg);
 border:8px solid #07101e;
 border-radius:38px;
 background:#f4f8ff;
 box-shadow:0 35px 60px rgba(0,0,0,.3);
 box-sizing:border-box;
}

.vr-final-phone>div>b{
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border-radius:14px;
 background:var(--blue);
 color:#fff;
}

.vr-final-phone h3{
 color:var(--navy);
 font-size:21px;
}

.vr-final-phone span{
 display:block;
 height:49px;
 margin-top:9px;
 border:1px solid #e1e7f0;
 border-radius:12px;
 background:#fff;
}

.vr-final-phone button{
 width:100%;
 height:46px;
 margin-top:18px;
 border:0;
 border-radius:12px;
 background:var(--blue);
 color:#fff;
 font-weight:800;
}

/* RESPONSIVE */

@media(max-width:900px){
 .vr-hero-grid{grid-template-columns:1fr}
 .vr-hero-copy{text-align:center}
 .vr-kicker,.vr-actions,.vr-trust{justify-content:center}
 .vr-product{min-height:590px}
 .vr-benefits{margin-top:0}
 .vr-benefits-grid{grid-template-columns:1fr}
 .vr-benefits article+article{
   border-left:0;
   border-top:1px solid var(--border);
 }
 .vr-steps,
 .vr-options-grid,
 .vr-split,
 .vr-faq-grid,
 .vr-final-card{
   grid-template-columns:1fr;
 }
 .vr-final-phone{min-height:430px}
}

@media(max-width:600px){
 .vr .vorik-container{width:calc(100% - 28px)}
 .vr-hero{padding:45px 0 60px}
 .vr-hero h1{font-size:48px}
 .vr-hero-copy>p{font-size:16px}
 .vr-actions{display:grid}
 .vr-btn{width:100%;box-sizing:border-box}
 .vr-product{
   transform:scale(.86);
   transform-origin:top center;
   margin-bottom:-80px;
 }
 .vr-driver{left:-8px}
 .vr-eta{right:-8px}
 .vr-section{padding:72px 0}
 .vr-heading h2,
 .vr-split h2,
 .vr-final h2{font-size:36px}
 .vr-final-card{padding:38px 24px}
}

/* =========================================================
   VORIK RIDE R01F — BUTTON CONTRAST FIX
   Scope: premium Ride page only
   ========================================================= */

/*
 * Primary blue CTAs
 * Blue background => white label/icon
 */
[data-vorik-ride-premium] .vr-btn-primary,
[data-vorik-ride-premium] .vr-btn-primary:link,
[data-vorik-ride-premium] .vr-btn-primary:visited,
[data-vorik-ride-premium] .ride-btn-primary,
[data-vorik-ride-premium] .ride-btn-primary:link,
[data-vorik-ride-premium] .ride-btn-primary:visited {
    color: #ffffff !important;
}

[data-vorik-ride-premium] .vr-btn-primary *,
[data-vorik-ride-premium] .ride-btn-primary * {
    color: inherit !important;
}


/*
 * Dark / navy buttons
 * Navy background => white label/icon
 */
[data-vorik-ride-premium] .vr-btn-dark,
[data-vorik-ride-premium] .vr-btn-dark:link,
[data-vorik-ride-premium] .vr-btn-dark:visited,
[data-vorik-ride-premium] .ride-btn-dark,
[data-vorik-ride-premium] .ride-btn-dark:link,
[data-vorik-ride-premium] .ride-btn-dark:visited {
    color: #ffffff !important;
}

[data-vorik-ride-premium] .vr-btn-dark *,
[data-vorik-ride-premium] .ride-btn-dark * {
    color: inherit !important;
}


/*
 * White CTAs
 * White background => navy text
 */
[data-vorik-ride-premium] .vr-btn-white,
[data-vorik-ride-premium] .vr-btn-white:link,
[data-vorik-ride-premium] .vr-btn-white:visited,
[data-vorik-ride-premium] .ride-btn-white,
[data-vorik-ride-premium] .ride-btn-white:link,
[data-vorik-ride-premium] .ride-btn-white:visited {
    color: #071b33 !important;
    background: #ffffff !important;
    border-color: rgba(7, 27, 51, .10) !important;
}

[data-vorik-ride-premium] .vr-btn-white *,
[data-vorik-ride-premium] .ride-btn-white * {
    color: inherit !important;
}


/*
 * Generic primary Ride buttons using the known VORIK blue.
 * Protect against inherited dark text.
 */
[data-vorik-ride-premium] a[class*="btn"][style*="background"],
[data-vorik-ride-premium] button[class*="btn"][style*="background"] {
    text-decoration: none;
}


/*
 * Booking CTA — known production target
 */
[data-vorik-ride-premium] a[href="/client/booking/vtc"] {
    color: #ffffff !important;
}

[data-vorik-ride-premium] a[href="/client/booking/vtc"] * {
    color: inherit !important;
}


/*
 * White CTAs inside dark Ride sections.
 * The text must always remain dark/navy.
 */
[data-vorik-ride-premium] section[style*="background"] .vr-btn-white,
[data-vorik-ride-premium] section[style*="background"] .ride-btn-white {
    color: #071b33 !important;
}


/*
 * Google Play on light backgrounds
 */
[data-vorik-ride-premium] .vr-play:not(.vr-play-dark),
[data-vorik-ride-premium] .ride-play:not(.ride-play-dark),
[data-vorik-ride-premium] a[href*="play.google.com"]:not(.vr-play-dark):not(.ride-play-dark) {
    color: #071b33 !important;
}

[data-vorik-ride-premium] .vr-play:not(.vr-play-dark) *,
[data-vorik-ride-premium] .ride-play:not(.ride-play-dark) * {
    color: inherit !important;
}


/*
 * Google Play / secondary CTA on dark backgrounds
 */
[data-vorik-ride-premium] .vr-play-dark,
[data-vorik-ride-premium] .ride-play-dark {
    color: #ffffff !important;
}

[data-vorik-ride-premium] .vr-play-dark *,
[data-vorik-ride-premium] .ride-play-dark * {
    color: inherit !important;
}


/*
 * Hover / keyboard accessibility
 */
[data-vorik-ride-premium] .vr-btn-primary:hover,
[data-vorik-ride-premium] .vr-btn-primary:focus-visible,
[data-vorik-ride-premium] .ride-btn-primary:hover,
[data-vorik-ride-premium] .ride-btn-primary:focus-visible,
[data-vorik-ride-premium] .vr-btn-dark:hover,
[data-vorik-ride-premium] .ride-btn-dark:hover {
    color: #ffffff !important;
}

[data-vorik-ride-premium] .vr-btn-white:hover,
[data-vorik-ride-premium] .vr-btn-white:focus-visible,
[data-vorik-ride-premium] .ride-btn-white:hover,
[data-vorik-ride-premium] .ride-btn-white:focus-visible {
    color: #ffffff !important;
    background: #0f4c81 !important;
    border-color: #0f4c81 !important;
}

[data-vorik-ride-premium] a[class*="btn"]:focus-visible,
[data-vorik-ride-premium] button[class*="btn"]:focus-visible {
    outline: 3px solid #f4c64e;
    outline-offset: 3px;
}


/* =========================================================
   VORIK RIDE R01F2
   FINAL CTA — GOOGLE PLAY CONTRAST FIX
   ========================================================= */

/*
 * The final Ride CTA uses .vr-play on a dark/navy card.
 * Override the generic light-background Google Play style
 * only inside .vr-final-card.
 */
[data-vorik-ride-premium] .vr-final-card .vr-play,
[data-vorik-ride-premium] .vr-final-card .vr-play:link,
[data-vorik-ride-premium] .vr-final-card .vr-play:visited {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    box-shadow: none !important;
}

/* Force icon + GET IT ON + Google Play label to remain visible */
[data-vorik-ride-premium] .vr-final-card .vr-play i,
[data-vorik-ride-premium] .vr-final-card .vr-play small,
[data-vorik-ride-premium] .vr-final-card .vr-play b,
[data-vorik-ride-premium] .vr-final-card .vr-play div {
    color: #ffffff !important;
}

/* Slightly softer secondary label */
[data-vorik-ride-premium] .vr-final-card .vr-play small {
    color: rgba(255, 255, 255, .72) !important;
}

/* Premium hover */
[data-vorik-ride-premium] .vr-final-card .vr-play:hover,
[data-vorik-ride-premium] .vr-final-card .vr-play:focus-visible {
    color: #071b33 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    transform: translateY(-2px);
}

[data-vorik-ride-premium] .vr-final-card .vr-play:hover i,
[data-vorik-ride-premium] .vr-final-card .vr-play:hover small,
[data-vorik-ride-premium] .vr-final-card .vr-play:hover b,
[data-vorik-ride-premium] .vr-final-card .vr-play:hover div,
[data-vorik-ride-premium] .vr-final-card .vr-play:focus-visible i,
[data-vorik-ride-premium] .vr-final-card .vr-play:focus-visible small,
[data-vorik-ride-premium] .vr-final-card .vr-play:focus-visible b,
[data-vorik-ride-premium] .vr-final-card .vr-play:focus-visible div {
    color: #071b33 !important;
}