﻿/* FMG Compare Hero Shell (plugin-owned) */
/* Source baseline: page-level hero/x-ray blocks from template 13473 export (ported from Elementor selector scope) */
/* Recommended Elementor host container class for shortcode placement: CompareHeroMount */

.CompareHeroMount,
.CompareHeroMount > .elementor-widget-wrap,
.CompareHeroMount > .e-con-inner,
.CompareHeroMount > .elementor-element-populated {
  width: 100%;
}

.fmg-compare-hero-scope {
  width: 100%;
}

.fmg-compare-hero-scope .fmg-compare-hero {
  width: 100%;
}

.fmg-compare-hero-scope .HeroPanel__copy .elementor-widget,
.fmg-compare-hero-scope .HeroPanel__visual .elementor-widget {
  width: 100%;
}

.fmg-compare-hero-scope .HeroPanel__copy .elementor-widget-container,
.fmg-compare-hero-scope .HeroPanel__visual .elementor-widget-container {
  width: 100%;
}

.fmg-compare-hero-scope .HeroPanel__copy .elementor-button {
  text-decoration: none;
}
/* ============================================
   L1b - Hero panel (ad compare)
   Scope: .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare
   ============================================ */

/* Layout shell: ensure Elementor wrappers behave as a flex row */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .e-con-inner,
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-container,
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-row{
  display:flex !important;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:space-between;
  column-gap:28px;
  row-gap:18px;
}

