/* ==========================================================
   VersaForge - Paid Ads Performance Optimization (page-scoped)
   ----------------------------------------------------------
   The creative-visual engine (.grs-frame, .grs-row-list,
   .grs-frame-bar-row, .grs-stat-tiles, keyframes, etc.) is
   already shared via assets/css/off-page-seo.css, loaded
   right before this file - nothing is duplicated here.

   This file only carries the handful of rules that are
   specific to the Paid Ads Performance Optimization layout
   itself, so the left and right columns in every split
   section land at equal height with zero empty space,
   matching the Off-Page SEO / Shopify SEO / Sales Performance
   Optimization pages.
   ========================================================== */

/* Stretch every split row on this page so its two columns
   share the same height, and make sure the visual side
   (which has no explicit height of its own) fills that
   height completely instead of collapsing to its content. */
[data-rail="Optimize Ads Performance"] .split-row,
[data-rail="Advanced Targeting"] .split-row,
[data-rail="Boost CTR"] .split-row,
[data-rail="Trusted PPC Experts"] .split-row,
[data-rail="Custom Ad Strategies"] .split-row,
[data-rail="Campaign Formula"] .split-row {
  align-items: center;
}

[data-rail="Optimize Ads Performance"] .grs-visual,
[data-rail="Advanced Targeting"] .grs-visual,
[data-rail="Boost CTR"] .grs-visual,
[data-rail="Trusted PPC Experts"] .grs-visual,
[data-rail="Custom Ad Strategies"] .grs-visual,
[data-rail="Campaign Formula"] .grs-visual {
  height: 100%;
  min-height: 360px;
}

/* Keep the 4-card "Ads Mastery Services" / "Optimization Plans"
   grids and the 3-card "High-Impact Ads" grid visually
   anchored to the same baseline height inside their row. */
[data-rail="Ads Mastery Services"] .cards-row > *,
[data-rail="High-Impact Ads"] .cards-row > *,
[data-rail="Optimization Plans"] .cards-row > * {
  display: flex;
}
[data-rail="Ads Mastery Services"] .service-card,
[data-rail="High-Impact Ads"] .service-card,
[data-rail="Optimization Plans"] .service-card {
  width: 100%;
}

/* CTA band: keep the copy and form columns visually balanced
   at equal height, matching every other split section. */
[data-rail="Get Started"] .cta-grid {
  align-items: stretch;
}
[data-rail="Get Started"] .cta-copy,
[data-rail="Get Started"] .cta-form-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
  [data-rail] .grs-visual * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}