/* Only the permanent installation banner, never the service/booking cards. */
#go-install-access.go-install-with-phone {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 112px;
  grid-template-areas: 'logo phone' 'action phone';
  justify-items: center;
  gap: 10px 24px;
}
#go-install-access.go-install-with-phone .go-install-logo {
  grid-area: logo;
  width: 148px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  align-self: end;
}
/* Preserve an accessible region name without repeating visible instructions. */
#go-install-access.go-install-with-phone .go-install-copy {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
#go-install-access.go-install-with-phone .go-install-button {
  grid-area: action;
  grid-column: auto;
  width: min(100%, 260px);
  padding: 12px 16px;
  align-self: start;
}
#go-install-access .go-install-phone {
  grid-area: phone;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  align-self: center;
  pointer-events: none;
}
#go-install-access .go-install-phone img {
  display: block;
  width: 112px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 600px) {
  #go-install-access.go-install-with-phone {
    grid-template-columns: minmax(0, 1fr) 104px;
    grid-template-areas: 'logo phone' 'action phone';
    gap: 10px 14px;
    padding: 16px;
  }
  #go-install-access.go-install-with-phone .go-install-logo { width: 140px; }
  #go-install-access.go-install-with-phone .go-install-button { width: 100%; padding: 12px 10px; }
  #go-install-access .go-install-phone img { width: 104px; }
}
@media (max-width: 340px) {
  #go-install-access.go-install-with-phone { grid-template-columns: minmax(0, 1fr) 88px; gap: 12px; padding: 14px; }
  #go-install-access .go-install-phone img { width: 88px; }
}
