
/* =========================================================
   Health Club Cafe - Legacy Modal Fix + Wellness Popup
   ========================================================= */
.modal-backdrop,
.modal-backdrop.show,
.modal[aria-hidden="true"],
.modal.fade,
#planModal,
#personalizedPlanModal,
#hccOldModal{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* New wellness popup */
.hcc-wellness-overlay{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(8,17,13,.76);backdrop-filter:blur(5px)}
.hcc-wellness-overlay.is-open{display:flex}
.hcc-wellness-popup{position:relative;width:min(920px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.35);color:#17201c}
.hcc-popup-close{position:absolute;right:16px;top:16px;z-index:5;width:42px;height:42px;border:1px solid #dce4df;border-radius:50%;background:#fff;color:#17201c;font-size:27px;line-height:1;cursor:pointer}
.hcc-popup-top{display:grid;grid-template-columns:1.15fr .75fr;min-height:310px}
.hcc-popup-copy{padding:42px 38px 28px}
.hcc-popup-brand{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:#a51f2b}
.hcc-popup-copy h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.03;margin:10px 0 17px;color:#173f31}
.hcc-popup-copy h2 span{color:#a51f2b}
.hcc-popup-lead{font-size:1.05rem;line-height:1.55;color:#39443e}
.hcc-popup-benefits{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:22px;font-size:.88rem;font-weight:800}
.hcc-popup-visual{display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#e9f5ee,#d6ebdf)}
.hcc-popup-visual-card{background:#fff;border-radius:28px;padding:35px 25px;text-align:center;box-shadow:0 20px 55px rgba(24,64,49,.15);color:#173f31}
.hcc-popup-emoji{font-size:76px;line-height:1;margin-bottom:14px}
.hcc-popup-body{background:#f0f8f3;padding:28px 38px 32px}
.hcc-popup-body h3{text-align:center;color:#173f31;margin:0 0 16px;font-size:1.25rem}
.hcc-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hcc-goal{border:2px solid #d8e4dd;background:#fff;border-radius:15px;padding:14px 8px;cursor:pointer;color:#24312b;font-weight:800}
.hcc-goal span{display:block;font-size:25px;margin-bottom:4px}
.hcc-goal:hover,.hcc-goal.is-selected{border-color:#a51f2b;box-shadow:0 0 0 3px rgba(165,31,43,.08)}
#hccWellnessForm{margin-top:18px}
.hcc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcc-form-grid label{display:grid;gap:5px;color:#173f31;font-weight:800;font-size:.86rem}
.hcc-form-grid label.full{grid-column:1/-1}
.hcc-form-grid label span{font-weight:500;color:#718078}
.hcc-form-grid input{width:100%;padding:13px 14px;border:1px solid #d5e0d9;border-radius:12px;background:#fff;outline:none}
.hcc-form-grid input:focus{border-color:#2f7d5b;box-shadow:0 0 0 3px rgba(47,125,91,.12)}
.hcc-find-plan{width:100%;margin-top:14px;padding:15px;border:0;border-radius:13px;background:#a51f2b;color:#fff;font-weight:900;font-size:1rem;cursor:pointer}
.hcc-find-plan:hover{background:#74131c}
.hcc-free-guide{margin-top:12px;padding:12px 14px;border:1px solid #d4e6da;border-radius:13px;background:#fff;text-align:center;color:#173f31;font-size:.9rem}
.hcc-form-success{display:none;margin-top:10px;padding:12px;border-radius:12px;background:#e2f4e9;color:#173f31;font-weight:800;text-align:center}
.hcc-privacy{text-align:center;color:#68756e;font-size:.74rem;margin:9px 0 0}
body.hcc-popup-open{overflow:hidden}
@media(max-width:680px){
 .hcc-wellness-popup{max-height:96vh;border-radius:22px}
 .hcc-popup-top{grid-template-columns:1fr}
 .hcc-popup-visual{display:none}
 .hcc-popup-copy{padding:34px 22px 20px}
 .hcc-popup-body{padding:22px}
 .hcc-goals{grid-template-columns:1fr 1fr}
 .hcc-form-grid{grid-template-columns:1fr}
 .hcc-form-grid label.full{grid-column:auto}
 .hcc-popup-benefits{gap:8px 12px}
}
