/* =====================================================
   BEE BOOM — beboom.shop  |  Full redesign v2
   Fonts: Black Ops One (display) · Rajdhani (sub/nav)
          Exo 2 (body)
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Rajdhani:wght@500;600;700&family=Exo+2:wght@400;500;600&display=swap');

/* ---------- tokens ---------- */
:root{
  --black:   #080806;
  --black2:  #0f0e09;
  --black3:  #181610;
  --amber:   #F5A623;
  --honey:   #FFD700;
  --gold:    #C8860A;
  --dark-gold:#7a4f00;
  --white:   #FAFAFA;
  --grey:    #9a9485;
  --line:    rgba(245,166,35,.18);
  --green-it:#2a8a46;
  --white-it:#f5f5f5;
  --red-it:  #ce2b37;

  --font-d:  'Black Ops One', sans-serif;
  --font-s:  'Rajdhani', sans-serif;
  --font-b:  'Exo 2', sans-serif;
  --max: 1240px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--black);color:var(--white);
  font-family:var(--font-b);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* =========================================================
   PRELOADER — countdown 3·2·1·BOOM
   ========================================================= */
#preloader{
  position:fixed;inset:0;z-index:9999;
  background:var(--black);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .6s ease, visibility .6s ease;
}
#preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.pre-count{
  font-family:var(--font-d);
  font-size:clamp(5rem,20vw,14rem);
  color:var(--honey);
  line-height:1;
  text-shadow:0 0 60px rgba(255,215,0,.5), 0 0 120px rgba(245,166,35,.3);
  animation:countPulse .35s ease-out;
}
.pre-boom{
  display:none;
  font-family:var(--font-d);
  font-size:clamp(4rem,16vw,11rem);
  background:linear-gradient(180deg,#fff 20%,var(--honey) 55%,var(--amber));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 0 40px rgba(255,215,0,.7));
  display:none;animation:boomExplode .5s cubic-bezier(.2,1.6,.4,1) forwards;
}
.pre-bar{
  width:200px;height:3px;background:rgba(255,255,255,.1);
  margin-top:30px;overflow:hidden;border-radius:2px;
}
.pre-bar-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,var(--amber),var(--honey));
  transition:width .9s linear;
}
@keyframes countPulse{
  0%{transform:scale(1.4);opacity:0}
  100%{transform:scale(1);opacity:1}
}
@keyframes boomExplode{
  0%{transform:scale(.3);opacity:0}
  60%{transform:scale(1.15)}
  100%{transform:scale(1);opacity:1}
}

/* =========================================================
   HEX GRID BACKGROUND — SVG pattern
   ========================================================= */
body::before{
  content:"";position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 2 L58 18 L58 50 L30 66 L2 50 L2 18 Z M30 66 L58 82 L58 104 M2 104 L2 82 L30 66' fill='none' stroke='%23F5A623' stroke-opacity='0.045' stroke-width='1'/%3E%3C/svg%3E");
  background-size:60px 104px;pointer-events:none;z-index:0;
}
main,header,footer,#preloader{position:relative;z-index:1}
/* all sections transparent so WebGL canvas shows behind */
.section,.stats-bar,.logo-section,.band,.inf-strip,.cta-banner,.custom-section,
.ingredients,.targets-wrap{position:relative;z-index:1;}
/* dark overlay per section so text is readable */
.section::after,.stats-bar::after,.logo-section::after,.inf-strip::after{
  content:'';position:absolute;inset:0;z-index:-1;
  background:rgba(8,8,6,.82);
}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 4vw;
  background:linear-gradient(180deg,rgba(8,8,6,.97) 0%,rgba(8,8,6,.85) 100%);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:transform .35s ease;
}
.site-header.hidden{transform:translateY(-110%)}

/* brand */
.brand{display:flex;align-items:center;gap:12px}
.brand-bee{width:46px;height:46px;object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,215,0,.4));}
.brand-txt{
  font-family:var(--font-d);font-size:1.35rem;
  letter-spacing:.06em;color:var(--white);
}
.brand-txt em{color:var(--honey);font-style:normal}

/* nav */
.main-nav{display:flex;align-items:center;gap:6px}
.main-nav a{
  font-family:var(--font-s);font-weight:600;font-size:.95rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--grey);
  padding:8px 14px;transition:color .2s;position:relative;
}
.main-nav a::after{
  content:"";position:absolute;bottom:4px;left:14px;right:14px;
  height:2px;background:var(--amber);transform:scaleX(0);
  transform-origin:left;transition:transform .25s ease;
}
.main-nav a:hover,
.main-nav a.active{color:var(--honey)}
.main-nav a:hover::after,
.main-nav a.active::after{transform:scaleX(1)}
.main-nav .btn-nav{
  margin-left:10px;padding:10px 22px;
  font-family:var(--font-s);font-weight:700;font-size:.9rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--black);
  background:linear-gradient(135deg,var(--honey) 0%,var(--amber) 100%);
  clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  border:none;cursor:pointer;transition:filter .2s,transform .15s;
}
.main-nav .btn-nav:hover{filter:brightness(1.12);transform:translateY(-1px)}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:6px}
.nav-toggle span{display:block;width:26px;height:2.5px;background:var(--amber);transition:.3s}

/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative;min-height:100vh;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;
  gap:40px;padding:130px 6vw 80px;max-width:var(--max);margin:0 auto;
  overflow:visible;
  background:transparent;
}

/* glitch scanlines overlay */
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 3px,
    rgba(0,0,0,.08) 3px,
    rgba(0,0,0,.08) 4px
  );z-index:2;
}

#hero-canvas{
  position:fixed;inset:0;width:100%;height:100%;z-index:0;
  pointer-events:none;
}

.hero-left{position:relative;z-index:3}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-s);font-weight:700;font-size:.85rem;
  letter-spacing:.4em;text-transform:uppercase;color:var(--amber);
  margin-bottom:20px;
}
.hero-eyebrow::before,.hero-eyebrow::after{
  content:"";flex:1;min-width:30px;height:1px;background:var(--gold);
}

.hero-h1{
  font-family:var(--font-d);
  font-size:clamp(3.5rem,8.5vw,7.2rem);
  line-height:.92;text-transform:uppercase;letter-spacing:.02em;
  margin-bottom:18px;
}
.hero-h1 .line-bee{
  display:block;color:var(--white);
  text-shadow:2px 2px 0 #000, 4px 4px 0 rgba(0,0,0,.5);
  opacity:0;transform:translateX(-60px);
  transition:opacity .6s ease, transform .6s ease;
}
.hero-h1 .line-boom{
  display:block;
  background:linear-gradient(180deg,#ffe84d 0%,var(--amber) 55%,var(--gold) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 30px rgba(255,215,0,.45));
  opacity:0;transform:translateX(-60px);
  transition:opacity .6s ease .15s, transform .6s ease .15s;
}
.hero-h1 .line-bee.in,
.hero-h1 .line-boom.in{opacity:1;transform:none}

.hero-tagline{
  font-family:var(--font-s);font-weight:600;font-size:1.15rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--grey);
  margin-bottom:34px;
  opacity:0;transform:translateY(20px);transition:opacity .6s ease .35s,transform .6s ease .35s;
}
.hero-tagline.in{opacity:1;transform:none}
.hero-tagline strong{color:var(--honey)}

.hero-ctas{
  display:flex;gap:16px;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);transition:opacity .6s ease .5s,transform .6s ease .5s;
}
.hero-ctas.in{opacity:1;transform:none}

.flag-stars{
  display:flex;align-items:center;gap:6px;margin-top:28px;
  opacity:0;transition:opacity .6s ease .65s;
}
.flag-stars.in{opacity:1}
.flag-i{width:20px;height:13px;border:1px solid rgba(255,255,255,.2)}
.flag-i span{display:block;height:100%;width:calc(100%/3);float:left}
.star-it{font-size:.85rem;color:var(--honey)}

/* hero right — product photo */
.hero-right{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:center;
}
.jar-wrap{
  position:relative;width:100%;max-width:520px;
  animation:jarFloat 4s ease-in-out infinite;
}
@keyframes jarFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-18px)}
}
.jar-wrap img.jar-img{
  width:100%;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 40px rgba(255,215,0,.3));
  opacity:0;transform:scale(.85);
  transition:opacity .8s ease .3s, transform .8s cubic-bezier(.2,1.2,.4,1) .3s;
}
.jar-wrap img.jar-img.in{opacity:1;transform:scale(1)}

.jar-glow{
  position:absolute;bottom:-10%;left:10%;right:10%;height:60px;
  background:radial-gradient(ellipse at 50% 100%, rgba(245,166,35,.55), transparent 70%);
  pointer-events:none;
}

/* electric arcs on jar — pure CSS */
.arc{
  position:absolute;width:3px;background:linear-gradient(180deg,rgba(255,255,100,0) 0%,rgba(255,240,60,.9) 50%,rgba(255,255,100,0) 100%);
  top:10%;bottom:10%;opacity:0;
  animation:arcFlash 3s ease-in-out infinite;
}
.arc:nth-child(1){left:15%;animation-delay:0s}
.arc:nth-child(2){right:18%;width:2px;animation-delay:1.1s}
.arc:nth-child(3){left:45%;width:2px;animation-delay:2.2s}
@keyframes arcFlash{
  0%,90%,100%{opacity:0;transform:scaleY(.3)}
  5%,85%{opacity:.85;transform:scaleY(1)}
}

/* =========================================================
   BUTTONS
   ========================================================= */
.btn{
  display:inline-block;font-family:var(--font-s);font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;font-size:1rem;
  padding:16px 36px;cursor:pointer;border:0;transition:.22s ease;
  clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
  position:relative;overflow:hidden;
}
.btn::after{
  content:"";position:absolute;inset:0;
  background:rgba(255,255,255,.12);
  transform:translateX(-110%) skewX(-20deg);
  transition:transform .4s ease;
}
.btn:hover::after{transform:translateX(110%) skewX(-20deg)}
.btn-gold{
  background:linear-gradient(135deg,var(--honey) 0%,var(--amber) 60%,var(--gold) 100%);
  color:var(--black);
  box-shadow:0 0 30px rgba(245,166,35,.4), inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 6px 40px rgba(255,215,0,.55)}
.btn-ghost{
  background:transparent;color:var(--honey);
  box-shadow:inset 0 0 0 2px var(--amber);
}
.btn-ghost:hover{background:rgba(245,166,35,.1);transform:translateY(-2px)}

/* =========================================================
   SECTIONS (shared)
   ========================================================= */
.wrap{max-width:var(--max);margin:0 auto;padding:0 4vw}
.section{padding:110px 0}

