/* WEB 180 – final scoped QA adjustments; source WEB 179. */
/* Treat image and follow button as one positioned group; preserve global mascot. */
.homeStep3 .compaCommunity136{position:relative!important}
.homeStep3 .compaCommunity136 .compaStatVisual{
  position:absolute!important;inset:auto 12px 8px auto!important;right:12px!important;top:auto!important;
  width:41%!important;height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-end!important;gap:0!important;padding:0!important;
  transform:none!important;translate:0 0!important;overflow:visible!important;
  pointer-events:auto!important;z-index:4!important;
}
.homeStep3 .compaCommunity136 .compaStatVisual>img{
  position:relative!important;display:block!important;flex:0 1 auto!important;
  width:auto!important;height:auto!important;max-width:100%!important;
  max-height:175px!important;object-fit:contain!important;
  margin:0 auto -3px!important;transform:none!important;translate:0 0!important;
  pointer-events:none!important;
}
.homeStep3 .compaCommunity136 .compaStatVisual>a.communityFollow174{
  display:inline-flex!important;flex:0 0 auto!important;align-self:center!important;
  width:max-content!important;max-width:100%!important;margin:0 auto!important;
  transform:none!important;translate:0 0!important;pointer-events:auto!important;
  text-align:center!important;white-space:nowrap!important;
}
@media(max-width:760px){
 .homeStep3 .compaCommunity136 .compaStatVisual{
  position:relative!important;inset:auto!important;right:auto!important;
  width:min(72%,255px)!important;height:auto!important;
  margin:4px auto 1px!important;order:1!important;
  align-self:center!important;justify-content:center!important;
 }
 .homeStep3 .compaCommunity136 .compaStatVisual>img{max-height:148px!important;margin-bottom:-3px!important}
}
@media(max-width:390px){
 .homeStep3 .compaCommunity136 .compaStatVisual{width:min(75%,215px)!important}
 .homeStep3 .compaCommunity136 .compaStatVisual>img{max-height:132px!important}
}
/* Reservation: actual offending controls must be smaller than content box on iOS/WebKit. */
@media(max-width:760px){
 .loc103ReserveDialog, .loc103ReserveDialog #eaReservationForm,
 .loc103ReserveDialog #eaReservationForm .ea-form-grid,
 .loc103ReserveDialog #eaReservationForm .ea-form-grid>label{
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 }
 .loc103ReserveDialog #eaReservationForm .ea-form-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:100%!important;
 }
 .loc103ReserveDialog #eaReservationForm .ea-form-grid>label{
  width:100%!important;max-width:100%!important;min-width:0!important;
  grid-column:1/-1!important;overflow:visible!important;
 }
 .loc103ReserveDialog #eaReservationForm input#eaDate,
 .loc103ReserveDialog #eaReservationForm input#eaTime{
  box-sizing:border-box!important;display:block!important;
  width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;
  min-width:0!important;min-inline-size:0!important;inline-size:calc(100% - 8px)!important;
  margin-inline:0!important;padding-inline:5px!important;
  font-size:16px!important;letter-spacing:normal!important;
 }
}
/* Delivery option text/icon indicator: never claim a brand logo is official. */
.web176OrderPanel a[data-order-platform]{display:flex;align-items:center;gap:9px;border-radius:12px;text-decoration:none}
.web176OrderPanel a[data-order-platform]::before{content:' ';display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:3px;background:#b5c5d1}
.web176OrderPanel a[data-order-platform='pickup']::before{background:#b5c5d1}
.web176OrderPanel a[data-order-platform='doordash']::before{background:#ff3008}
.web176OrderPanel a[data-order-platform='ubereats']::before{background:#32bb6c}
.web176OrderPanel a[data-order-platform='grubhub']::before{background:#f57831}
