
/* 15 app tour, pricing, FAQ (.s-coachapp): CTAs added in the rewrite reuse the section's .btn.lime */
.s-coachapp .ca-more { text-align: center; margin-top: 48px; }
.s-coachapp .ca-saves { list-style: none; padding: 0; margin: 0 auto 22px; max-width: 460px; counter-reset: ca-save; text-align: left; }
.s-coachapp .ca-saves li { counter-increment: ca-save; display: grid; grid-template-columns: 28px 1fr auto auto; gap: 12px; align-items: baseline; padding: 9px 0; border-top: 1px solid rgba(0,0,0,.12); }
.s-coachapp .ca-saves li:last-child { border-bottom: 1px solid rgba(0,0,0,.12); }
.s-coachapp .ca-saves li::before { content: counter(ca-save); font-size: 13px; color: #6b6b6b; }
.s-coachapp .ca-saves b { font-weight: 400; }
.s-coachapp .ca-saves span { font-size: 13px; color: #6b6b6b; }
.s-coachapp .ca-saves em { font-style: normal; font-size: 13px; background: var(--lime); padding: 0 6px; border-radius: 3px; white-space: nowrap; }
@media (max-width: 809px) {
  .s-coachapp .ca-saves li { grid-template-columns: 20px 1fr auto; gap: 8px; }
  .s-coachapp .ca-saves span { display: none; }
}
.s-coachapp .b-copy p { min-height: 0; }
.s-coachapp .b-copy .ca-saves li { padding: 7px 0; }
@media (max-width: 809px) {
  /* the fanned photos pass behind the list on narrow screens; keep the rows readable */
  .s-coachapp .b-copy { z-index: 1; }
  .s-coachapp .ca-saves { background: var(--oj-ground, #F7F2E8); }
}

/* Ojafi orange replaces the template's lime across the app tour */
.s-coachapp { --lime: #FF751F; }
.s-coachapp .btn.lime, .s-coachapp .pbtn.lime, .s-coachapp .toggle button.on { color: #fff; }

/* pricing: real plans, struck comparison, trust row */
.s-coachapp .plan { position: relative; overflow: visible; }
.s-coachapp .pricing { height: auto !important; min-height: 0 !important; padding-bottom: 80px; }
.s-coachapp .plans { overflow: visible; padding-top: 14px; }
.s-coachapp .plan-best { box-shadow: 0 0 0 2px #FF751F; }
.s-coachapp .plan-band { position: absolute; top: 0; left: 50%; translate: -50% -50%; background: #FF751F; color: #fff; font: 600 13px/1 "Inter", system-ui, sans-serif; font-style: normal; padding: 7px 14px; border-radius: 999px; white-space: nowrap; }
.s-coachapp .plan-was { margin: 6px 0 0; min-height: 22px; font-size: 14px; color: #6F6A64; }
.s-coachapp .plan-was s { color: #6e6862; }
.s-coachapp .plan-was em { margin-left: 8px; font-style: normal; font-weight: 600; color: #fff; background: #1f7a4a; padding: 3px 8px; border-radius: 999px; font-size: 12px; }
.s-coachapp .p-trust { margin-top: 36px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.s-coachapp .p-refund { font-size: 15px; }
.s-coachapp .p-refund a { text-decoration: underline; text-underline-offset: 3px; }
.s-coachapp .p-marks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.s-coachapp .p-marks img { height: 26px; width: auto; border-radius: 4px; }
.s-coachapp .p-marks img[hidden] { display: none; }
.s-coachapp .p-note { max-width: 560px; font-size: 13px; color: #6F6A64; }
.s-coachapp .toggle button { white-space: nowrap; }
@media (max-width: 809px) { .s-coachapp .toggle { flex-wrap: wrap; } .s-coachapp .toggle span { flex-basis: 100%; } }
.s-coachapp .p-later { display: inline-flex; align-items: center; gap: 8px; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, .12); }
.s-coachapp .p-later[hidden] { display: none; }
.s-coachapp .p-later small { font-size: 12px; color: #6F6A64; }
