/* Owner refinements: readable navigation and the earlier compact hero typography. */
.approved-design .new-nav{font-size:16px;font-weight:600;gap:18px}.approved-design .nav-group>button{font-size:inherit}.approved-design .nav-panel a{font-size:15px;line-height:1.6}.approved-design .location-panel .location-menu-region a{font-size:15px}.approved-design .header-inner{gap:22px}.approved-design .header-button{font-size:12px;flex-shrink:0}.approved-design .approved-hero-card{background:rgba(255,250,240,.82);backdrop-filter:blur(3px)}.approved-design .approved-hero-card h1{font:400 60px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-1.9px}.approved-design .approved-hero-card p{font-size:14px;line-height:1.8}.approved-design .approved-hero-card .micro{font-size:9px;letter-spacing:1.8px}.approved-design .hero-actions .button,.approved-design .hero-actions .plain-link{font-size:12px}
/* Decorative journey routes on every slideshow frame; no overlays intercept clicks. */
.hero-route-network{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.65;overflow:hidden;mask-image:linear-gradient(90deg,transparent 15%,#0006 45%,#000 75%)}.hero-route-network svg{height:100%;width:100%;display:block}.route-grid path{fill:none;stroke:#f0dbab;stroke-width:.8;opacity:.25}.route-traces path{fill:none;stroke:url(#route-glow-v6);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:28 760;animation:routeSignal 10s linear infinite;filter:drop-shadow(0 0 4px #ffe9ad)}.route-traces path:nth-child(2){animation-delay:-3s;animation-duration:13s}.route-traces path:nth-child(3){animation-delay:-6s;animation-duration:9s}.route-beacons circle{fill:#fff2c4;stroke:#d9b66d;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:routeBeacon 4s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffedbc)}.route-beacons circle:nth-child(2){animation-delay:1s}.route-beacons circle:nth-child(3){animation-delay:2s}.route-beacons circle:nth-child(4){animation-delay:3s}.route-orbit circle{fill:none;stroke:#f1d697;stroke-width:.8;stroke-dasharray:34 18 4 18;opacity:.4;transform-box:fill-box;transform-origin:center;animation:routeOrbit 32s linear infinite}.route-orbit circle:nth-child(2){stroke-dasharray:4 50;animation-direction:reverse;animation-duration:45s}.route-orbit path{fill:none;stroke:#f0d495;stroke-width:1;opacity:.4}.routes-paused .hero-route-network *,.hero-offscreen .hero-route-network *{animation-play-state:paused!important}@keyframes routeSignal{to{stroke-dashoffset:-1576}}@keyframes routeBeacon{0%,100%{opacity:.25;transform:scale(.65)}50%{opacity:1;transform:scale(1.35)}}@keyframes routeOrbit{to{transform:rotate(360deg)}}
/* One photographic RAV4 pass, after eight seconds and when its banner is visible. */
.rav4-drive-ad{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(115deg,#fbf7ed,#fff);margin-block:0 38px}.rav4-ad-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;padding:23px 30px 6px;gap:2px 20px}.rav4-ad-copy .micro{grid-column:1/-1;font-size:10px;margin-bottom:5px}.rav4-ad-copy h2{font-size:30px;line-height:1.2}.rav4-ad-copy>a{color:var(--gold);font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:5px}.rav4-ad-road{position:relative;height:150px;overflow:hidden;background:linear-gradient(0deg,#e8e6df 0 23px,transparent 24px)}.road-dashes{position:absolute;bottom:9px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#fff 0 36px,transparent 36px 66px)}.rav4-driving-car{position:absolute;bottom:6px;left:0;width:310px;height:auto;max-width:none;transform:translateX(-360px);will-change:transform;filter:drop-shadow(0 7px 3px #282b2530)}.rav4-drive-ad.is-driving .rav4-driving-car{animation:rav4Pass 7.5s cubic-bezier(.3,.02,.35,1) 1 both}.rav4-drive-ad.drive-complete .rav4-driving-car{visibility:hidden}.vehicle-facts{overflow-x:auto;margin:25px 0 35px;border:1px solid var(--line)}.vehicle-facts table{width:100%;border-collapse:collapse;font-size:15px}.vehicle-facts th,.vehicle-facts td{padding:16px;text-align:left;vertical-align:top;line-height:1.75;border-bottom:1px solid var(--line)}.vehicle-facts th{background:var(--cream);color:var(--gold);font-weight:600}.vehicle-facts td:first-child{width:33%;font-weight:600}.model-comparison:has(>.model-option:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr))}.top-models .model-option h3{min-height:0}.top-models .model-option .model-year{font-size:13px}.top-models .model-option{padding:18px}.reading-flow details{margin-block:12px}.reading-flow summary{cursor:pointer}
@keyframes rav4Pass{0%{transform:translateX(-360px)}100%{transform:translateX(calc(100vw + 360px))}}
@media(min-width:1181px){.approved-design .new-nav{display:flex;align-self:stretch}.approved-design .new-nav>.nav-group{align-self:stretch}.approved-design .new-nav>a,.approved-design .new-nav>.nav-group>button{display:flex;align-items:center}.approved-design .new-nav>.nav-group>button{gap:4px}}
@media(max-width:1180px){.approved-design .new-nav{font-size:17px}.approved-design .new-nav>a,.approved-design .new-nav>.nav-group>button{font-size:17px}.approved-design .nav-panel a{font-size:16px}.approved-design .new-nav>.nav-group>button{justify-content:space-between}.approved-design .approved-hero-card h1{font-size:54px}}
@media(max-width:700px){.approved-design .approved-hero-card{background:rgba(255,250,240,.86)}.approved-design .approved-hero-card h1{font-size:45px;letter-spacing:-1.4px;line-height:1.05}.approved-design .approved-hero-card p{font-size:13px;line-height:1.8;max-width:310px}.hero-route-network{mask-image:linear-gradient(0deg,transparent,#000 65%);opacity:.5}.rav4-ad-copy{display:block;padding:22px 20px 0}.rav4-ad-copy h2{font-size:28px;margin-bottom:12px}.rav4-ad-copy>a{display:inline-block;font-size:12px}.rav4-ad-road{height:135px}.rav4-driving-car{width:260px}.vehicle-facts table{font-size:14px}.vehicle-facts th,.vehicle-facts td{padding:12px}.vehicle-facts td:first-child{min-width:125px}.approved-design .top-models .model-comparison{display:flex;overflow-x:auto}.top-models .model-option img{height:185px}}
@media(prefers-reduced-motion:reduce){.hero-route-network *{animation:none!important}.route-traces path{stroke-dasharray:none;opacity:.3}.route-beacons circle{opacity:.5;transform:none}.rav4-driving-car{animation:none!important;left:auto;right:25px;transform:none;will-change:auto}.rav4-drive-ad.drive-complete .rav4-driving-car{visibility:visible}}

/* Keep the full desktop navigation at the approved laptop breakpoint. */
@media(min-width:1181px) and (max-width:1350px){.approved-design .header-inner{gap:14px}.approved-design .new-brand,.approved-design .new-brand img{width:145px}.approved-design .new-nav{gap:12px}.approved-design .header-button{padding-inline:12px;gap:12px}}

/* Original rentacar.ug menu: Lato bold, black text, filled caret-down and gold hover. */
@font-face{font-family:'Rental Menu Lato';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/lato-regular.woff2') format('woff2')}
@font-face{font-family:'Rental Menu Lato';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/lato-bold.woff2') format('woff2')}
.approved-design .new-nav{font-family:'Rental Menu Lato',Lato,Arial,sans-serif;font-size:16px;font-weight:700;color:#000;letter-spacing:normal;gap:0}
.approved-design .new-nav>a,.approved-design .new-nav>.nav-group>button{font-family:inherit;font-size:16px;font-weight:700;line-height:20px;color:#000;padding:13px 10px}
.approved-design .new-nav>a:hover,.approved-design .new-nav>a:focus-visible,.approved-design .new-nav>a[aria-current=page],.approved-design .new-nav>.nav-group>button:hover,.approved-design .new-nav>.nav-group>button:focus-visible,.approved-design .new-nav>.nav-group.is-open>button{color:#8d5e00}
.approved-design .new-nav>.nav-group>button{gap:10px}
.approved-design .nav-group>button .menu-caret{display:flex;align-items:center;justify-content:center;width:10px;height:20px;margin:0;flex:none;line-height:1}
.menu-caret svg{display:block;fill:currentColor;width:10px;height:16px}
.approved-design .nav-panel a,.approved-design .location-panel .location-menu-region a{font-family:'Rental Menu Lato',Lato,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:500;color:#000;padding:10px;border-radius:0}
.approved-design .nav-panel a:hover,.approved-design .nav-panel a:focus-visible{background:#8d5e00;color:#fff}
@media(max-width:1180px){.approved-design .new-nav>a,.approved-design .new-nav>.nav-group>button{padding:14px 10px}.approved-design .new-nav>.nav-group>button{justify-content:space-between}}