.eyebrow{
  font-family:var(--font-s);font-weight:700;
  letter-spacing:.38em;text-transform:uppercase;
  color:var(--amber);font-size:.82rem;
  display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before{content:"";width:36px;height:1px;background:var(--gold)}

.section-h2{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:clamp(2rem,5vw,3.6rem);line-height:1;
  margin-top:14px;
}
.section-h2 span{color:var(--amber)}
.section-head{margin-bottom:64px}
.section-head p{color:var(--grey);max-width:620px;margin-top:16px;font-size:1.05rem}

/* reveal */
.rv{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,1,.4,1)}
.rv.in{opacity:1;transform:none}
.rv-l{opacity:0;transform:translateX(-50px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,1,.4,1)}
.rv-l.in{opacity:1;transform:none}
.rv-r{opacity:0;transform:translateX(50px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,1,.4,1)}
.rv-r.in{opacity:1;transform:none}

/* =========================================================
   PRODUCT CARDS
   ========================================================= */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.prod-card{
  background:linear-gradient(160deg,var(--black3) 0%,var(--black2) 100%);
  border:1px solid var(--line);
  padding:0;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  cursor:default;
}
.prod-card:hover{
  transform:translateY(-10px);border-color:var(--amber);
  box-shadow:0 20px 60px rgba(245,166,35,.18), 0 0 0 1px rgba(245,166,35,.3);
}
.prod-card-img{
  width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;
  transition:transform .6s ease;
  background:var(--black2);
}
.prod-card:hover .prod-card-img{transform:scale(1.04)}
.prod-card-body{padding:28px 26px 30px}
.prod-card-tag{
  font-family:var(--font-s);font-weight:700;letter-spacing:.22em;
  font-size:.72rem;text-transform:uppercase;color:var(--amber);
  margin-bottom:8px;
}
.prod-card h3{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:1.6rem;color:var(--honey);margin-bottom:10px;
}
.prod-card p{color:var(--grey);font-size:.96rem;margin-bottom:18px}
.prod-badge{
  display:inline-block;
  font-family:var(--font-s);font-weight:700;font-size:.75rem;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--black);background:var(--honey);
  padding:4px 14px;
}

/* =========================================================
   LOGO BADGE SECTION
   ========================================================= */
.logo-section{
  padding:100px 0;text-align:center;
  background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(245,166,35,.08),transparent 70%),rgba(8,8,6,.7);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.shield-img{
  width:min(460px,80vw);margin:0 auto 40px;
  filter:drop-shadow(0 0 60px rgba(255,215,0,.4)) drop-shadow(0 30px 80px rgba(0,0,0,.8));
  animation:shieldPulse 4s ease-in-out infinite;
}
@keyframes shieldPulse{
  0%,100%{filter:drop-shadow(0 0 60px rgba(255,215,0,.4)) drop-shadow(0 30px 80px rgba(0,0,0,.8))}
  50%{filter:drop-shadow(0 0 90px rgba(255,215,0,.65)) drop-shadow(0 30px 80px rgba(0,0,0,.8))}
}
.logo-tagline{
  font-family:var(--font-d);font-size:clamp(1.3rem,3.5vw,2.2rem);
  text-transform:uppercase;letter-spacing:.06em;
  background:linear-gradient(90deg,var(--honey),var(--amber));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* =========================================================
   STATS BAR
   ========================================================= */
.stats-bar{
  display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;
  padding:70px 4vw;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(10,10,8,.75);
  text-align:center;
}
.stat .val{
  font-family:var(--font-d);
  font-size:clamp(2.5rem,5.5vw,4rem);
  color:var(--honey);
  line-height:1;
}
.stat .lab{
  font-family:var(--font-s);font-weight:600;
  letter-spacing:.25em;text-transform:uppercase;
  color:var(--grey);font-size:.78rem;margin-top:8px;
}

/* =========================================================
   TARGETS (3-col split)
   ========================================================= */
.targets-wrap{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
}
.target-col{
  padding:56px 40px;border-right:1px solid var(--line);
  position:relative;overflow:hidden;transition:background .3s;
}
.target-col:last-child{border-right:0}
.target-col:hover{background:rgba(245,166,35,.05)}
.target-col .sport-img{
  width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top;
  margin-bottom:28px;
  filter:grayscale(20%) brightness(.85);
  transition:filter .4s;
}
.target-col:hover .sport-img{filter:grayscale(0) brightness(1)}
.target-tag{
  font-family:var(--font-s);font-weight:700;letter-spacing:.3em;
  font-size:.75rem;text-transform:uppercase;color:var(--gold);
  margin-bottom:10px;
}
.target-col h3{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:1.7rem;margin-bottom:14px;color:var(--white);
}
.target-col h3 em{font-style:normal;color:var(--amber)}
.target-col p{color:var(--grey);font-size:.95rem;margin-bottom:20px}
.target-col a{
  font-family:var(--font-s);font-weight:700;
  letter-spacing:.2em;font-size:.85rem;text-transform:uppercase;
  color:var(--honey);border-bottom:2px solid var(--amber);padding-bottom:2px;
  transition:color .2s;
}
.target-col a:hover{color:var(--amber)}

/* =========================================================
   CUSTOM TEAMS — full image section
   ========================================================= */
.custom-section{
  position:relative;overflow:hidden;
}
.custom-bg{
  width:100%;max-height:700px;object-fit:cover;object-position:center top;
  filter:brightness(.55);
}
.custom-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,8,6,.92) 0%,rgba(8,8,6,.6) 50%,rgba(8,8,6,.3) 100%);
  display:flex;align-items:center;
}
.custom-inner{
  max-width:var(--max);margin:0 auto;padding:0 6vw;
}
.custom-inner h2{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:.95;margin-bottom:20px;
}
.custom-inner h2 span{color:var(--amber)}
.custom-inner p{color:var(--grey);max-width:520px;font-size:1.05rem;margin-bottom:36px}

/* =========================================================
   INGREDIENTS STEPS
   ========================================================= */
.ingredients{
  display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
}
.ing{
  background:var(--black3);padding:44px 28px;
  border-right:1px solid var(--line);
  transition:background .3s;
  position:relative;overflow:hidden;
}
.ing:last-child{border-right:0}
.ing:hover{background:rgba(245,166,35,.06)}
.ing::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--amber),transparent);
  transform:scaleX(0);transition:.4s;
}
.ing:hover::before{transform:scaleX(1)}
.ing-icon{
  width:54px;height:54px;margin-bottom:22px;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  background:rgba(245,166,35,.12);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-d);font-size:1.5rem;color:var(--honey);
}
.ing h4{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:1.1rem;color:var(--honey);margin-bottom:10px;
}
.ing p{color:var(--grey);font-size:.92rem}

/* =========================================================
   INFLUENCER STRIP
   ========================================================= */
.inf-strip{
  text-align:center;padding:110px 4vw;
  background:
    radial-gradient(ellipse 70% 80% at 50% 110%,rgba(245,166,35,.2),transparent),
    var(--black2);
  border-top:2px solid rgba(245,166,35,.3);
  position:relative;overflow:hidden;
}
/* animated hexagon pattern */
.inf-strip::before{
  content:"";position:absolute;inset:0;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 2 L58 18 L58 50 L30 66 L2 50 L2 18 Z' fill='%23F5A623' opacity='1'/%3E%3C/svg%3E");
  background-size:60px 104px;
  animation:hexDrift 20s linear infinite;
}
@keyframes hexDrift{to{background-position:60px 104px}}
.inf-code{
  display:inline-block;margin:30px auto;
  font-family:var(--font-d);
  font-size:clamp(1.8rem,5vw,3rem);
  letter-spacing:.08em;color:var(--honey);
  padding:16px 44px;
  border:2px dashed rgba(245,166,35,.5);
  background:rgba(245,166,35,.07);
  position:relative;
}
.inf-code::before,.inf-code::after{
  content:"★";position:absolute;top:50%;transform:translateY(-50%);
  color:var(--amber);font-size:1rem;
}
.inf-code::before{left:14px}
.inf-code::after{right:14px}

/* =========================================================
   CTA BANNER
   ========================================================= */
.cta-banner{
  text-align:center;padding:130px 4vw;
  position:relative;overflow:hidden;
}
.cta-banner::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 80% 120% at 50% 0%,rgba(255,215,0,.15),transparent 65%),
    var(--black3);
  z-index:0;
}
.cta-banner > *{position:relative;z-index:1}
.cta-banner h2{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin-bottom:22px;
}
.cta-banner h2 span{color:var(--amber)}
.cta-banner p{color:var(--grey);max-width:560px;margin:0 auto 40px;font-size:1.06rem}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{background:var(--black2);border-top:1px solid var(--line)}
.footer-grid{
  max-width:var(--max);margin:0 auto;
  padding:70px 4vw 50px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;
}
.footer-brand .brand-txt{font-size:1.5rem;margin-bottom:14px;display:block}
.footer-brand p{color:var(--grey);font-size:.9rem;max-width:320px;margin-bottom:10px}
.footer-col h4{
  font-family:var(--font-s);font-weight:700;letter-spacing:.2em;
  font-size:.8rem;text-transform:uppercase;color:var(--amber);margin-bottom:16px;
}
.footer-col a{display:block;color:var(--grey);font-size:.9rem;padding:4px 0;transition:color .2s}
.footer-col a:hover{color:var(--honey)}
.footer-col p{color:var(--grey);font-size:.85rem;margin-top:8px}
.footer-bar{
  border-top:1px solid rgba(245,166,35,.1);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  max-width:var(--max);margin:0 auto;padding:20px 4vw;
  font-family:var(--font-s);font-weight:600;letter-spacing:.1em;
  font-size:.75rem;text-transform:uppercase;color:var(--grey);
}

/* flag inline */
.flag-inline{display:inline-flex;width:22px;height:14px;
  border:1px solid rgba(255,255,255,.2);vertical-align:middle;overflow:hidden}
