/* ============================================================
   FREE VIDEOS PAGE — public, no-login scrollable feed
   ============================================================ */

.free-page { padding-bottom: clamp(2rem, 5vw, 3.5rem); }

.free-feed { display: grid; gap: clamp(1.5rem, 4vw, 2.2rem); margin-top: 1.5rem; }

.free-card { padding: 0; overflow: hidden; }
.free-card__num {
  display: block; padding: 0.7rem 1.3rem 0; font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.05em; text-transform: uppercase; color: var(--gold-deep);
}
.free-card__video {
  aspect-ratio: 16 / 9; background: radial-gradient(circle at 50% 40%, #1c1812, #0c0a08);
  margin-top: 0.5rem;
}
.free-card__video iframe { width: 100%; height: 100%; border: 0; display: block; }
.free-card__video--empty {
  display: grid; place-items: center; gap: 0.4rem; color: var(--muted);
}
.free-card__video--empty i { width: 48px; height: 48px; color: var(--gold); }
.free-card__body { padding: 1.2rem 1.3rem 0.4rem; }
.free-card__title { font-size: var(--step-1); margin-bottom: 0.4rem; }
.free-card__desc { color: var(--muted); font-size: var(--step--1); line-height: 1.55; margin-bottom: 0.6rem; }
.free-card__len { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.76rem; color: var(--muted-2); margin-bottom: 0.6rem; }
.free-card__len i { width: 13px; height: 13px; }
.free-card__vaults { padding: 0 1.3rem 1.2rem; display: grid; gap: 0.8rem; }

.free-cta {
  margin-top: clamp(2rem, 5vw, 3rem); padding: clamp(1.6rem, 4vw, 2.4rem);
  text-align: center; background: linear-gradient(135deg, rgba(240,169,59,0.08), rgba(31,163,92,0.06));
  border-color: rgba(240,169,59,0.3);
}
.free-cta h2 { font-size: var(--step-1); margin-bottom: 0.5rem; }
.free-cta p { color: var(--muted); max-width: 52ch; margin: 0 auto 1.2rem; line-height: 1.55; }