/* Additions for the standalone (Cloudflare) site. The design itself lives in the prototype files above. */

/* The "PRIVATE MENTORSHIP" line is wider than its panel on every phone (by 25px on an iPhone 15 Pro),
   so it scales with the screen (same fix as the published Tilda page). */
@media (max-width: 480px) {
  .mentor-hero h1 .product-line { font-size: min(46px, 9.4vw) !important; }
}

/* Legal links in the footer (offer, privacy, refunds, seller details). */
.site-footer .legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-footer .legal-links a {
  color: var(--muted);
  text-decoration: none;
}
.site-footer .legal-links a:hover,
.site-footer .legal-links a:focus-visible {
  color: var(--gold-soft);
}
@media (max-width: 700px) {
  .site-footer .legal-links { order: 3; flex-basis: 100%; }
}

/* Exact UAH charge next to the advertised dollar price. */
.session-facts .charge-note { color: var(--muted); }