.flag-inline i{flex:1;display:block}
.flag-inline i:nth-child(1){background:#2a8a46}
.flag-inline i:nth-child(2){background:#f5f5f5}
.flag-inline i:nth-child(3){background:#ce2b37}

/* page hero (interior pages) */
.page-hero{
  padding:160px 4vw 70px;text-align:center;
  background:radial-gradient(ellipse 60% 90% at 50% 0%,rgba(245,166,35,.12),transparent),var(--black);
  border-bottom:1px solid var(--line);
}
.page-hero h1{
  font-family:var(--font-d);text-transform:uppercase;
  font-size:clamp(2.6rem,7vw,5rem);line-height:1;
}
.page-hero h1 span{color:var(--amber)}
.page-hero p{color:var(--grey);max-width:640px;margin:18px auto 0;font-size:1.06rem}

/* two-col layout */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.two-col h3{font-family:var(--font-d);text-transform:uppercase;font-size:2rem;margin-bottom:16px}
.two-col h3 span{color:var(--amber)}
.two-col p{color:var(--grey);margin-bottom:14px}

/* card grid */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{
  background:var(--black3);border:1px solid var(--line);
  padding:38px 28px;
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.card:hover{transform:translateY(-8px);border-color:var(--amber);box-shadow:0 16px 50px rgba(245,166,35,.13)}
.card .hex-ico{
  width:58px;height:58px;margin-bottom:20px;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  background:rgba(245,166,35,.12);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(245,166,35,.3);
}
.card .hex-ico svg{width:26px;height:26px;stroke:var(--honey);fill:none;stroke-width:1.8}
.card h3{font-family:var(--font-d);text-transform:uppercase;font-size:1.35rem;color:var(--honey);margin-bottom:10px}
.card p{color:var(--grey);font-size:.95rem}
.card ul{list-style:none;margin-top:16px}
.card ul li{
  padding:7px 0 7px 24px;position:relative;
  color:var(--grey);font-size:.93rem;
  border-top:1px solid rgba(245,166,35,.08);
}
.card ul li::before{
  content:"";position:absolute;left:2px;top:15px;width:10px;height:10px;
  background:var(--amber);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}
.step{background:var(--black3);border:1px solid var(--line);padding:34px 24px;position:relative}
.step::before{
  counter-increment:step;content:counter(step,decimal-leading-zero);
  font-family:var(--font-d);font-size:2.8rem;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px var(--gold);
  display:block;margin-bottom:12px;
}
.step h4{font-family:var(--font-s);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem;color:var(--honey);margin-bottom:8px}
.step p{color:var(--grey);font-size:.9rem}

/* forms */
.form-wrap{max-width:560px;margin:0 auto;background:var(--black2);border:1px solid var(--line);padding:46px 40px}
.form-wrap.wide{max-width:760px}
.field{margin-bottom:22px}
.field label{display:block;font-family:var(--font-s);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--amber);margin-bottom:8px}
.field input,.field textarea,.field select{
  width:100%;background:var(--black);border:1px solid var(--line);
  color:var(--white);padding:14px 16px;font-family:var(--font-b);font-size:1rem;transition:border-color .2s;
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none;border-color:var(--honey);box-shadow:0 0 0 3px rgba(255,215,0,.1);
}
.msg{padding:14px 18px;margin-bottom:24px;font-family:var(--font-s);letter-spacing:.05em;font-size:1rem}
.msg.ok{background:rgba(60,160,60,.12);border:1px solid #4a4;color:#bfe8bf}
.msg.err{background:rgba(200,60,40,.12);border:1px solid #c54;color:#f0c5bd}

/* dash */
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}
.dash-card{background:var(--black2);border:1px solid var(--line);padding:28px;text-align:center}
.dash-card .k{font-family:var(--font-s);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;color:var(--grey)}
.dash-card .v{font-family:var(--font-d);font-size:2.2rem;color:var(--honey);margin-top:8px}
table.list{width:100%;border-collapse:collapse;background:var(--black2);border:1px solid var(--line)}
table.list th,table.list td{padding:13px 16px;text-align:left;font-size:.93rem;border-bottom:1px solid rgba(245,166,35,.08)}
table.list th{font-family:var(--font-s);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--amber);background:rgba(245,166,35,.05)}
table.list td{color:var(--grey)}

/* prose */
.prose{max-width:800px;margin:0 auto;color:var(--grey)}
.prose h2{font-family:var(--font-s);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--honey);font-size:1.3rem;margin:36px 0 12px}
.prose p,.prose li{margin-bottom:12px;font-size:.96rem}
.prose ul{padding-left:20px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1020px){
  .hero{grid-template-columns:1fr;padding:110px 6vw 70px;text-align:center}
  .hero-right{order:-1;max-width:340px;margin:0 auto 20px}
  .hero-eyebrow{justify-content:center}
  .hero-ctas{justify-content:center}
  .flag-stars{justify-content:center}
  .prod-grid,.ingredients{grid-template-columns:1fr 1fr}
  .targets-wrap{grid-template-columns:1fr}
  .target-col{border-right:0;border-bottom:1px solid var(--line)}
  .target-col:last-child{border-bottom:0}
  .cards-3,.steps{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){

  body{
    font-size:16px;
    overflow-x:hidden;
  }

  .site-header{
    padding:10px 5vw;
  }

  .brand-bee{
    width:40px;
    height:40px;
  }

  .brand-txt{
    font-size:1.05rem;
  }

  .nav-toggle{
    display:flex;
  }

  .main-nav{
    position:fixed;
    top:66px;
    right:0;
    left:0;
    background:rgba(8,8,6,.98);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px 0 20px;
    border-bottom:1px solid var(--line);
    transform:translateY(-130%);
    transition:transform .35s ease;
  }

  .main-nav.open{
    transform:none;
  }

  .main-nav a{
    width:100%;
    padding:14px 6vw;
    border-bottom:1px solid rgba(245,166,35,.07);
    text-align:left;
  }

  .main-nav .btn-nav{
    clip-path:none;
    width:auto;
    margin:12px 6vw 0;
    display:block;
    text-align:center;
  }

  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:18px;
    padding:90px 5vw 56px;
    text-align:center;
  }

  .hero-left{
    order:1;
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .hero-right{
    order:2;
    max-width:220px;
    max-height:200px;
    overflow:hidden;
    margin:10px auto 0;
  }

  .jar-wrap{
    max-width:220px;
    max-height:200px;
    margin:0 auto;
  }

  .jar-wrap img.jar-img{
    max-height:200px;
    width:auto;
    margin:0 auto;
  }

  .hero-eyebrow{
    justify-content:center;
    font-size:.72rem;
    letter-spacing:.24em;
    margin-bottom:14px;
  }

  .hero-h1,
  .hero h1{
    font-size:clamp(2.6rem,16vw,4.4rem);
    line-height:.9;
    margin-bottom:14px;
  }

  .hero-tagline{
    font-size:.95rem;
    letter-spacing:.14em;
    margin-bottom:24px;
  }

  .hero-ctas{
    width:100%;
    max-width:360px;
    margin:0 auto;
    flex-direction:column;
    gap:12px;
  }

  .btn,
  .main-nav .btn-nav{
    clip-path:none;
  }

  .hero-ctas .btn{
    width:100%;
    text-align:center;
    padding:15px 22px;
  }

  .flag-stars{
    justify-content:center;
    margin-top:22px;
  }

  .wrap{
    padding:0 5vw;
  }

  .section{
    padding:64px 0;
  }

  .section-head{
    margin-bottom:36px;
  }

  .section-h2{
    font-size:clamp(2rem,11vw,3rem);
  }

  .section-head p{
    font-size:.98rem;
  }

  .prod-grid,
  .ingredients,
  .cards-3,
  .steps,
  .targets-wrap,
  .two-col,
  .dash-grid{
    grid-template-columns:1fr;
  }

  .prod-card-body{
    padding:24px 22px 26px;
  }

  .target-col{
    padding:34px 24px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .target-col:last-child{
    border-bottom:0;
  }

  .ing{
    padding:34px 24px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .ing:last-child{
    border-bottom:0;
  }

  .custom-bg{
    min-height:520px;
    max-height:none;
  }

  .custom-overlay{
    position:absolute;
    padding:70px 0;
  }

  .custom-inner{
    padding:0 5vw;
  }

  .custom-inner h2{
    font-size:clamp(2rem,12vw,3.4rem);
  }

  .inf-strip,
  .cta-banner{
    padding:80px 5vw;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:30px;
    padding:52px 5vw 38px;
  }

  .footer-bar{
    flex-direction:column;
    text-align:center;
    align-items:center;
    padding:18px 5vw;
  }

  .form-wrap,
  .form-wrap.wide{
    max-width:100%;
    padding:30px 22px;
  }

  .field input,
  .field textarea,
  .field select{
    font-size:16px;
    padding:13px 14px;
  }

  .dash-card{
    padding:24px 18px;
  }

  table.list{
    display:block;
    width:100%;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  table.list th,
  table.list td{
    padding:12px 14px;
    font-size:.86rem;
  }
}

@media(max-width:400px){

  .hero{
    padding:84px 4.5vw 48px;
  }

  .hero-right{
    max-width:190px;
    max-height:190px;
  }

  .jar-wrap,
  .jar-wrap img.jar-img{
    max-height:190px;
  }

  .hero-h1,
  .hero h1{
    font-size:clamp(2.25rem,18vw,3.6rem);
  }

  .hero-tagline{
    font-size:.86rem;
    letter-spacing:.1em;
  }

  .btn{
    font-size:.9rem;
    padding:14px 18px;
  }

  .section{
    padding:56px 0;
  }

  .section-h2{
    font-size:clamp(1.8rem,12vw,2.6rem);
  }

  .prod-card h3,
  .target-col h3{
    font-size:1.35rem;
  }

  .form-wrap,
  .form-wrap.wide{
    padding:26px 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  #preloader{display:none}
}

/* =========================================================
   BEEBOOM FINAL FIX — USER PRODUCT IMAGES + MOBILE HERO
   ========================================================= */

/* HERO: use the real <img> bee mark only. No background logo, no hidden BeeBoom text. */
.hero-h1.hero-ape-mode{
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:10px auto 22px !important;
  padding:0 !important;
  background:none !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  filter:none !important;
}

.hero-h1.hero-ape-mode .line-bee,
.hero-h1.hero-ape-mode .line-boom{
  display:none !important;
}

.home-ape-mark{
  display:block !important;
  width:min(430px,92%) !important;
  max-width:430px !important;
  height:auto !important;
  margin:0 auto !important;
  transform:translateY(10px);
  filter:drop-shadow(0 0 30px rgba(255,215,0,.44)) !important;
}

/* HOME PRODUCT CARDS: use the images written directly in index.php. */
.prod-card-img.home-product-img{
  width:100% !important;
  aspect-ratio:4/3 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  max-height:330px !important;
}

.prod-card-img.home-product-250{
  padding:8px !important;
}

.prod-card-img.home-product-50{
  padding:20px !important;
}

.prod-card-img.home-product-40{
  padding:12px !important;
}

/* PRODUCTS PAGE IMAGES */
.product-page-img-wrap{
  text-align:center;
}

.product-page-img{
  display:block;
  width:100%;
  object-fit:contain;
  object-position:center center;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 auto;
  filter:drop-shadow(0 20px 60px rgba(245,166,35,.30));
}

.product-page-jar{
  max-width:420px;
}

.product-page-50{
  max-width:360px;
}

.product-page-40{
  max-width:520px;
}

/* MOBILE: the bee must not drop over the tagline. */
@media(max-width:700px){
  .hero-h1.hero-ape-mode{
    width:100% !important;
    height:auto !important;
    margin:0 auto 10px !important;
    background:none !important;
  }

  .home-ape-mark{
    width:min(260px,76vw) !important;
    max-width:260px !important;
    margin:0 auto !important;
    transform:none !important;
  }

  .hero-tagline{
    margin-top:4px !important;
    margin-bottom:22px !important;
  }

  .prod-card-img.home-product-img{
    max-height:260px !important;
  }

  .product-page-img{
    max-width:88vw !important;
  }
}

@media(max-width:400px){
  .home-ape-mark{
    width:min(220px,72vw) !important;
    max-width:220px !important;
  }

  .hero-h1.hero-ape-mode{
    margin-bottom:8px !important;
  }
}

/* =========================================================
   BEEBOOM UNIFIED FINAL — MOBILE CTA + PARTICLE BEE
   ========================================================= */

/* The repeated bee has been removed from this section. */
.logo-section.no-repeat-logo{
  padding:72px 0;
}

.logo-section.no-repeat-logo .logo-tagline{
  margin-top:0;
}

/* Particle animation stage in the hero. */
.bee-particle-stage{
  position:relative;
  overflow:visible;
  isolation:isolate;
}

.bee-particle-stage .bee-particle-source{
  position:relative;
  z-index:2;
  transition:opacity .28s ease;
}

.bee-particle-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
  overflow:visible;
}

.bee-particle-stage.is-assembling .bee-particle-source{
  opacity:0;
}

.bee-particle-stage.is-assembled .bee-particle-source{
  opacity:1;
}

/* Desktop remains unchanged. Mobile CTAs are deliberately more compact. */
@media(max-width:700px){
  .hero-ctas{
    max-width:290px;
    gap:10px;
  }

  .hero-ctas .btn{
    width:100%;
    padding:11px 15px;
    font-size:.82rem;
    letter-spacing:.12em;
    line-height:1.25;
  }

  .logo-section.no-repeat-logo{
    padding:58px 0;
  }
}

@media(max-width:400px){
  .hero-ctas{
    max-width:270px;
  }

  .hero-ctas .btn{
    padding:10px 13px;
    font-size:.78rem;
    letter-spacing:.1em;
  }
}

@media(prefers-reduced-motion:reduce){
  .bee-particle-canvas{display:none !important;}
  .bee-particle-stage .bee-particle-source{opacity:1 !important;}
}




/* =========================================================
   BEEBOOM FUNDRAISING PROGRAM
   Additive styles only: existing site structure remains intact.
   ========================================================= */

.main-nav .nav-fundraising{
  color:var(--honey);
}

.main-nav .nav-fundraising::before{
  content:"";
  position:absolute;
  inset:5px 8px;
  border:1px solid rgba(255,215,0,.28);
  pointer-events:none;
}

.fund-home-strip{
  position:relative;
  padding:74px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 75% 50%,rgba(245,166,35,.13),transparent 32%),
    rgba(8,8,6,.88);
}

.fund-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);
  gap:54px;
  align-items:center;
}

.fund-home-copy p{
  max-width:660px;
  color:var(--grey);
  margin:18px 0 28px;
}

.fund-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.fund-home-metric{
  border:1px solid rgba(245,166,35,.3);
  background:linear-gradient(160deg,rgba(245,166,35,.12),rgba(15,14,9,.92));
  padding:36px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.fund-home-metric strong{
  display:block;
  font-family:var(--font-d);
  color:var(--honey);
  font-size:clamp(1.8rem,3vw,2.8rem);
  line-height:1;
  margin:10px 0 16px;
}

.fund-home-metric span{
  color:var(--grey);
}

.fund-mini-label,
.campaign-kicker{
  font-family:var(--font-s);
  font-weight:700;
  font-size:.75rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--amber);
}

.fund-hero{
  min-height:760px;
  display:flex;
  align-items:center;
  padding:140px 5vw 90px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 42%,rgba(255,215,0,.14),transparent 27%),
    linear-gradient(130deg,#080806 0%,#11100a 55%,#080806 100%);
  border-bottom:1px solid var(--line);
}

.fund-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to right,transparent,black 55%,black);
}

.fund-hero-grid{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
  gap:66px;
  align-items:center;
  position:relative;
  z-index:1;
}

.fund-hero-copy h1{
  font-family:var(--font-d);
  font-size:clamp(3.3rem,6.8vw,6.5rem);
  line-height:.92;
  text-transform:uppercase;
  margin:22px 0 24px;
}

.fund-hero-copy h1 span{
  color:var(--amber);
}

.fund-hero-copy > p{
  max-width:650px;
  color:var(--grey);
  font-size:1.1rem;
}

.fund-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}

