/* ==========================================================
   CONVERSION PASS, Aug 2026
   Additions only. Nothing above this block was deleted.
   ========================================================== */

/* -- sticky mobile CTA: previously killed by display:none!important -- */
.mobile-bar{
  display:none!important;
}
@media (max-width:820px){
  .mobile-bar{
    display:grid!important;grid-template-columns:1.6fr 1fr;gap:8px;
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(250,247,241,.96);backdrop-filter:blur(8px);
    border-top:1px solid #DCD6C7;box-shadow:0 -6px 22px rgba(26,55,37,.10);
  }
  .mobile-bar a{
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-weight:800;font-size:15px;text-decoration:none;
    padding:14px 10px;border-radius:4px;min-height:48px;
    border:1px solid var(--ficus);color:var(--ficus-deep);background:#fff;
  }
  .mobile-bar a.solid{background:var(--p1-orange);border-color:var(--p1-orange);color:#fff}
  .mobile-bar a:focus-visible{outline:3px solid var(--wood);outline-offset:2px}
  body{padding-bottom:78px}
}

/* -- hero: three ramps, tighter proof -- */
.p1-hero h1{max-width:15ch}
.p1-proofline span:nth-child(4):before{background:var(--p1-orange)}

/* -- WALL OF LOVE (static, crawlable) -- */
.p1-love{background:#fff;padding:66px 0 62px!important;border-bottom:1px solid #EDE7DA}
.p1-love-head{margin-bottom:30px}
.p1-love-head h2{font-size:clamp(30px,3.4vw,42px);max-width:24ch}
.p1-love-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:20px;align-items:stretch}
.p1-love-card{
  background:var(--paper);border:1px solid #E7E2D6;border-left:3px solid var(--oxblood);
  border-radius:4px;padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:space-between;
}
.p1-love-card p{
  font-family:var(--display);font-size:19px;line-height:1.5;font-style:italic;color:#2E3A32;margin:0 0 18px;
}
.p1-love-card p:before{content:"\201C"}
.p1-love-card p:after{content:"\201D"}
.p1-love-card cite{
  font-style:normal;font-weight:900;font-size:14.5px;color:var(--ficus-deep);
  display:flex;flex-direction:column;gap:3px;
}
.p1-love-card cite span{font-weight:600;font-size:13px;color:#6E7A72;letter-spacing:.01em}
.p1-love-score{
  background:var(--ficus-deep);color:#E4EFE6;border-radius:4px;padding:26px 24px;
  display:flex;flex-direction:column;justify-content:center;gap:6px;
}
.p1-love-score strong{font-family:var(--display);font-size:52px;line-height:1;color:#fff;font-weight:400}
.p1-stars{color:var(--p1-lime);letter-spacing:3px;font-size:17px}
.p1-love-score-sub{font-size:14.5px;color:#C4DAC9;line-height:1.45;margin-top:4px}
.p1-love-score .p1-text-link{color:#fff;margin-top:12px;font-size:14.5px}

/* -- self-selection: breadth line for findability + AEO -- */
.p1-condition-also{
  margin-top:20px;font-size:15px;line-height:1.6;color:#33420F;max-width:none!important;
  border-top:1px solid rgba(49,64,14,.22);padding-top:18px;
}
.p1-condition-also a{color:#20300E;font-weight:900;text-underline-offset:3px}

/* -- benefit cards: numbering removed, so restore top rhythm -- */
.p1-benefit{padding-top:30px}
.p1-benefit h3{margin-bottom:12px}

/* -- mid-page CTAs so the only button isn't at the bottom -- */
.p1-inline-cta{margin-top:30px;font-size:17px;font-weight:700;max-width:none!important}
.p1-inline-cta a:not(.btn){color:var(--ficus);text-underline-offset:4px}
.p1-skeptic{
  margin-top:26px;background:rgba(255,255,255,.66);border-left:3px solid var(--ficus);
  padding:18px 20px;border-radius:3px;font-size:16px;line-height:1.6;
}
.p1-skeptic .p1-text-link{margin-top:10px}

/* -- pricing -- */
.p1-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:6px}
.p1-price{
  background:#fff;border:1px solid #D3E3E7;border-top:5px solid var(--ficus);
  border-radius:4px;padding:24px 22px;
}
.p1-price:nth-child(1){border-top-color:var(--p1-orange)}
.p1-price h3{font-size:20px;margin-bottom:10px}
.p1-price strong{
  display:block;font-family:var(--display);font-weight:400;font-size:36px;
  line-height:1;color:var(--ficus-deep);margin-bottom:12px;
}
.p1-price p{font-size:14.5px;line-height:1.55;color:#46524B}
.p1-price-note{margin-top:22px;font-size:16px;color:#3C4A4E}

@media (max-width:900px){
  .p1-love{padding:52px 0 48px!important}
  .p1-love-grid{grid-template-columns:1fr}
  .p1-love-score{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 16px}
  .p1-love-score strong{font-size:40px}
  .p1-love-score-sub{flex:1 1 200px;margin-top:0}
  .p1-price-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .p1-love-card p{font-size:17.5px}
  .p1-price-grid{grid-template-columns:1fr}
  .p1-inline-cta .btn{display:block;width:100%;text-align:center}
}

/* -- testimonial stage collapses if the widget hasn't rendered -- */
.p1-testimonial-stage{padding:0}
.p1-testimonial-stage:has(.ida-testimonials){padding:26px 0 10px}

/* -- mobile: shorter hero image so the headline and CTA sit higher -- */
@media (max-width:900px){ .p1-photo-hero{height:210px} }
@media (max-width:620px){ .p1-photo-hero{height:186px} }

.testi-stage{background:transparent;padding:0;margin:0}
.testi-stage:empty,.testi-stage:not(:has(.ida-testimonials)){display:none}
.testi-stage:has(.ida-testimonials){display:block;padding:8px 0 0}
.ida-testimonials{background:transparent}
