/* CityIR Men's Health - Section Heading Center Fix v3 */
body.page-id-2860 .cir-page .cir-sec-head{text-align:center!important;margin-bottom:48px!important}
body.page-id-2860 .cir-page .cir-sec-head h1,
body.page-id-2860 .cir-page .cir-sec-head h2,
body.page-id-2860 .cir-page .cir-sec-head h3,
body.page-id-2860 .cir-page .cir-sec-head p{text-align:center!important}
body.page-id-2860 .cir-page .cir-eyebrow{text-align:center!important;display:block!important}

/* FIX — center the eyebrow and eyebrow line BOXES inside section heads.
   Without margin:auto, the 720px-wide eyebrow box sits flush left of its
   800px parent, putting the eyebrow 40px to the left of the H2's center.
   This rule centers the box itself, not just the text inside it. */
body.page-id-2860 .cir-page .cir-sec-head .cir-eyebrow,
body.page-id-2860 .cir-page .cir-sec-head .cir-eyebrow-line {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FIX — testimonial cards: force 3-column grid layout.
   The .cir-quote-grid container currently renders as display:block,
   making each card span the full content width (1020px). These rules
   restore the intended 3-up grid with equal-height cards. */
body.page-id-2860 .cir-page .cir-quote-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Cards stretch to equal heights and use flex column for internal layout */
body.page-id-2860 .cir-page .cir-quote-grid .cir-quote {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px 24px !important;
}

/* Quote text smaller for narrower cards */
body.page-id-2860 .cir-page .cir-quote-grid .cir-quote-text {
  font-size: 15px !important;
  line-height: 1.6 !important;
  flex: 1 1 auto !important;
  margin-bottom: 20px !important;
}

/* Mobile — single column at narrow viewports */
@media (max-width: 900px) {
  body.page-id-2860 .cir-page .cir-quote-grid {
    grid-template-columns: 1fr !important;
  }
}