/* Nutriva site layer: header chrome + interaction states. Layout/styling of sections lives in GenerateBlocks blocks. */
:root{--nv-glass:rgba(222,234,218,.78);--nv-glass-line:rgba(255,255,255,.55);--nv-ease:cubic-bezier(.22,.8,.24,1)}
body{background:var(--base-2)}
.site-content .content-area,.one-container .site-content{padding:0}
.one-container .container{background:transparent}
.entry-content > *{margin-top:0}
.entry-content{margin:0}

/* Header: fixed, transparent over each page hero, glass once scrolled */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent!important;transition:background .4s var(--nv-ease),box-shadow .4s var(--nv-ease),backdrop-filter .4s}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.inside-header{padding:22px 3vw}
body.nv-scrolled .site-header{background:rgba(30,59,42,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -18px rgba(14,37,24,.6)}
body.nv-scrolled .inside-header{padding-top:12px;padding-bottom:12px}
.main-title{font-family:Outfit,sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:24px;display:flex;align-items:center;gap:10px}
.main-title a,.main-title a:hover{color:#fff}
.main-title::before{content:"";width:30px;height:30px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect x='10' y='0' width='10' height='10' fill='%23136B2E'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23136B2E'/%3E%3Crect x='10' y='10' width='10' height='10' fill='%23fff'/%3E%3Crect x='20' y='10' width='10' height='10' fill='%23136B2E'/%3E%3Crect x='10' y='20' width='10' height='10' fill='%230B4A1F'/%3E%3C/svg%3E") center/contain no-repeat}
.site-description{display:none}
.main-navigation .main-nav ul li a{color:rgba(255,255,255,.88);padding-left:18px;padding-right:18px;transition:color .25s}
.main-navigation .main-nav ul li:not(.nv-menu-cta):not(.nv-menu-ghost) a{position:relative}
.main-navigation .main-nav ul li:not(.nv-menu-cta):not(.nv-menu-ghost) a::after{content:"";position:absolute;left:18px;right:18px;bottom:14px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--nv-ease)}
.main-navigation .main-nav ul li a:hover::after,.main-navigation .main-nav ul li.current-menu-item a::after{transform:scaleX(1)!important}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item > a{color:#fff}
.main-navigation,.main-navigation ul ul{background:transparent}
@media (min-width:769px){
 .inside-header{display:flex;align-items:center}
 .main-navigation{flex:1}
 .main-navigation .inside-navigation{justify-content:center}
 .main-nav{flex:1}
 .main-nav > ul{display:flex;align-items:center}
 .main-nav > ul > li:first-child{margin-left:auto}
 .main-nav > ul > li.nv-menu-ghost{margin-left:auto}
 .main-nav > ul > li.nv-menu-ghost > a,.main-nav > ul > li.nv-menu-cta > a{line-height:46px!important;padding:0 22px!important;margin-left:10px;border-radius:4px;font-weight:500;color:#fff!important;transition:transform .25s var(--nv-ease),background .25s}
 .main-nav > ul > li.nv-menu-ghost > a{background:rgba(70,92,78,.55);backdrop-filter:blur(6px)}
 .main-nav > ul > li.nv-menu-ghost > a:hover{background:rgba(70,92,78,.8)}
 .main-nav > ul > li.nv-menu-cta > a{background:var(--accent)}
 .main-nav > ul > li.nv-menu-cta > a:hover{background:#0E5524;transform:translateY(-2px)}
}
@media (max-width:768px){
 .menu-toggle,.menu-toggle:hover,.menu-toggle:focus{color:#fff;background:transparent}
 .main-navigation.toggled .main-nav > ul{background:rgba(20,37,26,.96);border-radius:6px;margin-top:10px;padding:8px 0}
}

/* Display type over the meadow */
[data-nv-display]{background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.62) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
[data-nv-words]{display:inline-block;transition:opacity .5s var(--nv-ease),transform .6s var(--nv-ease),filter .5s}
[data-nv-words].is-out{opacity:0;transform:translateY(24px) scale(.97);filter:blur(10px)}

/* Hero pointer light */
[data-nv="hero"]{--mx:50%;--my:30%}
[data-nv="hero"]::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(240,248,236,.45),transparent 60%);transition:background .2s}
[data-depth]{will-change:transform;transition:transform .9s var(--nv-ease)}

/* Ambient motion */
@keyframes nvFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(6deg)}}
@keyframes nvBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes nvDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(40px)}}
@keyframes nvMarquee{to{transform:translateX(-50%)}}
@keyframes nvSpin{to{transform:rotate(360deg)}}
[data-nv-spin]{animation:nvSpin 70s linear infinite}
[data-nv-spin] > *{animation:nvSpin 70s linear infinite reverse}
@keyframes nvPop{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:0}15%{opacity:1}100%{transform:translate(var(--tx),var(--ty)) rotate(var(--tr)) scale(1);opacity:0}}
[data-nv-float] svg{animation:nvFloat 7s ease-in-out infinite}
[data-nv-float="slow"] svg{animation-duration:10s;animation-delay:-3s}
[data-nv-float="fast"] svg{animation-duration:5.5s;animation-delay:-1.5s}
[data-nv-bob] svg{animation:nvBob 6s ease-in-out infinite}
[data-nv-drift] svg{animation:nvDrift 22s ease-in-out infinite}
[data-nv-drift="rev"] svg{animation-direction:reverse;animation-duration:28s}
[data-nv-marquee]{overflow:hidden}
[data-nv-marquee] > *{display:flex;width:max-content;animation:nvMarquee 38s linear infinite}
[data-nv-marquee]:hover > *{animation-play-state:paused}