.fund-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}

.fund-proof-row span{
  border:1px solid rgba(245,166,35,.22);
  background:rgba(245,166,35,.06);
  padding:8px 11px;
  font-family:var(--font-s);
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#d2cab8;
}

.fund-hero-visual{
  min-height:510px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.fund-hero-visual > img{
  position:absolute;
  object-fit:contain;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.65));
}

.fund-hero-visual > img:nth-of-type(1){
  width:55%;
  left:0;
  bottom:24px;
  z-index:2;
}

.fund-hero-visual > img:nth-of-type(2){
  width:37%;
  left:39%;
  bottom:28px;
  z-index:3;
}

.fund-hero-visual > img:nth-of-type(3){
  width:51%;
  right:-8%;
  bottom:18px;
  z-index:1;
}

.fund-glow{
  position:absolute;
  width:84%;
  height:58%;
  left:8%;
  bottom:3%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(245,166,35,.28),transparent 68%);
  filter:blur(18px);
}

.fund-hero-stamp{
  position:absolute;
  top:30px;
  right:10px;
  width:154px;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(255,215,0,.55);
  background:rgba(8,8,6,.88);
  transform:rotate(5deg);
  z-index:5;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}

.fund-hero-stamp strong{
  font-family:var(--font-d);
  color:var(--honey);
  font-size:1.34rem;
  line-height:.9;
}

.fund-hero-stamp span{
  color:var(--grey);
  font-size:.62rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.07em;
  max-width:105px;
  margin-top:10px;
}

.fund-benefits{
  padding:0 4vw;
  background:var(--black2);
  border-bottom:1px solid var(--line);
}

.fund-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:var(--max);
  margin:0 auto;
}

.fund-benefit-grid article{
  padding:38px 28px;
  border-right:1px solid var(--line);
}

.fund-benefit-grid article:last-child{
  border-right:0;
}

.fund-benefit-grid b{
  font-family:var(--font-d);
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-size:2rem;
}

.fund-benefit-grid h3{
  font-family:var(--font-d);
  text-transform:uppercase;
  font-size:1.05rem;
  color:var(--honey);
  margin:10px 0 8px;
}

.fund-benefit-grid p{
  color:var(--grey);
  font-size:.9rem;
}

.fund-calculator{
  border:1px solid rgba(245,166,35,.28);
  background:linear-gradient(155deg,rgba(24,22,16,.96),rgba(8,8,6,.98));
  box-shadow:0 35px 80px rgba(0,0,0,.35);
}

.fund-calc-controls{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:34px;
  border-bottom:1px solid var(--line);
}

.fund-calc-controls .field{
  margin:0;
}

.money-input{
  position:relative;
}

.money-input > span{
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  color:var(--amber);
  font-family:var(--font-s);
  font-weight:700;
}

.money-input input{
  padding-left:31px;
}

.fund-calc-results{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.fund-calc-results > div{
  min-height:150px;
  padding:30px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--line);
}

.fund-calc-results > div:last-child{
  border-right:0;
}

.fund-calc-results span{
  color:var(--grey);
  font-family:var(--font-s);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.fund-calc-results strong{
  display:block;
  color:var(--white);
  font-family:var(--font-d);
  font-size:clamp(1.7rem,3vw,2.8rem);
  line-height:1;
  margin-top:12px;
}

.fund-calc-results .fund-profit-result{
  background:linear-gradient(145deg,rgba(255,215,0,.16),rgba(245,166,35,.04));
}

.fund-calc-results .fund-profit-result strong{
  color:var(--honey);
}

.fund-disclaimer{
  padding:15px 34px;
  border-top:1px solid var(--line);
  color:#777164;
  font-size:.78rem;
}

.fund-scenarios{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:22px;
  flex-wrap:wrap;
}

.fund-scenarios button{
  border:1px solid var(--line);
  background:var(--black2);
  color:var(--grey);
  padding:11px 18px;
  font-family:var(--font-s);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.fund-scenarios button small{
  display:block;
  font-weight:500;
  margin-top:3px;
}

.fund-scenarios button:hover,
.fund-scenarios button.active{
  border-color:var(--amber);
  color:var(--honey);
  background:rgba(245,166,35,.08);
}

.fund-demo-section{
  padding:110px 0;
  background:
    radial-gradient(circle at 50% 110%,rgba(245,166,35,.16),transparent 42%),
    var(--black2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.campaign-demo{
  padding:42px;
  border:1px solid rgba(245,166,35,.34);
  background:linear-gradient(145deg,#121009,#080806);
  box-shadow:0 38px 100px rgba(0,0,0,.48);
}

.campaign-demo-top{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-start;
}

.campaign-demo-top h3{
  font-family:var(--font-d);
  text-transform:uppercase;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1;
  margin:10px 0;
}

.campaign-demo-top p{
  color:var(--grey);
}

.campaign-days{
  min-width:120px;
  text-align:center;
  border:1px solid var(--line);
  padding:15px;
}

.campaign-days strong{
  display:block;
  font-family:var(--font-d);
  color:var(--honey);
  font-size:2.2rem;
  line-height:1;
}

.campaign-days span{
  color:var(--grey);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.campaign-progress{
  margin:34px 0;
}

.campaign-progress-labels{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:var(--grey);
  font-family:var(--font-s);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:8px;
}

.campaign-progress-track{
  height:12px;
  background:#211d12;
  border:1px solid rgba(255,215,0,.16);
  overflow:hidden;
}

.campaign-progress-track i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--amber),var(--honey));
  box-shadow:0 0 22px rgba(255,215,0,.42);
}

.campaign-demo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr) 1.2fr;
  gap:18px;
}

.campaign-product,
.campaign-leaderboard{
  min-height:270px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
  padding:18px;
}

.campaign-product{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.campaign-product img{
  width:100%;
  height:180px;
  object-fit:contain;
}

.campaign-product b{
  font-family:var(--font-d);
  color:var(--honey);
  text-transform:uppercase;
}

.campaign-product span{
  color:var(--grey);
  font-size:.8rem;
}

.campaign-leaderboard ol{
  list-style:none;
  margin-top:24px;
}

.campaign-leaderboard li{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}

.campaign-leaderboard li b{
  color:var(--white);
}

.campaign-leaderboard li span{
  color:var(--amber);
  white-space:nowrap;
}

.fund-packages{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:stretch;
}

.fund-package{
  position:relative;
  padding:38px 30px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,var(--black3),var(--black2));
}

.fund-package.featured{
  border-color:var(--amber);
  transform:translateY(-14px);
  box-shadow:0 24px 70px rgba(245,166,35,.16);
}

.fund-package > span{
  color:var(--amber);
  font-family:var(--font-s);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.75rem;
}

.fund-package h3{
  font-family:var(--font-d);
  text-transform:uppercase;
  font-size:1.7rem;
  color:var(--honey);
  margin:13px 0;
}

.fund-package p{
  color:var(--grey);
}

.fund-package ul{
  list-style:none;
  margin:24px 0 30px;
}

.fund-package li{
  padding:9px 0 9px 22px;
  border-bottom:1px solid rgba(245,166,35,.08);
  color:#c1baa9;
  position:relative;
}

.fund-package li::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  width:9px;
  height:9px;
  background:var(--amber);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}