/* Hero container */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare{
  margin-top:12px;
  margin-bottom:6px;
  padding:24px 24px 20px;
  border-radius:24px;
  background:
    radial-gradient(1200px 420px at 10% -20%, rgba(96,110,248,.18), rgba(96,110,248,0) 55%),
    radial-gradient(720px 360px at 95% 10%, rgba(191,169,255,.28), rgba(191,169,255,0) 60%),
    linear-gradient(180deg,#F7F8FE 0%,#EBEEFF 100%);
  border:1px solid #E0E3F5;
  box-shadow:var(--shadow-lg, 0 4px 12px rgba(15,23,42,.16));
  position:relative;
  overflow:visible;
}

/* Left side: copy column */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy{
  flex:1 1 0;
  min-width:260px;
  max-width:520px;
}

/* Optional eyebrow */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__eyebrow{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b7280;
}

/* H1 inside copy */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title{
  margin:0 0 .25em;
  font-size:clamp(2rem, 2.6vw, 2.25rem);
  line-height:1.2;
  letter-spacing:-.01em;
  color:#0F172A;
}

/* Body text under H1 */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p{
  margin:.35em 0 1.1em;
  font-size:.98rem;
  line-height:1.5;
  color:#374151;
}

/* Primary CTA */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button{
  border-radius:9999px;
  padding:12px 24px;
  min-height:52px;
  font-weight:800;
  font-size:1rem;
  --gradA:var(--brand-1);
  --gradB:var(--brand-2);
  background-image:linear-gradient(90deg,var(--gradA),var(--gradB));
  background-size:200% 100%;
  background-position:0% 50%;
  border:1px solid rgba(255,255,255,.16);
  color:#FFFFFF;
  box-shadow:var(--shadow-md, 0 12px 26px rgba(15,23,42,.18));
  transition:
    background-position .18s ease,
    filter .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button:hover,
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button:focus-visible{
  background-position:100% 50%;
  filter:brightness(1.06) saturate(1.06);
  transform:translateY(-1px);
  box-shadow:var(--shadow-lg, 0 18px 40px rgba(15,23,42,.22));
}

/* Small helper/meta line under CTA */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__meta{
  margin-top:6px;
  font-size:12px;
  line-height:1.4;
  color:#4b5563;
}

/* Right side: visual host */
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__visual{
  flex:1 1 0;
  max-width:460px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding-top:18px;
}

/* Mobile adjustments */
@media (max-width:992px){
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .e-con-inner,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-container,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-row{
    flex-direction:column;
    row-gap:16px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare{
    margin-top:24px;
    margin-bottom:32px;
    padding:18px 16px 16px;
    border-radius:20px;
    box-shadow:0 12px 32px rgba(15,23,42,.12);
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy{
    max-width:none;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__visual{
    padding-top:4px;
    justify-content:flex-start;
    max-width:none;
  }
}

/* ============================================
   Hero X-ray card - aligned with OfferCard
   ============================================ */

.fmg-compare-hero-scope .HeroXray{
  position:relative;
  max-width:420px;
  width:100%;
  transition:transform 0.18s ease;
}

.fmg-compare-hero-scope .HeroXray--open{
  transform:translateY(-2px);
}

@media (max-width:768px){
  .fmg-compare-hero-scope .HeroXray{
    max-width:100%;
  }
}

/* Header row */
.fmg-compare-hero-scope .HeroXray__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.fmg-compare-hero-scope .HeroXray__provider{
  font-size:0.8rem;
  font-weight:500;
  color:#111827;
}

/* Toggle button */
.fmg-compare-hero-scope .HeroXrayToggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 22px;
  min-height:44px;
  font-weight:800;
  font-size:0.95rem;
  line-height:1.1;
  letter-spacing:0.01em;
  border-radius:9999px;
  border:1px solid rgba(31,35,64,0.16);
  background:rgba(255,255,255,0.94);
  color:#111827;
  box-shadow:0 6px 16px rgba(15,23,42,0.16);
  backdrop-filter:blur(4px);
  cursor:pointer;
  white-space:nowrap;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.1s ease,
    border-color 0.2s ease;
}

.fmg-compare-hero-scope .HeroXrayToggle:hover{
  box-shadow:0 8px 20px rgba(15,23,42,0.18);
  transform:translateY(-1px);
}

.fmg-compare-hero-scope .HeroXrayToggle:focus-visible{
  outline:3px solid rgba(96,110,248,0.55);
  outline-offset:2px;
}

/* Active state */
.fmg-compare-hero-scope .HeroXrayToggle.is-active{
  background-image:linear-gradient(90deg,#7334F0,#606EF8);
  background-size:200% 100%;
  background-position:0% 50%;
  color:#ffffff;
  border-color:rgba(255,255,255,0.3);
  box-shadow:0 10px 24px rgba(15,23,42,0.22);
}

.fmg-compare-hero-scope .HeroXrayToggle.is-active:hover{
  background-position:100% 50%;
}

/* Meta row above card */
.fmg-compare-hero-scope .HeroXray__meta{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:6px;
}

/* Pricing-model chip */
.fmg-compare-hero-scope .HeroXray__meta-chip--model{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:9999px;
  border:1px solid #E5E7EB;
  background:rgba(148,163,184,0.10);
  color:#4B5563;
  font-weight:600;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:none;
  opacity:0.9;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.fmg-compare-hero-scope .HeroXray__meta-chip--model::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9CA3AF;
  flex-shrink:0;
}

.fmg-compare-hero-scope .HeroXray__meta-chip--model::after{
  content:attr(data-label-default);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model{
  background:#FFFFFF;
  color:#111827;
  border-color:#CBD5F5;
  box-shadow:0 8px 18px rgba(15,23,42,0.14);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model::before{
  background:#3B82F6;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model::after{
  content:attr(data-label-active);
}

/* Card shell */
.fmg-compare-hero-scope .HeroXray__card{
  background:#FAF9F6;
  border:1px solid #E8E2D7;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(17,12,8,0.04);
  overflow:hidden;
  transition:
    opacity 0.18s ease,
    box-shadow 0.22s ease,
    transform 0.18s ease,
    filter 0.18s ease;
}

/* Rows */
.fmg-compare-hero-scope .HeroXray__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  font-size:0.8rem;
  line-height:1.35;
  border-top:1px solid #E6DFD2;
}

.fmg-compare-hero-scope .HeroXray__row:first-child{
  border-top:none;
}

.fmg-compare-hero-scope .HeroXray__row--month1,
.fmg-compare-hero-scope .HeroXray__row--ongoing{
  background:#F7F3EC;
}

.fmg-compare-hero-scope .HeroXray__row--notes{
  background:#FAF9F6;
  font-size:0.8rem;
  color:#4B5563;
}

.fmg-compare-hero-scope .HeroXray__label{
  flex:1 1 auto;
  min-width:0;
  color:#374151;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.fmg-compare-hero-scope .HeroXray__price{
  flex:0 0 auto;
  margin-left:12px;
  font-weight:700;
  color:#111827;
  white-space:nowrap;
}

.fmg-compare-hero-scope .HeroXray__row--month1 .HeroXray__price{
  font-size:1.05rem;
  font-weight:800;
}

.fmg-compare-hero-scope .HeroXray__row--month1 .HeroXray__label{
  color:#111827;
}

/* Hero X-ray chips */
.fmg-compare-hero-scope .HeroXray__chip{
  display:inline-flex;
  align-self:flex-start;
  margin-bottom:2px;
  padding:3px 10px;
  border-radius:9999px;
  font-size:0.8rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.06em;
  line-height:1.3;
  opacity:0.8;
  box-shadow:none;
}

.fmg-compare-hero-scope .HeroXray__chip--month1,
.fmg-compare-hero-scope .HeroXray__chip--ongoing{
  background:rgba(115,52,240,0.04);
  color:#6B5BB0;
}

.fmg-compare-hero-scope .HeroXray__chip--notes{
  background:rgba(148,163,184,0.12);
  color:#4B5563;
}

.fmg-compare-hero-scope .HeroXray__chipLabel{
  white-space:nowrap;
}

.fmg-compare-hero-scope .HeroXray__chipLabel--default{ display:inline; }
.fmg-compare-hero-scope .HeroXray__chipLabel--active{ display:none; }

.fmg-compare-hero-scope .HeroXray--open .HeroXray__chip{
  opacity:1;
  box-shadow:0 3px 8px rgba(15,23,42,0.18);
  transform:translateY(-1px);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__chipLabel--default{ display:none; }
.fmg-compare-hero-scope .HeroXray--open .HeroXray__chipLabel--active{ display:inline; }

.fmg-compare-hero-scope .HeroXray--open .HeroXray__chip--month1,
.fmg-compare-hero-scope .HeroXray--open .HeroXray__chip--ongoing{
  background:rgba(115,52,240,0.12);
  color:#4B3AA4;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__chip--notes{
  background:rgba(148,163,184,0.24);
  color:#374151;
}

/* Hero X-ray label text */
.fmg-compare-hero-scope .HeroXray__labelLine--default{ display:inline; }
.fmg-compare-hero-scope .HeroXray__labelLine--active{ display:none; }
.fmg-compare-hero-scope .HeroXray--open .HeroXray__labelLine--default{ display:none; }
.fmg-compare-hero-scope .HeroXray--open .HeroXray__labelLine--active{ display:inline; }

/* Ghost vs open states */
.fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card{
  opacity:0.78;
  transform:translateY(2px);
  box-shadow:0 8px 18px rgba(15,23,42,0.12);
  filter:saturate(0.85);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__card{
  opacity:1;
  transform:translateY(0);
  box-shadow:0 18px 45px rgba(15,23,42,0.18);
  filter:saturate(1);
}

.fmg-compare-hero-scope .HeroXray--ghost .HeroXray__label,
.fmg-compare-hero-scope .HeroXray--ghost .HeroXray__price{
  opacity:0.7;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__label,
.fmg-compare-hero-scope .HeroXray--open .HeroXray__price{
  opacity:1;
}

/* Soft halo */
.fmg-compare-hero-scope .HeroXray::before{
  content:"";
  position:absolute;
  inset:-4px -8px auto auto;
  width:108%;
  height:112%;
  border-radius:28px;
  background:
    radial-gradient(circle at 40% 0,
      rgba(115,52,240,0.16),
      rgba(115,52,240,0.04),
      rgba(255,255,255,0)
    );
  z-index:-1;
  opacity:0;
  pointer-events:none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray::before{
  opacity:0.5;
  transform:translateY(-1px);
}

/* Mobile tweaks */
@media (max-width:640px){
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare{ overflow:visible; }
  .fmg-compare-hero-scope.ComparePage--paid .HeroXray{
    max-width:100%;
    overflow:visible;
  }
}

@media (max-width:640px){
  .fmg-compare-hero-scope .HeroXray__row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:12px 14px 14px;
  }

  .fmg-compare-hero-scope .HeroXray__label{
    font-size:0.9rem;
    line-height:1.55;
  }

  .fmg-compare-hero-scope .HeroXray__price{
    align-self:flex-start;
    margin-left:0;
    margin-top:2px;
    font-size:0.98rem;
  }

  .fmg-compare-hero-scope .HeroXray__row + .HeroXray__row{
    margin-top:2px;
  }
}

/* Mobile hero layout hard override */
@media (max-width: 992px){
  .fmg-compare-hero-scope .HeroPanel--adcompare{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    overflow-x:hidden;
  }

  .fmg-compare-hero-scope .HeroPanel--adcompare .HeroPanel__copy,
  .fmg-compare-hero-scope .HeroPanel--adcompare .HeroPanel__visual{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 auto !important;
  }

  .fmg-compare-hero-scope .HeroPanel--adcompare .HeroPanel__copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px;
  }

  .fmg-compare-hero-scope .HeroPanel--adcompare .HeroPanel__copy > .elementor-widget{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }
}
/* Plugin compaction layer: preserve SEO + x-ray cue while pulling controls closer on tablet/mobile */
@media (max-width: 992px) {
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .e-con-inner,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-container,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-row {
    row-gap: 10px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    margin-top: 12px;
    margin-bottom: 14px;
    padding: 14px 14px 12px;
    border-radius: 18px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
    font-size: clamp(1.65rem, 7.2vw, 2.05rem);
    line-height: 1.14;
    margin: 0 0 .18em;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    margin: .15em 0 .65em;
    font-size: .96rem;
    line-height: 1.42;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
    min-height: 48px;
    padding: 10px 18px;
    font-size: .98rem;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__visual {
    padding-top: 0;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    margin-bottom: 8px;
  }

  .fmg-compare-hero-scope .HeroXray__meta {
    margin-bottom: 6px;
  }

  .fmg-compare-hero-scope .HeroXray__card {
    position: relative;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 172px;
    overflow: hidden;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row--notes {
    display: none;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(247,243,236,0), rgba(247,243,236,.92) 65%, rgba(247,243,236,1));
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__card::after {
    display: none;
  }
}

@media (max-width: 640px) {
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 12px 12px 10px;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    min-height: 40px;
    padding: 9px 16px;
    font-size: .9rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 152px;
  }
}

/* ============================================
   Immersive Health v4.0 Polish Layer
   Philosophy: stage + stone card + tactile controls
   ============================================ */

.CompareHeroMount {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border-radius: 28px;
  padding: clamp(8px, 1vw, 12px);
  background:
    radial-gradient(1000px 320px at 12% -8%, rgba(115,52,240,0.08), rgba(115,52,240,0) 55%),
    radial-gradient(720px 280px at 98% 12%, rgba(96,110,248,0.08), rgba(96,110,248,0) 58%),
    linear-gradient(160deg, rgba(255,255,255,0.78), rgba(244,246,255,0.52));
  border: 1px solid rgba(20,22,51,0.06);
  border-top-color: rgba(255,255,255,0.9);
  box-shadow:
    0 2px 6px rgba(20,22,51,0.04),
    0 18px 36px rgba(20,22,51,0.07);
}

.CompareHeroMount::before {
  content: "";
  position: absolute;
  inset: -8px 4% auto;
  height: 72px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(115,52,240,0.16), rgba(115,52,240,0));
  filter: blur(14px);
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
}

.CompareHeroMount::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.26), rgba(255,255,255,0)),
    radial-gradient(circle at 18% 14%, rgba(255,255,255,0.42), rgba(255,255,255,0) 45%);
  opacity: 0.55;
}

.CompareHeroMount > .e-con-inner,
.CompareHeroMount > .elementor-container,
.CompareHeroMount > .elementor-widget-wrap,
.CompareHeroMount > .elementor-element-populated {
  position: relative;
  z-index: 1;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
  position: relative;
  isolation: isolate;
  border-radius: 26px;
  border: 1px solid rgba(224,227,245,0.95);
  border-top: 1px solid rgba(255,255,255,0.9);
  background:
    radial-gradient(1200px 420px at 6% -22%, rgba(96,110,248,0.22), rgba(96,110,248,0) 55%),
    radial-gradient(740px 360px at 96% 8%, rgba(191,169,255,0.32), rgba(191,169,255,0) 60%),
    linear-gradient(180deg, #f9faff 0%, #edf0ff 100%);
  box-shadow:
    0 2px 5px rgba(20,22,51,0.04),
    0 16px 30px rgba(20,22,51,0.09),
    inset 0 1px 0 rgba(255,255,255,0.8);
  transition:
    transform 0.42s cubic-bezier(0.175, 0.885, 0.32, 1.05),
    box-shadow 0.42s cubic-bezier(0.175, 0.885, 0.32, 1.05),
    border-color 0.36s cubic-bezier(0.19, 1, 0.22, 1);
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(255,255,255,0) 22%),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,0.26), rgba(255,255,255,0) 42%);
  opacity: 0.7;
  z-index: -1;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare::after {
  content: "";
  position: absolute;
  inset: auto 24px -10px 24px;
  height: 26px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(20,22,51,0.16), rgba(20,22,51,0));
  filter: blur(12px);
  opacity: 0.55;
  z-index: -2;
  pointer-events: none;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare:hover {
  box-shadow:
    0 3px 7px rgba(20,22,51,0.05),
    0 22px 42px rgba(20,22,51,0.11),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
  letter-spacing: -0.02em;
  text-wrap: balance;
  color: #141633;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
  max-width: 52ch;
  color: #3d465d;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,0.3);
  box-shadow:
    0 2px 4px rgba(20,22,51,0.06),
    0 14px 26px rgba(70,78,170,0.22);
  transition:
    transform 0.34s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    box-shadow 0.34s cubic-bezier(0.19, 1, 0.22, 1),
    filter 0.28s cubic-bezier(0.19, 1, 0.22, 1),
    background-position 0.36s cubic-bezier(0.19, 1, 0.22, 1);
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0));
  pointer-events: none;
  opacity: 0.8;
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button:hover,
.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 3px 8px rgba(20,22,51,0.07),
    0 20px 36px rgba(70,78,170,0.28);
}

.fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button:active {
  transform: scale(0.985) translateY(1px);
  box-shadow:
    0 2px 5px rgba(20,22,51,0.08),
    0 10px 20px rgba(70,78,170,0.2);
}

.fmg-compare-hero-scope .HeroXray {
  transition:
    transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.12),
    filter 0.34s cubic-bezier(0.19, 1, 0.22, 1);
}

.fmg-compare-hero-scope .HeroXray__provider {
  color: #26304f;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.fmg-compare-hero-scope .HeroXrayToggle {
  border-top-color: rgba(255,255,255,0.9);
  box-shadow:
    0 2px 4px rgba(20,22,51,0.04),
    0 8px 18px rgba(20,22,51,0.12);
  transition:
    transform 0.34s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    box-shadow 0.34s cubic-bezier(0.19, 1, 0.22, 1),
    background 0.34s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.28s cubic-bezier(0.19, 1, 0.22, 1),
    color 0.28s cubic-bezier(0.19, 1, 0.22, 1);
}

.fmg-compare-hero-scope .HeroXrayToggle:hover {
  border-color: rgba(115,52,240,0.22);
  box-shadow:
    0 3px 8px rgba(20,22,51,0.05),
    0 12px 24px rgba(20,22,51,0.14);
}

.fmg-compare-hero-scope .HeroXrayToggle:active {
  transform: scale(0.98) translateY(1px);
  box-shadow:
    0 2px 4px rgba(20,22,51,0.06),
    0 6px 14px rgba(20,22,51,0.12);
}

.fmg-compare-hero-scope .HeroXrayToggle.is-active {
  box-shadow:
    0 2px 5px rgba(20,22,51,0.07),
    0 12px 26px rgba(70,78,170,0.22);
}

.fmg-compare-hero-scope .HeroXray__meta-chip--model {
  border-top-color: rgba(255,255,255,0.75);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.86), rgba(241,244,250,0.72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.8),
    0 1px 2px rgba(20,22,51,0.04);
}

