/* ============ TRADITIONAL BRACES PAGE ============ */

/* ---- 2-col river sections (intro + the Ora way) ---- */
.river{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.river__copy{text-align:left}
.river__copy p{margin-top:1rem;font-size:1.05rem}
.river__cta{margin-top:1.8rem}
.river__media img{width:100%;border-radius:var(--radius);object-fit:cover;aspect-ratio:4/3.2}
.braces-intro{background:#fff}
.ortho-way{background:#fff}
@media(max-width:900px){.river{grid-template-columns:1fr}}

/* ---- comparison table (green-pale band, white card) ---- */
.compare{background:var(--green-pale);border-radius:28px}
.compare .wrap{max-width:80rem}
.compare h2{color:var(--green)}
.ortho-compare{overflow-x:auto;background:#fff;border-radius:1rem;padding:2rem}
.ortho-compare table{width:100%;border-collapse:collapse;min-width:640px}
.ortho-compare th,.ortho-compare td{padding:1rem;border-bottom:1px solid #ccc;vertical-align:top}
.ortho-compare thead th{font-family:var(--sans);color:var(--ink);font-weight:400;font-size:1.4rem;text-align:center;background:none;vertical-align:bottom}
.ortho-compare thead th:first-child{text-align:left}
.ortho-compare tbody th{font-family:var(--sans);font-weight:500;color:var(--ink);text-align:left;width:38%;padding-left:1.5rem}
.ortho-compare td{color:var(--muted);font-size:.98rem;text-align:center}
.ortho-compare td,.ortho-compare thead th+th{border-left:1px solid #ccc}
.ortho-compare tbody tr:last-child th,.ortho-compare tbody tr:last-child td{border-bottom:none}

/* ---- before/after slider (white section, review-slider cards) ---- */
.gallery{background:#fff}
.ba-head{margin-bottom:2.2rem}
.ba-head p{margin-top:.8rem;max-width:56ch}
.ba-card{flex:none;width:26rem;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:.9rem}
.ba-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:1rem}
.ba-card__label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
@media(max-width:560px){.ba-card{width:82vw}}

/* ---- payment options ---- */
.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.pay .diff-card h3{font-family:var(--sans);color:var(--ink);font-weight:600}

/* ---- responsive ---- */
@media(max-width:900px){
  .pay-grid{grid-template-columns:1fr}
}