/* ============================================================
   HONEY VITAL — hooneyvital.com
   Fresh build — CSS prefix: hv-
   Fonts: Fraunces (display) + Plus Jakarta Sans (body)
   ============================================================ */

:root{
  --hv-maroon:#6E1423;
  --hv-maroon-dark:#450B14;
  --hv-maroon-light:#8C2638;
  --hv-gold:#C9A227;
  --hv-gold-light:#E8C766;
  --hv-gold-pale:#FBF1D9;
  --hv-cream:#FFFBF4;
  --hv-white:#FFFFFF;
  --hv-text:#2B1412;
  --hv-text-soft:#5C433F;
  --hv-border:#F0E2CC;
  --hv-success:#2E7D4F;
  --hv-shadow: 0 10px 30px rgba(110,20,35,0.10);
  --hv-shadow-lg: 0 20px 50px rgba(110,20,35,0.16);
  --hv-radius: 18px;
  --hv-radius-sm: 10px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:90px;}
body{
  font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--hv-text);
  background:var(--hv-white);
  overflow-x:hidden;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.hv-font-display{
  font-family:'Fraunces', Georgia, serif;
  font-weight:700;
  color:var(--hv-maroon-dark);
  line-height:1.15;
}
a{text-decoration:none; color:inherit;}
img{max-width:100%; height:auto; display:block;}
.hv-container{width:100%; max-width:1180px; margin:0 auto; padding:0 20px;}
section{position:relative;}
::selection{background:var(--hv-gold-light); color:var(--hv-maroon-dark);}

/* ---------- Buttons ---------- */
.hv-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 34px; border-radius:50px; font-weight:800; font-size:1.02rem;
  border:none; cursor:pointer; transition:.25s ease; text-align:center;
  min-height:52px;
}
.hv-btn-primary{
  background:linear-gradient(135deg,var(--hv-gold) 0%, #B4860E 100%);
  color:var(--hv-maroon-dark);
  box-shadow:0 10px 26px rgba(201,162,39,0.38);
}
.hv-btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 34px rgba(201,162,39,0.48); color:var(--hv-maroon-dark);}
.hv-btn-outline{
  background:transparent; color:var(--hv-white); border:2px solid rgba(255,255,255,0.55);
}
.hv-btn-outline:hover{background:rgba(255,255,255,0.12); color:var(--hv-white);}
.hv-btn-block{width:100%;}

/* ---------- Top trust strip ---------- */
.hv-topstrip{
  background:var(--hv-maroon-dark); color:var(--hv-gold-pale);
  font-size:.82rem; font-weight:600; letter-spacing:.3px;
  padding:7px 0; text-align:center;
}
.hv-topstrip span{margin:0 10px;}

/* ---------- Navbar ---------- */
.hv-navbar{
  background:var(--hv-white); padding:14px 0; position:sticky; top:0; z-index:999;
  box-shadow:0 2px 18px rgba(110,20,35,0.07);
}
.hv-nav-inner{display:flex; align-items:center; justify-content:space-between;}
.hv-logo{display:flex; align-items:center; gap:10px; font-family:'Fraunces',serif; font-weight:800; font-size:1.5rem; color:var(--hv-maroon-dark);}
.hv-logo img{width:40px; height:40px; border-radius:10px;}
.hv-logo .hv-logo-accent{color:var(--hv-gold);}
.hv-navlinks{display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0;}
.hv-navlinks a{font-weight:600; font-size:.96rem; color:var(--hv-text); transition:.2s;}
.hv-navlinks a:hover{color:var(--hv-maroon);}
.hv-nav-cta{display:flex; align-items:center; gap:16px;}
.hv-navbtn{padding:11px 24px; font-size:.92rem; min-height:44px;}
.hv-navtoggle{display:none; background:none; border:none; font-size:1.6rem; color:var(--hv-maroon-dark); cursor:pointer; min-width:44px; min-height:44px;}

