/* ===================================================================
   HepatoBurn — hhepatoburn.com
   Design system: "Ember Wellness" — warm cream ground, maroon→gold
   flame gradient, airy rounded cards, no dark backgrounds.
   Prefix: hbn-
   =================================================================== */

:root{
  --hbn-maroon:      #7A1220;
  --hbn-maroon-deep:  #4E0B13;
  --hbn-red:          #D81C2C;
  --hbn-orange:       #F2820E;
  --hbn-gold:         #FBB800;
  --hbn-gold-soft:    #FFD873;
  --hbn-cream:        #FFFBF4;
  --hbn-cream-2:      #FFF3E2;
  --hbn-sand:         #FBE9D4;
  --hbn-ink:          #2B1A14;
  --hbn-ink-soft:     #5B463E;
  --hbn-line:         #F0DCC4;
  --hbn-white:        #FFFFFF;
  --hbn-green:        #2E7D4F;
  --hbn-shadow: 0 18px 38px -18px rgba(122,18,32,.28);
  --hbn-shadow-sm: 0 8px 20px -10px rgba(122,18,32,.22);
  --hbn-radius: 22px;
  --hbn-radius-sm: 14px;
  --hbn-grad-flame: linear-gradient(120deg, var(--hbn-maroon) 0%, var(--hbn-red) 48%, var(--hbn-gold) 100%);
  --hbn-grad-soft: linear-gradient(135deg, #FFF3E2 0%, #FFE2C4 100%);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top: calc(86px + env(safe-area-inset-top,0px));}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--hbn-ink);
  background:var(--hbn-cream);
  -webkit-font-smoothing:antialiased;
  line-height:1.65;
  overflow-x:hidden;
  box-sizing:border-box;
  padding-top: env(safe-area-inset-top,0px);
  padding-bottom: env(safe-area-inset-bottom,0px);
}
img{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
.hbn-wrap{max-width:1180px; margin:0 auto; padding:0 22px;}
.hbn-section{padding:72px 0;}
.hbn-section--tight{padding:48px 0;}
h1,h2,h3,h4{
  font-family:'Lexend',system-ui,sans-serif;
  color:var(--hbn-maroon-deep);
  line-height:1.18;
  margin:0 0 16px;
  font-weight:700;
}
h1{font-size:clamp(26px,4vw,32px);}
h2{font-size:clamp(22px,3.4vw,30px);}
h3{font-size:clamp(18px,2.4vw,21px);}
p{margin:0 0 14px; color:var(--hbn-ink-soft);}
.hbn-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--hbn-red); margin-bottom:10px;
}
.hbn-eyebrow::before{content:""; width:20px; height:2px; background:var(--hbn-gold); display:inline-block;}
.hbn-center{text-align:center; max-width:720px; margin:0 auto 44px;}
.hbn-center p{margin-left:auto; margin-right:auto;}

/* links inside copy */
.hbn-inline-link{color:var(--hbn-red); font-weight:700; border-bottom:1.5px solid var(--hbn-gold); padding-bottom:1px;}
.hbn-inline-link:hover{color:var(--hbn-maroon);}

