/* Toyota Granvia detail page refinements built on the Cabs Driver luxury system. */
.granvia-page{--lux-gold:#d7a83a;--lux-gold-soft:#f0ca72}.granvia-page .luxury-hero h1 em,.granvia-page .luxury-intro h2 em,.granvia-page .luxury-section-heading h2 em,.granvia-page .luxury-faq h2 em,.granvia-page .luxury-cta h2 em{color:var(--lux-gold-soft)}
.granvia-page .luxury-hero__visual img{background:#f8f6f1;bottom:48px;box-shadow:0 20px 44px rgba(0,0,0,.18);filter:brightness(1.05) contrast(1.04);max-width:650px;right:-3%;width:108%}.granvia-page .luxury-hero__stamp{border-color:rgba(215,168,58,.72);height:108px;width:108px}.granvia-page .granvia-photo-frame{align-items:center;background:#f0eee8;display:flex;justify-content:center;min-height:360px;overflow:hidden}.granvia-page .granvia-photo-frame img{height:auto;max-width:100%;object-fit:contain;width:100%}
.granvia-page .granvia-why{background:#fff}.granvia-page .granvia-why-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-top:42px}.granvia-page .granvia-why-grid article{background:var(--lux-paper);min-height:180px;padding:25px}.granvia-page .granvia-why-grid article:hover{background:#fffdf7}.granvia-page .granvia-why-grid span,.granvia-page .granvia-use-grid span,.granvia-page .granvia-route-grid span{color:#b08020;font-size:10px;font-weight:800;letter-spacing:.15em}.granvia-page .granvia-why-grid h3,.granvia-page .granvia-use-grid h3{color:var(--lux-ink);font-size:18px;line-height:1.15;margin:20px 0 9px}.granvia-page .granvia-why-grid p,.granvia-page .granvia-use-grid p{color:var(--lux-muted);font-size:13px!important;line-height:1.55!important;margin:0}
.granvia-page .granvia-uses{background:var(--lux-ink);color:#fff}.granvia-page .granvia-use-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-top:48px}.granvia-page .granvia-use-grid article{background:rgba(255,255,255,.07);min-height:185px;padding:24px}.granvia-page .granvia-use-grid article:hover{background:rgba(215,168,58,.13)}.granvia-page .granvia-use-grid h3{color:#fff;margin-top:20px}.granvia-page .granvia-use-grid p{color:rgba(255,255,255,.64)}
.granvia-page .granvia-events{background:#e9e1d0}.granvia-page .granvia-split{align-items:center;display:grid;gap:clamp(45px,8vw,115px);grid-template-columns:1fr 1fr}.granvia-page .granvia-split h2{color:var(--lux-ink);font-size:clamp(2.5rem,4.5vw,4.3rem);font-weight:400;letter-spacing:-.06em;line-height:.98;margin:0}.granvia-page .granvia-split h2 em{color:#b48625;font-family:Georgia,serif;font-style:italic}.granvia-page .granvia-split>div:last-child{max-width:510px}.granvia-page .granvia-split p{color:var(--lux-muted);font-size:16px!important;line-height:1.7!important;margin:0 0 17px}
.granvia-page .granvia-booking-why{background:var(--lux-deep)}.granvia-page .granvia-benefit-grid{grid-template-columns:repeat(3,1fr);row-gap:0}.granvia-page .granvia-benefit-grid article:nth-child(4),.granvia-page .granvia-benefit-grid article:nth-child(5),.granvia-page .granvia-benefit-grid article:nth-child(6){border-top:1px solid rgba(255,255,255,.2);padding-top:28px}.granvia-page .granvia-benefit-grid article:nth-child(4){border-left:0;padding-left:0}
.granvia-page .granvia-routes{background:#fff}.granvia-page .granvia-route-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1120px}.granvia-page .granvia-route-grid>div{background:var(--lux-paper);min-height:155px;padding:24px}.granvia-page .granvia-route-grid strong{color:var(--lux-ink);display:block;font-size:19px;line-height:1.15;margin:20px 0 8px}.granvia-page .granvia-route-grid small{color:var(--lux-muted);display:block;font-size:13px;line-height:1.5;max-width:245px}
.granvia-page .granvia-booking{background:#e5f0eb;overflow:hidden;padding:112px 0;position:relative}.granvia-page .granvia-booking:after{background:url('../images/vehicle/Toyota Previa.png') center/contain no-repeat;bottom:-70px;content:'';height:350px;opacity:.06;pointer-events:none;position:absolute;right:-55px;width:550px}.granvia-page .granvia-booking .electric-booking__head{align-items:end;display:flex;gap:60px;justify-content:space-between;margin-bottom:54px;position:relative;z-index:1}.granvia-page .granvia-booking .luxury-kicker{color:#329b77}.granvia-page .granvia-booking h2{color:var(--lux-ink);font-size:clamp(2.45rem,4.8vw,4.45rem);font-weight:400;letter-spacing:-.06em;line-height:.98;margin:0}.granvia-page .granvia-booking h2 em{color:#b48625;font-family:Georgia,serif;font-style:italic}.granvia-page .granvia-booking .electric-booking__support{max-width:350px}.granvia-page .granvia-booking .electric-booking__support p{color:var(--lux-muted);font-size:16px!important;line-height:1.65!important;margin:0 0 20px}.granvia-page .granvia-booking .electric-booking__flow{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.granvia-page .granvia-booking .electric-booking__step{background:rgba(255,255,255,.92);border-top:3px solid #78cdb0;box-shadow:0 12px 28px rgba(16,43,59,.07);min-height:250px;padding:21px 22px 24px;position:relative}.granvia-page .granvia-booking .electric-booking__step>span{color:#329b77;font-size:11px;font-weight:800}.granvia-page .granvia-booking .electric-booking__icon{align-items:center;background:#d9f0e7;border-radius:50%;color:#247b60;display:flex;font-size:20px;height:46px;justify-content:center;margin:27px 0 21px;width:46px}.granvia-page .granvia-booking .electric-booking__step h3{color:var(--lux-ink);font-size:19px;margin:0 0 9px}.granvia-page .granvia-booking .electric-booking__step p{color:var(--lux-muted);font-size:14px!important;line-height:1.55!important;margin:0}.granvia-page .granvia-booking .electric-booking__footer{align-items:center;border-top:1px solid #bdd6ca;display:flex;gap:18px;margin-top:31px;padding-top:19px;position:relative;z-index:1}.granvia-page .granvia-booking .electric-booking__footer>span{color:#329b77;font-size:10px;font-weight:800;letter-spacing:.15em}.granvia-page .granvia-booking .electric-booking__footer p{color:var(--lux-muted);font-size:14px!important;margin:0}.granvia-page .granvia-booking .electric-booking__footer a{color:#247b60;font-weight:800}
@media (max-width:991px){.granvia-page .luxury-hero__visual{right:-14%;width:70%}.granvia-page .granvia-why-grid{grid-template-columns:repeat(2,1fr)}.granvia-page .granvia-use-grid{grid-template-columns:repeat(2,1fr)}.granvia-page .granvia-route-grid{grid-template-columns:repeat(2,1fr)}.granvia-page .granvia-benefit-grid{grid-template-columns:repeat(2,1fr)}.granvia-page .granvia-benefit-grid article:nth-child(3),.granvia-page .granvia-benefit-grid article:nth-child(5){border-left:0;padding-left:0}.granvia-page .granvia-benefit-grid article:nth-child(3),.granvia-page .granvia-benefit-grid article:nth-child(4){border-top:1px solid rgba(255,255,255,.2);padding-top:28px}.granvia-page .granvia-split{gap:55px}.granvia-page .granvia-booking .electric-booking__flow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.granvia-page .luxury-hero__visual{opacity:.27;right:-45%;top:270px;width:120%}.granvia-page .luxury-hero__visual img{bottom:50px;right:0;width:108%}.granvia-page .luxury-hero__stamp{display:none}.granvia-page .granvia-photo-frame{min-height:260px}.granvia-page .granvia-why-grid,.granvia-page .granvia-use-grid,.granvia-page .granvia-route-grid,.granvia-page .granvia-benefit-grid{grid-template-columns:1fr}.granvia-page .granvia-benefit-grid article,.granvia-page .granvia-benefit-grid article:nth-child(3),.granvia-page .granvia-benefit-grid article:nth-child(4),.granvia-page .granvia-benefit-grid article:nth-child(5),.granvia-page .granvia-benefit-grid article:nth-child(6){border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:25px 0}.granvia-page .granvia-benefit-grid article:first-child{border-top:0;padding-top:0}.granvia-page .granvia-split{display:flex;flex-direction:column;gap:32px}.granvia-page .granvia-split>div:last-child{max-width:none}.granvia-page .granvia-booking{padding:78px 0}.granvia-page .granvia-booking .electric-booking__head{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:37px}.granvia-page .granvia-booking .electric-booking__support{max-width:480px}.granvia-page .granvia-booking .electric-booking__flow{gap:12px;grid-template-columns:1fr}.granvia-page .granvia-booking .electric-booking__step{min-height:0;padding:18px 20px 20px 75px}.granvia-page .granvia-booking .electric-booking__icon{left:20px;margin:0;position:absolute;top:18px}.granvia-page .granvia-booking .electric-booking__footer{align-items:flex-start;flex-direction:column;gap:8px}}