/* Miror Health Priority — minimal, modern, responsive */
.mhpf-section{background:var(--mhpf-bg,#35c2b4);color:#fff;padding:60px 20px}
.mhpf-wrap{max-width:1100px;margin:0 auto}
.mhpf-title{font-size:48px;line-height:1.2;margin:0 0 8px;font-weight:700;text-align:center}
.mhpf-subtitle{margin:0 0 20px;text-align:center;opacity:.95;font-size:18px}
.mhpf-form{display:block}
.mhpf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:12px}
.mhpf-field span{display:block;font-size:18px;margin-bottom:8px;opacity:.95}
.mhpf-field input{width:100%;padding:16px 18px;border-radius:14px;border:none;outline:none;font-size:18px;color:#222;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.mhpf-help{display:block;margin-top:6px;font-size:13px;opacity:.95}
.mhpf-help.error{color:#ffefef}
.mhpf-options{display:flex;gap:24px;justify-content:center;align-items:center;margin:12px 0 20px;flex-wrap:wrap; transition: all 0.2s ease-in-out;}

/* --- MODIFIED STYLES FOR CHECKBOXES --- */
.mhpf-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    cursor: pointer;
    padding: 8px 0; /* Add some vertical padding for easier clicking */
}
.mhpf-toggle input[type="checkbox"] {
    /* Make the checkbox visible and style it */
    width: 1.4em;
    height: 1.4em;
    accent-color: var(--mhpf-accent, #f03286);
    cursor: pointer;
}
.mhpf-toggle span {
    /* The text next to the checkbox */
    color: #fff;
}
.mhpf-options.is-invalid {
    border: 2px solid #ffefef;
    border-radius: 12px;
    padding: 5px 15px;
    background: rgba(255, 107, 107, 0.2);
}
/* --- END OF MODIFIED STYLES --- */

.mhpf-btn{display:block;margin:0 auto;background:var(--mhpf-accent,#f03286);color:#fff;border:none;border-radius:28px;padding:16px 28px;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.mhpf-btn:hover{transform:translateY(-1px)}
.mhpf-btn[disabled]{opacity:.7;cursor:not-allowed}
.mhpf-msg{margin-top:14px;text-align:center;font-weight:600}
.mhpf-msg.success{background:#e6fff5;color:#044a3b;padding:12px;border-radius:12px;display:inline-block}
.mhpf-msg.error{background:#ffecec;color:#8a0d0d;padding:12px;border-radius:12px;display:inline-block}
.mhpf-cta-wa{display:inline-block;margin-left:8px;font-weight:700;text-decoration:underline;color:#044a3b}
.mhpf-spinner{width:18px;height:18px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;display:inline-block;vertical-align:middle;animation:spin .8s linear infinite;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.mhpf-field input.is-invalid{outline:2px solid #ff6b6b}
.mhpf-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Mobile-first polish */
@media(max-width:980px){
    .mhpf-title{font-size:40px}
    .mhpf-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
    .mhpf-title{font-size:32px}
    .mhpf-grid{grid-template-columns:1fr}
    .mhpf-field input{font-size:16px;padding:14px}
    .mhpf-btn{position:sticky;bottom:12px;width:100%}
}