
/* HEALTH CLUB CAFE V2 */
.hcc-v2-section{padding:65px 0}.hcc-v2-container{width:min(1180px,92%);margin:auto}
.hcc-v2-heading{text-align:center;margin-bottom:32px}.hcc-v2-heading h2{color:#173f31;font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}.hcc-v2-heading p{color:#68756e}
.hcc-v2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hcc-v2-card{background:#fff;border:1px solid #e5ece8;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(20,50,38,.1)}
.hcc-v2-card-media{aspect-ratio:16/9;background:#eaf3ee;display:grid;place-items:center;font-size:52px}.hcc-v2-card-body{padding:22px}.hcc-v2-card-body h3{color:#173f31;margin:0 0 9px}.hcc-v2-card-body p{color:#5d6963;line-height:1.55}.hcc-v2-btn{display:inline-block;background:#a51f2b;color:#fff!important;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:800}.hcc-v2-btn.green{background:#2f7d5b}
.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;cursor:pointer}
.hcc-popup-top{display:grid;grid-template-columns:1.15fr .75fr}.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}
.hcc-popup-body{background:#f0f8f3;padding:28px 38px 32px}.hcc-popup-body h3{text-align:center;color:#173f31}.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}.hcc-goal.is-selected{border-color:#a51f2b}
.hcc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.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 input{width:100%;padding:13px;border:1px solid #d5e0d9;border-radius:12px;box-sizing:border-box}.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}.hcc-free-guide{margin-top:12px;padding:12px;border:1px solid #d4e6da;border-radius:13px;background:#fff;text-align:center;color:#173f31}.hcc-form-success{display:none;margin-top:10px;padding:12px;border-radius:12px;background:#e2f4e9;color:#173f31;font-weight:800;text-align:center}
.modal-backdrop[hidden],#thc-modal[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:800px){.hcc-v2-grid{grid-template-columns:1fr 1fr}.hcc-popup-top{grid-template-columns:1fr}.hcc-popup-visual{display:none}}

/* =========================================================
   MOBILE POPUP POLISH - Health Club Cafe
   Designed for phones: compact, balanced and easy to complete.
   ========================================================= */
@media (max-width: 600px){
  .hcc-wellness-overlay{
    align-items:flex-start;
    padding:10px;
    padding-top:max(10px, env(safe-area-inset-top));
    padding-bottom:max(10px, env(safe-area-inset-bottom));
    overflow-y:auto;
  }

  .hcc-wellness-popup{
    width:100%;
    max-width:520px;
    max-height:calc(100dvh - 20px);
    border-radius:24px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .hcc-popup-close{
    position:sticky;
    float:right;
    top:12px;
    right:12px;
    width:40px;
    height:40px;
    margin:12px 12px 0 0;
    font-size:25px;
    background:rgba(255,255,255,.96);
    box-shadow:0 4px 14px rgba(0,0,0,.10);
  }

  .hcc-popup-top{
    display:block;
    min-height:0;
  }

  .hcc-popup-copy{
    padding:28px 22px 18px;
    clear:both;
  }

  .hcc-popup-brand{
    font-size:.67rem;
    letter-spacing:.10em;
    padding-right:40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .hcc-popup-copy h2{
    font-size:clamp(2.25rem,10vw,3rem);
    line-height:.96;
    letter-spacing:-.035em;
    margin:9px 0 14px;
    max-width:430px;
  }

  .hcc-popup-lead{
    font-size:.98rem;
    line-height:1.42;
    margin:0;
  }

  .hcc-popup-lead strong{
    display:block;
    margin-bottom:3px;
  }

  .hcc-popup-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 10px;
    margin-top:17px;
    font-size:.78rem;
    line-height:1.2;
  }

  .hcc-popup-benefits span:last-child{
    grid-column:1/-1;
  }

  .hcc-popup-visual{
    display:none;
  }

  .hcc-popup-body{
    padding:20px 18px 22px;
  }

  .hcc-popup-body h3{
    font-size:1.20rem;
    line-height:1.2;
    margin:0 0 13px;
  }

  .hcc-goals{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .hcc-goal{
    min-height:82px;
    padding:9px 5px;
    border-radius:14px;
    font-size:.84rem;
    line-height:1.1;
  }

  .hcc-goal span{
    font-size:24px;
    margin-bottom:5px;
  }

  .hcc-form-grid{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:14px;
  }

  .hcc-form-grid label,
  .hcc-form-grid label.full{
    grid-column:auto;
    font-size:.78rem;
    gap:4px;
  }

  .hcc-form-grid input{
    min-height:45px;
    padding:11px 12px;
    font-size:16px; /* prevents iOS zoom */
    border-radius:11px;
  }

  .hcc-find-plan{
    min-height:48px;
    margin-top:11px;
    border-radius:11px;
    font-size:.92rem;
  }

  .hcc-free-guide{
    margin-top:9px;
    padding:9px 10px;
    font-size:.76rem;
    line-height:1.3;
  }

  .hcc-form-success{
    font-size:.82rem;
    padding:10px;
  }
}

@media (max-width: 380px){
  .hcc-popup-copy{
    padding-left:18px;
    padding-right:18px;
  }

  .hcc-popup-body{
    padding-left:14px;
    padding-right:14px;
  }

  .hcc-popup-copy h2{
    font-size:2.05rem;
  }

  .hcc-popup-benefits{
    font-size:.72rem;
  }

  .hcc-goal{
    min-height:76px;
    font-size:.78rem;
  }
}

