/* Ladies Only micro-brand (body.kluk-v2--ladies). Loads after lp.css on /ladies-only-free-trial/
   (body.kluk-v2--lp) and after thanks.css on /ladies-thank-you/ (body.kluk-v2--thanks).
   Pink sampled from the live Ladies Only page and logo. Contrast (WCAG):
     white on --lo 5.77, white on --lo-dark 7.68, --kl-fg on --lo 4.85, --lo-light on --kl-bg 6.14,
     --lo-light on --kl-bg2 5.72, checked tile --lo against the card 3.2.
   White text sits on --lo / --lo-dark only. On the dark base, pink text uses --lo-light. */

body.kluk-v2--ladies {
	--lo-dark: #a0125c;
	--lo: #c2176e;
	--lo-mid: #d6498b;
	--lo-light: #e0659c;
	--lo-grad: linear-gradient(120deg, #a0125c 0%, #c2176e 100%); /* blocks, white text on it */
	--lo-grad-txt: linear-gradient(90deg, #d6498b, #e0659c);      /* text fill on dark only */
}

/* Fallback until both pages are assigned to the Theme Builder template with header and footer disabled. */
body.kluk-v2--ladies .et-l--header,
body.kluk-v2--ladies .et-l--footer { display: none; }

/* ---------- shared ---------- */
body.kluk-v2--ladies .kl-lo-pill { display: inline-block; background: var(--lo); color: #fff; border-radius: 999px; padding: 4px 12px; font-weight: 600; }
body.kluk-v2--ladies .kl-stars { color: var(--lo-light); }
/* Pink duotone hero: greyscale photo multiplied over the dark pink. */
body.kluk-v2--ladies .kl-hero .kl-hero-media { background: var(--lo-dark); }
body.kluk-v2--ladies .kl-hero .kl-hero-media img { filter: grayscale(1) contrast(1.1) brightness(.95); mix-blend-mode: multiply; }

/* ---------- LP hero ---------- */
body.kluk-v2--ladies .kl-lp-hero h1 .kl-lo-sub { display: block; color: var(--lo-light); font-size: .56em; line-height: 1.05; margin-top: 6px; }
@supports (-webkit-background-clip: text) or (background-clip: text) {
	body.kluk-v2--ladies .kl-lp-hero h1 .kl-lo-sub { background: var(--lo-grad-txt); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
}
@media (max-width: 899px) {
	body.kluk-v2--ladies .kl-lp-hero { padding-top: 168px; }
	body.kluk-v2--ladies .kl-lp-hero .kl-hero-media img { object-position: 30% 35%; }
}
@media (min-width: 900px) {
	body.kluk-v2--ladies .kl-lp-hero .kl-hero-media img { object-position: 40% 30%; }
	body.kluk-v2--ladies .kl-lp-hero::after { background: linear-gradient(0deg, var(--kl-bg) 0%, rgba(10,10,10,.86) 26%, rgba(10,10,10,.35) 52%, rgba(10,10,10,.1) 70%), linear-gradient(90deg, rgba(10,10,10,.55) 0%, transparent 45%), linear-gradient(180deg, rgba(10,10,10,.6), transparent 20%); }
}

/* Booking card strip */
body.kluk-v2--ladies .kl-book::before { background: var(--lo-grad); }

/* ---------- in class: photo plus four points ---------- */
body.kluk-v2--ladies .kl-inclass { display: grid; gap: 28px; }
body.kluk-v2--ladies .kl-pic { position: relative; overflow: hidden; border-radius: var(--kl-radius); aspect-ratio: 4 / 3; background: #1a1a19; }
body.kluk-v2--ladies .kl-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; filter: grayscale(.35) brightness(.8); }
body.kluk-v2--ladies .kl-points { display: grid; gap: 22px 32px; }
body.kluk-v2--ladies .kl-points h3 { font-size: 26px; }
body.kluk-v2--ladies .kl-points p,
body.kluk-v2--ladies .kl-points .kl-p { color: var(--kl-soft); font-size: 16px; margin-top: 6px; max-width: 44ch; }

/* ---------- your free trial session: pink block ---------- */
body.kluk-v2--ladies .kl-first { background: var(--lo-grad); }
body.kluk-v2--ladies .kl-first .kl-head p,
body.kluk-v2--ladies .kl-first .kl-head .kl-p,
body.kluk-v2--ladies .kl-first .kl-steps p,
body.kluk-v2--ladies .kl-first .kl-steps .kl-p { color: #fff; }

/* ---------- team note ---------- */
body.kluk-v2--ladies .kl-note { color: var(--kl-soft); font-size: 15px; margin-top: 22px; }

/* ---------- final card: pink block, dark button ---------- */
body.kluk-v2--ladies .kl-final { background: var(--lo-grad); }
body.kluk-v2--ladies .kl-final p,
body.kluk-v2--ladies .kl-final .kl-p { color: #fff; }
/* The thin light ring keeps the dark button at 3:1 or more against the whole gradient (the fill alone is 2.6 at the dark end). */
body.kluk-v2--ladies .kl-final .kl-btn,
body.kluk-v2--ladies .kl-final a.kl-btn { background: var(--kl-bg); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.6); }
body.kluk-v2--ladies .kl-final .kl-btn:hover,
body.kluk-v2--ladies .kl-final a.kl-btn:hover { background: #000; color: #fff; }

/* ---------- sticky bar ---------- */
body.kluk-v2--ladies .kl-sticky__t b { color: var(--lo-light); }

/* ---------- thank you page ---------- */
body.kluk-v2--ladies .kl-thanks-hero .kl-hero-media img { object-position: 50% 40%; }
body.kluk-v2--ladies .kl-picked b { background: var(--lo); color: #fff; }
body.kluk-v2--ladies .kl-times span.is-on { background: var(--lo); border-color: var(--lo); color: #fff; }

@media (min-width: 900px) {
	body.kluk-v2--ladies .kl-inclass { grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
	body.kluk-v2--ladies .kl-points { grid-template-columns: 1fr 1fr; }
}