/* Plant Path Immersion "ended" page (ppi-hub plugin). Everything is scoped under #ppi-ended.
   Layout and copy follow the client's approved mockup (Nov 5, 2026). */
#ppi-ended{
  /* Palette, corner radius, and button shape are the hub's (assets/hub.css). */
  --gold:#c3a464; --green:#6b8056; --green-dk:#485531; --brown:#874e2d;
  --ink:#3e453f; --muted:#6d6d5f; --bg:#fbf7ec; --card:#fffdf7; --line:#e1dbc9; --honey:#f3ead5;
  --r:12px;
  --coral:#d9643f; --coral-deep:#a4472a;
  position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;
  background:var(--bg);color:var(--ink);
  font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.6;
}
#ppi-ended, #ppi-ended *, #ppi-ended *::before, #ppi-ended *::after{box-sizing:border-box}
#ppi-ended img{max-width:100%;height:auto;display:block}
#ppi-ended p{margin:0}
#ppi-ended ul{list-style:none;margin:0;padding:0}
#ppi-ended .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
#ppi-ended h1, #ppi-ended h2, #ppi-ended h3{font-family:"Lora",Georgia,serif;font-weight:600;line-height:1.2;margin:0;color:inherit}
#ppi-ended em{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-style:italic}
#ppi-ended :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
#ppi-ended .eyebrow{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
#ppi-ended .fine{font-style:italic;font-size:13.5px;color:var(--muted);margin:10px 0 0;line-height:1.45}

#ppi-ended .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:2px solid transparent;border-radius:999px;font-weight:700;font-size:.98rem;text-decoration:none;color:#fff;transition:transform .15s ease,background .15s ease}
#ppi-ended .btn:hover{transform:translateY(-1px)}
/* Gold buttons match the hub: dark text, since white on this gold is hard to read. */
#ppi-ended .btn-gold{background:var(--gold);color:#2a2414}
#ppi-ended .btn-gold:hover{filter:brightness(1.04)}
#ppi-ended .btn-green{background:var(--green)}
#ppi-ended .btn-green:hover{background:#5a6c48}

/* Hero */
#ppi-ended .hero{background:var(--green-dk);color:#f3eee4;text-align:center;padding:56px 0 110px}
#ppi-ended .hero-logo{width:240px;margin:0 auto 28px}
#ppi-ended .hero .eyebrow{color:var(--gold)}
#ppi-ended .hero h1{font-size:clamp(32px,5vw,48px);color:#fff;max-width:720px;margin:0 auto 16px}
#ppi-ended .hero h1 em{color:var(--gold)}
#ppi-ended .hero-lede{max-width:600px;margin:0 auto;opacity:.88}

/* Countdown */
#ppi-ended .cd{position:relative;margin:56px auto 0;max-width:620px;padding:22px 20px 20px;border:2px solid #e8a487;border-radius:16px;background:linear-gradient(180deg,#fbe1d4,#f6cdb8);box-shadow:0 16px 36px -16px rgba(0,0,0,.45)}
/* Handwritten note, as on the hub's "bookmark this page" */
#ppi-ended .hand{position:absolute;top:-36px;left:6px;font-family:"Caveat",cursive;font-size:1.6rem;color:#ead8b6;line-height:1;transform:rotate(-4deg);white-space:nowrap}
#ppi-ended .hand svg{display:inline;width:46px;height:30px;vertical-align:middle;margin-left:4px}
#ppi-ended .cd.is-ended .hand{display:none}
#ppi-ended .cd-label{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-deep);margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:10px}
#ppi-ended .cd-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex:none;animation:ppi-ended-pulse 1.4s ease-in-out infinite}
@keyframes ppi-ended-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,100,63,.6)}50%{box-shadow:0 0 0 7px rgba(217,100,63,0)}}
#ppi-ended .cd-timer{display:flex;justify-content:center;align-items:flex-start;gap:8px}
#ppi-ended .cd-timer div{background:#fff;color:var(--ink);border-radius:12px;min-width:84px;padding:10px 8px 8px;box-shadow:0 8px 18px -10px rgba(164,71,42,.45);border-bottom:4px solid #e08a68}
#ppi-ended .cd-timer strong{display:block;font-family:"Lora",Georgia,serif;font-weight:600;font-size:40px;line-height:1;color:var(--brown);font-variant-numeric:tabular-nums}
#ppi-ended .cd-timer span{display:block;margin-top:4px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#ppi-ended .cd-timer i{font-style:normal;font-family:"Lora",Georgia,serif;font-size:34px;color:var(--coral-deep);padding-top:8px}
#ppi-ended .cd-sub{margin:14px 0 0;font-size:14px;font-weight:500;color:var(--ink)}
#ppi-ended .cd-ended{display:none;font-family:"Lora",Georgia,serif;font-size:20px;color:var(--ink)}
#ppi-ended .cd.is-ended .cd-timer, #ppi-ended .cd.is-ended .cd-sub, #ppi-ended .cd.is-ended .cd-label{display:none}
#ppi-ended .cd.is-ended .cd-ended{display:block}