.fmg-compare-hero-scope .HeroXray__card {
  border-top-color: rgba(255,255,255,0.85);
  background: linear-gradient(165deg, #fbfaf7, #f4efe6);
  box-shadow:
    0 1px 2px rgba(17,12,8,0.04),
    0 10px 24px rgba(20,22,51,0.06);
}

.fmg-compare-hero-scope .HeroXray__row {
  transition:
    background-color 0.28s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.28s cubic-bezier(0.19, 1, 0.22, 1);
}

.fmg-compare-hero-scope .HeroXray__row--month1,
.fmg-compare-hero-scope .HeroXray__row--ongoing {
  background: linear-gradient(180deg, rgba(247,243,236,0.98), rgba(245,240,232,0.95));
}

.fmg-compare-hero-scope .HeroXray__price {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.fmg-compare-hero-scope .HeroXray__row--month1 .HeroXray__price {
  letter-spacing: -0.02em;
}

.fmg-compare-hero-scope .HeroXray__chip {
  border: 1px solid rgba(20,22,51,0.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__card {
  box-shadow:
    0 2px 5px rgba(20,22,51,0.05),
    0 18px 36px rgba(20,22,51,0.14);
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__row {
  border-top-color: rgba(230,223,210,0.88);
}

@media (max-width: 992px) {
  .CompareHeroMount {
    border-radius: 22px;
    padding: 6px;
    box-shadow:
      0 2px 5px rgba(20,22,51,0.04),
      0 12px 24px rgba(20,22,51,0.06);
  }

  .CompareHeroMount::before {
    inset: -6px 6% auto;
    height: 56px;
    opacity: 0.7;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    border-radius: 20px;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    gap: 8px;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .CompareHeroMount {
    border-radius: 18px;
    padding: 4px;
    background:
      radial-gradient(560px 220px at 14% -10%, rgba(115,52,240,0.07), rgba(115,52,240,0) 58%),
      linear-gradient(160deg, rgba(255,255,255,0.74), rgba(244,246,255,0.42));
  }

  .CompareHeroMount::after {
    opacity: 0.35;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    max-width: none;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    align-items: center;
    flex-wrap: wrap;
  }

  .fmg-compare-hero-scope .HeroXray__provider {
    flex: 1 1 0;
    min-width: 0;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    flex: 0 0 auto;
  }
}

/* First-impression fold optimization (portrait tablet + mobile) */
@media (max-width: 992px) {
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .e-con-inner,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-container,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-row {
    row-gap: 8px !important;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    margin-top: 8px;
    margin-bottom: 10px;
    padding: 10px 12px 9px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
    font-size: clamp(1.5rem, 5.1vw, 1.95rem);
    line-height: 1.08;
    margin: 0 0 .14em;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    margin: .08em 0 .45em;
    font-size: .92rem;
    line-height: 1.34;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
    min-height: 44px;
    padding: 9px 16px;
    font-size: .93rem;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    margin-bottom: 5px;
  }

  .fmg-compare-hero-scope .HeroXray__provider {
    font-size: 0.76rem;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    min-height: 38px;
    padding: 8px 14px;
    font-size: .88rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__meta {
    display: none;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta {
    display: flex;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row--ongoing .HeroXray__labelLine--default {
    display: none;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__chip {
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .72rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__label {
    gap: 0;
    font-size: .8rem;
    line-height: 1.3;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row--month1 .HeroXray__price {
    font-size: 1rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 132px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card::after {
    height: 26px;
  }
}

@media (max-width: 640px) {
  .CompareHeroMount {
    padding: 2px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    padding: 9px 10px 8px;
    margin-bottom: 8px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
    font-size: clamp(1.42rem, 8.7vw, 1.9rem);
    line-height: 1.06;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    font-size: .9rem;
    line-height: 1.32;
    margin-bottom: .42em;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    gap: 6px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row {
    padding: 7px 10px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 124px;
  }
}

/* ============================================
   Immersive Health v4.1 - First-Frame Compression
   Goal: preserve SEO + x-ray cue while exposing compare controls sooner
   ============================================ */
@media (max-width: 992px) {
  .CompareHeroMount {
    padding: 2px 3px 3px;
    border-radius: 18px;
    box-shadow:
      0 2px 5px rgba(20,22,51,0.04),
      0 10px 20px rgba(20,22,51,0.05);
  }

  .CompareHeroMount::before {
    height: 46px;
    opacity: 0.62;
  }

  .CompareHeroMount::after {
    opacity: 0.28;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .e-con-inner,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-container,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare > .elementor-row {
    row-gap: 6px !important;
  }

  .fmg-compare-hero-scope .HeroPanel--adcompare .HeroPanel__copy {
    gap: 6px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 8px 10px 7px;
    border-radius: 18px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
    font-size: clamp(1.42rem, 4.9vw, 1.84rem);
    line-height: 1.03;
    margin: 0 0 .1em;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    margin: .02em 0 .3em;
    font-size: .89rem;
    line-height: 1.28;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
    min-height: 40px;
    padding: 8px 14px;
    font-size: .89rem;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__visual {
    padding-top: 0 !important;
  }

  .fmg-compare-hero-scope .HeroXray__header {
    gap: 6px;
    margin-bottom: 4px;
  }

  .fmg-compare-hero-scope .HeroXray__provider {
    font-size: 0.73rem;
    line-height: 1.18;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    min-height: 36px;
    padding: 7px 12px;
    font-size: .82rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__label {
    font-size: .78rem;
    line-height: 1.2;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__chip {
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: .68rem;
    letter-spacing: .045em;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__price {
    margin-left: 8px;
    font-size: .94rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row--month1 .HeroXray__price {
    font-size: .98rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 112px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card::after {
    height: 20px;
  }
}

@media (max-width: 640px) {
  .CompareHeroMount {
    padding: 1px 2px 2px;
    border-radius: 16px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 7px 9px 6px;
    border-radius: 16px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-heading-title {
    font-size: clamp(1.34rem, 8.2vw, 1.82rem);
    line-height: 1.02;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy p {
    font-size: .86rem;
    line-height: 1.24;
    margin-bottom: .28em;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
    min-height: 38px;
    padding: 7px 13px;
    font-size: .86rem;
  }

  .fmg-compare-hero-scope .HeroXray__provider {
    font-size: 0.7rem;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    min-height: 34px;
    padding: 6px 10px;
    font-size: .78rem;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__row {
    padding: 5px 9px;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__label {
    font-size: .75rem;
    line-height: 1.16;
  }

  .fmg-compare-hero-scope .HeroXray--ghost .HeroXray__card {
    max-height: 102px;
  }
}

@media (max-width: 430px) {
  .fmg-compare-hero-scope .HeroXray__header {
    align-items: center;
    flex-wrap: nowrap;
  }

  .fmg-compare-hero-scope .HeroXray__provider {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .fmg-compare-hero-scope .HeroXrayToggle {
    max-width: 68vw;
    white-space: nowrap;
  }
}

/* ============================================
   Immersive Health v4.2 - De-Nest the Hero Frame
   Goal: remove "hat in a hat" by making CompareHeroMount structural (not a second card)
   ============================================ */
.CompareHeroMount {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.CompareHeroMount::before {
  inset: 8px 8% auto;
  height: 54px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(115,52,240,0.14), rgba(115,52,240,0));
  filter: blur(16px);
  opacity: 0.52;
}

.CompareHeroMount::after {
  display: none;
}

@media (max-width: 992px) {
  .CompareHeroMount {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .CompareHeroMount::before {
    inset: 6px 10% auto;
    height: 38px;
    filter: blur(14px);
    opacity: 0.4;
  }
}

@media (max-width: 640px) {
  .CompareHeroMount::before {
    inset: 5px 12% auto;
    height: 28px;
    filter: blur(12px);
    opacity: 0.28;
  }
}

/* ============================================
   Immersive Health v4.3 - Mobile Inset + Xray Caption Anchoring
   Goal: restore comfortable mobile inset; make provider label feel attached to the example card
   ============================================ */
.fmg-compare-hero-scope .HeroXray__header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  column-gap:10px;
  row-gap:0;
  margin-bottom:2px;
}

.fmg-compare-hero-scope .HeroXray__provider{
  align-self:end;
  margin:0 0 -1px;
  padding-left:2px;
  font-weight:700;
  line-height:1.08;
  color:#253050;
  letter-spacing:0.005em;
}

.fmg-compare-hero-scope .HeroXrayToggle{
  align-self:start;
}

.fmg-compare-hero-scope .HeroXray__meta{
  margin-bottom:2px;
}

/* Open state x-ray text: reduce by ~2 visual steps for calmer density */
.fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model{
  font-size:11px;
  line-height:1.15;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__chip{
  font-size:0.72rem;
  line-height:1.2;
  letter-spacing:0.05em;
  padding:2px 9px;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__row{
  font-size:0.74rem;
  line-height:1.25;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__row--notes{
  font-size:0.72rem;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__label{
  gap:1px;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__price{
  font-size:0.9rem;
}

.fmg-compare-hero-scope .HeroXray--open .HeroXray__row--month1 .HeroXray__price{
  font-size:0.96rem;
}

@media (max-width: 992px) {
  .CompareHeroMount{
    padding-inline:10px;
    padding-top:0;
    padding-bottom:0;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare{
    padding-inline:12px;
  }

  .fmg-compare-hero-scope .HeroXray__header{
    column-gap:8px;
    margin-bottom:1px;
  }

  .fmg-compare-hero-scope .HeroXray__provider{
    margin-bottom:-1px;
    padding-left:1px;
  }
}

@media (max-width: 640px) {
  .CompareHeroMount{
    padding-inline:12px;
  }

  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare{
    padding-left:12px;
    padding-right:12px;
  }

  .fmg-compare-hero-scope .HeroXray__provider{
    font-size:0.68rem;
    line-height:1.04;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model{
    font-size:10px;
    padding:4px 9px;
    gap:6px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model::before{
    width:7px;
    height:7px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__chip{
    font-size:0.64rem;
    letter-spacing:0.04em;
    padding:1px 7px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row{
    font-size:0.68rem;
    line-height:1.18;
    padding:6px 10px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--notes{
    font-size:0.66rem;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__price{
    font-size:0.82rem;
    margin-left:8px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--month1 .HeroXray__price{
    font-size:0.9rem;
  }
}

/* ============================================
   Immersive Health v4.4 - Editorial Xray (Desktop Open State)
   Goal: reduce blockiness via wider measure, softer row segmentation, calmer text rhythm
   ============================================ */
@media (min-width: 993px) {
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__visual{
    max-width:500px;
    padding-top:12px;
  }

  .fmg-compare-hero-scope .HeroXray{
    max-width:472px;
  }

  /* Widescreen alignment: remove Elementor boxed inner cap on the hero mount */
  .CompareHeroMount > .e-con-inner{
    width:100% !important;
    max-width:none !important;
  }

  /* Match desktop facet-controls horizontal inset so hero and controls read on one measure */
  .CompareHeroMount{
    padding-inline:10px;
  }

  .fmg-compare-hero-scope .HeroXray__header{
    column-gap:12px;
    margin-bottom:1px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta{
    margin-bottom:3px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model{
    font-size:10px;
    line-height:1.1;
    padding:4px 10px;
    gap:7px;
    letter-spacing:.015em;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__meta-chip--model::before{
    width:7px;
    height:7px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__card{
    border-radius:16px;
    border-color:rgba(230,222,209,.92);
    background:linear-gradient(168deg,#fcfbf8,#f5f0e8);
    box-shadow:
      0 1px 2px rgba(17,12,8,.04),
      0 10px 20px rgba(20,22,51,.08),
      inset 0 1px 0 rgba(255,255,255,.72);
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row{
    align-items:flex-start;
    gap:16px;
    padding:12px 16px;
    font-size:.75rem;
    line-height:1.28;
    border-top-color:rgba(230,223,210,.74);
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--month1,
  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--ongoing{
    background:linear-gradient(180deg,rgba(247,243,236,.82),rgba(245,240,232,.62));
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--notes{
    background:linear-gradient(180deg,rgba(250,249,246,.94),rgba(248,246,241,.9));
    padding-top:11px;
    padding-bottom:12px;
    font-size:.7rem;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__label{
    max-width:31ch;
    gap:2px;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__labelLine--active{
    color:#3b4358;
    line-height:1.32;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__price{
    min-width:112px;
    margin-left:6px;
    text-align:right;
    align-self:flex-start;
    padding-top:1px;
    line-height:1.05;
    letter-spacing:-.01em;
    font-size:.92rem;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__row--month1 .HeroXray__price{
    font-size:1rem;
  }

  .fmg-compare-hero-scope .HeroXray--open .HeroXray__chip{
    font-size:.64rem;
    line-height:1.15;
    letter-spacing:.045em;
    padding:2px 8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(20,22,51,.05);
    transform:none;
  }
}

/* Example offer card inset: add interior breathing room without changing external card margins */
.fmg-compare-hero-scope .HeroXray__card{
  padding:6px 8px;
  box-sizing:border-box;
  background-clip:padding-box;
}

.fmg-compare-hero-scope .HeroXray__row{
  border-radius:10px;
}

@media (prefers-reduced-motion: reduce) {
  .CompareHeroMount,
  .CompareHeroMount::before,
  .CompareHeroMount::after,
  .fmg-compare-hero-scope .HeroXray,
  .fmg-compare-hero-scope .HeroXray::before,
  .fmg-compare-hero-scope .HeroXray__card,
  .fmg-compare-hero-scope .HeroXray__row,
  .fmg-compare-hero-scope .HeroXrayToggle,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare,
  .fmg-compare-hero-scope.ComparePage--paid .HeroPanel--adcompare .HeroPanel__copy .elementor-button {
    transition: none !important;
    animation: none !important;
  }
}

