/* R75: mobile input legibility; keep authored viewport and desktop geometry. */
@media(max-width:760px){
 html body form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea),
 html body #services-booking :is(input,select,.city-picker-trigger,.picker-trigger){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
 .r75-number-control{direction:ltr;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 .r75-number-control>input{grid-column:2;grid-row:1;min-width:0!important;width:100%!important;max-width:100%;text-align:center!important;appearance:textfield;-moz-appearance:textfield}
 .r75-number-control>input::-webkit-inner-spin-button,.r75-number-control>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 .r75-number-button{appearance:none!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;box-sizing:border-box;border:1px solid #aeb9bf!important;border-radius:0!important;background:transparent!important;color:#202a31!important;cursor:pointer;touch-action:manipulation}
 .r75-number-button[data-direction="-1"]{grid-column:1;grid-row:1}.r75-number-button[data-direction="1"]{grid-column:3;grid-row:1}
 .r75-number-button svg{display:block;width:18px;height:18px;pointer-events:none}
 .r75-number-button:disabled{opacity:.4;cursor:default}.r75-number-button:focus-visible{outline:2px solid #344650;outline-offset:2px}
 .r75-number-control.r75-number-compact{grid-template-columns:1fr 1fr;gap:4px 0}
 .r75-number-compact>input{grid-column:1/-1;grid-row:1}
 .r75-number-compact>.r75-number-button[data-direction="-1"]{grid-column:1;grid-row:2;justify-self:start}
 .r75-number-compact>.r75-number-button[data-direction="1"]{grid-column:2;grid-row:2;justify-self:end}
}

/* R164: the accepted tablet model, value then adjacent square controls. */
@media (max-width:760px), (min-width:761px) and (pointer:coarse) and (hover:none){
 #journey-form .r75-number-control,
 .service-request-dialog:has(.request-duration:not([hidden])) .r75-number-control{direction:ltr;display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:2px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 #journey-form .r75-number-control>input,
 .service-request-dialog:has(.request-duration:not([hidden])) .r75-number-control>input{grid-column:1;grid-row:1;min-width:0!important;width:100%!important;max-width:100%;padding-inline:4px!important;text-align:start!important;appearance:textfield;-moz-appearance:textfield}
 #journey-form .r75-number-control>input::-webkit-inner-spin-button,
 #journey-form .r75-number-control>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 #journey-form .r75-number-button,
 .service-request-dialog:has(.request-duration:not([hidden])) .r75-number-button{appearance:none!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;box-sizing:border-box;border:1px solid #aeb9bf!important;border-radius:0!important;background:transparent!important;color:#202a31!important;cursor:pointer;touch-action:manipulation}
 #journey-form .r75-number-button[data-direction="-1"],
 .service-request-dialog:has(.request-duration:not([hidden])) .r75-number-button[data-direction="-1"]{grid-column:2;grid-row:1;justify-self:stretch}
 #journey-form .r75-number-button[data-direction="1"],
 .service-request-dialog:has(.request-duration:not([hidden])) .r75-number-button[data-direction="1"]{grid-column:3;grid-row:1;justify-self:stretch}
 #journey-form .r75-number-button svg{display:block;width:18px;height:18px;pointer-events:none}
 #journey-form .r75-number-button:disabled{opacity:.4;cursor:default}
 #journey-form .r75-number-button:focus-visible{outline:2px solid #344650;outline-offset:2px}
}
@media(max-width:760px){
 #journey-form .capacity-grid{grid-template-columns:minmax(0,1fr)}
 #journey-form .capacity-grid>.field{display:grid;grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:12px}
 .service-request-dialog:has(.request-duration:not([hidden])) :is(.service-request-form,.r23-hourly-extras)>label:not([hidden]):has(>.r75-number-control){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:12px}
 .service-request-dialog:has(.request-duration:not([hidden])) .r23-hourly-extras{grid-template-columns:minmax(0,1fr)}
}