/* Course sales-page blocks shared by The Talent Pathway, From Game Model to
   Training Ground and Goalkeeper Coaching: the quick-buy band under the hero,
   a Reserve button at the end of a section, and the value stack (each
   deliverable with what it is worth). Loaded after goalkeeper-coaching.css. */
/* Hero: one primary action; the audit is a quiet text link under it. */
.cs-hero-sub { margin: 1rem 0 0; font-size: 0.9rem; color: rgba(255,255,255,0.7); }
.cs-hero-sub a { color: var(--white); text-decoration: underline; text-underline-offset: 3px; }

/* Quick-buy band straight under the hero: price, seats, button. */
.cs-quick { background: var(--black); border-top: 2px solid var(--accent); padding: 16px 5vw; color: var(--white); }
.cs-quick-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; }
.cs-quick p { margin: 0; max-width: none; }
.cs-quick-worth { font-family: var(--font-display); font-size: 1.15rem; letter-spacing: 1.5px; text-transform: uppercase; }
.cs-quick-worth s { color: rgba(255,255,255,0.55); }
.cs-quick-worth span { color: var(--accent); margin-left: 0.5rem; }
.cs-quick-worth b { font-weight: inherit; }
.cs-quick-seats { flex: 1; min-width: 220px; font-size: 0.9rem; color: rgba(255,255,255,0.75); }
@media (max-width: 600px) { .cs-quick .btn-red { width: 100%; text-align: center; } }

/* A button at the end of each section, so nobody scrolls to find one. */
.cs-mini-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 2rem; }
.cs-mini-cta span { font-size: 0.9rem; font-weight: 600; color: var(--ink-muted); }
@media (max-width: 600px) { .cs-mini-cta .btn-red { width: 100%; text-align: center; } }

/* Value stack: each deliverable with what it is worth. */
.cs-value { margin-top: 3rem; }
.cs-value-list { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid var(--line-light); }
.cs-value-row { display: flex; justify-content: space-between; align-items: baseline; gap: 1.5rem; padding: 14px 0; border-bottom: 1px solid var(--line-light); }
.cs-value-what strong { display: block; color: var(--ink); }
.cs-value-what span { display: block; margin-top: 2px; font-size: 0.9rem; color: var(--ink-muted); }
.cs-value-amount { font-family: var(--font-display); font-size: 1.3rem; letter-spacing: 1px; white-space: nowrap; color: var(--ink); }
.cs-value-total { margin-top: 1rem; padding: 1rem 1.25rem; background: var(--black); color: var(--white); }
.cs-value-total-row { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--font-display); letter-spacing: 1.5px; text-transform: uppercase; font-size: 1.1rem; }
.cs-value-total-row s { color: rgba(255,255,255,0.55); }
.cs-value-today { margin-top: 0.4rem; font-size: 1.5rem; }
.cs-value-today strong { color: var(--accent); font-weight: inherit; }
.cs-value-note { margin-top: 1.25rem; font-size: 0.85rem; color: var(--ink-muted); }

/* Price cards: what the seat is worth, and each line's value. */
.cs-price-worth { text-align: center; font-size: 0.85rem; font-weight: 600; color: var(--ink-muted); margin-top: 0.25rem; }
.gk-price-includes li em { font-style: normal; float: right; margin-left: 0.75rem; color: var(--ink-muted); font-size: 0.85rem; }