/* Website Care Enquire pop-up (test copies, Ena 19 Oct 2026). Same look as the Buy Care pop-up (.care-modal). */
html.ce-modal-open { overflow: hidden; }
.ce-modal { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 16px; }
.ce-modal[hidden] { display: none; }
.ce-back { position: absolute; inset: 0; background: rgba(14,16,13,.72); }
.ce-box { position: relative; background: #f3f1ea; color: var(--ink); border-radius: var(--radius, 22px); width: 100%; max-width: 480px; max-height: calc(100vh - 32px); overflow: auto; padding: 28px 28px 22px; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.ce-box:focus, .ce-done:focus { outline: none; }
.ce-box .kicker { margin: 0 44px 0 0; }
.ce-box h2 { font-size: clamp(1.6rem, 3.4vw, 2.1rem); margin: 4px 44px 6px 0; line-height: 1.1; color: var(--ink); }
.ce-about { margin: 0 0 16px; font-size: 15px; line-height: 1.5; color: var(--muted-dark); }
.ce-x { position: absolute; top: 12px; right: 14px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: inherit; }
.ce-x:hover { background: rgba(14,16,13,.08); }
.ce-field { margin: 0 0 12px; }
.ce-field label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: 6px; color: var(--text-dark); }
.ce-box input[type="email"], .ce-box input[type="tel"] { width: 100%; min-height: 50px; font: inherit; font-size: 1rem; color: var(--text-dark); background: var(--paper); border: 1.5px solid var(--line-light); border-radius: var(--radius-sm, 12px); padding: 12px 14px; transition: border-color .2s, box-shadow .2s; box-sizing: border-box; }
.ce-box input:focus { outline: none; border-color: var(--lime-deep); box-shadow: 0 0 0 4px rgba(159,203,29,.25); }
.ce-box input[aria-invalid="true"] { border-color: #c2412b; }
.ce-err { margin: 6px 0 0; font-size: 13px; font-weight: 600; color: #b1361f; }
.ce-err:empty { display: none; }
.ce-send { width: 100%; margin-top: 6px; }
.ce-send[disabled] { opacity: .7; cursor: progress; }
.ce-box .form-status.err { color: #b1361f; }
.ce-fine { margin: 12px 0 0; font-size: 13px; line-height: 1.45; color: var(--muted-dark); }
.ce-fine a, .ce-done a { color: inherit; }
.ce-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ce-done p { color: var(--muted-dark); }
.ce-done .btn { margin-top: 8px; }
@media (max-width: 600px) {
  .ce-modal { padding: 0; align-items: end; }
  .ce-box { border-radius: 20px 20px 0 0; max-height: 92vh; padding: 22px 18px calc(18px + env(safe-area-inset-bottom)); }
}