.fund-package a{
  color:var(--honey);
  font-family:var(--font-s);
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  border-bottom:2px solid var(--amber);
}

.fund-popular{
  position:absolute;
  top:0;
  right:0;
  background:var(--honey);
  color:var(--black);
  padding:5px 10px;
  font-family:var(--font-s);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.fund-kit-section{
  padding:110px 0;
  background:var(--black2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.fund-kit-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}

.fund-kit-copy > p{
  color:var(--grey);
  margin:18px 0 24px;
}

.fund-kit-copy ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
  list-style:none;
}

.fund-kit-copy li{
  color:#c4bdad;
  padding-left:18px;
  position:relative;
}

.fund-kit-copy li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:8px;
  background:var(--amber);
}

.fund-kit-board{
  min-height:480px;
  position:relative;
  border:1px solid var(--line);
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    #0c0b07;
  background-size:24px 24px;
  overflow:hidden;
}

.kit-sheet{
  position:absolute;
  border:1px solid rgba(255,215,0,.32);
  box-shadow:0 24px 50px rgba(0,0,0,.46);
  overflow:hidden;
}

.kit-poster{
  width:42%;
  height:72%;
  left:7%;
  top:10%;
  background:
    radial-gradient(circle at 50% 75%,rgba(255,215,0,.25),transparent 38%),
    linear-gradient(160deg,#181610,#070705);
  padding:24px;
  transform:rotate(-5deg);
}

.kit-poster span,
.kit-story span{
  font-family:var(--font-s);
  color:var(--amber);
  font-size:.65rem;
  letter-spacing:.16em;
}

.kit-poster strong{
  display:block;
  font-family:var(--font-d);
  font-size:2rem;
  line-height:.9;
  color:var(--honey);
  margin-top:80px;
}

.kit-poster small{
  display:block;
  color:var(--grey);
  margin-top:16px;
}

.kit-story{
  width:31%;
  height:58%;
  right:9%;
  top:9%;
  padding:20px;
  transform:rotate(6deg);
  background:linear-gradient(155deg,#7d190f,#160805 66%);
}

.kit-story strong{
  display:block;
  color:white;
  font-family:var(--font-d);
  font-size:1.55rem;
  line-height:.95;
  margin-top:52px;
}

.kit-qr{
  width:36%;
  min-height:180px;
  right:18%;
  bottom:5%;
  padding:18px;
  background:#f4ead7;
  color:#080806;
  transform:rotate(-2deg);
  text-align:center;
}

.fake-qr{
  width:82px;
  height:82px;
  margin:0 auto 10px;
  background:
    linear-gradient(90deg,#111 12%,transparent 12% 22%,#111 22% 38%,transparent 38% 49%,#111 49% 66%,transparent 66% 78%,#111 78%),
    linear-gradient(#111 12%,transparent 12% 22%,#111 22% 38%,transparent 38% 49%,#111 49% 66%,transparent 66% 78%,#111 78%);
  background-size:19px 19px;
}

.kit-qr strong{
  display:block;
  font-family:var(--font-d);
  font-size:.85rem;
}

.kit-qr small{
  font-size:.63rem;
}

.fund-phases{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.fund-phases article{
  min-height:260px;
  border:1px solid var(--line);
  background:var(--black3);
  padding:32px;
  position:relative;
}

.fund-phases article::after{
  content:"";
  position:absolute;
  left:32px;
  right:32px;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--amber),transparent);
}

.fund-phases b{
  font-family:var(--font-d);
  color:transparent;
  -webkit-text-stroke:1px var(--gold);
  font-size:3rem;
  line-height:1;
}

.fund-phases span{
  display:block;
  color:var(--amber);
  font-family:var(--font-s);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.75rem;
  margin-top:18px;
}

.fund-phases h3{
  font-family:var(--font-d);
  text-transform:uppercase;
  color:var(--honey);
  margin:8px 0 12px;
}

.fund-phases p{
  color:var(--grey);
}

.fund-faq{
  max-width:920px;
  margin:0 auto;
  border-top:1px solid var(--line);
}

.fund-faq details{
  border-bottom:1px solid var(--line);
}

.fund-faq summary{
  list-style:none;
  cursor:pointer;
  padding:22px 48px 22px 0;
  font-family:var(--font-s);
  font-weight:700;
  font-size:1.08rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--white);
  position:relative;
}

.fund-faq summary::-webkit-details-marker{
  display:none;
}

.fund-faq summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:18px;
  color:var(--honey);
  font-family:var(--font-d);
  font-size:1.5rem;
}

.fund-faq details[open] summary::after{
  content:"−";
}

.fund-faq details p{
  color:var(--grey);
  padding:0 50px 24px 0;
}

.fund-preview-section{
  padding:110px 0;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 15% 65%,rgba(245,166,35,.14),transparent 33%),
    var(--black2);
}

.fund-preview-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:70px;
  align-items:start;
}

.fund-preview-copy > p{
  color:var(--grey);
  margin:18px 0 26px;
}

.fund-preview-list{
  display:grid;
  gap:10px;
}

.fund-preview-list span{
  color:#c9c2b1;
  border-left:2px solid var(--amber);
  padding-left:13px;
}

.fund-direct-email a{
  color:var(--honey);
}

.fund-form{
  max-width:none;
  margin:0;
}

.fund-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.fund-honeypot{
  position:absolute !important;
  left:-9999px !important;
}

@media(max-width:1120px){
  .main-nav a{
    padding-left:9px;
    padding-right:9px;
    font-size:.86rem;
  }

  .fund-hero-grid{
    grid-template-columns:1fr .9fr;
    gap:34px;
  }

  .fund-benefit-grid{
    grid-template-columns:1fr 1fr;
  }

  .fund-benefit-grid article:nth-child(2){
    border-right:0;
  }

  .fund-benefit-grid article:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }

  .campaign-demo-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:820px){
  .fund-home-grid,
  .fund-hero-grid,
  .fund-kit-grid,
  .fund-preview-grid{
    grid-template-columns:1fr;
  }

  .fund-hero{
    padding:115px 5vw 66px;
  }

  .fund-hero-copy{
    text-align:center;
  }

  .fund-hero-copy .eyebrow{
    justify-content:center;
  }

  .fund-hero-copy > p{
    margin-left:auto;
    margin-right:auto;
  }

  .fund-hero-actions,
  .fund-proof-row{
    justify-content:center;
  }

  .fund-hero-visual{
    min-height:390px;
    max-width:620px;
    width:100%;
    margin:0 auto;
  }

  .fund-hero-stamp{
    width:128px;
  }

  .fund-calc-controls,
  .fund-calc-results{
    grid-template-columns:1fr 1fr;
  }

  .fund-calc-results > div:nth-child(2){
    border-right:0;
  }

  .fund-calc-results > div:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }

  .fund-packages,
  .fund-phases{
    grid-template-columns:1fr;
  }

  .fund-package.featured{
    transform:none;
  }

  .fund-kit-copy ul{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .main-nav .nav-fundraising::before{
    display:none;
  }

  .fund-home-strip{
    padding:58px 0;
  }

  .fund-home-actions,
  .fund-hero-actions{
    flex-direction:column;
    width:100%;
    max-width:310px;
    margin-left:auto;
    margin-right:auto;
  }

  .fund-home-actions .btn,
  .fund-hero-actions .btn{
    width:100%;
    text-align:center;
    padding:11px 14px;
    font-size:.82rem;
    letter-spacing:.1em;
  }

  .fund-hero-copy h1{
    font-size:clamp(2.7rem,14vw,4.3rem);
  }

  .fund-hero-visual{
    min-height:300px;
  }

  .fund-hero-stamp{
    width:104px;
    top:8px;
    right:0;
  }

  .fund-hero-stamp strong{
    font-size:1rem;
  }

  .fund-hero-stamp span{
    font-size:.52rem;
  }

  .fund-benefit-grid,
  .fund-calc-controls,
  .fund-calc-results,
  .campaign-demo-grid,
  .fund-form-row{
    grid-template-columns:1fr;
  }

  .fund-benefit-grid article{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .fund-benefit-grid article:last-child{
    border-bottom:0;
  }

  .fund-calc-controls{
    padding:24px 20px;
  }

  .fund-calc-results > div{
    min-height:112px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .fund-calc-results > div:last-child{
    border-bottom:0;
  }

  .fund-disclaimer{
    padding:14px 20px;
  }

  .campaign-demo{
    padding:24px 18px;
  }

  .campaign-demo-top{
    flex-direction:column;
  }

  .campaign-days{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:10px;
  }

  .campaign-product,
  .campaign-leaderboard{
    min-height:auto;
  }

  .campaign-product img{
    height:170px;
  }

  .fund-kit-board{
    min-height:390px;
  }

  .kit-poster{
    width:46%;
    padding:15px;
  }

  .kit-poster strong{
    font-size:1.4rem;
    margin-top:70px;
  }

  .kit-story{
    width:34%;
    padding:13px;
  }

  .kit-story strong{
    font-size:1.05rem;
  }

  .kit-qr{
    width:42%;
  }

  .fund-faq summary{
    font-size:.95rem;
  }

  .fund-preview-section,
  .fund-kit-section,
  .fund-demo-section{
    padding:76px 0;
  }
}

@media(max-width:430px){
  .fund-hero{
    padding-top:105px;
  }

  .fund-hero-visual{
    min-height:260px;
  }

  .fund-hero-stamp{
    display:none;
  }

  .fund-proof-row span{
    width:100%;
  }

  .fund-home-metric{
    padding:28px 22px;
  }

  .campaign-progress-labels{
    font-size:.69rem;
  }

  .fund-kit-board{
    min-height:340px;
  }

  .kit-poster strong{
    margin-top:48px;
  }

  .kit-qr{
    min-height:145px;
  }

  .fake-qr{
    width:64px;
    height:64px;
    background-size:15px 15px;
  }
}


/* =========================================================
   HOME HERO IMPACT — BEE ONLY / WHITE + YELLOW HEADLINE
   ========================================================= */
.brand-txt,
.brand-txt em{
  font-style:normal;
  background:linear-gradient(90deg,var(--green-it) 0 33%,var(--white-it) 33% 66%,var(--red-it) 66% 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}

.hero.hero-home-impact{
  min-height:100vh;
  max-width:none;
  margin:0;
  padding:120px 22px 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 18%, rgba(245,166,35,.12), transparent 28%),
    radial-gradient(circle at 15% 64%, rgba(255,215,0,.08), transparent 20%),
    radial-gradient(circle at 85% 52%, rgba(255,215,0,.08), transparent 24%),
    transparent;
  overflow:hidden;
}

.hero.hero-home-impact::before{
  display:none;
}

.hero-home-bg,
.hero-impact-inner{
  position:relative;
  width:100%;
}

.hero-home-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

.hero-honeycomb{
  position:absolute;
  inset:-6%;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='62' viewBox='0 0 72 62'%3E%3Cpath d='M18 1h36l17 30-17 30H18L1 31Z' fill='none' stroke='%23896611' stroke-width='1' opacity='.75'/%3E%3C/svg%3E");
  background-size:72px 62px;
  animation:beeboomHexDrift 24s ease-in-out infinite;
}

.hero-honeycomb::after{
  content:"";
  position:absolute;
  top:-10%;
  bottom:-10%;
  left:-36%;
  width:42%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='62' viewBox='0 0 72 62'%3E%3Cpath d='M18 1h36l17 30-17 30H18L1 31Z' fill='none' stroke='%23f2c200' stroke-width='1.15' opacity='.9'/%3E%3C/svg%3E");
  background-size:72px 62px;
  opacity:.26;
  filter:drop-shadow(0 0 8px rgba(242,194,0,.35));
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.98) 40%,rgba(0,0,0,.98) 60%,transparent);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.98) 40%,rgba(0,0,0,.98) 60%,transparent);
  animation:beeboomHexSweep 10s ease-in-out infinite;
}

