/* Both rows use the same three tracks, inset, gap and card height. */
.hero .booking-card.is-expanded .booking-route-preview{
 --booking-choice-height:88px;
 --booking-choice-gap:10px;
 --booking-choice-inset:12px;
}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics,
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-options{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:var(--booking-choice-gap);
 width:100%;min-width:0;box-sizing:border-box;
 align-items:stretch;
}
/* Match the border and horizontal padding of the payment panel so that the
   six cards line up, despite the lower row having a surrounding panel. */
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics{
 padding:0 var(--booking-choice-inset);
 border:1px solid transparent;
 margin:0;
}
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-methods{
 padding:12px var(--booking-choice-inset);
 margin:0;box-sizing:border-box;
}
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-options{margin-top:10px}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div,
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-options>button{
 grid-column:auto;
 width:100%;min-width:0;
 height:var(--booking-choice-height);min-height:var(--booking-choice-height);
 box-sizing:border-box;border-radius:12px;
 display:flex;flex-direction:column;justify-content:center;
 padding:8px 10px;
}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div{gap:3px;align-items:flex-start}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>.booking-fare-metric.spc-price-summary{grid-column:auto;padding:8px 10px}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div>span{font-size:9px;line-height:1.3}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div>strong{max-width:100%;font-size:clamp(13px,1.1vw,17px);line-height:1.3;overflow-wrap:anywhere}
.hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics .booking-vat-note{font-size:10px;line-height:1.3}
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-options>button{gap:6px;align-items:center}
.hero .booking-card.is-expanded .booking-route-preview .booking-payment-options>button>strong{font-size:clamp(11px,1vw,14px);line-height:1.3}
@media(min-width:1024px){
 .hero .booking-card.is-expanded .booking-route-preview{grid-template-rows:auto minmax(100px,1fr) auto auto auto}
}
@media(min-width:1024px) and (max-height:760px){
 .hero .booking-card.is-expanded .booking-route-preview{--booking-choice-height:80px;gap:8px;grid-template-rows:auto minmax(80px,1fr) auto auto auto}
 .hero .booking-card.is-expanded .booking-route-preview .booking-payment-methods{padding:10px var(--booking-choice-inset)}
 .hero .booking-card.is-expanded .booking-route-preview .booking-payment-options{margin-top:8px}
}
@media(max-width:767px){
 .hero .booking-card.is-expanded .booking-route-preview{--booking-choice-gap:8px;--booking-choice-inset:10px}
}
@media(max-width:479px){
 .hero .booking-card.is-expanded .booking-route-preview{--booking-choice-height:104px;--booking-choice-gap:6px;--booking-choice-inset:8px}
 .hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div,
 .hero .booking-card.is-expanded .booking-route-preview .booking-payment-options>button{padding:7px 6px}
 .hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>.booking-fare-metric.spc-price-summary{padding:7px 6px}
 .hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics>div>strong{font-size:12px;line-height:1.2}
 .hero .booking-card.is-expanded .booking-route-preview .booking-route-metrics .booking-vat-note{font-size:9px;line-height:1.2}
}