/* ---------- Hero ---------- */
.hv-hero{
  background:radial-gradient(ellipse at top right, #7E1A2A 0%, var(--hv-maroon-dark) 55%, #32070D 100%);
  padding:64px 0 90px; position:relative; overflow:hidden; color:var(--hv-white);
}
.hv-hero::before{
  content:''; position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(201,162,39,0.14) 0%, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(201,162,39,0.10) 0%, transparent 45%);
  pointer-events:none;
}
.hv-hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; position:relative; z-index:2;}
.hv-hero-visual{order:2;}
.hv-hero-copy{order:1;}
.hv-badge-rating{
  display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.1);
  border:1px solid rgba(232,199,102,0.4); padding:7px 16px; border-radius:50px;
  font-size:.86rem; font-weight:700; color:var(--hv-gold-light); margin-bottom:20px;
}
.hv-hero h1{font-size:2.9rem; color:var(--hv-white); margin-bottom:18px;}
.hv-hero h1 em{font-style:normal; color:var(--hv-gold-light);}
.hv-hero p.hv-lead{font-size:1.14rem; color:#F2DCC9; margin-bottom:28px; max-width:520px;}
.hv-hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:28px;}
.hv-hero-trust{display:flex; flex-wrap:wrap; gap:18px;}
.hv-hero-trust div{display:flex; align-items:center; gap:8px; font-size:.84rem; font-weight:600; color:#F2DCC9;}
.hv-hero-trust i{color:var(--hv-gold-light);}

/* Hero visual + honeycomb pulse animation */
.hv-hero-visual-inner{position:relative; display:flex; align-items:center; justify-content:center; min-height:380px;}
.hv-hero-visual-inner img.hv-bottle{position:relative; z-index:3; max-width:360px; filter:drop-shadow(0 30px 40px rgba(0,0,0,0.45));}
.hv-comb-svg{position:absolute; inset:0; width:100%; height:100%; z-index:1;}
.hv-comb-hex{fill:rgba(201,162,39,0.08); stroke:rgba(232,199,102,0.35); stroke-width:1.2; animation:hvCombGlow 3.6s ease-in-out infinite;}
.hv-comb-hex:nth-child(1){animation-delay:0s;}
.hv-comb-hex:nth-child(2){animation-delay:.25s;}
.hv-comb-hex:nth-child(3){animation-delay:.5s;}
.hv-comb-hex:nth-child(4){animation-delay:.75s;}
.hv-comb-hex:nth-child(5){animation-delay:1s;}
.hv-comb-hex:nth-child(6){animation-delay:1.25s;}
.hv-comb-hex:nth-child(7){animation-delay:1.5s;}
.hv-comb-hex:nth-child(8){animation-delay:1.75s;}
.hv-comb-hex:nth-child(9){animation-delay:2s;}
.hv-comb-hex:nth-child(10){animation-delay:2.25s;}
.hv-comb-hex:nth-child(11){animation-delay:2.5s;}
.hv-comb-hex:nth-child(12){animation-delay:2.75s;}
@keyframes hvCombGlow{
  0%{fill:rgba(201,162,39,0.06); stroke:rgba(232,199,102,0.25);}
  40%{fill:rgba(232,199,102,0.42); stroke:rgba(232,199,102,0.85);}
  100%{fill:rgba(201,162,39,0.06); stroke:rgba(232,199,102,0.25);}
}
.hv-pulse-line{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:270px; height:90px; z-index:2; opacity:.9;}
.hv-pulse-path{fill:none; stroke:#FF8A80; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:420; stroke-dashoffset:420; animation:hvPulseDraw 2.8s ease-in-out infinite;}
@keyframes hvPulseDraw{
  0%{stroke-dashoffset:420; opacity:0;}
  10%{opacity:1;}
  55%{stroke-dashoffset:0; opacity:1;}
  75%{stroke-dashoffset:0; opacity:1;}
  100%{stroke-dashoffset:-420; opacity:0;}
}
.hv-drip{position:absolute; width:10px; height:16px; background:var(--hv-gold-light); border-radius:0 50% 50% 50%; transform:rotate(45deg); z-index:3; opacity:0;}
.hv-drip-1{right:18%; top:14%; animation:hvDrip 4.5s ease-in infinite; animation-delay:.3s;}
.hv-drip-2{left:14%; top:60%; animation:hvDrip 4.5s ease-in infinite; animation-delay:2.1s;}
@keyframes hvDrip{
  0%{opacity:0; transform:translateY(0) rotate(45deg);}
  8%{opacity:1;}
  70%{opacity:.85; transform:translateY(60px) rotate(45deg);}
  85%{opacity:0; transform:translateY(80px) rotate(45deg);}
  100%{opacity:0; transform:translateY(0) rotate(45deg);}
}
@media(prefers-reduced-motion: reduce){
  .hv-comb-hex,.hv-pulse-path,.hv-drip{animation:none !important;}
}

/* ---------- Section headers ---------- */
.hv-eyebrow{
  display:inline-block; color:var(--hv-maroon); font-weight:800; font-size:.8rem;
  letter-spacing:1.4px; text-transform:uppercase; background:var(--hv-gold-pale);
  padding:6px 16px; border-radius:50px; margin-bottom:14px;
}
.hv-section-head{text-align:center; max-width:720px; margin:0 auto 46px;}
.hv-section-head h2{font-size:2.2rem; margin-bottom:14px;}
.hv-section-head p{color:var(--hv-text-soft); font-size:1.05rem;}
.hv-section-pad{padding:80px 0;}
.hv-bg-cream{background:var(--hv-cream);}

/* ---------- Trust badges (4-card grid) ---------- */
.hv-trustgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.hv-trustcard{
  background:var(--hv-white); border:1px solid var(--hv-border); border-radius:var(--hv-radius);
  padding:26px 18px; text-align:center; box-shadow:var(--hv-shadow); transition:.25s;
}
.hv-trustcard:hover{transform:translateY(-6px); box-shadow:var(--hv-shadow-lg);}
.hv-trustcard .hv-ticon{
  width:58px; height:58px; border-radius:50%; background:var(--hv-gold-pale); color:var(--hv-maroon);
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin:0 auto 14px;
}
.hv-trustcard h4{font-size:1.02rem; margin-bottom:6px;}
.hv-trustcard p{font-size:.86rem; color:var(--hv-text-soft); margin:0;}

/* ---------- Split (about) ---------- */
.hv-split{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.hv-split img{border-radius:var(--hv-radius); box-shadow:var(--hv-shadow-lg);}
.hv-split h2{font-size:2.1rem; margin-bottom:18px;}
.hv-split p{color:var(--hv-text-soft); margin-bottom:16px;}
.hv-checklist{list-style:none; padding:0; margin:22px 0;}
.hv-checklist li{display:flex; gap:12px; align-items:flex-start; margin-bottom:13px; font-weight:600; font-size:.98rem;}
.hv-checklist i{color:var(--hv-success); margin-top:3px;}

/* ---------- 10 reasons / why ---------- */
.hv-reasons{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.hv-reason{
  display:flex; gap:16px; background:var(--hv-white); border:1px solid var(--hv-border);
  border-radius:var(--hv-radius-sm); padding:20px; box-shadow:var(--hv-shadow);
}
.hv-reason .hv-rnum{
  flex:none; width:40px; height:40px; border-radius:50%; background:var(--hv-maroon);
  color:var(--hv-gold-light); display:flex; align-items:center; justify-content:center; font-weight:800;
}
.hv-reason h5{font-size:1.0rem; margin-bottom:4px;}
.hv-reason p{font-size:.88rem; color:var(--hv-text-soft); margin:0;}

/* ---------- How it works ---------- */
.hv-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:10px;}
.hv-step{text-align:center; padding:28px 20px; position:relative;}
.hv-step .hv-stepnum{
  width:64px; height:64px; border-radius:50%; margin:0 auto 18px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--hv-gold-light),var(--hv-gold)); color:var(--hv-maroon-dark); font-weight:800; font-size:1.3rem;
  box-shadow:0 10px 24px rgba(201,162,39,0.35);
}
.hv-step h5{font-size:1.08rem; margin-bottom:8px;}
.hv-step p{font-size:.9rem; color:var(--hv-text-soft);}

/* ---------- Ingredients ---------- */
.hv-ingredient-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.hv-ingredient-card{
  background:var(--hv-white); border-radius:var(--hv-radius); overflow:hidden; border:1px solid var(--hv-border);
  box-shadow:var(--hv-shadow); transition:.25s;
}
.hv-ingredient-card:hover{transform:translateY(-6px); box-shadow:var(--hv-shadow-lg);}
.hv-ing-top{background:var(--hv-gold-pale); padding:22px; text-align:center;}
.hv-ing-top .hv-ing-icon{
  width:64px; height:64px; margin:0 auto; border-radius:50%; background:var(--hv-maroon); color:var(--hv-gold-light);
  display:flex; align-items:center; justify-content:center; font-size:1.6rem;
}
.hv-ing-body{padding:20px 22px;}
.hv-ing-body h4{font-size:1.08rem; margin-bottom:8px;}
.hv-ing-body p{font-size:.88rem; color:var(--hv-text-soft); margin:0;}
.hv-caution{
  background:#FFF4E5; border:1px solid #F3D29B; border-radius:var(--hv-radius-sm);
  padding:18px 22px; font-size:.88rem; color:#7A4E12; margin-top:30px; display:flex; gap:12px;
}
.hv-caution i{color:#C97C0E; font-size:1.2rem; flex:none;}

/* ---------- Benefits dark panel ---------- */
.hv-benefits-panel{
  background:linear-gradient(135deg,var(--hv-maroon-dark),#2E080F); border-radius:28px; padding:60px 50px; color:var(--hv-white);
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:50px; align-items:center;
}
.hv-benefits-panel h2{color:var(--hv-white); font-size:2rem; margin-bottom:16px;}
.hv-benefits-panel p.hv-lead{color:#F2DCC9;}
.hv-benefit-cards{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.hv-benefit-card{
  background:rgba(255,255,255,0.07); border:1px solid rgba(232,199,102,0.25); border-radius:14px; padding:18px;
}
.hv-benefit-card i{color:var(--hv-gold-light); font-size:1.4rem; margin-bottom:10px; display:block;}
.hv-benefit-card h5{color:var(--hv-white); font-size:.96rem; margin-bottom:6px;}
.hv-benefit-card p{color:#E7C9B3; font-size:.82rem; margin:0;}

/* ---------- Reviews ---------- */
.hv-review-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.hv-review-card{
  background:var(--hv-white); border:1px solid var(--hv-border); border-radius:var(--hv-radius);
  padding:26px; box-shadow:var(--hv-shadow);
}
.hv-review-stars{color:var(--hv-gold); margin-bottom:12px; font-size:.95rem;}
.hv-review-card p.hv-quote{font-size:.94rem; color:var(--hv-text); margin-bottom:18px; font-style:italic;}
.hv-reviewer{display:flex; align-items:center; gap:12px;}
.hv-reviewer img{width:50px; height:50px; border-radius:50%; object-fit:cover;}
.hv-reviewer .hv-avatar-init{
  width:50px; height:50px; border-radius:50%; background:var(--hv-maroon); color:var(--hv-gold-light);
  display:flex; align-items:center; justify-content:center; font-weight:800;
}
.hv-reviewer h6{font-size:.92rem; margin:0;}
.hv-reviewer span{font-size:.78rem; color:var(--hv-text-soft);}
.hv-statsboard{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:46px; text-align:center;}
.hv-statsboard div h3{font-size:2.1rem; color:var(--hv-maroon); margin-bottom:4px;}
.hv-statsboard div span{font-size:.85rem; color:var(--hv-text-soft); font-weight:600;}

/* ---------- Pricing ---------- */
.hv-pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch;}
.hv-price-card{
  background:var(--hv-white); border:2px solid var(--hv-border); border-radius:var(--hv-radius);
  padding:30px 24px; text-align:center; position:relative; display:flex; flex-direction:column; box-shadow:var(--hv-shadow);
  transition:.25s;
}
.hv-price-card.hv-popular{border-color:var(--hv-gold); transform:scale(1.045); box-shadow:var(--hv-shadow-lg); z-index:2;}
.hv-price-card:hover{transform:translateY(-6px);}
.hv-price-card.hv-popular:hover{transform:scale(1.045) translateY(-6px);}
.hv-pop-tag{
  position:absolute; top:-15px; left:50%; transform:translateX(-50%); background:var(--hv-maroon); color:var(--hv-gold-light);
  font-size:.74rem; font-weight:800; letter-spacing:.5px; padding:6px 18px; border-radius:50px; text-transform:uppercase;
}
.hv-price-card h5{font-size:.88rem; letter-spacing:1px; text-transform:uppercase; color:var(--hv-text-soft); margin-bottom:10px;}
.hv-price-card img{max-width:140px; margin:0 auto 16px;}
.hv-price-card .hv-price-main{font-size:2.6rem; font-weight:800; color:var(--hv-maroon); font-family:'Fraunces',serif;}
.hv-price-card .hv-price-main span{font-size:1rem; font-weight:600; color:var(--hv-text-soft);}
.hv-price-card .hv-price-sub{font-size:.84rem; color:var(--hv-text-soft); margin-bottom:14px;}
.hv-price-card .hv-save-tag{
  display:inline-block; background:var(--hv-gold-pale); color:var(--hv-maroon); font-weight:800; font-size:.8rem;
  padding:5px 14px; border-radius:50px; margin-bottom:16px;
}
.hv-price-card ul{list-style:none; padding:0; margin:0 0 20px; text-align:left; font-size:.86rem;}
.hv-price-card ul li{display:flex; gap:8px; margin-bottom:8px; color:var(--hv-text-soft);}
.hv-price-card ul li i{color:var(--hv-success);}
.hv-price-card .hv-strike{text-decoration:line-through; color:#A68A85; font-size:.92rem;}
.hv-price-card .hv-total{font-weight:800; color:var(--hv-text); font-size:1.1rem;}

/* ---------- Guarantee band ---------- */
.hv-guarantee-band{
  background:var(--hv-gold-pale); border-radius:28px; padding:50px; display:grid; grid-template-columns:auto 1fr; gap:36px; align-items:center;
}
.hv-guarantee-band img{width:140px;}
.hv-guarantee-band h3{font-size:1.7rem; margin-bottom:10px;}
.hv-guarantee-band p{color:var(--hv-text-soft); margin:0;}

/* ---------- How to take ---------- */
.hv-usegrid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px;}
.hv-usecard{background:var(--hv-white); border:1px solid var(--hv-border); border-radius:var(--hv-radius-sm); padding:22px; box-shadow:var(--hv-shadow); display:flex; gap:16px;}
.hv-usecard i{color:var(--hv-maroon); font-size:1.4rem;}

/* ---------- FAQ ---------- */
.hv-accordion-item{border:1px solid var(--hv-border); border-radius:var(--hv-radius-sm); margin-bottom:14px; overflow:hidden;}
.hv-accordion-head{
  width:100%; text-align:left; padding:18px 22px; background:var(--hv-white); border:none; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; font-weight:700; font-size:1rem; color:var(--hv-maroon-dark);
}
.hv-accordion-head i{transition:.25s; color:var(--hv-gold);}
.hv-accordion-item.active .hv-accordion-head i{transform:rotate(180deg);}
.hv-accordion-body{max-height:0; overflow:hidden; transition:max-height .3s ease; background:var(--hv-cream);}
.hv-accordion-body-inner{padding:0 22px 20px; font-size:.92rem; color:var(--hv-text-soft);}
.hv-accordion-item.active .hv-accordion-body{max-height:400px;}

/* ---------- References ---------- */
.hv-refs{list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.hv-refs li{font-size:.84rem; color:var(--hv-text-soft); background:var(--hv-white); border:1px solid var(--hv-border); border-radius:10px; padding:14px 16px;}
.hv-refs a{color:var(--hv-maroon); font-weight:600;}

/* ---------- Final CTA ---------- */
.hv-finalcta{
  background:radial-gradient(ellipse at center, #7E1A2A 0%, var(--hv-maroon-dark) 70%); border-radius:28px; padding:60px 40px; text-align:center; color:var(--hv-white);
}
.hv-finalcta h2{color:var(--hv-white); font-size:2.1rem; margin-bottom:14px;}
.hv-finalcta p{color:#F2DCC9; max-width:560px; margin:0 auto 26px;}

/* ---------- Footer ---------- */
.hv-footer{background:var(--hv-maroon-dark); color:#E7C9B3; padding:60px 0 24px;}
.hv-footer-top{text-align:center; margin-bottom:34px;}
.hv-footer-logo{font-family:'Fraunces',serif; font-weight:800; font-size:1.6rem; color:var(--hv-white); margin-bottom:10px;}
.hv-footer-tagline{font-size:.88rem; color:#C9A9A0; max-width:480px; margin:0 auto;}
.hv-footer-nav{display:flex; flex-wrap:wrap; justify-content:center; gap:22px; margin-bottom:18px;}
.hv-footer-nav a{font-size:.86rem; color:#E7C9B3; font-weight:600;}
.hv-footer-nav a:hover{color:var(--hv-gold-light);}
.hv-footer-legal-txt{font-size:.76rem; color:#B89189; max-width:820px; margin:0 auto 20px; text-align:center; line-height:1.7;}
.hv-footer-bottom{text-align:center; padding-top:20px; border-top:1px solid rgba(232,199,102,0.15); font-size:.8rem; color:#B89189;}

/* ---------- Sticky mobile bar ---------- */
.hv-stickybar{
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:998; background:var(--hv-white);
  padding:10px 16px; box-shadow:0 -6px 20px rgba(0,0,0,0.12);
  padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
}
.hv-stickybar .hv-btn{width:100%;}

/* ---------- Inner page hero (banner) ---------- */
.hv-pagehero{
  background:linear-gradient(135deg,var(--hv-maroon) 0%, var(--hv-maroon-dark) 100%); color:var(--hv-white); padding:54px 0; text-align:center;
}
.hv-pagehero h1{color:var(--hv-white); font-size:2.2rem; margin-bottom:10px;}
.hv-pagehero p{color:#F2DCC9; max-width:600px; margin:0 auto;}
.hv-breadcrumb{font-size:.84rem; color:#E7C9B3; margin-bottom:14px;}
.hv-breadcrumb a{color:var(--hv-gold-light); font-weight:600;}

/* ---------- Blog cards ---------- */
.hv-blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.hv-blog-card{background:var(--hv-white); border:1px solid var(--hv-border); border-radius:var(--hv-radius); overflow:hidden; box-shadow:var(--hv-shadow); transition:.25s;}
.hv-blog-card:hover{transform:translateY(-6px); box-shadow:var(--hv-shadow-lg);}
.hv-blog-thumb{height:170px; background:linear-gradient(135deg,var(--hv-maroon),var(--hv-maroon-light)); display:flex; align-items:center; justify-content:center; color:var(--hv-gold-light); font-size:2.4rem;}
.hv-blog-body{padding:20px 22px;}
.hv-blog-cat{font-size:.74rem; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--hv-maroon);}
.hv-blog-body h3{font-size:1.08rem; margin:10px 0; line-height:1.35;}
.hv-blog-body p{font-size:.86rem; color:var(--hv-text-soft);}
.hv-blog-meta{font-size:.78rem; color:#A68A85; margin-top:12px;}
.hv-article-body{max-width:760px; margin:0 auto;}
.hv-article-body h2{font-size:1.5rem; margin:34px 0 14px;}
.hv-article-body h3{font-size:1.2rem; margin:26px 0 12px;}
.hv-article-body p{color:var(--hv-text-soft); margin-bottom:16px; font-size:1.02rem;}
.hv-article-body ul{color:var(--hv-text-soft); margin-bottom:16px;}
.hv-article-body li{margin-bottom:8px;}
.hv-related{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px;}

/* ---------- Table ---------- */
.hv-table-wrap{overflow-x:auto;}
table.hv-table{width:100%; border-collapse:collapse; min-width:480px;}
table.hv-table th{background:var(--hv-maroon); color:var(--hv-white); padding:12px 16px; text-align:left; font-size:.86rem;}
table.hv-table td{padding:12px 16px; border-bottom:1px solid var(--hv-border); font-size:.9rem; color:var(--hv-text-soft);}
table.hv-table tr:nth-child(even){background:var(--hv-cream);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:991px){
  .hv-navlinks{display:none;}
  .hv-navtoggle{display:block;}
  .hv-hero-grid{grid-template-columns:1fr;}
  .hv-hero-visual{order:1;}
  .hv-hero-copy{order:2; text-align:center;}
  .hv-hero p.hv-lead{margin-left:auto; margin-right:auto;}
  .hv-hero-ctas{justify-content:center;}
  .hv-hero-trust{justify-content:center;}
  .hv-split{grid-template-columns:1fr;}
  .hv-split .hv-split-img{order:1;}
  .hv-split .hv-split-txt{order:2;}
  .hv-benefits-panel{grid-template-columns:1fr; padding:40px 26px;}
  .hv-trustgrid{grid-template-columns:repeat(2,1fr);}
  .hv-reasons{grid-template-columns:1fr;}
  .hv-steps{grid-template-columns:1fr;}
  .hv-ingredient-grid{grid-template-columns:repeat(2,1fr);}
  .hv-review-grid{grid-template-columns:1fr;}
  .hv-statsboard{grid-template-columns:repeat(2,1fr); gap:28px;}
  .hv-pricing-grid{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
  .hv-price-card.hv-popular{transform:none;}
  .hv-price-card.hv-popular:hover{transform:translateY(-6px);}
  .hv-guarantee-band{grid-template-columns:1fr; text-align:center; padding:36px 26px;}
  .hv-guarantee-band img{margin:0 auto;}
  .hv-usegrid{grid-template-columns:1fr;}
  .hv-refs{grid-template-columns:1fr;}
  .hv-blog-grid{grid-template-columns:repeat(2,1fr);}
  .hv-related{grid-template-columns:1fr;}
  .hv-stickybar{display:block;}
  body{padding-bottom:70px;}
}
@media(max-width:768px){
  .hv-hero h1{font-size:2.1rem;}
  .hv-section-head h2{font-size:1.7rem;}
  .hv-benefit-cards{grid-template-columns:1fr;}
  .hv-trustgrid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .hv-container{padding:0 16px;}
  .hv-hero{padding:40px 0 60px;}
  .hv-hero h1{font-size:1.75rem;}
  .hv-hero p.hv-lead{font-size:1rem;}
  .hv-section-pad{padding:56px 0;}
  .hv-section-head h2{font-size:1.45rem;}
  .hv-trustgrid{grid-template-columns:1fr 1fr; gap:14px;}
  .hv-trustcard{padding:18px 12px;}
  .hv-ingredient-grid{grid-template-columns:1fr;}
  .hv-blog-grid{grid-template-columns:1fr;}
  .hv-statsboard{grid-template-columns:1fr 1fr;}
  .hv-btn{padding:14px 24px; font-size:.95rem;}
  .hv-benefits-panel h2, .hv-finalcta h2{font-size:1.6rem;}
  .hv-logo{font-size:1.25rem;}
  .hv-logo img{width:34px; height:34px;}
}
@media(max-width:380px){
  .hv-hero h1{font-size:1.55rem;}
  .hv-trustgrid{grid-template-columns:1fr;}
  .hv-statsboard{grid-template-columns:1fr 1fr; gap:16px;}
}
@media(orientation:landscape) and (max-height:500px){
  .hv-hero{padding:30px 0;}
  .hv-hero-visual-inner{min-height:220px;}
}

/* Touch targets */
a,button{min-height:auto;}
.hv-navlinks a, .hv-footer-nav a{min-height:44px; display:flex; align-items:center;}
html,body{overflow-x:hidden;}