/* ---------- Buttons ---------- */
.hbn-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:16px 30px; border-radius:100px; font-weight:800; font-size:16px;
  background:var(--hbn-gold); color:var(--hbn-maroon-deep);
  box-shadow:0 14px 26px -12px rgba(251,184,0,.55);
  border:2px solid transparent; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease;
  font-family:'Lexend',sans-serif;
}
.hbn-btn:hover{transform:translateY(-2px); box-shadow:0 18px 32px -12px rgba(251,184,0,.65);}
.hbn-btn--outline{background:transparent; color:var(--hbn-maroon); border:2px solid var(--hbn-maroon); box-shadow:none;}
.hbn-btn--outline:hover{background:var(--hbn-maroon); color:#fff;}
.hbn-btn--block{width:100%;}
.hbn-secure{
  display:flex; align-items:center; gap:6px; justify-content:center;
  font-size:13px; color:var(--hbn-ink-soft); margin-top:10px; font-weight:600;
}

/* ---------- Header ---------- */
.hbn-header{
  position:sticky; top:0; z-index:200;
  background:rgba(255,251,244,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hbn-line);
  padding-top:env(safe-area-inset-top,0px);
}
.hbn-header__bar{display:flex; align-items:center; justify-content:space-between; padding:13px 0; gap:18px;}
.hbn-logo{display:flex; align-items:center; gap:10px; font-family:'Lexend',sans-serif; font-weight:800; font-size:20px; color:var(--hbn-maroon-deep);}
.hbn-logo img{width:36px; height:36px; object-fit:contain;}
.hbn-logo span{color:var(--hbn-red);}
.hbn-nav{display:flex; align-items:center; gap:28px;}
.hbn-nav a{font-weight:600; font-size:15px; color:var(--hbn-ink); white-space:nowrap;}
.hbn-nav a:hover{color:var(--hbn-red);}
.hbn-header__actions{display:flex; align-items:center; gap:14px;}
.hbn-burger{display:none; width:44px; height:44px; border-radius:12px; border:1.5px solid var(--hbn-line); background:#fff; align-items:center; justify-content:center; cursor:pointer;}
.hbn-burger span, .hbn-burger span::before, .hbn-burger span::after{
  content:""; display:block; width:20px; height:2px; background:var(--hbn-maroon-deep); position:relative; transition:.2s;
}
.hbn-burger span::before{position:absolute; top:-6px;}
.hbn-burger span::after{position:absolute; top:6px;}
.hbn-mobile-panel{display:none; flex-direction:column; gap:4px; padding:10px 0 18px;}
.hbn-mobile-panel a{padding:12px 6px; border-bottom:1px solid var(--hbn-line); font-weight:600;}
.hbn-mobile-panel .hbn-btn{margin-top:10px;}

@media (max-width: 991px){
  .hbn-nav{display:none;}
  .hbn-header__actions .hbn-btn{display:none;}
  .hbn-burger{display:flex;}
  .hbn-mobile-panel.is-open{display:flex;}
}

/* ---------- Hero ---------- */
.hbn-hero{padding:54px 0 36px; background:none;}
.hbn-hero__grid{display:grid; grid-template-columns:1.08fr .92fr; gap:52px; align-items:center;}
.hbn-hero__badgebar{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px;}
.hbn-chip{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; background:var(--hbn-sand); color:var(--hbn-maroon-deep); padding:6px 12px; border-radius:100px;}
.hbn-hero h1{margin-bottom:14px;}
.hbn-hero__lead{font-size:17px; color:var(--hbn-ink-soft); margin-bottom:18px;}
.hbn-bullets{display:grid; gap:11px; margin:0 0 22px;}
.hbn-bullets li{display:flex; align-items:flex-start; gap:10px; font-weight:600; color:var(--hbn-ink); font-size:15px;}
.hbn-bullets li::before{content:"✓"; flex:none; width:22px; height:22px; border-radius:50%; background:var(--hbn-grad-flame); color:#fff; font-size:12px; font-weight:900; display:flex; align-items:center; justify-content:center; margin-top:1px;}

.hbn-factbox{
  border:1.5px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); overflow:hidden; margin:22px 0 24px; background:#fff;
}
.hbn-factbox table{width:100%; border-collapse:collapse; font-size:14px;}
.hbn-factbox td{padding:10px 14px; border-bottom:1px solid var(--hbn-line);}
.hbn-factbox tr:last-child td{border-bottom:none;}
.hbn-factbox td:first-child{font-weight:700; color:var(--hbn-maroon); width:42%;}

.hbn-numbered{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 26px;}
.hbn-numbered__item{background:#fff; border:1px solid var(--hbn-line); border-radius:16px; padding:16px 14px; display:flex; gap:10px; align-items:flex-start;}
.hbn-numbered__num{flex:none; width:28px; height:28px; border-radius:9px; background:var(--hbn-grad-flame); color:#fff; font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center;}
.hbn-numbered__item strong{display:block; font-size:14px; color:var(--hbn-maroon-deep); font-family:'Lexend',sans-serif;}
.hbn-numbered__item span{font-size:12.5px; color:var(--hbn-ink-soft);}

.hbn-hero__cta{display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin-top:4px;}

.hbn-hero__art{position:relative;}
.hbn-hero__blob{
  position:absolute; inset:-6% -8% -10% -4%; z-index:0;
  background:radial-gradient(60% 60% at 70% 20%, rgba(251,184,0,.35), transparent 70%),
             radial-gradient(55% 55% at 20% 80%, rgba(216,28,44,.18), transparent 70%);
  border-radius:48% 52% 55% 45% / 55% 45% 55% 45%;
  transform:rotate(-6deg);
}
.hbn-hero__bottle{position:relative; z-index:2; text-align:center;}
.hbn-hero__bottle img{max-width:300px; margin:0 auto; filter:drop-shadow(0 30px 34px rgba(122,18,32,.28));}
.hbn-hero__stat{
  position:absolute; z-index:3; background:#fff; border-radius:16px; box-shadow:var(--hbn-shadow-sm);
  padding:12px 16px; font-family:'Lexend',sans-serif; font-weight:700; font-size:13px; color:var(--hbn-maroon-deep);
  display:flex; align-items:center; gap:10px;
}
.hbn-hero__stat--top{top:4%; right:2%;}
.hbn-hero__stat--bottom{bottom:6%; left:-2%;}
.hbn-hero__stat b{display:block; font-size:18px; color:var(--hbn-red);}

/* hero visualization (under bottle) */
.hbn-viz{position:relative; z-index:2; margin-top:22px; background:#fff; border:1px solid var(--hbn-line); border-radius:20px; padding:18px 16px 14px; box-shadow:var(--hbn-shadow-sm);}
.hbn-viz__label{display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--hbn-ink-soft); margin-bottom:8px; text-transform:uppercase; letter-spacing:.04em;}
.hbn-viz svg{width:100%; height:auto; overflow:visible;}
.hbn-viz__caption{font-size:12px; color:var(--hbn-ink-soft); text-align:center; margin-top:6px;}

@media (max-width: 991px){
  .hbn-hero__grid{grid-template-columns:1fr; gap:34px;}
  .hbn-hero__art{order:-1;}
  .hbn-numbered{grid-template-columns:1fr 1fr;}
}
@media (max-width: 540px){
  .hbn-numbered{grid-template-columns:1fr;}
  .hbn-hero__stat{position:static; margin-top:10px; display:inline-flex;}
}

/* ---------- Wave CTA banner ---------- */
.hbn-wavecta{position:relative; background:var(--hbn-grad-flame); color:#fff; padding:52px 0; overflow:hidden;}
.hbn-wavecta::before, .hbn-wavecta::after{
  content:""; position:absolute; left:0; right:0; height:46px; background:var(--hbn-cream);
}
.hbn-wavecta::before{top:0; clip-path:polygon(0 100%,100% 0,100% 100%);}
.hbn-wavecta::after{bottom:0; clip-path:polygon(0 0,100% 100%,0 100%);}
.hbn-wavecta__inner{position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; text-align:left;}
.hbn-wavecta h3{color:#fff; margin:0 0 4px;}
.hbn-wavecta p{color:rgba(255,255,255,.88); margin:0;}
.hbn-wavecta .hbn-btn{background:#fff; color:var(--hbn-maroon-deep); box-shadow:0 14px 26px -12px rgba(0,0,0,.35);}

/* ---------- Why choose / trust grid ---------- */
.hbn-trustgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.hbn-trustcard{background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); padding:22px 16px; text-align:center;}
.hbn-trustcard img{height:54px; width:auto; margin:0 auto 12px; object-fit:contain;}
.hbn-trustcard h4{font-size:15px; margin:0 0 6px;}
.hbn-trustcard p{font-size:13px; margin:0;}
@media (max-width: 860px){ .hbn-trustgrid{grid-template-columns:1fr 1fr;} }
@media (max-width: 480px){ .hbn-trustgrid{grid-template-columns:1fr;} }

/* ---------- What is / content split ---------- */
.hbn-split{display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center;}
.hbn-split--rev .hbn-split__media{order:2;}
.hbn-split__media img{border-radius:var(--hbn-radius); box-shadow:var(--hbn-shadow);}
.hbn-split__body ul.hbn-check{display:grid; gap:10px; margin:14px 0;}
.hbn-split__body ul.hbn-check li{display:flex; gap:9px; font-size:14.5px; color:var(--hbn-ink); font-weight:600;}
.hbn-split__body ul.hbn-check li::before{content:"🔥"; font-size:13px;}
@media (max-width: 860px){ .hbn-split{grid-template-columns:1fr;} .hbn-split--rev .hbn-split__media{order:0;} }

/* ---------- Steps / how it works ---------- */
.hbn-steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; counter-reset:hbnstep;}
.hbn-step{background:#fff; border-radius:var(--hbn-radius-sm); padding:24px 18px; border:1px solid var(--hbn-line); position:relative;}
.hbn-step::before{counter-increment:hbnstep; content:counter(hbnstep); position:absolute; top:-14px; left:18px; width:30px; height:30px; border-radius:50%; background:var(--hbn-grad-flame); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'Lexend',sans-serif; font-size:14px;}
.hbn-step h4{margin-top:10px; font-size:15px;}
.hbn-step p{font-size:13.5px; margin:0;}
@media (max-width: 860px){ .hbn-steps{grid-template-columns:1fr 1fr;} }
@media (max-width: 480px){ .hbn-steps{grid-template-columns:1fr;} }

/* ---------- Pricing ---------- */
.hbn-stocknotice{display:flex; align-items:center; justify-content:center; gap:8px; background:var(--hbn-cream-2); border:1px dashed var(--hbn-gold); color:var(--hbn-maroon-deep); font-weight:700; font-size:13.5px; padding:10px 16px; border-radius:100px; max-width:560px; margin:0 auto 30px; text-align:center;}
.hbn-pricing{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.hbn-price{background:#fff; border:1.5px solid var(--hbn-line); border-radius:var(--hbn-radius); padding:26px 22px; text-align:center; position:relative; display:flex; flex-direction:column;}
.hbn-price--pop{border-color:var(--hbn-gold); box-shadow:var(--hbn-shadow); transform:translateY(-8px);}
.hbn-price__badge{position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--hbn-grad-flame); color:#fff; font-size:11.5px; font-weight:800; padding:6px 16px; border-radius:100px; white-space:nowrap; font-family:'Lexend',sans-serif;}
.hbn-price img{max-width:150px; margin:14px auto 10px;}
.hbn-price__qty{font-family:'Lexend',sans-serif; font-weight:800; color:var(--hbn-maroon-deep); font-size:17px;}
.hbn-price__supply{font-size:12.5px; color:var(--hbn-ink-soft); margin-bottom:10px;}
.hbn-price__amount{font-family:'Lexend',sans-serif; font-size:34px; font-weight:800; color:var(--hbn-red); margin:4px 0 0;}
.hbn-price__per{font-size:12px; color:var(--hbn-ink-soft); margin-bottom:10px;}
.hbn-price__strike{font-size:13px; color:#9c8c83; text-decoration:line-through;}
.hbn-price__total{font-size:14px; font-weight:700; color:var(--hbn-ink); margin-bottom:4px;}
.hbn-price__ship{font-size:12.5px; color:var(--hbn-green); font-weight:700; margin-bottom:14px;}
.hbn-price .hbn-btn{margin-top:auto;}
.hbn-price__guarantee{font-size:11.5px; color:var(--hbn-ink-soft); margin-top:10px;}
@media (max-width: 860px){ .hbn-pricing{grid-template-columns:1fr;} .hbn-price--pop{transform:none;} }

.hbn-paybadges{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:30px; opacity:.75; font-size:12px; color:var(--hbn-ink-soft);}

/* ---------- Guarantee ---------- */
.hbn-guarantee{display:grid; grid-template-columns:.42fr .58fr; gap:40px; align-items:center; background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius); padding:38px;}
.hbn-guarantee img{max-width:190px; margin:0 auto;}
@media (max-width: 760px){ .hbn-guarantee{grid-template-columns:1fr; text-align:center;} }

/* ---------- Ingredients ---------- */
.hbn-ingrid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.hbn-ingcard{background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); padding:22px; display:flex; gap:14px;}
.hbn-ingcard__icon{flex:none; width:46px; height:46px; border-radius:13px; background:var(--hbn-grad-flame); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'Lexend',sans-serif;}
.hbn-ingcard h4{margin:0 0 6px; font-size:15.5px;}
.hbn-ingcard p{font-size:13.5px; margin:0;}
@media (max-width: 760px){ .hbn-ingrid{grid-template-columns:1fr;} }

/* ---------- Benefits ---------- */
.hbn-benefits{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.hbn-benefit{background:#fff; border-radius:var(--hbn-radius-sm); border:1px solid var(--hbn-line); padding:24px 20px;}
.hbn-benefit__tag{display:inline-block; font-size:11.5px; font-weight:800; color:var(--hbn-maroon); background:var(--hbn-sand); padding:4px 10px; border-radius:100px; margin-bottom:12px; letter-spacing:.02em;}
.hbn-benefit h3{font-size:16.5px;}
.hbn-benefit p{font-size:13.5px;}
@media (max-width: 860px){ .hbn-benefits{grid-template-columns:1fr 1fr;} }
@media (max-width: 540px){ .hbn-benefits{grid-template-columns:1fr;} }

/* ---------- Reviews / testimonials ---------- */
.hbn-reviewgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.hbn-review{background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); padding:22px;}
.hbn-review__stars{color:var(--hbn-gold); font-size:15px; margin-bottom:10px;}
.hbn-review p{font-size:14px; color:var(--hbn-ink); font-style:italic;}
.hbn-review__who{display:flex; align-items:center; gap:10px; margin-top:12px;}
.hbn-review__avatar{width:38px; height:38px; border-radius:50%; background:var(--hbn-grad-flame); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'Lexend',sans-serif; font-size:13px; flex:none;}
.hbn-review__who span{font-size:12.5px; color:var(--hbn-ink-soft); font-weight:700;}
@media (max-width: 860px){ .hbn-reviewgrid{grid-template-columns:1fr;} }

.hbn-transform{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:30px;}
.hbn-transform figure{margin:0; background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); overflow:hidden;}
.hbn-transform figcaption{padding:12px 14px; font-size:12.5px; color:var(--hbn-ink-soft);}
@media (max-width: 760px){ .hbn-transform{grid-template-columns:1fr;} }

/* ---------- FAQ ---------- */
.hbn-faq{max-width:840px; margin:0 auto; display:grid; gap:12px;}
.hbn-faqitem{background:#fff; border:1px solid var(--hbn-line); border-radius:16px; overflow:hidden;}
.hbn-faqitem__q{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; cursor:pointer; font-weight:700; font-family:'Lexend',sans-serif; font-size:15px; color:var(--hbn-maroon-deep);}
.hbn-faqitem__q::after{content:"+"; font-size:22px; color:var(--hbn-red); flex:none; transition:transform .2s;}
.hbn-faqitem.is-open .hbn-faqitem__q::after{transform:rotate(45deg);}
.hbn-faqitem__a{max-height:0; overflow:hidden; transition:max-height .25s ease; padding:0 20px;}
.hbn-faqitem.is-open .hbn-faqitem__a{max-height:400px; padding-bottom:18px;}
.hbn-faqitem__a p{font-size:14px; margin:0;}

/* ---------- Final CTA ---------- */
.hbn-finalcta{background:var(--hbn-grad-flame); border-radius:30px; padding:52px 32px; text-align:center; color:#fff; position:relative; overflow:hidden;}
.hbn-finalcta h2{color:#fff;}
.hbn-finalcta p{color:rgba(255,255,255,.88); max-width:620px; margin:0 auto 26px;}
.hbn-finalcta .hbn-btn{background:#fff; color:var(--hbn-maroon-deep);}
.hbn-finalcta .hbn-secure{color:rgba(255,255,255,.85);}

/* ---------- Label block ---------- */
.hbn-label{display:grid; grid-template-columns:.4fr .6fr; gap:34px; align-items:center; background:var(--hbn-grad-soft); border-radius:var(--hbn-radius); padding:34px;}
.hbn-label img{border-radius:16px;}
.hbn-label ul{display:grid; gap:9px; margin-top:12px;}
.hbn-label li{font-size:13.5px; font-weight:600; display:flex; gap:8px;}
.hbn-label li::before{content:"•"; color:var(--hbn-red); font-weight:900;}
@media (max-width: 760px){ .hbn-label{grid-template-columns:1fr;} }

/* ---------- References ---------- */
.hbn-refs{font-size:13px; color:var(--hbn-ink-soft); background:#fff; border:1px solid var(--hbn-line); border-radius:16px; padding:22px 24px;}
.hbn-refs h4{font-size:14.5px; margin-bottom:8px;}
.hbn-refs ul{display:grid; gap:6px;}

/* ---------- Interlink strip (contextual links block used across sections) ---------- */
.hbn-linkstrip{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.hbn-linkstrip a{font-size:12.5px; font-weight:700; color:var(--hbn-maroon); background:var(--hbn-sand); padding:7px 13px; border-radius:100px;}
.hbn-linkstrip a:hover{background:var(--hbn-gold); color:#fff;}

/* ---------- Breadcrumb ---------- */
.hbn-crumb{font-size:12.5px; color:var(--hbn-ink-soft); padding:16px 0 0;}
.hbn-crumb a{color:var(--hbn-red); font-weight:700;}

/* ---------- Footer ---------- */
.hbn-footer{background:var(--hbn-maroon-deep); color:#F3E4D7; padding:56px 0 24px; margin-top:60px;}
.hbn-footer__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:34px;}
.hbn-footer h5{font-family:'Lexend',sans-serif; color:#fff; font-size:14px; margin-bottom:14px; letter-spacing:.02em;}
.hbn-footer ul{display:grid; gap:9px;}
.hbn-footer a{font-size:13.5px; color:#E7CDBA;}
.hbn-footer a:hover{color:#fff;}
.hbn-footer__brand{display:flex; align-items:center; gap:10px; font-family:'Lexend',sans-serif; font-weight:800; font-size:19px; color:#fff; margin-bottom:12px;}
.hbn-footer__brand img{width:34px; height:34px;}
.hbn-footer p.hbn-footer__desc{font-size:13px; color:#D9BBA4; max-width:300px;}
.hbn-footer__bottom{border-top:1px solid rgba(255,255,255,.12); margin-top:40px; padding-top:20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; color:#C9A98F;}
.hbn-disclaimer-bar{font-size:11.5px; color:#B9977D; max-width:980px; margin-top:12px; line-height:1.6;}
@media (max-width: 860px){ .hbn-footer__grid{grid-template-columns:1fr 1fr;} }
@media (max-width: 500px){ .hbn-footer__grid{grid-template-columns:1fr;} }

/* ---------- Sticky order bar (mobile) ---------- */
.hbn-stickybar{position:fixed; left:0; right:0; bottom:0; z-index:300; background:#fff; border-top:1px solid var(--hbn-line); padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); display:none; align-items:center; justify-content:space-between; gap:12px; box-shadow:0 -10px 24px -12px rgba(0,0,0,.18);}
.hbn-stickybar strong{font-family:'Lexend',sans-serif; font-size:13.5px; color:var(--hbn-maroon-deep); display:block;}
.hbn-stickybar span{font-size:11.5px; color:var(--hbn-ink-soft);}
.hbn-stickybar .hbn-btn{padding:12px 20px; font-size:14px;}
@media (max-width: 760px){ .hbn-stickybar{display:flex;} body{padding-bottom:78px;} }

/* ---------- Legal / simple content pages ---------- */
.hbn-article{max-width:820px; margin:0 auto;}
.hbn-article h2{margin-top:34px;}
.hbn-article h3{margin-top:22px;}
.hbn-article p, .hbn-article li{font-size:15px;}
.hbn-article ul{display:grid; gap:8px; margin:14px 0;}
.hbn-article ul li{padding-left:18px; position:relative;}
.hbn-article ul li::before{content:"–"; position:absolute; left:0; color:var(--hbn-red);}
.hbn-updated{font-size:12.5px; color:var(--hbn-ink-soft); margin-bottom:24px;}

/* ---------- Blog cards ---------- */
.hbn-bloggrid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.hbn-blogcard{background:#fff; border:1px solid var(--hbn-line); border-radius:var(--hbn-radius-sm); overflow:hidden; display:flex; flex-direction:column;}
.hbn-blogcard__img{aspect-ratio:4/3; overflow:hidden; background:var(--hbn-cream-2);}
.hbn-blogcard__img img{width:100%; height:100%; object-fit:cover;}
.hbn-blogcard__body{padding:18px 18px 20px; display:flex; flex-direction:column; gap:8px; flex:1;}
.hbn-blogcard__tag{font-size:11px; font-weight:800; color:var(--hbn-red); letter-spacing:.05em; text-transform:uppercase;}
.hbn-blogcard h3{font-size:16px; margin:0;}
.hbn-blogcard p{font-size:13px; margin:0; flex:1;}
.hbn-blogcard__more{font-size:13px; font-weight:800; color:var(--hbn-maroon); margin-top:6px;}
@media (max-width: 860px){ .hbn-bloggrid{grid-template-columns:1fr 1fr;} }
@media (max-width: 540px){ .hbn-bloggrid{grid-template-columns:1fr;} }

/* ---------- Scroll reveal ---------- */
.hbn-rv{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}
.hbn-rv.hbn-rv--in{opacity:1; transform:translateY(0);}

/* ---------- Horizontal overflow guard ---------- */
.hbn-scrollsafe{max-width:100%; overflow-x:auto;}

/* ---------- Responsive section grid fallback ---------- */
@media (max-width: 760px){
  .hbn-section{padding:52px 0;}
  h1{font-size:25px;}
}