/* V23.4.65: only the narrow hero image overlap and action grid. */
@media (max-width: 760px) {
  #heroPhoneWrap,
  #heroPhoneWrap .hero-phone {
    animation: none !important;
  }

  .hero-stage {
    z-index: 1;
  }
  .hero-config {
    z-index: 7;
    margin-top: -115px !important;
  }

  .hero-buy-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  .hero-buy-actions > button {
    grid-column: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .hero-buy-actions > #heroDetailsBtn { order: 1 !important; }
  .hero-buy-actions > #heroInstallmentBtn { order: 2 !important; }
  .hero-buy-actions > #heroAddBtn {
    display: inline-flex !important;
    grid-column: auto !important;
    order: 3 !important;
  }
  .hero-buy-actions > #heroBuyBtn { order: 4 !important; }
}