/* Compact age control across all search forms. */
html:root body :is(.av136-form,#av216-form) .av136-dates>.av170-age,
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av100-search-row>.av170-age{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-bottom:1px solid #c6d2de!important;align-self:end!important;padding:0!important;min-height:44px!important}
html:root body :is(.av136-form,#av216-form) .av170-age>span,
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av170-age>span{display:block!important;position:static!important;font-size:13px!important;line-height:18px!important;color:var(--text,#173857)!important;margin:0!important;white-space:nowrap!important;flex:0 0 auto!important}
html:root body :is(.av136-form,#av216-form) .av170-age>select,
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av170-age>select{flex:1 1 0!important;width:0!important;min-width:32px!important;max-width:75px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:4px 2px!important;box-shadow:none!important;height:44px!important;min-height:44px!important}
/* Centre date captions above their date range. */
html:root body :is(.av136-form,#av216-form) .av136-dates>strong{justify-self:stretch!important;text-align:center!important}
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av104-range>small{width:100%!important;text-align:center!important}
@media(min-width:1201px){
html:root body :is(.av136-form,#av216-form){width:70%!important;max-width:70%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)){width:70%!important;max-width:1050px!important;box-sizing:border-box!important}
html:root body :is(.av136-form,#av216-form) .av136-dates{grid-template-columns:minmax(0,480px) 130px!important}
html:root body :is(.av136-form,#av216-form) .av136-bar{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;gap:8px!important}
html:root body :is(.av136-form,#av216-form) .av136-bar>*{flex-shrink:0!important}
html:root body :is(.av136-form,#av216-form) .av136-bar>.av76-view-switch{position:static!important;inset:auto!important}
}
@media(min-width:601px) and (max-width:1200px){html:root body :is(.av136-form,#av216-form) .av136-dates{grid-template-columns:minmax(0,384px) 130px!important}}
@media(min-width:851px){
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av100-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) 105px 100px 80px!important;gap:8px!important;min-width:0!important;width:100%!important}
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av100-search-scroll{width:100%!important;min-width:0!important;padding:0!important}
html:root body .hero.av93-home .search:is(.av94-fixed,:not(.av94-fixed)) .av104-range-button{width:100%!important;min-width:0!important;max-width:100%!important}
}
/* Use the complete phone width for the booking panel; keep every value inside. */
@media(max-width:600px){
html:root body #carPage.av214-detail{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
html:root body #carPage.av214-detail>.detail-info{padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}
html:root body #carPage.av214-detail>.booking{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:14px 12px!important;border-radius:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
html:root body #carPage.av214-detail .av170-breakdown .line:not(:last-child){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}
html:root body #carPage.av214-detail .av170-breakdown .line>*{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
html:root body #carPage.av214-detail .av170-breakdown .line b{text-align:right!important}
html:root body #carPage.av214-detail .av170-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:root body #carPage.av214-detail .av170-totals>div,html:root body #carPage.av214-detail .av170-payment-later{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
html:root body #carPage.av214-detail .secure{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important}
}

@media(max-width:600px){html:root body :is(.av136-form,#av216-form) .av136-dates{grid-template-columns:minmax(0,1fr) 100px!important}html:root body .hero.av93-home .search.av94-fixed .av100-search-row{grid-template-columns:minmax(0,1fr) 100px!important}}
