/* ==========================================================================
 *  AdaptClose experiment framework — variant visibility gating (backup layer)
 *  (paired with experiments/framework.php + assets/experiments.js)
 *
 *  Every experiment renders ALL of its variants into the page, but exactly one
 *  <div class="ac-exp__variant"> is visible at a time.
 *
 *  The PRIMARY gate is inline, not this file: framework.php renders every
 *  non-default variant with an inline `display:none`, and experiments.js sets
 *  inline `display` on the chosen/losing variants. That keeps "show exactly one
 *  variant" working even when this stylesheet is absent (skipped for logged-in
 *  admins, cache miss, class mismatch). The rules below are a defense-in-depth
 *  fallback that mirrors the inline state via the [data-ac-shown] marker:
 *    • the server-marked default is visible before any JS runs;
 *    • the variants never appear on screen at the same time;
 *    • swapping variants is a display toggle in a shared container → no CLS.
 *  This file loads in <head> so gating is applied before first paint.
 * ========================================================================== */

.ac-exp__variant {
  display: none;
}

.ac-exp__variant[data-ac-shown] {
  display: block;
}

/* --------------------------------------------------------------------------
 *  Homepage hero headline (experiments/website-above-the-fold/hero-shared.php)
 *
 *  56px is not on responsive.css's tablet ladder, and at tablet width the
 *  column is too narrow for "for In-Person Sales" on one line. Breakpoints
 *  mirror responsive.css (tablet 768–1023px, mobile ≤767px, where its own
 *  [style*="font-size:56px"] rule applies).
 * ------------------------------------------------------------------------ */
@media (max-width: 1023px) and (min-width: 768px) {
  .ac-hero-h1 { font-size: 38px !important; }
}