/* Page-specific mobile polish for Call Center PRO hero */
@media (max-width: 767px) {
  /* Shift focus left by ~25% (towards the right edge of the image). */
  #callcenter.hero .hero-video-bg {
    object-position: 75% 50%;
    transform: scale(1.06);
  }

  /* Stronger darkening for readability on small screens. */
  #callcenter .hero-video-overlay {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.92));
  }

  /* Make text feel like "info blocks" over the image. */
  #callcenter.hero .hero-content {
    padding: 10px 0 2px;
    max-width: 100%;
    text-align: left;
  }

  #callcenter.hero .hero-content .pill {
    margin-left: 0;
    margin-right: auto;
  }

  #callcenter.hero .hero-content h1.glow-text {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  #callcenter.hero .hero-content .lead {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 14px;
    padding: 10px 12px;
    margin: 10px 0;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
  }

  #callcenter.hero .cta {
    margin-top: 12px !important;
  }
}