/* Vitora — landing lineups: 3-column RX grid + a separated INCLUDED row (no image).
   Loaded after style.css on weight-loss / hormones / recovery. Uses global :root vars. */

.rx-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .rx-grid.cols-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .rx-grid.cols-3 { grid-template-columns: 1fr; } }

/* the "included with membership" item, pulled below the three Rx cards, image removed */
.included-row {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
  gap: 44px;
  align-items: center;
  background: var(--paper);
  border: 1px solid var(--rule);
  padding: 30px 36px;
}
.included-row .ir-lead .mol { font-family: var(--mono); font-size: 12px; color: var(--brand); margin: 16px 0 0; }
.included-row .ir-lead h3 {
  font-family: var(--sans); font-stretch: 70%; font-weight: 620;
  text-transform: uppercase; font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.04; color: var(--paper-ink); margin: 8px 0 0;
}
.included-row .kv {
  font-family: var(--mono); font-size: 12.5px; color: var(--paper-ink);
  line-height: 2.1;
}
.included-row .kv b { color: var(--brand); font-weight: 500; }
.included-row .ir-cta { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; text-align: right; }
.included-row .price { font-family: var(--sans); font-stretch: 72%; font-weight: 620; font-size: 1.5rem; color: var(--paper-ink); margin: 0; }
.included-row .price small { font-size: 0.5em; color: var(--brand); font-weight: 500; }
.included-row .ir-cta .btn { margin: 0; }
/* the row is always a paper card — keep the button readable even inside a ground-deep section */
.included-row .btn { color: var(--paper-ink); border-color: var(--paper-rule); }
.included-row .btn .dot { background: var(--brand); }
.included-row .btn:hover { background: var(--paper-ink); color: var(--paper); border-color: var(--paper-ink); }
.included-row .btn:hover .dot { background: var(--paper); }

@media (max-width: 820px) {
  .included-row { grid-template-columns: 1fr; gap: 22px; padding: 28px 24px; }
  .included-row .ir-cta { align-items: flex-start; text-align: left; }
}