/* =====================================================================
   FITCOM TRIAL BOOKING SECTION · v2 (Kelvin signed 2026-10-11)
   Design: 99_Inbox/chatgpt-out/fitcom/2026-10-11-trial-form-redesign.png
   White section, desktop = copy left / quiz card right, option tiles with
   a clear picked state, orange only for progress, picked tiles and the
   button. Logic unchanged (assets/js/quiz.js): step 1 multi-select + Next,
   steps 2 to 4 still advance on tap (Kelvin kept auto-advance).
   Scoped to .fc-enq2 and prefixed with html so it outranks the older
   .page-home rules in home.css / site.css. Loaded after them.
   ===================================================================== */
html body .fc-enquire.fc-enq2,
html body .fc-enquire.fc-enq2.section--ink{ background:#FFFFFF; color:#262626; padding:clamp(56px,7vw,112px) 0; }
html body .fc-enquire.fc-enq2::before{ display:none; }
html body .fc-enquire.fc-enq2 > .fc-wrap{ max-width:1200px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(32px,5vw,80px); align-items:center; }

/* left: copy */
html body .fc-enquire.fc-enq2 .fc-enquire__head{ text-align:left; margin:0; }
html body .fc-enquire.fc-enq2 .fc-enquire__eyebrow{ color:#808083; font-size:12px; font-weight:700; letter-spacing:.14em; margin:0 0 12px; }
html body .fc-enquire.fc-enq2 .fc-h2{ color:#262626; font-size:clamp(40px,5vw,68px); line-height:1; letter-spacing:-.02em; margin:0; }
html body .fc-enquire.fc-enq2 .fc-enquire__lead{ color:#58595B !important; font-size:clamp(16px,1.3vw,20px); line-height:1.5; max-width:22ch;
  margin:16px 0 0 !important; text-align:left !important; }

/* right: card */
html body .fc-enquire.fc-enq2 .fc-enquire__quiz{ margin:0; }
html body .fc-enquire.fc-enq2 .fc-quizcard{ background:#FFFFFF; backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid #CFD1D2;
  border-radius:20px; padding:clamp(20px,2.4vw,32px); max-width:none; box-shadow:0 10px 30px rgba(38,38,38,.06); color:#262626; }
html body .fc-enquire.fc-enq2 .fc-quizcard__meta{ display:block; margin:0 0 18px; }
html body .fc-enquire.fc-enq2 .fc-quizcard__step{ display:block; text-transform:none; letter-spacing:0; font:500 14px var(--font-body, var(--font-head)); color:#58595B; margin-bottom:8px; }
html body .fc-enquire.fc-enq2 .fc-quizcard__track{ display:block; height:6px; border-radius:999px; background:#EFF0F0; }
html body .fc-enquire.fc-enq2 .fc-quizcard__fill{ background:#F6921E; border-radius:999px; }
html body .fc-enquire.fc-enq2 .fc-quizcard .fc-hero__goals-label{ text-transform:none; font-weight:700; font-size:clamp(20px,1.8vw,26px); line-height:1.25;
  letter-spacing:-.01em; color:#262626; margin:0 0 16px; }

/* option tiles */
html body .fc-enquire.fc-enq2 .fc-hero__goals-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html body .fc-enquire.fc-enq2 .fc-qpane[data-qstep="4"] .fc-hero__goals-row{ grid-template-columns:repeat(3,minmax(0,1fr)); }
html body .fc-enquire.fc-enq2 .fc-goalchip{ min-height:52px; width:100%; border-radius:12px; padding:10px 14px; background:#FFFFFF; border:1.5px solid #CFD1D2;
  color:#262626; font:600 15px var(--font-head); backdrop-filter:none; -webkit-backdrop-filter:none; transform:none; text-align:center; }
html body .fc-enquire.fc-enq2 .fc-goalchip:hover{ background:#FFFFFF; border-color:#F6921E; color:#262626; transform:none; }
html body .fc-enquire.fc-enq2 .fc-goalchip.is-picked{ background:#FEF4E9; border-color:#F6921E; color:#C76F0A; }
html body .fc-enquire.fc-enq2 .fc-goalchip:focus-visible{ outline:3px solid rgba(246,146,30,.4); outline-offset:2px; }

/* primary button: step-1 Next and step-5 submit */
html body .fc-enquire.fc-enq2 .fc-quiz__next{ grid-column:1 / -1; min-height:52px; margin-top:6px; border-radius:12px; border:0; background:#F6921E; color:#fff;
  font:700 16px var(--font-head); cursor:pointer; transition:filter .15s ease, opacity .15s ease;
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:0 20px; }
html body .fc-enquire.fc-enq2 .fc-quiz__next:hover{ background:#F6921E; filter:brightness(.95); transform:none; }
html body .fc-enquire.fc-enq2 .fc-quiz__next[disabled]{ opacity:.4; cursor:not-allowed; filter:none; }
html body .fc-enquire.fc-enq2 .fc-quiz__submit{ width:100%; min-height:52px; border-radius:12px; background:#F6921E; color:#fff; border:0; font:700 16px var(--font-head); display:flex; align-items:center; justify-content:center; }
html body .fc-enquire.fc-enq2 .fc-quizcard__hint{ text-align:center; color:#808083; font-size:13px; margin:14px 0 0; }

/* back + step 5 fields */
html body .fc-enquire.fc-enq2 .fc-quizcard__back{ color:#808083; font:600 14px var(--font-head); margin-top:14px; padding:6px 0; }
html body .fc-enquire.fc-enq2 .fc-quizcard__back:hover{ color:#262626; }
html body .fc-enquire.fc-enq2 .fc-quizcard__fields{ gap:10px; margin-bottom:14px; }
html body .fc-enquire.fc-enq2 .fc-quizcard__fields input{ min-height:52px; border-radius:12px; border:1.5px solid #CFD1D2; background:#FFFFFF; color:#262626;
  font:500 15px var(--font-head); padding:0 16px; }
html body .fc-enquire.fc-enq2 .fc-quizcard__fields input::placeholder{ color:#A5A7AA; }
html body .fc-enquire.fc-enq2 .fc-quizcard__fields input:focus{ border-color:#F6921E; }
html body .fc-enquire.fc-enq2 .fc-quizcard__actions{ flex-direction:column-reverse; align-items:stretch; gap:6px; }
html body .fc-enquire.fc-enq2 .fc-quizcard__actions .fc-quizcard__back{ align-self:flex-start; margin-top:8px; }
html body .fc-enquire.fc-enq2 .fc-quiz__done, html body .fc-enquire.fc-enq2 .fc-quiz__done *{ color:#262626; }

/* privacy line */
html body .fc-enquire.fc-enq2 .fc-form__privacy{ color:#808083 !important; font-size:13px; text-align:center; margin-top:14px; }
html body .fc-enquire.fc-enq2 .fc-form__privacy a{ color:#262626 !important; text-decoration:underline; }

@media (max-width:860px){
  html body .fc-enquire.fc-enq2 > .fc-wrap{ grid-template-columns:1fr; gap:24px; }
  html body .fc-enquire.fc-enq2 .fc-enquire__lead{ max-width:none; }
}
@media (max-width:420px){
  html body .fc-enquire.fc-enq2 .fc-qpane[data-qstep="4"] .fc-hero__goals-row{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  html body .fc-enquire.fc-enq2 .fc-goalchip{ font-size:14px; padding:10px 8px; }
}

/* done pane: WhatsApp copy of the enquiry (Kelvin 2026-10-12) */
.fc-quiz__done .fc-quiz__wa{ display:inline-flex; align-items:center; justify-content:center; margin-top:14px; min-height:48px; padding:0 22px;
  border-radius:12px; background:#25D366; color:#fff !important; font:700 15px var(--font-head, sans-serif); text-decoration:none; }
.fc-quiz__done .fc-quiz__wa:hover{ filter:brightness(.95); }

/* ---- nav consultation modal: same tiles and buttons as the section (Kelvin 2026-10-12) ---- */
html body .fc-modal.fc-modal .fc-quizcard.fc-quizcard--modal{ background:transparent; border:0; padding:0; box-shadow:none; color:#262626; }
html body .fc-modal.fc-modal .fc-quizcard__meta{ display:block; margin:0 0 18px; }
html body .fc-modal.fc-modal .fc-quizcard__step{ display:block; text-transform:none; letter-spacing:0; font:500 14px var(--font-head); color:#58595B; margin-bottom:8px; }
html body .fc-modal.fc-modal .fc-quizcard__track{ display:block; height:6px; border-radius:999px; background:#EFF0F0; }
html body .fc-modal.fc-modal .fc-quizcard__fill{ border-radius:999px; background:#F6921E; }
html body .fc-modal.fc-modal .fc-hero__goals-label{ text-transform:none; letter-spacing:-.01em; font-size:clamp(19px,2vw,22px); font-weight:700; color:#262626; margin:0 0 14px; }
html body .fc-modal.fc-modal .fc-hero__goals-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html body .fc-modal.fc-modal .fc-qpane[data-qstep="4"] .fc-hero__goals-row{ grid-template-columns:repeat(3,minmax(0,1fr)); }
html body .fc-modal.fc-modal .fc-goalchip{ min-height:52px; width:100%; border-radius:12px; border:1.5px solid #CFD1D2; background:#fff; color:#262626; font:600 15px var(--font-head); transform:none; }
html body .fc-modal.fc-modal .fc-goalchip:hover{ background:#fff; border-color:#F6921E; color:#262626; transform:none; }
html body .fc-modal.fc-modal .fc-goalchip.is-picked{ background:#FEF4E9; border-color:#F6921E; color:#C76F0A; }
html body .fc-modal.fc-modal .fc-quiz__next{ grid-column:1 / -1; width:100%; min-height:52px; margin-top:6px; border-radius:12px; border:0; background:#F6921E; color:#fff;
  font:700 16px var(--font-head); display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; }
html body .fc-modal.fc-modal .fc-quiz__next[disabled]{ opacity:.4; cursor:not-allowed; }
html body .fc-modal.fc-modal .fc-quiz__submit{ width:100%; min-height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
html body .fc-modal.fc-modal .fc-quizcard__hint{ text-align:center; color:#808083; font-size:13px; }
html body .fc-modal.fc-modal .fc-quizcard__fields input{ min-height:52px; border-radius:12px; border:1.5px solid #CFD1D2; background:#fff; color:#262626; padding:0 16px; font:500 15px var(--font-head); }
html body .fc-modal.fc-modal .fc-quizcard__fields input:focus{ border-color:#F6921E; }
html body .fc-modal.fc-modal .fc-quizcard__actions{ display:flex; flex-direction:column-reverse; align-items:stretch; gap:6px; }
html body .fc-modal.fc-modal .fc-quizcard__actions .fc-quizcard__back{ align-self:flex-start; }
html body .fc-modal.fc-modal .fc-form__privacy{ text-align:center; color:#808083; font-size:13px; margin-top:14px; }