/* ═══════════════════════════════════════════════════════════
   bb-ge.css  —  /google-ads-for-ecommerce/ ONLY
   Load order: globals > additional > pillar > cro > gam > mam > glg > ge
   Inherits EVERYTHING from the cluster. Both signature visuals are reuses:
     S6 Purchase Tracking -> bb-mam-attrib (from Meta)
     S7 Performance Max   -> bb-ct-compare-grid + bb-server-panel (from pillar)
   Reuses bb-glg-feature internals + bb-glg-cred-strip + bb-glg-industry-grid.
   NEW here only:
     1. bb-ge-proof-grid  (S15 dual-portfolio two-up wrapper)
     2. bb-ge-proof-card / text / attrib / emphasis (dual-portfolio internals)
═══════════════════════════════════════════════════════════ */


/* ── S15: DUAL-PORTFOLIO PROOF (Ben + Wail, two-up) ───────── */
.bb-ge-proof-emphasis {
  text-align: center;
  font-size: 1rem !important;
  color: rgba(255,255,255,0.7) !important;
  margin: 0 auto 32px !important;
  max-width: 640px;
}
.bb-ge-proof-emphasis strong { color: #FF8534 !important; }

.bb-ge-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-bottom: 32px;
}

/* Override the single-feature block to sit in a 2-up grid:
   reset bottom margin, let the grid control spacing, full-height cards. */
.bb-ge-proof-card {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
}

.bb-ge-proof-text {
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.76) !important;
  line-height: 1.65 !important;
  margin: 0 0 18px !important;
  flex: 1;
}
.bb-ge-proof-text strong { color: #ffffff !important; }

/* Wail descriptive attribution (no verbatim quote on record) */
.bb-ge-proof-attrib {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: rgba(255,106,0,0.9) !important;
  margin: 0 !important;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

@media (max-width: 860px) {
  .bb-ge-proof-grid { grid-template-columns: 1fr; }
}