/* Bottle: clickable capsule burst */
[data-nv-bottle]{cursor:pointer}
[data-nv-bottle] svg{animation:nvBob 6s ease-in-out infinite;filter:drop-shadow(0 40px 40px rgba(11,40,24,.35))}
.nv-pop{position:absolute;width:46px;height:18px;border-radius:9px;background:linear-gradient(180deg,#3F8A5C,#0D301C);pointer-events:none;z-index:6;animation:nvPop 1.4s var(--nv-ease) forwards}
.nv-pop:nth-child(3n){background:linear-gradient(90deg,#1E5A36 50%,#EDE6D6 50%)}
.nv-pop:nth-child(4n){background:linear-gradient(180deg,#E0B48A,#8A5532);width:30px}

/* Glass + hover lift */
[data-nv-glass]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
[data-nv-lift]{transition:transform .5s var(--nv-ease),box-shadow .5s var(--nv-ease)}
[data-nv-lift]:hover{transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(14,37,24,.55)}
a .gb-text .gb-shape,a.gb-text .gb-shape{display:inline-flex;transition:transform .4s var(--nv-ease)}
a:hover .gb-text .gb-shape,a.gb-text:hover .gb-shape{transform:translate(3px,-3px)}
[data-nv-tilt]{transform-style:preserve-3d;transition:transform .6s var(--nv-ease)}

/* Ingredient cards: detail slides up on hover / focus */
[data-nv-card]{overflow:hidden}
[data-nv-card] [data-nv-more]{transform:translateY(calc(100% - 64px));transition:transform .6s var(--nv-ease)}
[data-nv-card]:hover [data-nv-more],[data-nv-card]:focus-within [data-nv-more],[data-nv-card].is-open [data-nv-more]{transform:translateY(0)}
[data-nv-card] svg{transition:transform .8s var(--nv-ease)}
[data-nv-card]:hover svg{transform:scale(1.08) rotate(-4deg)}

/* Scroll reveal (only when JS is running) */
.nv-js [data-nv-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s var(--nv-ease),transform .9s var(--nv-ease)}
.nv-js [data-nv-reveal].is-in{opacity:1;transform:none}
.nv-js [data-nv-reveal="2"]{transition-delay:.12s}
.nv-js [data-nv-reveal="3"]{transition-delay:.24s}
.nv-js [data-nv-reveal="4"]{transition-delay:.36s}

/* Accordion polish */
.gb-accordion__toggle{cursor:pointer}
.gb-accordion__toggle-icon svg{transition:transform .3s var(--nv-ease)}

/* Footer */
.site-footer .site-info{background:var(--contrast);color:rgba(214,229,210,.75);font-size:14px}
.site-footer .inside-site-info{padding:28px 3vw}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .nv-js [data-nv-reveal]{opacity:1;transform:none}
 [data-nv-card] [data-nv-more]{transform:none}
}