/* P64: preserve large transport artwork and give product actions enough room. */
@media(min-width:701px){
 body.fu-home .card{height:540px}
 body.fu-home .card.scooter .visual{height:420px;width:100%;left:0;right:auto;bottom:12px}
 body.fu-home .card.scooter .visual .fu-banner-p44{inset:0}
}
@media(min-width:701px) and (max-width:1100px){
 body.fu-home .card{height:510px}
 body.fu-home .card.scooter .visual{height:380px;bottom:16px}
}
body.fu-scooters .fu-hero>.fu-banner-p44{height:390px}

/* These photographs are four regions of the existing illustration. The old
   mobile crop rule used variables from a different image and overrode top/width. */
body.fu-scooters .scenario-photo.p18-scenario{position:relative;overflow:hidden}
body.fu-scooters [data-scenario="city"] .p18-scenario{--p64-width:439.55375%;--p64-left:-9.12779%;--p64-top:-33.25%}
body.fu-scooters [data-scenario="teen"] .p18-scenario{--p64-width:426.57481%;--p64-left:-110.82677%;--p64-top:-33.25%}
body.fu-scooters [data-scenario="distance"] .p18-scenario{--p64-width:425.73674%;--p64-left:-215.52063%;--p64-top:-33.25%}
body.fu-scooters [data-scenario="work"] .p18-scenario{--p64-width:441.34420%;--p64-left:-332.38289%;--p64-top:-33.25%}
body.fu-scooters .scenario-photo.p18-scenario>img{
 position:absolute;width:var(--p64-width)!important;max-width:none!important;
 top:var(--p64-top)!important;left:var(--p64-left)!important;height:auto!important;
 margin:0!important;object-fit:fill;transform:none;
}
body.fu-scooters #models .product,
body.fu-scooters #picker-dialog.results-mode .product{box-sizing:border-box;min-width:0}
body.fu-scooters #models .product .product-actions,
body.fu-scooters #picker-dialog .product .product-actions{
 display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;min-width:0;margin:8px 0;
}
body.fu-scooters #models .product .product-actions>a,
body.fu-scooters #picker-dialog .product .product-actions>a{
 box-sizing:border-box;width:100%!important;min-width:0;min-height:42px;
 padding:10px 13px;border:1px solid #dce8ea;border-radius:10px;justify-content:center;
 font-size:14px;line-height:1.35;white-space:normal;
}
body.fu-scooters #models .product .product-actions>.request-product-button,
body.fu-scooters #picker-dialog .product .product-actions>.request-product-button{
 box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;
 margin:0;padding:12px 14px;font-size:15px;line-height:1.35;white-space:normal;overflow-wrap:normal;
}
body.fu-scooters #models .product .product-photo-open{width:100%;height:250px;min-width:0;padding:0;margin:0 0 8px}
body.fu-scooters #models .product .product-photo-open img{display:block;width:100%;height:100%!important;object-fit:contain;margin:0}

@media(max-width:760px){
 body.fu-scooters .fu-hero>.fu-banner-p44{height:clamp(260px,76vw,380px)}
 body.fu-scooters .scenario-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;overflow:visible;scroll-snap-type:none;padding:0}
 body.fu-scooters .scenario{width:100%;min-width:0;flex:none;scroll-snap-align:none}
 body.fu-scooters .scenario>div:last-child{padding:12px 10px;min-height:64px}
 body.fu-scooters .scenario strong{font-size:14px;line-height:1.3}
 body.fu-scooters #models .model-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:visible;scroll-snap-type:none;margin:0;padding:0}
 body.fu-scooters #models .model-grid>.product{padding:20px;flex:none;width:100%;max-width:100%;border-radius:18px}
 body.fu-scooters #models .product .product-photo-open{height:270px}
 body.fu-scooters #models .product h3{font-size:20px!important;line-height:1.3;min-height:0;margin:12px 0}
 body.fu-scooters #models .product p.spec{font-size:15px;line-height:1.45!important}
 body.fu-scooters #models .product .source-note{font-size:13px;line-height:1.5;margin:12px 0}
 body.fu-scooters #models .product .price{white-space:nowrap;font-size:32px!important}
 body.fu-scooters #models .product .product-specs summary,
 body.fu-scooters #models .product .product-nuances summary{font-size:15px;padding:13px}
 body.fu-scooters #models .product .price-note{font-size:12px;line-height:1.5;margin:5px 0 12px}
 body.fu-scooters #models .product .compare-choice{margin-top:12px;min-height:44px}
}
@media(max-width:700px){
 body.fu-home .card.scooter{height:240px}
 body.fu-home .card.scooter .visual{width:63%;height:224px;right:0;left:auto;bottom:8px}
 body.fu-home .card.scooter .visual .fu-banner-p44{inset:0}
}
@media(max-width:360px){
 body.fu-home .card.scooter .copy{padding-left:16px;max-width:53%}
 body.fu-home .card.scooter .copy h2{font-size:23px}
 body.fu-scooters #models .model-grid>.product{padding:16px}
 body.fu-scooters #models .product .product-photo-open{height:240px}
}