/* HoneyPower | honeypowershoap.com | custom layer on Bootstrap 5 */
:root{
  --hp-night:#120E0B;
  --hp-night-2:#1E1813;
  --hp-night-3:#2A221B;
  --hp-gold:#C9A052;
  --hp-gold-lt:#E8C478;
  --hp-gold-dk:#9C7732;
  --hp-parch:#F6F1E7;
  --hp-parch-2:#ECE3D2;
  --hp-text:#231C16;
  --hp-muted:#6A5E52;
  --hp-line:#E0D5C2;
  --hp-rust:#A8452B;
  --hp-display:"Marcellus",Georgia,"Times New Roman",serif;
  --hp-body:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--hp-body);color:var(--hp-text);background:#fff;font-size:1.08rem;line-height:1.7}
img{max-width:100%;height:auto}
a{color:var(--hp-gold-dk)}
a:hover{color:var(--hp-text)}
:focus-visible{outline:3px solid var(--hp-gold-lt);outline-offset:3px}
h1,h2,h3{font-family:var(--hp-display);font-weight:400;line-height:1.12;color:var(--hp-text);letter-spacing:.01em}
h2{font-size:clamp(1.9rem,3.7vw,2.7rem);margin-bottom:.9rem}
h3{font-size:1.3rem;margin-bottom:.4rem}
.lead-p{font-size:1.14rem;color:var(--hp-muted);max-width:64ch}
.measure{max-width:70ch}
.hp-sec{padding:84px 0}
.hp-sec--parch{background:var(--hp-parch)}
.hp-sec--night{background:var(--hp-night);color:#E6DCCB}
.hp-sec--night h2,.hp-sec--night h3{color:#FBF4E6}
.hp-sec--night .lead-p{color:#BFB29D}
.hp-sec--night2{background:var(--hp-night-2);color:#E6DCCB}
.hp-sec--night2 h2,.hp-sec--night2 h3{color:#FBF4E6}
.hp-sec--night2 .lead-p{color:#BFB29D}

.hp-strip{background:var(--hp-gold);color:var(--hp-night);font-weight:600;font-size:.9rem;text-align:center;padding:.45rem 1rem}
.hp-strip strong{color:#000}
.hp-nav{background:var(--hp-night);border-bottom:1px solid #3A3026}
.hp-nav .navbar-brand{font-family:var(--hp-display);font-size:1.55rem;color:#FBF4E6}
.hp-nav .navbar-brand img{width:34px;height:34px;border-radius:6px;margin-right:.55rem}
.hp-nav .nav-link{color:#DCCFB9;font-weight:500}
.hp-nav .nav-link:hover,.hp-nav .nav-link:focus{color:var(--hp-gold-lt)}
.hp-nav .navbar-toggler{border-color:var(--hp-gold)}

.btn-hp{display:inline-block;background:linear-gradient(180deg,var(--hp-gold-lt),var(--hp-gold));color:var(--hp-night);font-weight:700;border:0;border-radius:4px;padding:.9rem 1.6rem;font-size:1.04rem;text-decoration:none;letter-spacing:.02em;transition:filter .15s ease}
.btn-hp:hover,.btn-hp:focus{filter:brightness(1.08);color:var(--hp-night)}
.btn-hp--line{background:transparent;color:var(--hp-gold-lt);box-shadow:inset 0 0 0 1.5px var(--hp-gold)}
.btn-hp--line:hover,.btn-hp--line:focus{background:rgba(201,160,82,.12);color:#fff}
.btn-hp--lg{padding:1.05rem 2rem;font-size:1.12rem}

/* hero */
.hp-hero{background:radial-gradient(70% 70% at 72% 48%,#2B2016 0%,var(--hp-night) 70%);color:#E6DCCB;padding:48px 0 72px;overflow:hidden}
.hp-hero h1{color:#FBF4E6;font-size:clamp(2.3rem,5.2vw,3.8rem);margin-bottom:1rem}
.hp-hero h1 span{display:block;font-family:var(--hp-body);font-weight:500;font-size:.42em;color:var(--hp-gold-lt);margin-top:.8rem;line-height:1.35;letter-spacing:.01em}
.hp-hero .hero-sub{font-size:1.12rem;color:#CFC2AC;max-width:56ch}
.hp-hero .btn-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}
.hp-hero .hero-meta{margin-top:1.3rem;font-size:.96rem;color:#B5A78F}
.hp-hero .hero-meta strong{color:#FBF4E6}
.byline{font-size:.9rem;color:var(--hp-muted)}
.hp-hero .byline{color:#8F836F}

/* signature: heptagon seven */
.hept-stage{position:relative;width:min(100%,520px);aspect-ratio:1/1;margin:0 auto}
.hept-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hept-glow{fill:url(#hpGlow)}
.hept-line{fill:none;stroke:var(--hp-gold);stroke-width:1.6;stroke-dasharray:1100;stroke-dashoffset:1100;animation:heptDraw 2.4s .3s ease-out forwards}
.hept-spoke{stroke:rgba(201,160,82,.25);stroke-width:1;stroke-dasharray:4 5}
.hept-node{fill:var(--hp-night);stroke:var(--hp-gold-lt);stroke-width:2;opacity:0;animation:nodeIn .4s ease-out forwards}
.hept-label{font-family:var(--hp-body);font-size:13.5px;font-weight:600;fill:#EADFC9;opacity:0;animation:nodeIn .4s ease-out forwards}
.hept-pulse{fill:var(--hp-gold-lt);opacity:0;animation:pulse 7s ease-in-out 3s infinite}
.hept-bottle{position:absolute;left:50%;top:50%;width:22%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}
@keyframes heptDraw{to{stroke-dashoffset:0}}
@keyframes nodeIn{to{opacity:1}}
@keyframes pulse{0%,8%{opacity:0}4%{opacity:1}100%{opacity:0}}
@media (max-width:991.98px){
  .hp-hero{padding:22px 0 56px}
  .hept-stage{width:100%;max-width:380px;margin-bottom:.2rem}
  .hept-label{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hept-line{animation:none;stroke-dashoffset:0}
  .hept-node,.hept-label{animation:none;opacity:1}
  .hept-pulse{animation:none}
}

/* quick answer + facts */
.quick-answer{background:#fff;color:var(--hp-text);border:1px solid var(--hp-line);border-top:4px solid var(--hp-gold);border-radius:4px;padding:1.5rem 1.7rem}
.quick-answer h2{font-size:1.7rem;color:var(--hp-text)}
.quick-answer p{color:var(--hp-text);margin:0}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.facts div{border-left:3px solid var(--hp-gold);background:#fff;padding:.8rem 1rem}
.facts b{display:block;font-family:var(--hp-display);font-size:1.7rem;color:var(--hp-gold-dk);line-height:1.1;font-weight:400}
.facts span{font-size:.93rem;color:var(--hp-muted)}
@media (min-width:768px){.facts{grid-template-columns:repeat(3,1fr)}}

.badge-tile{text-align:center;padding:1rem}
.badge-tile svg{width:66px;height:66px;margin-bottom:.8rem}
.badge-tile p{font-size:.97rem;color:var(--hp-muted);margin:0}

.voice{background:#fff;border:1px solid var(--hp-line);border-radius:4px;padding:1.4rem;height:100%}
.voice .who{display:flex;gap:.8rem;align-items:center;margin-bottom:.6rem}
.voice .av{width:44px;height:44px;border-radius:50%;background:var(--hp-night);color:var(--hp-gold-lt);display:grid;place-items:center;font-family:var(--hp-display);font-size:1.2rem;flex:none}
.voice h3{font-size:1.12rem;margin:0}
.voice p{margin:0}
.note-small{font-size:.9rem;color:var(--hp-muted)}

.steps{list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{position:relative;padding:0 0 1.4rem 3.8rem}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:2.6rem;height:2.6rem;clip-path:polygon(50% 0,90% 20%,100% 62%,72% 100%,28% 100%,0 62%,10% 20%);background:var(--hp-gold);color:var(--hp-night);display:grid;place-items:center;font-family:var(--hp-display);font-size:1.2rem}
.steps p{margin:0;color:#CFC2AC}

.offer-box{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.offer-box img{width:300px;flex:none}
.offer-box>div{flex:1 1 320px}
.offer-box .price-now{font-family:var(--hp-display);font-size:clamp(2.5rem,6vw,3.4rem);color:var(--hp-gold-lt);line-height:1}
.offer-box .price-was{text-decoration:line-through;color:#9F917A}
.price-note{background:rgba(255,255,255,.05);border:1px solid #3A3026;border-radius:4px;padding:.8rem 1rem;font-size:.93rem;margin-top:1rem;color:#CFC2AC}

.ing{background:#fff;border:1px solid var(--hp-line);border-radius:4px;padding:1.3rem 1.4rem;height:100%;position:relative}
.ing .num{position:absolute;top:1rem;right:1.2rem;font-family:var(--hp-display);font-size:1.8rem;color:var(--hp-parch-2)}
.ing .tag{display:inline-block;font-size:.78rem;font-weight:700;color:var(--hp-gold-dk);text-transform:none;background:var(--hp-parch);border-radius:3px;padding:.1rem .55rem;margin-bottom:.5rem}
.ing .tag--warn{color:#8A3A1F;background:#F7E3DA}
.ing p{margin:0;font-size:1rem}
.honesty{background:#fff;color:var(--hp-text);border:1.5px dashed var(--hp-gold-dk);border-radius:4px;padding:1.3rem 1.5rem}
.honesty h3{color:var(--hp-gold-dk)}
.honesty p{color:var(--hp-text)}
.honesty p:last-child{margin-bottom:0}
.cmp-table{width:100%;border-collapse:collapse;background:#fff;font-size:.96rem}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--hp-line);padding:.55rem .7rem;text-align:left;vertical-align:top}
.cmp-table thead th{background:var(--hp-night);color:#FBF4E6;border-bottom:0}
.table-wrap{overflow-x:auto}

.pcard{position:relative;background:#fff;color:var(--hp-text);border-radius:6px;padding:1.7rem 1.4rem 1.4rem;text-align:center;height:100%;display:flex;flex-direction:column}
.pcard h3{font-size:1.6rem;margin:0;color:var(--hp-text)}
.pcard .supply{color:var(--hp-muted);font-size:.95rem}
.pcard img{height:180px;width:auto;max-width:100%;object-fit:contain;margin:1rem auto}
.pcard .per{font-family:var(--hp-display);font-size:3.2rem;line-height:1;color:var(--hp-text)}
.pcard .per small{font-family:var(--hp-body);font-size:1rem;font-weight:600;color:var(--hp-muted)}
.pcard ul{list-style:none;padding:0;margin:1rem 0;font-size:.96rem}
.pcard ul li{padding:.28rem 0;border-bottom:1px dashed var(--hp-line)}
.pcard .total{font-weight:700;margin-bottom:1rem}
.pcard .total s{color:var(--hp-muted);font-weight:400}
.pcard .btn-hp{margin-top:auto}
.pcard .cards{height:26px;width:auto;margin:.9rem auto 0}
.pcard--best{box-shadow:0 0 0 3px var(--hp-gold),0 22px 44px rgba(0,0,0,.4)}
.pcard .flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--hp-gold);color:var(--hp-night);font-weight:700;font-size:.84rem;padding:.25rem .95rem;border-radius:30px;white-space:nowrap}
@media (min-width:992px){.pcard--best{transform:translateY(-14px)}}

.bonus{background:var(--hp-night-3);border:1px solid #3A3026;border-radius:6px;padding:1.4rem;height:100%;text-align:center}
.bonus img{width:190px;box-shadow:10px 12px 0 rgba(0,0,0,.35);margin-bottom:1.1rem}
.bonus .val{font-size:.92rem;color:#BFB29D;margin-bottom:.5rem}
.bonus .val s{color:#8F836F}
.bonus .val strong{color:var(--hp-gold-lt)}
.bonus p{color:#D8CCB6;margin:0;font-size:.99rem}

.benefit{border-top:1px solid var(--hp-gold);padding-top:1rem;height:100%}
.benefit p{margin:0}

.warn-box{background:#fff;color:var(--hp-text);border:1px solid var(--hp-line);border-left:5px solid var(--hp-rust);border-radius:4px;padding:1.4rem 1.6rem}
.warn-box h3{color:var(--hp-rust)}
.warn-box ul{margin:0;padding-left:1.2rem}
.warn-box li{margin-bottom:.45rem}

.final-cta{text-align:center}
.final-cta .was{font-size:1.12rem;color:#9F917A}
.final-cta .now{font-family:var(--hp-display);font-size:clamp(2.7rem,7vw,4.4rem);color:var(--hp-gold-lt);line-height:1;margin:.3rem 0 1.2rem}

.hp-faq .accordion-item{border:0;border-bottom:1px solid var(--hp-line);background:transparent}
.hp-faq .accordion-button{font-family:var(--hp-display);font-size:1.15rem;color:var(--hp-text);background:transparent;padding:1.05rem 0;box-shadow:none}
.hp-faq .accordion-button:not(.collapsed){color:var(--hp-gold-dk)}
.hp-faq .accordion-button:focus-visible{outline:3px solid var(--hp-gold-lt)}
.hp-faq .accordion-body{padding:0 0 1.2rem;color:var(--hp-text)}

.refs{font-size:.95rem;padding-left:1.2rem}
.refs li{margin-bottom:.55rem}

.hp-foot{background:var(--hp-night);color:#B5A78F;font-size:.92rem;padding:56px 0 28px}
.hp-foot h2{font-size:1.3rem;color:#FBF4E6}
.hp-foot a{color:var(--hp-gold-lt);text-decoration:none}
.hp-foot a:hover{text-decoration:underline;color:#fff}
.hp-foot .btn-hp,.hp-foot .btn-hp:hover{color:var(--hp-night);text-decoration:none}
.hp-foot ul{list-style:none;padding:0}
.hp-foot li{margin-bottom:.35rem}
.hp-foot .disc{border-top:1px solid #3A3026;margin-top:2rem;padding-top:1.4rem;font-size:.86rem}

.page-head{background:var(--hp-parch);padding:48px 0 40px;border-bottom:1px solid var(--hp-line)}
.page-head h1{font-size:clamp(2.1rem,5vw,3.2rem)}
.crumbs{font-size:.9rem;margin-bottom:.6rem}
.legal{max-width:76ch}
.legal h2{font-size:1.6rem;margin-top:2rem}