.hero-ambient i{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ffc11b;
  box-shadow:0 0 14px 4px rgba(255,177,18,.42);
  opacity:.42;
  animation:beeboomGlowFloat 7s ease-in-out infinite;
}
.hero-ambient i:nth-child(1){left:9%;top:22%;animation-delay:-1s}
.hero-ambient i:nth-child(2){left:19%;top:72%;animation-delay:-5s}
.hero-ambient i:nth-child(3){left:31%;top:34%;animation-delay:-3s}
.hero-ambient i:nth-child(4){left:72%;top:26%;animation-delay:-2s}
.hero-ambient i:nth-child(5){left:84%;top:60%;animation-delay:-6s}
.hero-ambient i:nth-child(6){left:63%;top:80%;animation-delay:-4s}
.hero-ambient i:nth-child(7){left:45%;top:70%;animation-delay:-1.8s}
.hero-ambient i:nth-child(8){left:92%;top:18%;animation-delay:-4.7s}

.hero-impact-inner{
  z-index:2;
  max-width:960px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.hero-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--amber);
  font-family:var(--font-s);
  font-weight:700;
  font-size:.85rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  margin:0 0 8px;
  white-space:nowrap;
}
.hero-kicker::before,
.hero-kicker::after{
  content:"";
  width:42px;
  height:1px;
  background:rgba(245,166,35,.8);
}

.hero.hero-home-impact .hero-h1.hero-ape-mode{
  margin:0;
  width:100%;
  display:flex;
  justify-content:center;
}

.hero.hero-home-impact .home-ape-mark{
  width:min(450px,42vw);
  max-width:450px;
  filter:drop-shadow(0 0 18px rgba(255,215,0,.42)) drop-shadow(0 22px 40px rgba(0,0,0,.72));
  animation:beeboomBeeFloat 4.2s 1.15s ease-in-out infinite;
}

.hero-impact-headline{
  margin:6px 0 12px;
}

.impact-line{
  display:block;
  font-family:var(--font-d);
  text-transform:uppercase;
  line-height:.9;
  letter-spacing:.02em;
  font-size:clamp(3.4rem,8vw,7rem);
  text-shadow:2px 2px 0 #000, 6px 6px 0 rgba(0,0,0,.45), 0 18px 36px rgba(0,0,0,.58);
}
.impact-line-white{color:var(--white)}
.impact-line-gold{color:var(--honey)}

.hero-impact-tag{
  margin:0 0 10px;
  font-family:var(--font-s);
  font-size:1.08rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#bdb6a5;
}
.hero-impact-tag strong{color:var(--white)}

.hero-impact-sub{
  max-width:700px;
  margin:0 0 24px;
  color:var(--grey);
  font-size:1.02rem;
  line-height:1.65;
}

.hero.hero-home-impact .hero-ctas{
  opacity:1;
  transform:none;
  justify-content:center;
}

.hero-impact-badge{
  margin-top:20px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 15px;
  border:1px solid rgba(242,194,0,.08);
  background:rgba(9,9,7,.55);
  box-shadow:0 10px 30px rgba(0,0,0,.18), inset 0 0 24px rgba(242,194,0,.015);
  border-radius:4px;
}
.hero-impact-badge .flag-inline{
  width:39px;
  height:11px;
  border:1px solid rgba(255,255,255,.12);
}
.hero-impact-badge .flag-inline i{flex:1}
.hero-impact-badge-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
}
.hero-impact-badge-copy strong{
  font-family:var(--font-s);
  font-size:.9rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--white);
}
.hero-impact-badge-copy span{
  margin-top:4px;
  font-family:var(--font-s);
  font-size:.68rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#b9b19e;
}

@keyframes beeboomBeeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes beeboomHexDrift{
  0%,100%{background-position:0 0}
  50%{background-position:12px -6px}
}
@keyframes beeboomHexSweep{
  0%{transform:translateX(0);opacity:.08}
  38%{opacity:.34}
  72%{opacity:.24}
  100%{transform:translateX(360%);opacity:.06}
}
@keyframes beeboomGlowFloat{
  0%,100%{transform:translateY(0) scale(.8);opacity:.25}
  50%{transform:translateY(-16px) scale(1.2);opacity:.72}
}

@media(max-width:700px){
  .hero.hero-home-impact{
    padding:96px 20px 38px;
    min-height:calc(100svh - 60px);
  }
  .hero-impact-inner{max-width:360px}
  .hero-kicker{
    gap:10px;
    font-size:.58rem;
    letter-spacing:.18em;
    line-height:1.5;
    margin-bottom:5px;
    white-space:normal;
    justify-content:center;
  }
  .hero-kicker::before,
  .hero-kicker::after{width:16px}
  .hero.hero-home-impact .home-ape-mark{
    width:min(278px,76vw);
    max-width:278px;
  }
  .hero-impact-headline{margin:3px 0 10px}
  .impact-line{
    font-size:clamp(2.85rem,12vw,3.35rem);
    line-height:.88;
  }
  .hero-impact-tag{
    max-width:320px;
    margin:0 0 9px;
    font-size:.66rem;
    line-height:1.48;
    letter-spacing:.12em;
  }
  .hero-impact-sub{
    max-width:326px;
    margin:0 auto 19px;
    font-size:.81rem;
    line-height:1.52;
  }
  .hero.hero-home-impact .hero-ctas{
    width:min(300px,100%);
    display:grid;
    gap:10px;
  }
  .hero.hero-home-impact .hero-ctas .btn{
    width:100%;
    padding:13px 17px;
    font-size:.68rem;
  }
  .hero-impact-badge{
    margin-top:17px;
    padding:9px 12px;
    gap:10px;
    border-color:rgba(242,194,0,.06);
  }
  .hero-impact-badge .flag-inline{width:36px;height:10px}
  .hero-impact-badge-copy strong{font-size:.74rem;letter-spacing:.18em}
  .hero-impact-badge-copy span{font-size:.55rem;margin-top:4px}
  .hero-honeycomb{opacity:.17;animation-duration:26s}
  .hero-honeycomb::after{opacity:.42}
}

@media(max-width:380px){
  .hero.hero-home-impact{padding-left:18px;padding-right:18px}
  .hero-impact-inner{max-width:336px}
  .hero.hero-home-impact .home-ape-mark{width:min(252px,74vw);max-width:252px}
  .impact-line{font-size:2.62rem}
  .hero-impact-tag{font-size:.62rem}
  .hero-impact-sub{font-size:.78rem}
  .hero.hero-home-impact .hero-ctas{width:286px}
}

@media(prefers-reduced-motion:reduce){
  .hero-honeycomb,
  .hero-honeycomb::after,
  .hero-ambient i,
  .hero.hero-home-impact .home-ape-mark{
    animation:none !important;
  }
}

/* =========================================================
   BEEBOOM HOME FORMULAS PATCH v1.0
   Additive only: preserves global fonts, colors and layout tokens.
   ========================================================= */
.home-intro-band p{color:var(--grey);max-width:760px;margin:16px auto 0;font-size:1.05rem;line-height:1.72}
.home-stats-bar .stat .val{min-height:1em}
.home-formulas-section{background:radial-gradient(circle at 50% 12%,rgba(255,215,0,.08),transparent 28%),radial-gradient(circle at 12% 70%,rgba(42,138,70,.07),transparent 24%),radial-gradient(circle at 88% 68%,rgba(31,126,255,.07),transparent 24%),transparent}
.home-formulas-head{max-width:900px}.home-formula-grid{align-items:stretch}
.home-formula-card{position:relative;min-height:100%;display:flex;flex-direction:column;border-radius:0;background:linear-gradient(160deg,rgba(24,22,16,.96),rgba(15,14,9,.98))}
.home-formula-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(circle at 50% 36%,rgba(255,215,0,.14),transparent 45%)}
.home-formula-green::before{background:radial-gradient(circle at 50% 36%,rgba(43,255,80,.13),transparent 45%)}.home-formula-blue::before{background:radial-gradient(circle at 50% 36%,rgba(0,128,255,.15),transparent 45%)}.home-formula-gold::before{background:radial-gradient(circle at 50% 36%,rgba(255,215,0,.16),transparent 45%)}
.home-formula-img-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:360px;padding:24px 22px 8px;overflow:hidden}
.home-formula-img{width:100% !important;height:330px !important;max-height:330px !important;aspect-ratio:1/1 !important;object-fit:contain !important;object-position:center center !important;background:transparent !important;filter:drop-shadow(0 24px 42px rgba(0,0,0,.55));transition:transform .35s ease,filter .35s ease}
.home-formula-card:hover .home-formula-img{transform:scale(1.06) translateY(-6px);filter:drop-shadow(0 34px 54px rgba(0,0,0,.68))}
.home-formula-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:22px 24px 26px}.home-formula-body h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1}.home-formula-positioning{color:#d8ceb8 !important;font-size:.97rem !important;line-height:1.58 !important;margin-bottom:16px !important}
.home-formula-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.home-formula-chips span{border:1px solid rgba(245,166,35,.24);background:rgba(255,255,255,.025);color:#d8ceb8;font-family:var(--font-s);font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px}.home-caffeine-note{margin:-2px 0 14px;color:var(--amber);font-family:var(--font-s);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-price-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.home-price-row span{display:block;border:1px solid rgba(255,215,0,.28);background:linear-gradient(145deg,rgba(85,59,0,.22),rgba(10,9,6,.8));color:var(--white);font-family:var(--font-s);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:.8rem;padding:10px 8px}
.home-card-link{display:inline-flex;align-self:flex-start;margin-top:18px;color:var(--honey);font-family:var(--font-s);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;border-bottom:2px solid var(--amber);padding-bottom:2px}.home-formulas-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}
.home-market-section{padding-top:86px;padding-bottom:86px;border-top:1px solid rgba(245,166,35,.12);border-bottom:1px solid rgba(245,166,35,.12);background:radial-gradient(circle at 78% 52%,rgba(245,166,35,.1),transparent 30%),rgba(8,8,6,.78)}.home-market-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:52px;align-items:center}.home-market-grid p{color:var(--grey);margin-top:18px;max-width:620px}.home-market-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-market-points article{border:1px solid rgba(245,166,35,.16);background:rgba(15,14,9,.82);padding:20px}.home-market-points strong{display:block;color:var(--honey);font-family:var(--font-s);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;margin-bottom:8px}.home-market-points span{display:block;color:var(--grey);font-size:.92rem;line-height:1.55}.home-ingredients .ing h4{color:var(--honey)}
@media(max-width:1020px){.home-formula-img-link{min-height:320px}.home-formula-img{height:300px !important;max-height:300px !important}.home-market-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){.home-intro-band p{max-width:330px;font-size:.94rem;line-height:1.58}.home-formulas-section{padding-top:68px}.home-formula-img-link{min-height:278px;padding:20px 14px 2px}.home-formula-img{height:255px !important;max-height:255px !important}.home-formula-body{padding:22px 20px 24px}.home-formula-body h3{font-size:1.55rem}.home-price-row{grid-template-columns:1fr}.home-formulas-cta{display:grid;grid-template-columns:1fr;max-width:310px;margin-left:auto;margin-right:auto}.home-formulas-cta .btn{width:100%;text-align:center;padding:12px 15px;font-size:.78rem}.home-market-section{padding-top:68px;padding-bottom:68px}.home-market-points{grid-template-columns:1fr}.home-market-points article{padding:18px}}
@media(max-width:400px){.home-formula-img-link{min-height:250px}.home-formula-img{height:230px !important;max-height:230px !important}.home-formula-positioning{font-size:.91rem !important}.home-formula-chips span{font-size:.63rem;padding:5px 8px}}


