/* =================================================================
   CLEAR ALIGNERS PAGE — CA-specific CSS
   ================================================================= */

/* ── FREE OFFER BANNER ─────────────────────────────────────────── */
.ca-free-offer {
    display:flex;gap:10px;align-items:flex-start;margin-top:16px;
    background:linear-gradient(135deg,#FFFBEB,#FFF9F0);border:1px solid #FCD34D;
    border-radius:12px;padding:14px 16px;font-size:.88rem;color:#78350F;line-height:1.6;
}
.ca-free-offer svg { flex-shrink:0;margin-top:2px; }
.ca-free-offer strong { color:#92400E; }

/* ── WHO IS IT FOR ─────────────────────────────────────────────── */
.ca-who-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.ca-who-col {
    background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:28px 24px;
    box-shadow:0 2px 12px rgba(10,22,40,.06);
}
.ca-who-col h3 {
    font-size:1rem;font-weight:700;color:#0A1628;margin-bottom:18px;
    padding-bottom:12px;border-bottom:2px solid #E5E7EB;
}
.ca-condition-list { display:flex;flex-direction:column;gap:14px; }
.ca-condition-item {
    display:flex;gap:12px;align-items:flex-start;
}
.ca-condition-item > div:last-child { flex:1; }
.ca-condition-item strong { display:block;font-size:.9rem;font-weight:700;color:#0A1628;margin-bottom:3px; }
.ca-condition-item p { font-size:.83rem;color:#4B5563;margin:0;line-height:1.5; }
.ca-when-better {
    margin-top:20px;padding-top:16px;border-top:2px solid #E5E7EB;
}
.ca-when-better h4 { font-size:.9rem;font-weight:700;color:#92400E;margin-bottom:10px; }
.ca-when-better-list { list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:7px; }
.ca-when-better-list li {
    font-size:.84rem;color:#78350F;line-height:1.6;
    padding-left:18px;position:relative;
}
.ca-when-better-list li::before { content:'⚠';position:absolute;left:0;font-size:.75rem; }
.ca-when-better p { font-size:.83rem;color:#374151;margin:0; }
.ca-when-better a { color:#1B6FD8;font-weight:600;text-decoration:none; }
.ca-when-better a:hover { text-decoration:underline; }

/* ── COMPARISON TABLE ──────────────────────────────────────────── */
.ca-compare { padding:80px 0;background:#fff; }
.ca-compare-table th:nth-child(2) { background:linear-gradient(135deg,#0A1628,#1B6FD8);color:#fff; }
.ca-th-highlight { color:#fff !important; }

/* ── STEPS GRID OVERRIDE ───────────────────────────────────────── */
.ca-steps-grid { grid-template-columns:repeat(3,1fr) !important; }
.ca-steps-img-wrap {
    border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);margin-top:32px;
}
.ca-steps-img-wrap img { width:100%;height:300px;object-fit:cover;display:block; }

/* ── COMFORT SECTION ───────────────────────────────────────────── */
.ca-comfort { padding:80px 0;background:linear-gradient(160deg,#F8FAFF,#EFF6FF); }
.ca-comfort-grid { display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start; }
.ca-comfort-col h3 {
    font-size:1rem;font-weight:700;color:#0A1628;margin-bottom:16px;
}
.ca-daily-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px; }
.ca-daily-item {
    display:flex;gap:12px;align-items:flex-start;
    background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:16px 14px;
}
.ca-daily-icon { font-size:1.4rem;flex-shrink:0;margin-top:2px; }
.ca-daily-item > div { flex:1; }
.ca-daily-item strong { display:block;font-size:.87rem;font-weight:700;color:#0A1628;margin-bottom:4px; }
.ca-daily-item p { font-size:.82rem;color:#4B5563;line-height:1.6;margin:0; }

/* ── COST MODIFIER ─────────────────────────────────────────────── */
.ca-cost { background:#fff !important; }

/* ── WHY — BEFORE-AFTER IMAGE ──────────────────────────────────── */
.ca-why-img-wrap {
    border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(10,22,40,.1);
    margin-bottom:40px;
}
.ca-why-img-wrap img { width:100%;height:300px;object-fit:cover;display:block; }

/* ── CA RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:1024px){
    .ca-who-grid { grid-template-columns:1fr; }
    .ca-comfort-grid { grid-template-columns:1fr; }
    .ca-steps-grid { grid-template-columns:repeat(2,1fr) !important; }
    .ca-daily-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:768px){
    .ca-compare,.ca-comfort { padding:64px 0; }
    .ca-steps-grid { grid-template-columns:1fr !important; }
    .ca-daily-grid { grid-template-columns:1fr; }
    .ca-compare-table thead tr th:nth-child(3),
    .ca-compare-table thead tr th:nth-child(4),
    .ca-compare-table tbody tr td:nth-child(3),
    .ca-compare-table tbody tr td:nth-child(4) { display:none; }
    .ca-steps-img-wrap img { height:200px; }
    .ca-why-img-wrap img { height:200px; }
}
@media(max-width:480px){
    .ca-free-offer { flex-direction:column;gap:6px; }
}