/* V93 — make pricing card width align with one-to-one support, and make 2x2 tiles longer/more comfortable */

/* Keep section heading roomy, but align the actual pricing card width with ONE-TO-ONE SUPPORT */
.hero-experience .pricing > .wrap{
  width:min(calc(100% - 48px),1240px)!important;
}
.hero-experience .compact-pricing-grid{
  width:min(100%,1080px)!important;
  margin:34px auto 0!important;
}

/* Match the overall card width feel to the support block */
.hero-experience .compact-pricecard{
  padding:58px 48px 40px!important;
  border-radius:30px!important;
}

/* 2x2 tiles: a bit wider-looking and less cramped */
.hero-experience .compact-pricecard .pricing-value-grid{
  gap:20px!important;
  margin:0 0 26px!important;
}
.hero-experience .compact-pricecard .pricing-value-item{
  min-height:154px!important;
  padding:24px 28px 22px!important;
  border-radius:22px!important;
}
.hero-experience .compact-pricecard .pricing-value-label{
  margin-bottom:12px!important;
  font-size:11.5px!important;
  letter-spacing:.155em!important;
}
.hero-experience .compact-pricecard .pricing-value-item strong{
  font-size:clamp(18px,1.45vw,20px)!important;
  line-height:1.56!important;
}
html[lang="en"] .hero-experience .compact-pricecard .pricing-value-item strong{
  font-size:clamp(16.5px,1.3vw,18.5px)!important;
  line-height:1.56!important;
}

/* keep button and note proportional */
.hero-experience .compact-pricecard > .btn.primary.full-width{
  min-height:78px!important;
  border-radius:20px!important;
  font-size:23px!important;
}
.hero-experience .compact-pricecard .trial-payment-note{
  max-width:860px!important;
  font-size:14.5px!important;
}

/* support block stays same width system */
.hero-experience > .clinic-support{
  width:min(calc(100% - 48px),1080px)!important;
}

@media (max-width: 1100px){
  .hero-experience .compact-pricing-grid{
    width:min(100%,980px)!important;
  }
  .hero-experience .compact-pricecard{
    padding:48px 32px 34px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    gap:16px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:146px!important;
    padding:22px 22px 20px!important;
  }
}

@media (max-width: 760px){
  .hero-experience .compact-pricing-grid,
  .hero-experience > .clinic-support{
    width:min(calc(100% - 28px),1080px)!important;
  }
  .hero-experience .compact-pricecard{
    padding:30px 20px 24px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    gap:12px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:0!important;
    padding:20px 18px!important;
    border-radius:16px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-label{
    font-size:11px!important;
    margin-bottom:8px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item strong,
  html[lang="en"] .hero-experience .compact-pricecard .pricing-value-item strong{
    font-size:17px!important;
    line-height:1.5!important;
  }
  .hero-experience .compact-pricecard > .btn.primary.full-width{
    min-height:60px!important;
    font-size:19px!important;
    border-radius:16px!important;
  }
}