/* Phone-only Promo appearance; the existing stack owns every card transform. */
@media (max-width: 700px) {
  #svcStage .svc-card--3 {
    background: #00ff00;
    border-color: #00ff00;
  }
  #svcStage .svc-card--3 .svc-t-b {
    color: #fff;
    -webkit-text-stroke: 1.5px #0b0d10;
    paint-order: stroke fill;
    text-shadow: none;
  }
  #svcStage .svc-card--3 .svc-visual-kicker-num {
    padding: 0;
    background: transparent;
    color: #fff;
    -webkit-text-stroke: 1px #0b0d10;
    paint-order: stroke fill;
  }
  #svcStage .svc-card--3 .svc-visual-kicker,
  #svcStage .svc-card--3 .svc-card-lead { color: #0b0d10; }
  #svcStage .svc-card--3 .svc-card-inner { position: static; }
  #svcStage .svc-card--3 .svc-visual--social { inset: 38% 3% 23%; }
  #svcStage .svc-card--3 .svc-visual-social-cards {
    max-width: 390px;
    margin-inline: auto;
  }
  #svcStage .svc-card--3 .svc-mobile-price--promo {
    top: auto;
    bottom: 92px;
    left: 22px;
    right: 22px;
    width: auto;
    max-width: none;
    margin: 0;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: #0b0d10;
    font-size: clamp(9px, 3vw, 16px);
    line-height: 1.15;
  }
  #svcStage .svc-card--3 .svc-mobile-price--promo span {
    flex: none;
    padding: 7px 8px;
    background: #0b0d10;
    color: #fff;
    font-size: clamp(8px, 2.45vw, 12px);
  }
  #svcStage .svc-card--3 .svc-btn-cta {
    background: #0b0d10;
    color: #fff;
    box-shadow: none;
  }
}
@media (max-width: 380px) {
  #svcStage .svc-card--3 .svc-mobile-price--promo { left: 18px; right: 18px; }
}