/* LittleSparks Live Classes - enrolment flow styles.
 * Extracted from the inline <style> on /liveclasses/enroll so the public page
 * and the in-dashboard page share one copy. Every rule is .enr-* scoped.
 */
.enr-wrap{ max-width:940px; margin:0 auto; }
    .enr-steps{ display:flex; align-items:center; gap:6px; justify-content:center; flex-wrap:wrap; margin-bottom:22px; }
    .enr-step{ display:flex; align-items:center; gap:8px; font-weight:800; color:var(--muted,#8a96ad); font-size:.9rem; }
    .enr-step .n{ width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:#eef2f9; color:var(--muted,#8a96ad); font-size:.82rem; }
    .enr-step.on{ color:var(--brand-deep,#2e63d6); } .enr-step.on .n{ background:var(--brand,#2e63d6); color:#fff; }
    .enr-step.done .n{ background:#0a9d6e; color:#fff; }
    .enr-sep{ width:22px; height:2px; background:var(--line,#e6e9f2); }
    .enr-h{ font-family:'Baloo 2',cursive; font-weight:700; color:var(--brand-ink,#1d2b4f); font-size:1.35rem; margin:0 0 4px; }
    .enr-sub{ color:var(--muted,#5b6b8c); font-weight:600; margin-bottom:18px; }
    .enr-field{ margin-bottom:16px; } .enr-field > label{ display:block; font-weight:800; margin-bottom:8px; color:var(--ink,#1d2b4f); }
    .enr-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
    .enr-card{ border:1.5px solid var(--line,#e6e9f2); border-radius:16px; padding:16px; text-align:left; cursor:pointer; background:#fff; transition:border-color .15s, box-shadow .15s, background .15s; font:inherit; }
    .enr-card:hover{ border-color:var(--brand,#2e63d6); }
    .enr-card.sel{ border-color:var(--brand,#2e63d6); background:#eef4ff; box-shadow:0 6px 18px rgba(46,99,214,.14); }
    .enr-card[disabled]{ cursor:not-allowed; }
    .enr-card .t{ font-weight:800; color:var(--ink,#1d2b4f); font-size:1.05rem; display:block; }
    .enr-card .d{ font-size:.85rem; color:var(--muted,#5b6b8c); font-weight:700; display:block; margin-top:2px; }
    .enr-pkg .price{ font-family:'Baloo 2',cursive; font-weight:800; color:var(--brand-deep,#2e63d6); font-size:1.55rem; margin-top:10px; }
    .enr-pkg .per{ font-size:.8rem; color:var(--muted,#8a96ad); font-weight:700; display:block; }
    .enr-pkg .save{ display:inline-block; margin-top:8px; background:#e6f8f0; color:#0a7a4b; font-weight:800; font-size:.72rem; border-radius:999px; padding:2px 9px; }
    .enr-chip{ border:1.5px solid var(--line,#e6e9f2); background:#fff; border-radius:999px; padding:8px 14px; font:inherit; font-weight:700; cursor:pointer; }
    .enr-chip:hover{ border-color:var(--brand,#2e63d6); } .enr-chip.sel{ border-color:var(--brand,#2e63d6); background:#eef4ff; color:var(--brand-deep,#2e63d6); }
    .enr-input{ width:100%; padding:11px 13px; border:1.5px solid var(--line,#dfe4ee); border-radius:12px; font:inherit; font-weight:700; }
    .enr-summary{ background:#f6f9ff; border:1px solid #e0e9ff; border-radius:14px; padding:14px 16px; }
    .enr-instr{ border:1px solid var(--line,#e6e9f2); border-radius:14px; padding:14px 16px; margin-top:10px; }
    .enr-instr img{ max-width:100%; border-radius:10px; margin-top:10px; display:block; }
    .enr-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
    .enr-note{ font-size:.82rem; color:var(--muted,#8a96ad); font-weight:600; }
    .enr-country{ font-weight:700; color:var(--muted,#8a96ad); font-size:.82rem; }