/* =========================================================
   BEEBOOM HOME FORMAT SELECTOR PATCH v1.0
   Shows 60 g and 280 g options inside each Home product card.
   ========================================================= */
.home-format-select{
  margin-top:auto;
  padding-top:16px;
}
.home-format-title{
  margin-bottom:9px;
  color:var(--amber);
  font-family:var(--font-s);
  font-weight:700;
  font-size:.74rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.home-format-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.home-format-option{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:72px;
  padding:8px 9px;
  border:1px solid rgba(255,215,0,.24);
  background:linear-gradient(145deg,rgba(85,59,0,.16),rgba(10,9,6,.86));
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.home-format-option:hover,
.home-format-option:focus-visible{
  transform:translateY(-2px);
  border-color:var(--honey);
  background:linear-gradient(145deg,rgba(255,215,0,.14),rgba(10,9,6,.92));
  box-shadow:0 12px 30px rgba(245,166,35,.14);
}
.home-format-option.is-featured{
  border-color:rgba(255,215,0,.42);
}
.home-format-option.is-featured::after{
  content:"shown";
  position:absolute;
  right:6px;
  top:5px;
  color:var(--black);
  background:var(--honey);
  font-family:var(--font-s);
  font-weight:700;
  font-size:.52rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:3px 5px;
}
.home-format-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:54px;
  overflow:visible;
}
.home-format-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.48));
}
.home-format-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  line-height:1.08;
}
.home-format-copy span{
  color:#d9ccb2;
  font-family:var(--font-s);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}