/* Two offers, overlapping the hero */
#ppi-ended .offer-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:-60px auto 0;position:relative;z-index:2;align-items:stretch}
#ppi-ended .card{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);box-shadow:0 18px 40px -24px rgba(58,51,40,.35);padding:40px 44px}
#ppi-ended .card-img{max-width:110px;margin:0 0 14px}
#ppi-ended .card .eyebrow{color:var(--green)}
#ppi-ended .card h2{font-size:28px;margin-bottom:10px}
#ppi-ended .card h2 em{color:var(--brown)}
#ppi-ended .card > p:not(.eyebrow):not(.fine){color:var(--muted);margin:0 0 18px}
#ppi-ended .incl{margin:0 0 24px;display:grid;gap:6px}
#ppi-ended .incl li{position:relative;padding-left:26px;font-weight:500}
#ppi-ended .incl li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--green)}
#ppi-ended .incl li::after{content:"";position:absolute;left:5.5px;top:8px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

#ppi-ended .herb{background:var(--honey);border-top:4px solid var(--green);border-radius:var(--r);padding:40px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
#ppi-ended .herb-img{width:100%;max-width:520px;margin:0 auto;align-self:center}
#ppi-ended .herb h3{font-size:26px;margin-bottom:8px}
#ppi-ended .herb h3 em{color:var(--green)}
#ppi-ended .herb div > p:not(.fine){color:var(--muted);font-size:15.5px;max-width:480px}
#ppi-ended .herb-cta .btn{white-space:nowrap}

/* Live-chat quotes */
#ppi-ended .chat{margin:56px auto 0;text-align:center}
#ppi-ended .chat .eyebrow{color:var(--green)}
#ppi-ended .chat h2{font-size:26px;margin-bottom:26px}
#ppi-ended .chat h2 em{color:var(--brown)}
#ppi-ended .bubbles{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px}
#ppi-ended .bubble{display:flex;align-items:flex-start;gap:12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:14px 20px;max-width:520px;box-shadow:0 10px 22px -16px rgba(58,51,40,.4);font-size:16px;line-height:1.45}
#ppi-ended .bubble:nth-child(1){transform:rotate(-1deg)}
#ppi-ended .bubble:nth-child(2){transform:rotate(1.5deg)}
#ppi-ended .bubble:nth-child(3){transform:rotate(-.5deg)}
#ppi-ended .avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff}
#ppi-ended .avatar-green{background:var(--green)}
#ppi-ended .avatar-brown{background:var(--brown)}
#ppi-ended .avatar-gold{background:var(--gold)}
#ppi-ended .handle{font-weight:700;color:var(--muted);margin-right:6px}

/* Thanks */
#ppi-ended .thanks{text-align:center;padding:64px 0 0;max-width:620px;margin:0 auto}
#ppi-ended .sprig{width:110px;margin:0 auto 10px}
#ppi-ended .thanks h2{font-size:26px;margin-bottom:8px}
#ppi-ended .thanks h2 em{color:var(--brown)}
#ppi-ended .thanks p{color:var(--muted)}

/* Partners and footer, as on the hub */
#ppi-ended .partners{text-align:center;padding:64px 0 40px}
#ppi-ended .partners p{color:var(--muted);font-size:.95rem}
#ppi-ended .logos{margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 52px}
#ppi-ended .logos img{width:auto}
#ppi-ended .logos img.wide{height:42px}
#ppi-ended .logos img.herb-logo{height:30px}
#ppi-ended .logos img.seal{height:92px}
#ppi-ended .foot{padding:26px 0 40px;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line)}
#ppi-ended .foot .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

@media (max-width:800px){
  #ppi-ended .offer-row{grid-template-columns:1fr;margin-top:-50px;gap:20px}
  #ppi-ended .card, #ppi-ended .herb{padding:28px 22px}
}
@media (max-width:600px){
  #ppi-ended .bubble{transform:none;font-size:15px}
}
@media (max-width:520px){
  #ppi-ended .cd{padding:18px 12px 16px}
  #ppi-ended .cd-timer{gap:4px}
  #ppi-ended .cd-timer div{min-width:0;flex:1;padding:8px 4px 6px}
  #ppi-ended .cd-timer strong{font-size:28px}
  #ppi-ended .cd-timer span{font-size:9px;letter-spacing:.06em}
  #ppi-ended .cd-timer i{font-size:24px;padding-top:4px}
  #ppi-ended .cd-label{font-size:11px;letter-spacing:.1em}
}
@media (max-width:400px){
  #ppi-ended .herb-cta .btn{font-size:13.5px;padding:11px 18px}
}
@media (prefers-reduced-motion:reduce){
  #ppi-ended, #ppi-ended *{animation:none!important;transition:none!important}
}