html,body{margin:0;padding:0;background:#FDFDFC;overflow-x:hidden}
.elementor-widget-html .elementor-widget-container{padding:0!important}
.elementor-page .elementor{margin:0}
.hbp-page{--green:#102F08;--cream:#EDE9DE;--bg:#FDFDFC;--sage:#B7D4B0;--sage2:#C2E2BA;--mint:#52C134;--card:#FCFBF9;--muted:#F2F1EE;--gray:#999;--soft:#F8F7F4;color:var(--green);background:#FDFDFC;font-family:"Clash Grotesk",system-ui,sans-serif;line-height:1.4}
.hbp-page *{box-sizing:border-box}
.hbp-page img{max-width:100%;height:auto;display:block}
.hbp-page a{color:inherit;text-decoration:none}
.hbp-wrap{max-width:1400px;margin:0 auto}
.hbp-inner{padding:0 40px}
@media(max-width:780px){.hbp-inner{padding:0 20px}}

/* Header */
.hbp-header{background:#102F08;height:121px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:50}
.hbp-logo{width:190px;height:53px;object-fit:contain}
.hbp-nav{display:flex;gap:32px;align-items:center;color:var(--cream);font-size:18px}
.hbp-nav a{white-space:nowrap}
.hbp-nav a.is-active{font-weight:700;border-bottom:1.5px solid var(--cream);padding-bottom:2px}
.hbp-header-right{display:flex;align-items:center;gap:32px}
.hbp-icons{display:flex;gap:24px;align-items:center}
.hbp-icons svg{width:22px;height:20px;fill:none;stroke:var(--cream);stroke-width:1.6}
.hbp-btn-shop{background:#F4F3ED;color:var(--green);border-radius:16px;padding:8px 20px;font-size:18px;font-weight:600;line-height:1.8}
@media(max-width:980px){.hbp-nav{display:none}.hbp-header{height:80px;padding:0 20px}}

/* Hero */
.hbp-hero{padding:34px 40px 48px;background:#FDFDFC}
.hbp-crumb{font-size:16px;margin:0 0 22px}
.hbp-hero-grid{display:grid;grid-template-columns:774fr 504fr;gap:48px;align-items:start}
@media(max-width:1100px){.hbp-hero-grid{grid-template-columns:1fr}.hbp-hero{padding:24px 20px}}
.hbp-gallery{display:flex;flex-direction:column;gap:24px}
.hbp-main-img{position:relative;width:100%;aspect-ratio:774/543;background:#fff;border-radius:12px;overflow:hidden}
.hbp-main-img>img{width:100%;height:100%;object-fit:contain}
.hbp-badges{position:absolute;left:0;top:60px;display:flex;flex-direction:column;gap:32px}
.hbp-badge{width:120px;height:120px;border-radius:100px;background:var(--soft);border:2px solid var(--mint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 10px;text-align:center;font-size:12px;font-weight:600;line-height:1.2}
.hbp-badge svg{width:42px;height:34px}
.hbp-thumbs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}
.hbp-navbtn{width:40px;height:40px;border-radius:20px;border:1px solid #B3B3B3;background:#fff;color:#4D4D4D;font-size:20px;display:flex;align-items:center;justify-content:center}
.hbp-thumb{width:90px;height:90px;border-radius:8px;border:1px solid #D9D9D9;background:#EBEBEB;overflow:hidden}
.hbp-thumb.is-on{border:2px solid var(--mint)}
.hbp-thumb img{width:100%;height:100%;object-fit:contain}
.hbp-buy h1{font-family:"Clash Display",sans-serif;font-weight:600;font-size:48px;line-height:1.05;margin:10px 0 16px}
.hbp-lead{font-size:16px;max-width:448px;margin:0 0 20px}
.hbp-price-row{display:flex;align-items:baseline;gap:8px;margin:0 0 16px}
.hbp-price{font-family:"Clash Display",sans-serif;font-weight:500;font-size:40px}
.hbp-price-note{font-size:16px;color:var(--gray)}
.hbp-select{display:inline-flex;align-items:center;gap:10px;background:var(--muted);border:1px solid var(--sage);border-radius:16px;padding:10px 16px;font-size:16px;margin:0 0 24px}
.hbp-cart-row{display:flex;gap:22px;align-items:center;margin:0 0 22px}
.hbp-qty{display:flex;width:159px;height:46px;border:1px solid var(--sage);border-radius:15px;overflow:hidden;background:var(--card)}
.hbp-qty button{width:39px;border:0;background:var(--muted);font-size:26px;font-weight:700;color:var(--green);cursor:pointer}
.hbp-qty span{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.hbp-atc{background:#102F08;color:#FCFBF9;border:0;border-radius:15px;height:46px;padding:0 28px;font-size:18px;font-weight:600;cursor:pointer;min-width:204px}
.hbp-trust3{display:flex;gap:18px;font-size:14px}
.hbp-trust3 div{display:flex;gap:8px;align-items:flex-start;max-width:160px}
.hbp-trust3 svg{flex:0 0 24px;margin-top:3px}

/* Info bento */
.hbp-info{position:relative;padding:51px 40px 94px;min-height:963px;color:var(--green)}
.hbp-info-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-info-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:33px;max-width:935px}
.hbp-card{background:rgba(252,251,249,.5);border:1px solid var(--sage);border-radius:15px;padding:32px;min-height:368px}
.hbp-card h2,.hbp-info-wide h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:25px;margin:0 0 16px;line-height:1.15}
.hbp-rule{width:58px;height:3px;background:#102F08;margin:0 0 16px}
.hbp-card p{font-size:16px;line-height:1.4;margin:0}
.hbp-checks{display:flex;flex-direction:column;gap:16px}
.hbp-checks li{display:flex;gap:8px;align-items:center;font-size:16px;list-style:none}
.hbp-checks{margin:0;padding:0}
.hbp-info-wide{position:relative;margin-top:27px;max-width:935px;background:rgba(252,251,249,.5);border:1px solid #DADFD0;border-radius:16px;padding:32px}
.hbp-info-wide p{font-size:16px;line-height:1.4;margin:0 0 10px}
@media(max-width:900px){.hbp-info-grid{grid-template-columns:1fr}.hbp-info{padding:32px 20px}}

/* Nutrition */
.hbp-sci{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:64px 40px;background:#FDFDFC}
@media(max-width:980px){.hbp-sci{grid-template-columns:1fr;padding:40px 20px}}
.hbp-box{background:var(--card);border:1px solid var(--sage);border-radius:15px;padding:32px 39px 28px}
.hbp-box h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:25px;margin:0 0 24px}
.hbp-box h2 span{color:var(--sage);font-size:18px}
.hbp-table{width:100%;border-collapse:collapse;border:1px solid var(--sage);border-radius:15px;overflow:hidden;font-size:16px}
.hbp-table th{background:var(--sage);text-align:left;padding:14px 16px;font-weight:700}
.hbp-table td{padding:8px 16px;border-top:1px solid var(--sage)}
.hbp-nrv{font-size:16px;margin:12px 0 18px}
.hbp-acc{border:1px solid var(--sage);border-radius:15px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:18px;background:var(--card)}
.hbp-acc span{font-size:30px;font-weight:700;line-height:1}
.hbp-usage-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:28px}
.hbp-ico{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--muted);display:flex;align-items:center;justify-content:center}
.hbp-usage-item h3{margin:0 0 6px;font-size:18px;font-weight:700}
.hbp-usage-item p{margin:0;font-size:14px;font-weight:600;line-height:1.8}

/* FAQ */
.hbp-faq{display:grid;grid-template-columns:541fr 737fr;gap:40px;padding:0 36px 60px;align-items:start}
@media(max-width:980px){.hbp-faq{grid-template-columns:1fr;padding:0 20px 40px}}
.hbp-faq-photo{position:relative;border-radius:15px;overflow:hidden}
.hbp-faq-photo img{width:100%;height:714px;object-fit:cover;border-radius:15px}
.hbp-faq-cap{position:absolute;left:47px;right:46px;bottom:26px;color:#fff;font-size:24px;font-weight:600;line-height:1.4}
.hbp-faq h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:48px;line-height:1.4;margin:56px 0 32px}
.hbp-faq details{border-radius:15px;margin-bottom:32px;overflow:hidden;border:1px solid #C2E2BA;background:#C2E2BA}
.hbp-faq summary{list-style:none;display:flex;align-items:center;gap:32px;padding:18px 24px;font-family:"Clash Display",sans-serif;font-size:24px;cursor:pointer}
.hbp-faq summary::-webkit-details-marker{display:none}
.hbp-plus{width:30px;height:30px;border-radius:100px;background:#102F08;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 30px}
.hbp-faq details[open]{background:transparent;border-color:#C2E2BA}
.hbp-faq details[open] summary{background:#C2E2BA;border-radius:15px 15px 0 0}
.hbp-faq details p{background:var(--card);margin:0;padding:24px 24px 24px 86px;border:1px solid #C2E2BA;border-top:0;border-radius:0 0 15px 15px;font-size:16px}

/* Testimonials */
.hbp-rev{padding:74px 40px 48px;text-align:center}
.hbp-kicker{display:inline-block;background:var(--muted);border:1px solid rgba(77,181,48,.15);border-radius:15px;padding:16px 40px;letter-spacing:1.6px;font-size:16px;margin-bottom:18px}
.hbp-rev h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:48px;margin:0 0 8px}
.hbp-rev .sub{font-size:16px;margin:0 0 40px}
.hbp-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left;max-width:1280px;margin:0 auto}
@media(max-width:900px){.hbp-rev-grid{grid-template-columns:1fr}.hbp-rev{padding:48px 20px}}
.hbp-rev-card{display:grid;grid-template-columns:115px 1fr;gap:18px;align-items:start}
.hbp-rev-card img{width:115px;height:116px;object-fit:cover}
.hbp-stars{color:#E1B866;letter-spacing:2px;font-size:18px}
.hbp-rev-card h3{font-family:"Clash Display",sans-serif;font-weight:600;font-size:20px;margin:8px 0}
.hbp-rev-card p{font-size:14px;margin:0 0 14px}
.hbp-rev-name{font-weight:500;font-size:14px}
.hbp-rev-line{width:56px;height:1px;background:#102F08;margin:8px 0}
.hbp-rev-ok{font-size:12px;display:flex;align-items:center;gap:6px}

/* Landscape */
.hbp-land{position:relative;min-height:479px;color:#FCFBF9}
.hbp-land>img{width:100%;height:479px;object-fit:cover;display:block}
.hbp-land-bar{position:absolute;left:40px;bottom:26px;display:flex;gap:24px;align-items:center;max-width:860px}
.hbp-land-bar h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:22px;margin:0;width:220px}
.hbp-land-bar p{margin:0;font-size:16px;font-weight:600;max-width:430px}
.hbp-vdiv{width:1px;height:82px;background:#FCFBF9;opacity:.7}

/* Trust */
.hbp-trustbar{background:#C2E2BA;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:48px 40px}
.hbp-trustbar>div{display:flex;gap:16px;align-items:center;padding:0 24px}
.hbp-trustbar>div+div{border-left:1px solid rgba(16,47,8,.25)}
.hbp-trustbar strong{display:block;font-size:14px;font-weight:700}
.hbp-trustbar span{font-size:14px;font-weight:400}
@media(max-width:800px){.hbp-trustbar{grid-template-columns:1fr 1fr;gap:20px}.hbp-trustbar>div+div{border:0}}

/* Related */
.hbp-rel{padding:20px 40px 0}
.hbp-rel-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.hbp-rel h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:25px;margin:0}
.hbp-all{background:#C2E2BA;border:1px solid var(--sage);border-radius:15px;padding:16px 24px;font-size:16px}
.hbp-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.hbp-pcard{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--sage);border-radius:15px;min-height:170px;padding:8px 12px 8px 0;overflow:hidden}
.hbp-pcard img{width:150px;height:150px;object-fit:contain}
.hbp-pcard strong{display:block;font-size:16px;margin-bottom:8px}
@media(max-width:980px){.hbp-rel-grid{grid-template-columns:1fr 1fr}.hbp-rel{padding:20px}}

/* Newsletter */
.hbp-news{background:#E7F3C8;margin-top:28px;padding:22px 40px;display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:24px;align-items:center}
.hbp-news h3{font-family:"Clash Display",sans-serif;font-weight:600;font-size:25px;margin:0}
.hbp-news form{display:flex;max-width:318px}
.hbp-news input{flex:1;border:1px solid var(--green);border-radius:5px 0 0 5px;padding:14px 16px;font-size:16px;background:var(--card)}
.hbp-news button{width:72px;border:0;background:#102F08;color:#fff;border-radius:0 5px 5px 0;font-size:22px;cursor:pointer}
.hbp-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-weight:700;font-size:16px}
@media(max-width:900px){.hbp-news{grid-template-columns:1fr;padding:20px}}

/* Audience */
.hbp-aud{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;padding:28px 40px 59px}
.hbp-aud-card{position:relative;min-height:274px;border-radius:15px;overflow:hidden;color:var(--green)}
.hbp-aud-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-aud-card .txt{position:relative;padding:33px 20px 20px 52%;}
.hbp-aud-card h3{font-family:"Clash Display",sans-serif;font-weight:600;font-size:20px;margin:0 0 10px}
.hbp-aud-card p{font-size:14px;margin:0 0 18px}
.hbp-btn-green{display:inline-block;background:var(--mint);color:#F4F3ED;border-radius:16px;padding:10px 24px;font-weight:600;font-size:16px}
.hbp-btn-line{display:inline-block;background:#C2E2BA;border:1px solid var(--green);border-radius:5px;padding:10px 18px;font-size:16px}
@media(max-width:980px){.hbp-aud{grid-template-columns:1fr;padding:20px}.hbp-aud-card .txt{padding:33px 20px 20px 46%}}

/* Footer */
.hbp-footer{background:#102F08;color:#FCFBF9;padding:67px 41px 24px}
.hbp-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px}
.hbp-footer .hbp-logo{width:251px;height:70px;object-fit:contain}
.hbp-footer p.tag{font-size:20px;max-width:302px;margin:20px 0 24px}
.hbp-soc{display:flex;gap:20px}
.hbp-soc a{width:40px;height:40px;border:1px solid #FCFBF9;border-radius:50%;display:flex;align-items:center;justify-content:center}
.hbp-footer h4{font-family:"Clash Display",sans-serif;font-weight:600;font-size:22px;margin:0 0 20px}
.hbp-footer a{text-decoration:underline;display:block;font-weight:600;font-size:18px;line-height:1.8}
.hbp-copy{border-top:1px solid rgba(252,251,249,.4);margin-top:36px;padding-top:16px;font-size:16px}
@media(max-width:800px){.hbp-footer-grid{grid-template-columns:1fr}.hbp-footer{padding:40px 20px 20px}}

/* Homepage */
.hbp-home-hero{position:relative;min-height:720px;display:flex;align-items:center;color:#FCFBF9;overflow:hidden}
.hbp-home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-home-hero .copy{position:relative;padding:96px 72px 96px 100px;max-width:700px;background:linear-gradient(90deg,rgba(16,47,8,.55),transparent)}
.hbp-home-hero h1{font-family:"Clash Display",sans-serif;font-weight:600;font-size:54px;line-height:1.08;margin:0 0 28px}
.hbp-home-hero p{font-size:16px;color:#EBEBEB;max-width:460px;margin:0 0 28px}
.hbp-home-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hbp-btn-mint{display:inline-block;background:#52C134;color:#FCFBF9;border-radius:16px;padding:15px 28px;font-family:"Clash Display",sans-serif;font-weight:600}
.hbp-btn-ghost{display:inline-block;background:rgba(0,0,0,.25);border:1px solid #B7D4B0;color:#FCFBF9;border-radius:16px;padding:15px 24px}
.hbp-home-meta{display:flex;gap:32px;font-size:14px;color:#fff;flex-wrap:wrap}
.hbp-band{background:#C2E2BA;padding:40px 100px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hbp-band div{display:flex;gap:14px;align-items:center;font-size:16px}
.hbp-sec{padding:96px 100px}
.hbp-sec h2{font-family:"Clash Display",sans-serif;font-weight:600;font-size:42px;line-height:1.08;margin:0 0 18px}
.hbp-sec .lead{font-size:16px;color:#4D4D4D;max-width:560px;margin:0 0 48px}
.hbp-kat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hbp-kat a{position:relative;height:330px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;color:#FCFBF9}
.hbp-kat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-kat span{position:relative;padding:24px;background:linear-gradient(transparent,rgba(16,47,8,.88));width:100%}
.hbp-kat strong{display:block;font-size:24px;font-weight:400;margin-bottom:10px}
.hbp-kat em{font-family:"Clash Display",sans-serif;font-style:normal;font-weight:600;font-size:12px;letter-spacing:.48px}
.hbp-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.hbp-filters a{border:1px solid #B7D4B0;border-radius:16px;padding:10px 18px;font-size:14px;background:#fff}
.hbp-filters a.is-on{font-family:"Clash Display",sans-serif;font-weight:600}
.hbp-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hbp-tile{background:#fff;border:1px solid #B7D4B0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.hbp-tile .ph{height:220px;background:#FCFBF9;display:flex;align-items:center;justify-content:center}
.hbp-tile .ph img{width:100%;height:220px;object-fit:contain}
.hbp-tile .meta{padding:16px 16px 20px}
.hbp-tile h3{font-family:"Clash Display",sans-serif;font-weight:600;font-size:16px;margin:0 0 4px}
.hbp-tile .sub{color:#4D4D4D;margin:0 0 6px}
.hbp-tile .desc{color:#4D4D4D;font-size:14px;margin:0 0 10px}
.hbp-tile .more{font-family:"Clash Display",sans-serif;font-weight:600;font-size:12px;letter-spacing:.48px}
.hbp-why{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hbp-why article{background:#fff;border:1px solid #B7D4B0;border-radius:16px;padding:24px 24px 32px}
.hbp-why .num{font-size:36px;font-weight:600}
.hbp-why h3{font-size:24px;font-weight:400;margin:16px 0 10px}
.hbp-why p{color:#4D4D4D;font-size:14px}
.hbp-quote{text-align:center;font-size:28px;max-width:760px;margin:56px auto 0}
.hbp-dark{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;color:#FCFBF9}
.hbp-dark>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-dark .ov{position:relative;background:rgba(16,47,8,.74);padding:80px 100px;width:100%}
.hbp-dark h2{font-family:"Clash Display",sans-serif;font-weight:500;font-size:36px;margin:0 0 24px}
.hbp-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.hbp-split img.cover{width:100%;height:600px;object-fit:cover;border-radius:16px}
.hbp-checkcard{background:#fff;border:1px solid #B7D4B0;border-radius:16px;padding:28px}
.hbp-checkcard li{list-style:none;padding-left:28px;position:relative;margin:10px 0}
.hbp-checkcard li:before{content:"";position:absolute;left:0;top:10px;width:18px;height:1px;background:#52C134}
.hbp-team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hbp-team article{background:#fff;border:1px solid #B7D4B0;border-radius:16px;padding:24px 24px 28px}
.hbp-team img{width:124px;height:124px;border-radius:100px;object-fit:cover}
.hbp-b2b{background:#C2E2BA}
.hbp-b2b-card{background:#FCFBF9;border:1px solid #B7D4B0;border-radius:16px;padding:28px;width:100%;max-width:440px}
.hbp-b2b-card row,.hbp-b2b-card .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #B7D4B0}
.hbp-cta{position:relative;padding:110px 100px;text-align:center;color:#FCFBF9}
.hbp-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbp-cta .ov{position:absolute;inset:0;background:rgba(16,47,8,.42)}
.hbp-cta .inner{position:relative}
.hbp-cta h2{font-family:"Clash Display",sans-serif;font-weight:500;font-size:54px;line-height:1.08;margin:0 0 32px}
.hbp-legal{padding:80px 100px;max-width:920px}
.hbp-legal h1{font-family:"Clash Display",sans-serif;font-size:42px}
.hbp-legal p,.hbp-legal li{color:#4D4D4D;line-height:1.6}
@media(max-width:980px){
  .hbp-sec,.hbp-band,.hbp-home-hero .copy,.hbp-dark .ov,.hbp-cta,.hbp-legal{padding:40px 20px}
  .hbp-kat,.hbp-pgrid,.hbp-why,.hbp-team,.hbp-split{grid-template-columns:1fr}
  .hbp-home-hero{min-height:520px}
  .hbp-home-hero h1,.hbp-cta h2{font-size:36px}
}