.home-format-copy strong{
  display:block;
  margin-top:5px;
  color:var(--white);
  font-family:var(--font-d);
  font-size:1.02rem;
  letter-spacing:.02em;
}
.home-format-select + .home-card-link{
  margin-top:18px;
}
@media(max-width:1120px){
  .home-format-options{grid-template-columns:1fr;}
  .home-format-option{grid-template-columns:48px minmax(0,1fr);}
}
@media(max-width:1020px){
  .home-format-options{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  .home-format-title{text-align:center;}
  .home-format-options{grid-template-columns:1fr;}
  .home-format-option{
    min-height:74px;
    grid-template-columns:56px minmax(0,1fr);
    padding:9px 12px;
  }
  .home-format-thumb{width:56px;height:58px;}
  .home-format-copy span{font-size:.75rem;}
  .home-format-copy strong{font-size:1.05rem;}
  .home-card-link{align-self:center;}
}
@media(max-width:400px){
  .home-format-option{grid-template-columns:50px minmax(0,1fr);}
  .home-format-thumb{width:50px;height:54px;}
}


/* =========================================================
   BEEBOOM STICK PACK HOME PATCH v1.0
   Adds 25g Stick Pack format while preserving the current visual system.
   ========================================================= */
.home-format-options{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.home-format-option{
  grid-template-columns:42px minmax(0,1fr);
  min-height:78px;
  padding:8px 8px;
}
.home-format-option.is-new::after{
  content:"new";
  position:absolute;
  right:6px;
  top:5px;
  color:var(--black);
  background:var(--honey);
  font-family:var(--font-s);
  font-weight:700;
  font-size:.52rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:3px 5px;
}
.home-format-option.is-featured::after{
  content:"jar";
}
.home-format-thumb{
  width:42px;
  height:58px;
}
.home-format-thumb.is-stick{
  height:64px;
}
.home-format-thumb.is-stick img{
  height:64px;
}
.home-format-copy span{
  font-size:.66rem;
  white-space:normal;
  line-height:1.05;
}
.home-format-copy strong{
  font-size:.92rem;
}
.home-stick-highlight{
  margin-top:38px;
  border:1px solid rgba(245,166,35,.20);
  background:radial-gradient(circle at 50% 20%,rgba(255,215,0,.10),transparent 38%),linear-gradient(155deg,rgba(24,22,16,.92),rgba(8,8,6,.96));
  padding:34px 34px 30px;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:28px;
  align-items:center;
  overflow:hidden;
}
.home-stick-copy .eyebrow{margin-bottom:12px;}
.home-stick-copy h3{
  font-family:var(--font-d);
  font-size:clamp(1.7rem,3.6vw,3.1rem);
  line-height:.96;
  text-transform:uppercase;
  margin:0 0 12px;
  color:var(--white);
}
.home-stick-copy h3 span{color:var(--honey);}
.home-stick-copy p{color:var(--grey);max-width:540px;line-height:1.62;margin:0 0 18px;}
.home-stick-prices{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.home-stick-prices span{
  border:1px solid rgba(255,215,0,.28);
  background:rgba(255,255,255,.025);
  padding:9px 12px;
  color:#e8ddc5;
  font-family:var(--font-s);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.77rem;
}
.home-stick-images{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:end;
  min-height:300px;
}
.home-stick-images a{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:300px;
  padding:4px;
  transition:transform .24s ease, filter .24s ease;
}
.home-stick-images a:hover,
.home-stick-images a:focus-visible{
  transform:translateY(-7px) scale(1.035);
}
.home-stick-images img{
  width:100%;
  height:290px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.58));
}
@media(max-width:1180px){
  .home-format-options{grid-template-columns:1fr;}
  .home-format-option{grid-template-columns:54px minmax(0,1fr);}
  .home-format-thumb{width:54px;height:56px;}
  .home-format-thumb.is-stick,.home-format-thumb.is-stick img{height:66px;}
}
@media(max-width:1020px){
  .home-format-options{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-stick-highlight{grid-template-columns:1fr;}
  .home-stick-copy{text-align:center;}
  .home-stick-copy .eyebrow{justify-content:center;}
  .home-stick-copy p{margin-left:auto;margin-right:auto;}
  .home-stick-prices{justify-content:center;}
}
@media(max-width:760px){
  .home-format-options{grid-template-columns:1fr;}
  .home-format-option{
    grid-template-columns:62px minmax(0,1fr);
    min-height:82px;
    padding:9px 12px;
  }
  .home-format-thumb{width:62px;height:58px;}
  .home-format-thumb.is-stick,.home-format-thumb.is-stick img{height:74px;}
  .home-format-copy span{font-size:.75rem;}
  .home-format-copy strong{font-size:1.05rem;}
  .home-stick-highlight{margin-top:30px;padding:28px 18px 24px;}
  .home-stick-images{gap:8px;min-height:240px;}
  .home-stick-images a{min-height:240px;padding:0;}
  .home-stick-images img{height:230px;}
  .home-stick-prices{display:grid;grid-template-columns:1fr;max-width:300px;margin:0 auto;}
  .home-stick-prices span{text-align:center;}
}
@media(max-width:430px){
  .home-stick-images{gap:4px;min-height:208px;}
  .home-stick-images a{min-height:208px;}
  .home-stick-images img{height:205px;}
}


/* =========================================================
   BEEBOOM USA DISCOVERY ENGINE v1.1
   Search-intent hubs, US keyword links, social share previews.
   ========================================================= */
.usa-discovery-strip{padding:82px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 35%,rgba(245,166,35,.13),transparent 34%),rgba(8,8,6,.88)}
.usa-discovery-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:42px;align-items:center}.usa-discovery-grid p{color:var(--grey);line-height:1.7}.usa-keyword-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usa-keyword-link{border:1px solid rgba(255,215,0,.22);border-radius:18px;background:linear-gradient(145deg,rgba(24,22,16,.92),rgba(8,8,6,.98));padding:18px;transition:transform .2s ease,border-color .2s ease}.usa-keyword-link:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.48)}.usa-keyword-link strong{display:block;color:var(--honey);font-family:var(--font-d);text-transform:uppercase;font-size:1.05rem;line-height:1.05}.usa-keyword-link span{display:block;color:var(--grey);font-size:.9rem;margin-top:7px;line-height:1.45}.usa-hub-page{max-width:1320px;margin:0 auto;padding:140px 4vw 92px}.usa-hub-hero{text-align:center;max-width:940px;margin:0 auto 54px}.usa-hub-hero h1{font-family:var(--font-d);font-size:clamp(2.65rem,6vw,5.8rem);line-height:.92;text-transform:uppercase;margin:14px 0 18px}.usa-hub-hero h1 span{color:var(--honey)}.usa-hub-hero p{color:#d8cfbd;font-size:1.08rem;line-height:1.72}.usa-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.usa-hub-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(24,22,16,.92),rgba(8,8,6,.98));padding:24px;display:flex;flex-direction:column}.usa-hub-card img{width:100%;height:340px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 44px rgba(0,0,0,.55));margin-bottom:16px}.usa-hub-card h2{font-family:var(--font-d);text-transform:uppercase;color:var(--honey);font-size:1.45rem;line-height:1;margin:0 0 10px}.usa-hub-card p{color:var(--grey);font-size:.95rem;line-height:1.62;margin:0 0 16px}.usa-hub-card .btn{margin-top:auto;text-align:center}.usa-intent-section{margin-top:56px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}.usa-intent-panel{border:1px solid var(--line);border-radius:24px;background:rgba(15,14,9,.86);padding:26px}.usa-intent-panel h2{font-family:var(--font-d);text-transform:uppercase;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1;color:var(--white);margin:0 0 12px}.usa-intent-panel h2 span{color:var(--honey)}.usa-intent-panel p,.usa-intent-panel li{color:var(--grey);line-height:1.66}.usa-intent-panel ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.usa-intent-panel li{position:relative;padding:11px 12px 11px 33px;border:1px solid rgba(245,166,35,.12);border-radius:14px;background:rgba(255,255,255,.018)}.usa-intent-panel li:before{content:"";position:absolute;left:14px;top:19px;width:8px;height:8px;background:var(--amber);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.usa-social-signal{margin-top:34px;border:1px solid rgba(64,142,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(0,83,161,.16),rgba(8,8,6,.95));padding:24px}.usa-social-signal h2{font-family:var(--font-d);text-transform:uppercase;color:#dfeeff;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1;margin:0 0 10px}.usa-social-signal p{color:#b9c7d7;line-height:1.66}.usa-social-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.usa-social-chips span{border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e5f0ff;font-family:var(--font-s);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;background:rgba(255,255,255,.04)}
@media(max-width:900px){.usa-discovery-grid,.usa-intent-section{grid-template-columns:1fr}.usa-hub-grid{grid-template-columns:1fr}.usa-keyword-links{grid-template-columns:1fr}.usa-hub-card img{height:300px}}
@media(max-width:700px){.usa-discovery-strip{padding:62px 0}.usa-hub-page{padding:112px 5vw 76px}.usa-hub-hero{text-align:left}.usa-hub-card{padding:20px}.usa-hub-card img{height:270px}.usa-intent-panel,.usa-social-signal{padding:21px}}

/* =========================================================
   BEEBOOM USA DISCOVERY v1.2 — FORMAT SELECTOR READABILITY FIX
   Mandatory fix: prevents price/text overlap on desktop, tablet and mobile.
   The selector is intentionally vertical inside each formula card because each
   formula card is already part of a 3-column grid.
   ========================================================= */
.home-format-select{
  width:100% !important;
  margin-top:auto !important;
  padding-top:18px !important;
}
.home-format-title{
  margin:0 0 11px !important;
  color:var(--amber) !important;
  font-family:var(--font-s) !important;
  font-weight:800 !important;
  font-size:.74rem !important;
  line-height:1.2 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}
.home-format-options{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
}
.home-format-option{
  position:relative !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  width:100% !important;
  min-height:92px !important;
  padding:12px 58px 12px 14px !important;
  border:1px solid rgba(255,215,0,.26) !important;
  background:linear-gradient(145deg,rgba(85,59,0,.18),rgba(10,9,6,.88)) !important;
  overflow:hidden !important;
}
.home-format-option:hover,
.home-format-option:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(255,215,0,.62) !important;
  background:linear-gradient(145deg,rgba(255,215,0,.13),rgba(10,9,6,.94)) !important;
  box-shadow:0 14px 34px rgba(245,166,35,.14) !important;
}
.home-format-option.is-new::after,
.home-format-option.is-featured::after{
  position:absolute !important;
  right:10px !important;
  top:10px !important;
  z-index:2 !important;
  min-width:34px !important;
  text-align:center !important;
  color:var(--black) !important;
  background:var(--honey) !important;
  font-family:var(--font-s) !important;
  font-weight:800 !important;
  font-size:.56rem !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:4px 6px !important;
}
.home-format-option.is-new::after{content:"new" !important;}
.home-format-option.is-featured::after{content:"jar" !important;}
.home-format-thumb{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:72px !important;
  height:68px !important;
  overflow:visible !important;
}
.home-format-thumb img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:drop-shadow(0 9px 14px rgba(0,0,0,.50)) !important;
}
.home-format-thumb.is-stick,
.home-format-thumb.is-stick img{
  height:82px !important;
}
.home-format-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  max-width:100% !important;
  line-height:1.1 !important;
  overflow:hidden !important;
}
.home-format-copy span{
  display:block !important;
  width:100% !important;
  color:#e1d5bd !important;
  font-family:var(--font-s) !important;
  font-weight:800 !important;
  font-size:.82rem !important;
  line-height:1.12 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.home-format-copy strong{
  display:block !important;
  margin-top:7px !important;
  color:var(--white) !important;
  font-family:var(--font-d) !important;
  font-size:1.18rem !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.home-format-select + .home-card-link{
  margin-top:18px !important;
}
@media(max-width:1180px){
  .home-format-options{grid-template-columns:1fr !important;}
  .home-format-option{grid-template-columns:70px minmax(0,1fr) !important;}
}
@media(max-width:1020px){
  .home-format-options{grid-template-columns:1fr !important;}
}
@media(max-width:700px){
  .home-format-title{text-align:center !important;}
  .home-format-option{
    grid-template-columns:70px minmax(0,1fr) !important;
    min-height:90px !important;
    padding:12px 54px 12px 14px !important;
  }
  .home-format-thumb{width:70px !important;height:66px !important;}
  .home-format-thumb.is-stick,
  .home-format-thumb.is-stick img{height:80px !important;}
  .home-format-copy span{font-size:.80rem !important;}
  .home-format-copy strong{font-size:1.12rem !important;}
}
@media(max-width:430px){
  .home-format-option{
    grid-template-columns:62px minmax(0,1fr) !important;
    gap:10px !important;
    padding:11px 50px 11px 12px !important;
  }
  .home-format-thumb{width:62px !important;height:62px !important;}
  .home-format-thumb.is-stick,
  .home-format-thumb.is-stick img{height:74px !important;}
  .home-format-copy span{font-size:.74rem !important;}
  .home-format-copy strong{font-size:1.04rem !important;}
}

/* =========================================================
   BEEBOOM GLOBAL LAYOUT SAFETY v1.3
   Keeps desktop/tablet/mobile layouts inside the viewport.
   ========================================================= */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
.hero-home-bg,
.hero.hero-home-impact,
.home-market-section,
.custom-section,
.section,
.inf-strip,
.cta-banner{
  overflow:hidden;
}

@media(max-width:1120px){
  .nav-toggle{display:flex;}
  .site-header{padding:10px 5vw;}
  .main-nav{
    position:fixed;
    top:66px;
    right:0;
    left:0;
    background:rgba(8,8,6,.98);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px 0 20px;
    border-bottom:1px solid var(--line);
    transform:translateY(-130%);
    transition:transform .35s ease;
    max-width:100vw;
    overflow-x:hidden;
  }
  .main-nav.open{transform:none;}
  .main-nav a{
    width:100%;
    padding:14px 6vw;
    border-bottom:1px solid rgba(245,166,35,.07);
    text-align:left;
  }
  .main-nav a::after{display:none;}
  .main-nav .btn-nav{
    clip-path:none;
    width:auto;
    margin:12px 6vw 0;
    display:block;
    text-align:center;
  }
}

@media(max-width:820px){
  .rv-l,
  .rv-r{
    transform:translateY(34px);
  }
  .rv-l.in,
  .rv-r.in{
    transform:none;
  }
  .home-market-points,
  .home-market-points article,
  .home-market-section .rv-l{
    max-width:100%;
  }
  .hero-honeycomb{
    inset:0;
  }
}

/* =========================================================
   BEEBOOM PERFORMANCE RED + DOWNLOAD BUTTONS v1.4
   Corrected Performance color family and added clear PDF buttons.
   ========================================================= */
.home-formula-red::before{
  background:radial-gradient(circle at 50% 36%,rgba(255,43,43,.16),transparent 45%);
}
.home-formula-red .home-caffeine-note{
  color:#ff7777;
}
.home-formula-red .home-card-link{
  color:#ff8e8e;
  border-bottom-color:#ff5050;
}

.resource-download-strip{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);
  gap:clamp(28px,4vw,56px);
  align-items:center;
  margin:28px auto 0;
  padding:clamp(26px,3vw,36px);
  border:1px solid rgba(245,166,35,.22);
  background:linear-gradient(145deg,rgba(18,17,12,.96),rgba(8,8,6,.92));
  box-shadow:0 16px 32px rgba(0,0,0,.18);
}
.resource-download-copy{
  min-width:0;
  max-width:430px;
}
.resource-download-copy .eyebrow{
  margin-bottom:10px;
}
.resource-download-copy strong{
  display:block;
  max-width:410px;
  color:var(--white);
  font-family:var(--font-d);
  font-size:clamp(1.35rem,2.25vw,1.9rem);
  text-transform:uppercase;
  line-height:1.02;
  margin:0 0 .75rem;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.resource-download-copy p{
  margin:0;
  max-width:420px;
  color:var(--grey);
  line-height:1.62;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.resource-download-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
  max-width:720px;
  justify-self:end;
  align-items:stretch;
}
.resource-download-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:54px;
  box-sizing:border-box;
  padding:14px 20px;
  text-align:center;
  white-space:normal;
  line-height:1.24;
  font-size:clamp(.76rem,1vw,.9rem);
  letter-spacing:.14em;
}
.shop-download-strip{margin:6px 0 30px}
.product-download-panel-wrap{margin-top:44px}
.product-download-panel{
  border:1px solid var(--line);
  background:rgba(15,14,9,.88);
  padding:24px;
  border-radius:22px;
}
.product-download-panel p{
  margin:0 0 16px;
  color:var(--grey);
  line-height:1.64;
}
@media(max-width:1050px){
  .resource-download-strip{
    grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);
    gap:24px;
  }
  .resource-download-btn{padding:13px 15px;letter-spacing:.12em}
}
@media(max-width:860px){
  .resource-download-strip{grid-template-columns:1fr;gap:24px}
  .resource-download-copy{max-width:680px}
  .resource-download-copy strong{max-width:620px}
  .resource-download-copy p{max-width:680px}
  .resource-download-actions{max-width:none;justify-self:stretch}
}
@media(max-width:560px){
  .resource-download-strip{padding:20px 16px;margin-top:24px;gap:20px}
  .resource-download-copy strong{font-size:1.34rem;line-height:1.04;margin-bottom:.65rem}
  .resource-download-copy p{font-size:.94rem;line-height:1.55}
  .resource-download-actions{grid-template-columns:1fr;gap:11px}
  .resource-download-btn{min-height:50px;padding:13px 16px;font-size:.76rem;letter-spacing:.11em}
}

/* =========================================================
   BEEBOOM HOME PERFORMANCE JAR SIZE FIX v1.0
   Only reduces the central Performance hero jar on Home
   so it matches the visual size of Maximum Energy and Hero.
   ========================================================= */
.home-formula-card.home-formula-red .home-formula-img{
  height:300px !important;
  max-height:300px !important;
}
@media(max-width:1020px){
  .home-formula-card.home-formula-red .home-formula-img{
    height:272px !important;
    max-height:272px !important;
  }
}
@media(max-width:700px){
  .home-formula-card.home-formula-red .home-formula-img{
    height:232px !important;
    max-height:232px !important;
  }
}
@media(max-width:400px){
  .home-formula-card.home-formula-red .home-formula-img{
    height:210px !important;
    max-height:210px !important;
  }
}