/* Reuse the shared page, card and FAQ components; scope spacing and H3 hierarchy here. */
.self-drive-page .self-drive-section{padding-block:42px}
.self-drive-page .self-drive-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:24px}
.self-drive-page .self-drive-actions .button{margin-top:0}
.self-drive-page .self-drive-actions .whatsapp-icon{width:20px;height:20px;flex:none}
.self-drive-page .self-drive-occasions{padding-left:24px;margin-block:20px 0;max-width:80ch}
.self-drive-page .self-drive-occasions li+li{margin-top:12px}
.self-drive-page .body-copy{max-width:80ch}
.self-drive-page .body-copy a,.self-drive-page .faq-grid p a,.self-drive-page .steps p a,.self-drive-page .hire-policy a,.self-drive-page .content-note a,.self-drive-page .section-heading p a,.self-drive-page .handover-scope a{text-decoration:underline;text-underline-offset:3px}
.self-drive-page .plan-grid h3{font-size:32px;letter-spacing:-1px;margin-top:25px}
.self-drive-page .plan-grid .text-link{display:flex}
.self-drive-page .vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.self-drive-page .car-info h3{font-size:22px;line-height:1.25}
.self-drive-page .car-info .body-copy{font-size:14px;margin-block:12px}
.self-drive-page .faq-grid h3{font-size:25px;letter-spacing:-.6px;line-height:1.3}
.self-drive-page .end-cta{align-items:flex-start}
.self-drive-page .end-cta .body-copy{margin-top:18px;max-width:46ch}
.self-drive-page .end-cta .self-drive-actions{margin-top:0;max-width:400px}
@media(max-width:1000px){.self-drive-page .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .self-drive-page .self-drive-section{padding-block:30px}
 .self-drive-page .vehicle-grid{grid-template-columns:1fr}
 .self-drive-page .plan-grid h3{font-size:30px;margin-top:22px}
 .self-drive-page .end-cta .self-drive-actions{margin-top:25px}
}