/* ==========================================================================
   D2C Health & Wellness — Update pack v24
   1. Programs page: investment/pricing removed, DURATION now fills the row
   2. Programs page: PRIVATE MEMBERSHIP ACCESS box beside program 10
   3. Strength Training: mobile hero framing fix
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) PROGRAM CARDS — the meta row used to be a 2-up (DURATION | INVESTMENT).
      With the pricing removed, DURATION now centres across the full row.
   -------------------------------------------------------------------------- */
.page-programs .program-slide-card > div {
  grid-template-columns: 1fr;
  justify-items: center;
}

.page-programs .program-slide-card > div span {
  grid-template-columns: 28px auto;
  justify-content: center;
  padding: 14px 12px;
  column-gap: 10px;
}

/* --------------------------------------------------------------------------
   2) PRIVATE MEMBERSHIP ACCESS — same black box used on the Membership page,
      dropped into the programs grid directly beside program 10.
   -------------------------------------------------------------------------- */
.page-programs .programs-access-box {
  grid-column: span 2;           /* sits next to card 10 and completes the row */
  min-height: 360px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.page-programs .programs-access-box h2 {
  margin: 0 0 6px;
  font-size: 28px;
  line-height: 1.05;
}

.page-programs .programs-access-box h3 {
  margin: 0 0 14px;
  font-size: 15px;
  letter-spacing: .04em;
}

.page-programs .programs-access-box p {
  margin: 0 0 14px;
  max-width: 620px;
}

.page-programs .programs-access-box ul {
  margin: 0 auto 22px;
}

.page-programs .programs-access-box .button--gold {
  align-self: center;
  padding: 11px 26px;
}

/* Tablet: grid drops to 2 columns, so the box fills its own row. */
@media (max-width: 1100px) {
  .page-programs .programs-access-box {
    grid-column: 1 / -1;
  }
}

/* Phone: grid is a single column. */
@media (max-width: 620px) {
  .page-programs .programs-access-box {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 26px 20px !important;
  }
  .page-programs .programs-access-box h2 { font-size: 23px; }
  .page-programs .programs-access-box h3 { font-size: 13px; }
}

/* --------------------------------------------------------------------------
   3) STRENGTH TRAINING HERO — on phones the hero goes full-bleed and the
      default centre crop landed on the model's chest. Re-anchor the focal
      point to the face / dumbbell so the shot reads as training, not torso.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .page-strength-training .slide-hero__image img {
    object-position: 24% 26%;
  }
}

@media (max-width: 620px) {
  .page-strength-training .slide-hero__image img {
    object-position: 22% 22%;
  }
}