@charset "UTF-8";
/**
 * synergy-audits — /cld polish overrides (v2)
 * Ship date: 2026-04-24
 *
 * v2 (this rev): max-specificity selectors (body.page-id-517 + exact
 * Elementor element IDs) so we beat post-517.css generated rules.
 * Target structure on live:
 *   .receipts  (data-id=c02e19c)
 *     └─ .client-grid  (data-id=bdd42fd)   ← intermediate parent
 *         ├─ .client-card  a615a4b  BrainIQ
 *         ├─ .client-card  c225942  Isaac Health
 *         ├─ .client-card  4fa968b  AEVI
 *         ├─ .client-card  404763d  Peptide Academy (was Freckle pre-2026-04-24 11am)
 *         ├─ .client-card  a1c2fd9  Vooyfarma
 *         └─ .client-card  aa57ce9  CLINR+
 */

/* ──────────────────────────────────────────────────────────────
   1) CLIENT-GRID → 2-col desktop, 1-col mobile
      Override Elementor custom prop + grid-template + flex-basis.
   ────────────────────────────────────────────────────────────── */

body.page-id-517 .receipts .client-grid,
body.page-id-517 .elementor-element.elementor-element-bdd42fd {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 24px !important;
  --e-con-grid-template-columns: repeat(2, 1fr) !important;
  grid-template-columns: repeat(2, 1fr) !important;
}

body.page-id-517 .receipts .client-grid > .client-card,
body.page-id-517 .elementor-element.elementor-element-bdd42fd > .elementor-element.client-card {
  flex: 0 1 calc(50% - 12px) !important;
  width: calc(50% - 12px) !important;
  max-width: calc(50% - 12px) !important;
  min-width: 0 !important;
  padding: 32px 28px !important;
  min-height: 260px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(26, 26, 46, 0.09) !important;
  border-radius: 10px !important;
  transition: border-color 180ms ease, transform 180ms ease !important;
  box-sizing: border-box !important;
}

body.page-id-517 .receipts .client-grid > .client-card:hover {
  border-color: rgba(233, 69, 96, 0.40) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  body.page-id-517 .receipts .client-grid,
  body.page-id-517 .elementor-element.elementor-element-bdd42fd {
    --e-con-grid-template-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  body.page-id-517 .receipts .client-grid > .client-card,
  body.page-id-517 .elementor-element.elementor-element-bdd42fd > .elementor-element.client-card {
    flex: 0 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 20px !important;
    min-height: 0 !important;
  }
}

/* Enlarged brand name heading */
body.page-id-517 .receipts .client-card .body .name .elementor-heading-title {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.75rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  color: #1A1A2E !important;
  margin: 0 0 6px !important;
}

/* Enlarged existing vertical descriptor line */
body.page-id-517 .receipts .client-card .body .vertical,
body.page-id-517 .receipts .client-card .body .vertical .elementor-widget-container {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 1rem !important;
  color: rgba(26, 26, 46, 0.72) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* ──────────────────────────────────────────────────────────────
   2) DETAIL LINE injected under each card via ::after on .body
   ────────────────────────────────────────────────────────────── */

body.page-id-517 .receipts .client-card .body::after {
  display: block !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(26, 26, 46, 0.09) !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 0.92rem !important;
  color: rgba(26, 26, 46, 0.72) !important;
  line-height: 1.5 !important;
  letter-spacing: -0.005em !important;
  /* content provided per data-id below */
}

body.page-id-517 .receipts .client-card[data-id="a615a4b"] .body::after {
  content: "Full brand build — nootropics DTC. Site, packaging, audit that surfaced $340K+ in revenue fixes." !important;
}
body.page-id-517 .receipts .client-card[data-id="c225942"] .body::after {
  content: "Neuro clinic brand system. Positioning, web, lead capture flow for specialist telemedicine." !important;
}
body.page-id-517 .receipts .client-card[data-id="4fa968b"] .body::after {
  content: "Nordic skincare from scratch. Logo, brand system, Shopify store build for Scandinavian launch." !important;
}
body.page-id-517 .receipts .client-card[data-id="404763d"] .body::after {
  content: "Clinical peptide education platform — launching May 2026 with Dr. Gross." !important;
}
body.page-id-517 .receipts .client-card[data-id="a1c2fd9"] .body::after {
  content: "Mexico pharmacy platform. AI analysis of transaction DB uncovered hidden order losses across cost/sell/delivery structure. Restructured unit economics." !important;
}
body.page-id-517 .receipts .client-card[data-id="aa57ce9"] .body::after {
  content: "Medical device brand + CE marking workflow. Compliance-aware brand system for EU medical device launch." !important;
}

/* ──────────────────────────────────────────────────────────────
   3) SYNERGY ACADEMY footer — below .build-wrap services grid
   ────────────────────────────────────────────────────────────── */

body.page-id-517 .build-wrap::after,
body.page-id-517 .elementor-element.build-wrap::after {
  content: "New · Peptide Academy — Clinical peptide education for licensed prescribers. Launching May 2026 with Dr. Gross. Ask at the CLD booth." !important;
  display: block !important;
  flex-basis: 100% !important;
  width: 100% !important;
  margin-top: 28px !important;
  padding: 18px 24px !important;
  background: linear-gradient(90deg, rgba(233, 69, 96, 0.06) 0%, rgba(26, 26, 46, 0.04) 100%) !important;
  border: 1px solid rgba(26, 26, 46, 0.09) !important;
  border-left: 3px solid #E94560 !important;
  border-radius: 6px !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 12.5px !important;
  letter-spacing: 0.02em !important;
  color: #1A1A2E !important;
  line-height: 1.55 !important;
  text-transform: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.page-id-517 .build-wrap::after,
  body.page-id-517 .elementor-element.build-wrap::after {
    padding: 14px 18px !important;
    font-size: 12px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   4) HEADER micro-typography adjustments inside card .ph
   ────────────────────────────────────────────────────────────── */

body.page-id-517 .receipts .client-card .ph {
  margin-bottom: 18px !important;
  gap: 10px !important;
}
body.page-id-517 .receipts .client-card .ph .num .elementor-widget-container,
body.page-id-517 .receipts .client-card .ph .wh .elementor-widget-container {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(26, 26, 46, 0.55) !important;
}
body.page-id-517 .receipts .client-card .ph .mk .elementor-widget-container {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  color: #E94560 !important;
}