/* WEB 179 - narrowly scoped closure; WEB 178 remains the rollback baseline. */
/* Community: illustration + Follow button behave as a single group. */
.homeStep3 .compaCommunity136 .compaStatVisual{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:0!important;align-self:center!important;
  padding:clamp(18px,2.2vw,34px) 0 0!important;
  transform:translateY(clamp(8px,1.5vw,20px))!important;
}
.homeStep3 .compaCommunity136 .compaStatVisual>img{
  width:auto!important;height:auto!important;max-width:100%!important;
  max-height:clamp(146px,15vw,185px)!important;object-fit:contain!important;
  margin:0 auto -5px!important;translate:0 0!important;
}
.homeStep3 .compaCommunity136 .compaStatVisual>a.communityFollow174{
  flex:0 0 auto!important;align-self:center!important;margin:0 auto!important;
  translate:0 0!important;pointer-events:auto!important;
}
@media(max-width:680px){
 .homeStep3 .compaCommunity136 .compaStatVisual{
   padding:12px 0 0!important;transform:translateY(7px)!important;
 }
 .homeStep3 .compaCommunity136 .compaStatVisual>img{
   max-height:148px!important;margin-bottom:-4px!important;
 }
}
/* Native mobile date/time: constrain every nested box rather than hiding overflow. */
@media(max-width:680px){
 .loc103ReserveDialog,.loc103ReservationForm,
 #eaReservationForm,#eaReservationForm .ea-form-grid,
 #eaReservationForm .ea-form-grid>label,
 #eaReservationForm .ea-form-grid>label:has(>#eaDate),
 #eaReservationForm .ea-form-grid>label:has(>#eaTime){
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 }
 #eaReservationForm .ea-form-grid>label:has(>#eaDate),
 #eaReservationForm .ea-form-grid>label:has(>#eaTime){
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;
 }
 #eaReservationForm input#eaDate,#eaReservationForm input#eaTime{
    box-sizing:border-box!important;display:block!important;width:100%!important;
    min-width:0!important;max-width:100%!important;inline-size:100%!important;
    min-inline-size:0!important;max-inline-size:100%!important;
    padding:11px 6px!important;font-size:16px!important;
 }
 #eaReservationForm input#eaDate::-webkit-datetime-edit,
 #eaReservationForm input#eaTime::-webkit-datetime-edit{
    min-width:0!important;max-width:100%!important;padding:0!important;
 }
 #eaReservationForm input#eaDate::-webkit-calendar-picker-indicator,
 #eaReservationForm input#eaTime::-webkit-calendar-picker-indicator{
    flex:0 0 auto!important;margin-left:2px!important;
 }
}