/*
Theme Name: BOKNUTRA
Theme URI: https://boknutra.com
Author: BOKNUTRA
Description: Native block-enabled B2B nutrition manufacturing theme for BOKNUTRA.
Version: 1.3.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: boknutra
*/

:root{--bok-green:#164f32;--bok-accent:#328125;--bok-lime:#9dda87;--bok-ink:#0d291a;--bok-muted:#597067;--bok-soft:#f2f7ef;--bok-line:#d8e5d4;--bok-white:#fff;--bok-orange:#ec7811;--header-height:72px;font-family:Inter,Arial,sans-serif;color:var(--bok-ink);background:#fff;line-height:1.55}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--bok-ink)}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.header-scroll-sentinel{position:absolute;top:24px;left:0;width:1px;height:1px;pointer-events:none}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{z-index:1300;top:8px;left:8px;width:auto;height:auto;padding:10px 16px;margin:0;clip:auto;background:#fff;color:var(--bok-green);font-weight:800}.container{width:min(1480px,calc(100% - 64px));margin-inline:auto}.site-main{min-height:60vh}.section{padding:clamp(56px,7vw,108px) 0}.eyebrow{margin:0 0 12px;color:var(--bok-accent);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.display{max-width:900px;margin:0;font-size:clamp(2.5rem,5.6vw,5.7rem);line-height:.95;letter-spacing:-.055em}.lede{max-width:800px;color:var(--bok-muted);font-size:clamp(1.05rem,1.5vw,1.35rem)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:1px solid var(--bok-accent);border-radius:999px;background:var(--bok-accent);color:#fff;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover,.button:focus-visible{transform:translateY(-2px);background:var(--bok-green)}.button--outline{background:#fff;color:var(--bok-green)}

.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:var(--header-height);color:#fff;transition:background-color .25s,box-shadow .25s,color .25s}.site-header.force-solid{position:sticky}.site-header.scrolled,.site-header.force-solid{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(8,35,21,.08),0 10px 30px rgba(8,35,21,.08);color:var(--bok-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{width:min(1440px,calc(100% - 64px));height:100%;margin-inline:auto;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:24px}.brand{display:flex;align-items:center;width:160px}.brand img{width:160px;height:44px;object-fit:contain;object-position:left center}.desktop-nav>ul{display:flex;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.desktop-nav-item{position:static}.desktop-nav-link{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 14px;border-radius:14px;color:inherit;font-weight:750;white-space:nowrap;transition:background-color .2s,color .2s}.desktop-nav-link:hover,.desktop-nav-link:focus-visible,.desktop-nav-item.is-open>.desktop-nav-link{background:rgba(255,255,255,.11)}.scrolled .desktop-nav-link:hover,.force-solid .desktop-nav-link:hover,.scrolled .desktop-nav-link:focus-visible,.force-solid .desktop-nav-link:focus-visible,.scrolled .desktop-nav-item.is-open>.desktop-nav-link,.force-solid .desktop-nav-item.is-open>.desktop-nav-link{background:#f1f8ee}.nav-chevron{width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.desktop-nav-item.is-open .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}.header-actions{display:flex;gap:10px;align-items:center}.header-list-button{position:relative;display:grid;place-items:center;color:var(--bok-green)}.list-glyph{font-size:1.4rem;font-weight:900;line-height:1;transform:rotate(90deg)}.quote-count{display:none;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--bok-accent);color:#fff;font-size:.7rem;align-items:center;justify-content:center}.quote-count.has-items{display:inline-flex}.header-list-button .quote-count{position:absolute;top:-5px;right:-5px}.header-quote{min-height:48px;padding-inline:22px;box-shadow:0 5px 14px rgba(26,88,38,.2)}.mobile-toggle{display:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;place-items:center}.mobile-toggle-lines,.mobile-toggle-lines:before,.mobile-toggle-lines:after{display:block;width:23px;height:2px;background:currentColor;content:"";transition:transform .2s}.mobile-toggle-lines:before{transform:translateY(-7px)}.mobile-toggle-lines:after{transform:translateY(5px)}
.mega-menu{position:fixed;display:none;top:var(--header-height);left:0;right:0;border-top:1px solid rgba(22,79,50,.08);background:rgba(255,255,255,.98);color:var(--bok-ink);box-shadow:0 22px 44px rgba(8,35,21,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-nav-item.is-open>.mega-menu{display:block}.mega-inner{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;max-width:1440px;min-height:360px;margin:auto;overflow:hidden}.mega-side{padding:30px 24px;background:var(--bok-soft)}.mega-eyebrow{margin:0 0 22px;color:var(--bok-accent);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.mega-section-tabs{display:grid;gap:8px}.mega-section-tab{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 18px;border-radius:14px;color:var(--bok-green);font-weight:760;transition:background-color .2s,transform .2s}.mega-section-tab:hover,.mega-section-tab:focus-visible,.mega-section-tab.is-active{background:#fff;box-shadow:0 8px 22px rgba(8,35,21,.06)}.mega-section-tab:active{transform:scale(.98)}.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:30px 42px;padding:34px 38px}.mega-links--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mega-link-group h2{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--bok-line);color:var(--bok-accent);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.mega-link-list{display:grid;gap:2px}.mega-link-list a{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:var(--bok-muted);line-height:1.35;transition:color .2s,transform .2s}.mega-link-list a span{color:var(--bok-lime);font-size:1.35rem;line-height:.9}.mega-link-list a:hover,.mega-link-list a:focus-visible{color:var(--bok-green);transform:translateX(3px)}.mega-media{position:relative;display:block;min-height:360px;overflow:hidden;border-radius:24px 0 0 24px;background:#dce9d8}.mega-media-image{width:100%;height:100%;object-fit:cover;transition:transform .45s}.mega-media:hover .mega-media-image,.mega-media:focus-visible .mega-media-image{transform:scale(1.035)}.mega-media-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;display:grid;gap:8px;padding:26px 24px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9)}.mega-media-copy small{font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.mega-media-copy strong{font-size:1.45rem;line-height:1.1}.mega-media-copy>span{font-size:.92rem;line-height:1.45}.mega-media-copy b{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:15px 17px;border-radius:13px;background:var(--bok-lime);color:var(--bok-ink);text-shadow:none}.mega-media-copy i{font-size:1.3rem;font-style:normal}.mobile-menu-layer{display:none}

.hero{position:relative;height:min(920px,100svh);min-height:680px;overflow:hidden;background:#17231d}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;pointer-events:none;transition:opacity .7s}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover}.slide-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,11,.72) 0%,rgba(5,18,11,.24) 58%,rgba(5,18,11,.05))}.slide-copy{position:absolute;z-index:2;top:50%;left:max(5vw,32px);width:min(660px,48vw);transform:translateY(-44%);color:#fff}.slide-copy h1,.slide-copy h2{margin:0 0 20px;font-size:clamp(3rem,6.2vw,6.8rem);line-height:.92;letter-spacing:-.045em}.slide-copy h1 span,.slide-copy h2 span{display:block}.slide-copy p{max-width:640px;font-size:clamp(1.05rem,1.5vw,1.38rem)}.slide-copy--center{left:50%;top:18%;width:min(1100px,90vw);transform:translateX(-50%);text-align:center}.slide-copy--center h1,.slide-copy--center h2{font-size:clamp(2.6rem,5vw,5rem)}.hero-controls{position:absolute;z-index:4;bottom:28px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.hero-dot{width:11px;height:11px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer}.hero-dot.active{width:54px;background:#fff}.hero-arrow{position:absolute;z-index:4;top:50%;width:54px;height:54px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:2rem;cursor:pointer}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}

.dosage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dosage-card{position:relative;min-height:320px;overflow:hidden;border-radius:24px;background:#eaf0e7;color:#fff}.dosage-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.dosage-card:hover img{transform:scale(1.045)}.dosage-card strong{position:absolute;left:24px;bottom:22px;font-size:1.7rem;text-shadow:0 2px 12px #000}.custom-band{background:#fff;border-top:1px solid #eef2ec}.custom-layout{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(28px,5vw,90px)}.custom-visual img{width:100%;max-height:650px;object-fit:contain}.custom-copy h2{font-size:clamp(2.5rem,5vw,5.3rem);line-height:.95;letter-spacing:-.05em}.feature-list{padding:0;list-style:none}.feature-list li{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--bok-line)}.feature-list b{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:var(--bok-accent);color:#fff}.factory-strip{background:var(--bok-green);color:#fff}.factory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15)}.factory-stats div{padding:36px;background:var(--bok-green)}.factory-stats strong{display:block;font-size:clamp(2rem,4vw,4rem)}

.category-hero{padding:calc(var(--header-height) + 70px) 0 70px;background:var(--bok-soft)}.category-hero-grid{display:grid;grid-template-columns:1fr minmax(380px,620px);align-items:center;gap:70px}.category-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.category-card{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:22px;background:#e8eee5;color:#fff}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover img,.category-card:focus-within img{transform:scale(1.055)}.category-card-content{position:absolute;inset:auto 0 0;padding:25px;text-shadow:0 2px 10px rgba(0,0,0,.9)}.category-card h2{margin:0;font-size:clamp(1.15rem,1.45vw,1.55rem);line-height:1.05}.category-card p{max-height:0;margin:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .3s,margin .3s}.category-card:hover p,.category-card:focus-within p{max-height:120px;margin-top:10px;opacity:1}.category-card a:after{content:"";position:absolute;inset:0}.catalog-layout{display:grid;grid-template-columns:300px 1fr;align-items:start;gap:40px}.filters{position:sticky;top:calc(var(--header-height) + 24px)}.filter-head{display:flex;align-items:center;justify-content:space-between}.filter-head button{border:0;background:none;color:var(--bok-accent);cursor:pointer}.filter-search{width:100%;height:54px;padding:0 18px;border:1px solid #cad7d0;border-radius:14px}.filter-group{border-top:1px solid var(--bok-line)}.filter-group summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:1.08rem;font-weight:800;cursor:pointer;list-style:none}.filter-group summary:after{content:"+";font-size:1.55rem;color:var(--bok-accent)}.filter-group[open] summary:after{content:"−"}.filter-options{display:grid;gap:10px;max-height:270px;padding-bottom:18px;overflow:auto}.filter-option{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;color:var(--bok-muted)}.filter-option input{width:18px;height:18px;accent-color:var(--bok-accent)}.product-results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--bok-line);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(10,48,27,.06)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f5f7f4}.product-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.product-card h3{margin:4px 0 8px;line-height:1.15}.product-card .meta{color:var(--bok-accent);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-card p{color:var(--bok-muted);font-size:.9rem}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.product-actions .button{min-height:42px;padding:0 10px;font-size:.82rem}.empty-state{grid-column:1/-1;padding:60px;border:1px dashed var(--bok-line);border-radius:20px;text-align:center}.skeleton{min-height:420px;animation:pulse 1.1s infinite alternate;background:#eef2ed}@keyframes pulse{to{opacity:.5}}

.product-detail{padding:calc(var(--header-height) + 60px) 0 80px}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:70px}.product-main-image{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:24px;background:#f5f7f3}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.thumb{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff}.thumb.active{border-color:var(--bok-accent)}.thumb img{width:100%;aspect-ratio:1;object-fit:cover}.product-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.product-facts div{padding:16px;border-radius:14px;background:var(--bok-soft)}.quote-list{position:fixed;z-index:1100;inset:0 0 0 auto;width:min(480px,100%);padding:28px;background:#fff;box-shadow:-20px 0 50px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .3s;overflow:auto}.quote-list.open{transform:none}.quote-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--bok-line)}.quote-item img{width:70px;height:70px;object-fit:cover;border-radius:10px}.quote-item input{width:90px}.icon-button{width:44px;height:44px;border:1px solid var(--bok-line);border-radius:50%;background:#fff;cursor:pointer}
.product-gallery{position:sticky;top:calc(var(--header-height) + 24px);align-self:start}.product-main-image{aspect-ratio:1/1;object-fit:cover;box-shadow:0 18px 55px rgba(10,48,27,.09)}.product-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.product-id{display:inline-flex;padding:9px 14px;border:1px solid #b9dba9;border-radius:999px;background:#f3faef;color:var(--bok-primary);font-size:.78rem;font-weight:900;letter-spacing:.05em;white-space:nowrap}.product-title{font-size:clamp(2.75rem,4.7vw,5rem);line-height:.98}.formula-status,.product-compliance{color:var(--bok-muted)}.product-compliance{margin-top:18px;font-size:.84rem}.product-program{margin-bottom:-80px;background:#f7faf6}.product-program-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:70px}.product-copy h2{font-size:clamp(2rem,3.2vw,3.6rem);line-height:1.02}.product-copy h3{margin-top:32px}.product-copy p,.product-copy li{color:var(--bok-muted);font-size:1.02rem;line-height:1.8}.product-copy .wp-block-columns{gap:18px}.product-copy .wp-block-column{padding:22px;border:1px solid var(--bok-line);border-radius:18px;background:#fff}.product-spec-stack{display:grid;gap:22px}.supplement-facts{padding:22px;border:3px solid #111;background:#fff;color:#111;box-shadow:0 18px 45px rgba(10,48,27,.08)}.supplement-facts h2{margin:0;border-bottom:10px solid #111;font-size:2.15rem;line-height:1.05}.supplement-facts p{margin:8px 0;font-size:.78rem;line-height:1.4}.facts-rule{height:2px;background:#111}.facts-rule--heavy{height:7px}.facts-amount{display:flex;justify-content:space-between;border-bottom:1px solid #111}.facts-row{display:grid;grid-template-columns:1fr auto 72px;gap:8px;padding:5px 0;border-bottom:1px solid #111;font-size:.86rem}.facts-row>*:last-child{text-align:right}.facts-footnote{font-size:.69rem!important}.facts-concept{padding:8px;background:#fff3d7;font-weight:800}.b2b-spec-card{padding:26px;border:1px solid var(--bok-line);border-radius:22px;background:#fff}.b2b-spec-card dl{margin:0}.b2b-spec-card dl div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--bok-line)}.b2b-spec-card dt{font-weight:800}.b2b-spec-card dd{margin:0;color:var(--bok-muted)}.b2b-spec-card h3{margin:24px 0 8px}.b2b-spec-card p{margin:0;color:var(--bok-muted);line-height:1.65}

.modal{position:fixed;z-index:1200;inset:0;display:none;place-items:center;padding:22px;background:rgba(5,20,12,.7)}.modal.open{display:grid}.modal-panel{position:relative;width:min(980px,100%);max-height:92vh;overflow:auto;padding:clamp(24px,4vw,52px);border-radius:28px;background:#fff}.modal-close{position:absolute;top:16px;right:16px}.rfq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid #cbd8d0;border-radius:12px}.field textarea{min-height:120px}.form-status{padding:12px;border-radius:10px;background:var(--bok-soft)}.floating-tools{position:fixed;z-index:950;right:20px;bottom:22px;display:grid;gap:8px}.floating-tool{position:relative;display:grid;width:62px;height:62px;place-items:center;border-radius:16px;background:var(--bok-accent);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(24,104,36,.28)}.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{content:"";position:absolute;inset:0;border:2px solid var(--bok-lime);border-radius:16px;animation:ripple 2s infinite}.floating-tool.whatsapp:after{animation-delay:1s}@keyframes ripple{to{inset:-18px;opacity:0}}

.site-footer{padding:68px 0 28px;background:#092c1c;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:52px}.footer-grid h2,.footer-grid h3{margin-top:0}.footer-grid a{display:block;padding:5px 0;color:#bdd0c5}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:#9fb5aa}.wp-block-group.bok-editor-section{padding:90px max(32px,5vw)}.elementor-widget-boknutra-section>.elementor-widget-container{margin:0!important;padding:0!important}.elementor-page .site-main>.elementor{overflow:hidden}.elementor-editor-active .site-header{pointer-events:none}

@media(max-width:1200px){.container{width:min(100% - 40px,1100px)}.header-inner{grid-template-columns:200px 1fr auto}.primary-nav a{padding-inline:9px;font-size:.9rem}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.dosage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--header-height:72px}.container{width:min(100% - 32px,760px)}.mobile-toggle{display:block}.header-inner{grid-template-columns:1fr auto auto}.primary-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;display:none;padding:20px;background:#fff;color:var(--bok-ink);overflow:auto}.menu-open .primary-nav{display:block}.primary-nav>ul{display:block}.primary-nav a{justify-content:space-between}.mega-menu{position:static!important;border:0;box-shadow:none}.mega-inner{display:block;min-height:0}.mega-side,.mega-links{padding:20px}.mega-links{grid-template-columns:1fr}.mega-media{display:none}.header-quote{padding-inline:15px}.hero{min-height:660px}.slide-copy,.slide-copy--center{top:auto;left:24px;right:24px;bottom:90px;width:auto;transform:none;text-align:left}.slide-copy h1,.slide-copy h2,.slide-copy--center h1,.slide-copy--center h2{font-size:clamp(2.55rem,10vw,4.5rem)}.custom-layout,.category-hero-grid,.product-detail-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.filter-drawer-toggle{display:inline-flex}.filters-inner{display:none}.filters.open .filters-inner{display:block}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.factory-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(100% - 24px,540px)}.brand img{width:170px}.header-quote{font-size:0;width:48px;padding:0}.header-quote:after{content:"RFQ";font-size:.72rem}.hero{min-height:620px}.slide img{object-position:center}.slide-copy p{font-size:1rem}.hero-arrow{display:none}.dosage-grid,.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dosage-card{min-height:220px}.category-card{border-radius:15px}.category-card-content{padding:14px}.category-card p{display:none}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card-body{padding:13px}.product-card p{display:none}.product-actions{grid-template-columns:1fr}.product-actions .button{font-size:.72rem}.rfq-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.floating-tools{right:10px}.floating-tool{width:52px;height:52px}.factory-stats{grid-template-columns:1fr 1fr}.thumbs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.product-gallery{position:static}.product-program-grid{grid-template-columns:1fr}.product-program{margin-bottom:-80px}.product-kicker-row{align-items:flex-start}.product-id{white-space:normal}.product-copy .wp-block-columns{display:grid}.b2b-spec-card dl div{grid-template-columns:120px 1fr}}
@media(max-width:600px){.product-kicker-row{display:block}.product-id{margin-bottom:16px}.product-title{font-size:clamp(2.35rem,12vw,3.4rem)}.product-facts{grid-template-columns:1fr}.product-program-grid{gap:36px}.supplement-facts{padding:16px}.facts-row{grid-template-columns:1fr auto 60px;font-size:.75rem}}
.dosage-card .category-card-content{position:absolute;inset:auto 0 0;padding:24px;text-shadow:0 2px 10px #000}.dosage-card .category-card-content h2{margin:0}.dosage-card .category-card-content p{max-height:0;margin:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .3s,margin .3s}.dosage-card:hover .category-card-content p,.dosage-card:focus-within .category-card-content p{max-height:110px;margin-top:8px;opacity:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.slide:not(.active){display:none}}
.catalog-close{position:absolute;top:16px;right:16px}.modal-panel--compact{width:min(560px,100%)}#catalog-form{display:grid;gap:16px}

@media(min-width:1280px){.mega-inner{grid-template-columns:250px minmax(0,1fr) 380px}.mega-links{padding-inline:44px}.desktop-nav-link{padding-inline:16px}}
@media(max-width:1199px) and (min-width:1024px){.header-inner{width:min(100% - 32px,1180px);grid-template-columns:155px minmax(0,1fr) auto;gap:12px}.brand,.brand img{width:150px}.desktop-nav-link{padding-inline:9px;font-size:.88rem}.header-quote{padding-inline:17px}.header-list-button{width:42px;height:42px}.mega-inner{grid-template-columns:205px minmax(0,1fr) 300px}.mega-links{gap:22px;padding:30px 28px}.mega-links--three{gap:18px}.mega-link-list a{font-size:.88rem}.mega-media-copy{padding:22px 20px}}
@media(max-width:1023px){
  .site-header.force-solid{position:sticky}.header-inner{width:min(100% - 32px,960px);grid-template-columns:1fr auto;gap:16px}.brand,.brand img{width:144px}.desktop-nav{display:none}.header-actions{gap:8px}.header-list-button{display:none}.header-quote{min-height:44px;padding-inline:18px}.mobile-toggle{display:grid}.mobile-menu-layer{position:fixed;z-index:1001;inset:0;display:block;visibility:hidden;pointer-events:none}.menu-open .mobile-menu-layer{visibility:visible;pointer-events:auto}.mobile-menu-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(5,31,18,.62);opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s}.menu-open .mobile-menu-backdrop{opacity:1}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(88%,384px);height:100%;display:flex;flex-direction:column;background:#fff;color:var(--bok-ink);box-shadow:-18px 0 44px rgba(3,24,13,.22);transform:translateX(105%);transition:transform .28s cubic-bezier(.16,1,.3,1);overflow:auto}.menu-open .mobile-menu-panel{transform:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 18px;border-bottom:1px solid var(--bok-line)}.mobile-brand img{width:142px;height:40px;object-fit:contain}.mobile-menu-close{display:grid;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--bok-soft);place-items:center;color:var(--bok-green);font-size:1.8rem;cursor:pointer}.mobile-nav{padding:10px 18px}.mobile-nav-direct,.mobile-nav-row{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--bok-line);font-weight:800}.mobile-nav-row>a{display:flex;align-items:center;min-height:58px;flex:1}.mobile-nav-toggle{width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--bok-accent);font-size:1.55rem;cursor:pointer}.mobile-nav-item.is-open .mobile-nav-toggle span{display:inline-block;transform:rotate(45deg)}.mobile-nav-content{display:none;padding:4px 0 16px}.mobile-nav-item.is-open .mobile-nav-content{display:block}.mobile-nav-group{padding:10px 0}.mobile-nav-group h2{margin:0 0 6px;color:var(--bok-accent);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.mobile-nav-group a{display:block;padding:8px 10px;color:var(--bok-muted);font-size:.94rem}.mobile-nav-group a:hover,.mobile-nav-group a:focus-visible{border-radius:8px;background:var(--bok-soft);color:var(--bok-green)}.mobile-menu-actions{display:grid;gap:10px;margin-top:auto;padding:20px 18px 26px;border-top:1px solid var(--bok-line)}.mobile-menu-actions .button{width:100%}.mobile-menu-actions>a{color:var(--bok-muted);font-size:.9rem}.mobile-quote-list{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border:1px solid var(--bok-line);border-radius:999px;background:#fff;color:var(--bok-green);font-weight:800}.mobile-quote-list .quote-count{background:var(--bok-accent);color:#fff}
}
@media(max-width:600px){.header-inner{width:calc(100% - 24px)}.brand,.brand img{width:138px}.header-quote{width:auto;min-width:108px;padding-inline:14px;font-size:.82rem}.header-quote:after{content:none}.mobile-toggle{width:42px;height:42px}.mobile-menu-panel{width:min(92%,374px)}}
@media(prefers-reduced-motion:reduce){.mega-media-image,.mobile-menu-backdrop,.mobile-menu-panel,.nav-chevron{transition:none!important}}

/* Preserve the complete cleanroom photograph in the fourth homepage slide. */
.slide--full-frame{isolation:isolate;background:#dbe5e1}
.slide--full-frame:before{content:"";position:absolute;z-index:0;inset:-24px;background-image:var(--slide-image);background-position:center;background-size:cover;filter:blur(22px);opacity:.5;transform:scale(1.035)}
.slide--full-frame>img{position:absolute;z-index:1;inset:0;object-fit:contain!important;object-position:center center;background:rgba(219,229,225,.24)}
.slide--full-frame .slide-scrim{z-index:2}
.slide--full-frame .slide-copy{z-index:3}
@media(max-width:767px){.slide--full-frame>img{object-fit:contain!important;object-position:center center;background:rgba(219,229,225,.18)}.slide--full-frame:before{display:block;inset:-18px;filter:blur(18px);opacity:.58}}

/* The mobile menu layer lives outside the filtered header so fixed positioning
   always uses the viewport on product pages and other solid-header pages. */
@media(max-width:1023px){.mobile-menu-layer{height:100dvh}.mobile-menu-panel{max-height:100dvh}.mobile-nav{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto}.mobile-nav-item,.mobile-nav-direct{visibility:visible!important}.mobile-menu-actions{flex:0 0 auto}}

/* Reference-site parity: navigation, mega menus, hero carousel and contact rail. */
.list-glyph{transform:none!important}
.header-quote:hover,.header-quote:focus-visible,.header-quote:active{border-color:#146daa!important;background:#146daa!important;color:#fff!important;outline:0!important;box-shadow:0 5px 14px rgba(20,109,170,.24)!important}
.mega-section-tab{background:transparent!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700;color:#174f32}
.mega-section-tab:hover,.mega-section-tab:focus-visible{background:#fff!important;box-shadow:0 8px 22px rgba(8,35,21,.06)!important}
.mega-eyebrow,.mega-link-group h2{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em}
.mega-link-list a{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;color:#5d7469}
.mega-media-copy b{transition:background-color .2s,transform .2s,box-shadow .2s}
.mega-media-copy b i{transition:transform .2s}
.mega-media:hover .mega-media-copy b,.mega-media:focus-visible .mega-media-copy b{background:#b5ec9b;box-shadow:0 8px 22px rgba(28,92,39,.18);transform:translateY(-2px)}
.mega-media:hover .mega-media-copy b i,.mega-media:focus-visible .mega-media-copy b i{transform:translateX(4px)}

.hero{height:85vh;min-height:560px;background:#fff}
.slide{transition:opacity .55s ease}
.slide img{object-fit:cover}
.slide-scrim{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.4) 54%,transparent)}
.slide-copy{top:auto;left:clamp(24px,5vw,128px);bottom:clamp(64px,10vh,152px);width:min(760px,63vw);transform:none;font-family:Inter,Arial,sans-serif}
.slide-copy h1,.slide-copy h2{margin:0;font-size:clamp(2.5rem,4.8vw,5rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28)}
.slide-copy p{max-width:760px;margin:20px 0 0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.55;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-cta{display:inline-flex;align-items:center;gap:24px;margin-top:30px;min-height:54px;padding-inline:28px;border:0;background:#fff;color:#102f1e;font-size:14px;font-weight:700;box-shadow:none}
.hero-cta:hover,.hero-cta:focus-visible{background:#f6faf4;transform:translateY(-2px)}
.hero-cta span{font-size:1.3rem;transition:transform .2s}.hero-cta:hover span{transform:translateX(4px)}
.hero-controls{bottom:24px;gap:8px}.hero-dot{width:8px;height:8px;background:rgba(255,255,255,.58);transition:width .2s,background-color .2s}.hero-dot.active{width:40px;background:#fff}
.hero-arrow{width:48px;height:48px;background:rgba(255,255,255,.1);font-size:1.7rem;transition:background-color .2s,transform .2s}.hero-arrow:hover{background:rgba(255,255,255,.22);transform:scale(1.04)}.hero-arrow.prev{left:16px}.hero-arrow.next{right:16px}

.slide--oem,.slide--experience,.slide--partner{background:#fff}
.slide--oem .slide-scrim,.slide--experience .slide-scrim,.slide--partner .slide-scrim{display:none}
.slide--oem .slide-copy{left:50%;top:14%;bottom:auto;width:min(92%,1380px);transform:translateX(-50%);text-align:center}
.slide--oem .slide-copy h1{font-size:clamp(1.65rem,4vw,4.2rem);font-weight:700;line-height:1.02;color:#fff;white-space:nowrap}
.slide--oem .slide-copy p{max-width:none;margin-top:12px;font-size:clamp(.58rem,1.35vw,1.55rem);font-weight:500;line-height:1.25;white-space:nowrap}
.slide--experience .slide-copy{left:15.5%;top:12%;bottom:auto;width:39%}
.slide--experience .slide-copy h2{width:max-content;font-size:clamp(1.1rem,2.35vw,3rem);font-weight:700;line-height:.98;color:#73dc83;text-shadow:none}
.slide--experience .slide-copy h2 span{display:block}.slide--experience .slide-copy h2 span:last-child{white-space:nowrap;text-transform:uppercase}
.experience-intro{margin-top:22px}.experience-intro p{margin:5px 0;font-size:clamp(.72rem,1.05vw,1.08rem);line-height:1.38}
.experience-list{display:grid;gap:7px;margin:24px 0 0;padding:0;list-style:none;color:#fff;font-size:clamp(.72rem,1.02vw,1.08rem)}
.experience-list li:before{content:"✓ ";font-weight:800}
.experience-service{display:inline-grid;width:fit-content;max-width:min(100%,430px);margin-top:28px;padding:15px 20px;border-radius:12px;background:#4c8957;color:#fff;font-size:clamp(.68rem,.9vw,.95rem);line-height:1.35}
.experience-service strong{font-weight:700}
.slide--partner .slide-copy{left:16%;top:27%;bottom:auto;width:54%}
.slide--partner .slide-copy h2{font-size:clamp(1.05rem,3vw,3.7rem);font-weight:700;white-space:nowrap}
.slide--partner .slide-copy p{font-size:clamp(.8rem,1.35vw,1.45rem);line-height:1.55}
.hero[data-variant="oem"] .hero-dot,.hero[data-variant="experience"] .hero-dot,.hero[data-variant="partner"] .hero-dot{background:rgba(16,47,30,.34)}
.hero[data-variant="oem"] .hero-dot.active,.hero[data-variant="experience"] .hero-dot.active,.hero[data-variant="partner"] .hero-dot.active{background:#0d2d1c}
.hero[data-variant="oem"] .hero-arrow,.hero[data-variant="experience"] .hero-arrow,.hero[data-variant="partner"] .hero-arrow{background:rgba(16,47,30,.1);color:#0d2d1c}

.floating-tools{right:12px;top:50%;bottom:auto;gap:6px;transform:translateY(-50%)}
.floating-tool{width:56px;height:56px;border-radius:12px;background:#267821;box-shadow:0 10px 28px rgba(31,109,42,.22);transition:background-color .2s,transform .2s}
.floating-tool:hover,.floating-tool:focus-visible{background:#1f641d;transform:translateY(-2px)}
.floating-tool svg{width:28px;height:28px}.floating-top{display:flex;flex-direction:column;gap:1px}.floating-top svg{width:20px;height:20px}.floating-top span{font-size:9px;line-height:1;font-weight:800}
.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{border-color:#9cdb85;border-radius:12px;pointer-events:none}

@media(min-width:640px){.slide--oem .slide-copy{top:16%;width:82%}.floating-tools{right:16px}}
@media(min-width:1024px){.hero{height:92vh}.slide--oem .slide-copy{width:72%}}
@media(max-width:900px){
  .hero{height:auto;min-height:560px;aspect-ratio:16/11}
  .slide-copy{left:24px;right:24px;bottom:72px;width:auto}
  .slide-copy h1,.slide-copy h2{font-size:clamp(2rem,7vw,3.4rem)}
  .slide--oem img,.slide--experience img,.slide--partner img{object-fit:contain}
  .slide--oem .slide-copy{left:50%;right:auto;top:16%;bottom:auto;width:92%;transform:translateX(-50%);text-align:center}
  .slide--oem .slide-copy h1{font-size:clamp(1.35rem,6vw,2.7rem)}.slide--oem .slide-copy p{font-size:clamp(.5rem,2vw,.9rem);white-space:normal}
  .slide--experience .slide-copy{left:8%;right:auto;top:14%;bottom:auto;width:48%}.slide--experience .slide-copy h2{font-size:clamp(1rem,4vw,2rem)}
  .experience-intro p,.experience-list{font-size:clamp(.58rem,1.8vw,.86rem)}.experience-list{gap:3px;margin-top:12px}.experience-service{margin-top:12px;padding:10px 12px;font-size:clamp(.52rem,1.55vw,.75rem)}
  .slide--partner .slide-copy{left:8%;right:auto;top:28%;bottom:auto;width:67%}.slide--partner .slide-copy h2{font-size:clamp(1.1rem,5vw,2.4rem)}
}
@media(max-width:600px){
  .hero{min-height:520px;aspect-ratio:auto}.floating-tools{right:10px}.floating-tool{width:52px;height:52px}
  .experience-intro,.experience-list,.experience-service{display:none}.slide--experience .slide-copy{top:20%;width:64%}
  .slide--partner .slide-copy p{font-size:.78rem}.slide--partner .slide-copy{top:29%;width:76%}
}
@media(prefers-reduced-motion:reduce){.hero-cta,.hero-cta span,.hero-arrow,.floating-tool,.mega-media-copy b,.mega-media-copy b i{transition:none!important}.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{animation:none!important}}

@font-face{font-family:Inter;src:url("assets/fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Sora;src:url("assets/fonts/sora-latin.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap}
/* Header, mega menu, quote list and RFQ parity with the Vercel reference. */
:root{--header-height:72px;--bok-primary-50:#f3faef;--bok-primary-100:#e4f5dc;--bok-primary-200:#c8ebb9;--bok-primary-300:#a5dc8f;--bok-primary-700:#397b25;--bok-primary-800:#306124;--bok-primary-950:#132b18;--bok-slate-100:#eef1f3;--bok-slate-200:#d9dfe3;--bok-slate-400:#8798a3;--bok-slate-500:#60737f}
html,body,button,input,select,textarea{font-family:Inter,Arial,sans-serif}.site-header,.site-header.force-solid{position:fixed;inset:0 0 auto;width:100%;height:var(--header-height);background:transparent;color:rgba(255,255,255,.9);box-shadow:none}.site-header.scrolled,.site-header.force-solid{background:rgba(255,255,255,.95);color:var(--bok-primary-800);box-shadow:0 8px 30px rgba(11,29,56,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header.force-solid+.site-main{padding-top:var(--header-height)}.site-header.force-solid+.site-main>.category-hero:first-child{margin-top:calc(-1 * var(--header-height));padding-top:calc(var(--header-height) + 70px)}.site-header.force-solid+.site-main>.product-detail:first-child{margin-top:calc(-1 * var(--header-height));padding-top:calc(var(--header-height) + 60px)}
.header-inner{width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px;grid-template-columns:160px minmax(0,1fr) auto;gap:20px}.brand,.brand img{width:160px}.brand img{height:40px}.desktop-nav>ul{gap:0}.desktop-nav-link{min-height:40px;padding-inline:12px;border-radius:8px;font-size:14px;font-weight:500;gap:8px}.desktop-nav-link:hover,.desktop-nav-link:focus-visible,.desktop-nav-item.is-open>.desktop-nav-link{background:rgba(255,255,255,.1)}.scrolled .desktop-nav-link:hover,.force-solid .desktop-nav-link:hover,.scrolled .desktop-nav-link:focus-visible,.force-solid .desktop-nav-link:focus-visible,.scrolled .desktop-nav-item.is-open>.desktop-nav-link,.force-solid .desktop-nav-item.is-open>.desktop-nav-link{background:rgba(243,250,239,.9)}.header-actions{gap:10px}.header-list-button{width:40px;height:40px;border-color:var(--bok-primary-200);background:rgba(255,255,255,.95);color:var(--bok-primary-800);box-shadow:none}.list-glyph{width:17px;height:17px}.header-quote{min-height:36px;padding-inline:16px;border-color:var(--bok-primary-700);background:var(--bok-primary-700);font-size:14px;font-weight:700;box-shadow:0 3px 8px rgba(19,43,24,.18)}.header-quote:hover,.header-quote:focus-visible{background:#146daa}.nav-chevron{width:6px;height:6px}
.mega-menu{top:var(--header-height);border-top:0;background:#fff;box-shadow:0 22px 44px rgba(8,35,21,.12);-webkit-backdrop-filter:none;backdrop-filter:none}.mega-inner{width:100%;max-width:1440px;grid-template-columns:220px minmax(0,1fr) 320px}.mega-media{border-radius:24px 0 0 24px}.mega-media-copy{background:none}.mega-media:after{display:none}
.quote-list-overlay{position:fixed;z-index:1190;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(19,43,24,.65);opacity:0;visibility:hidden;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .25s,visibility .25s}.quote-list-overlay.open{opacity:1;visibility:visible}.quote-list{z-index:1200;width:min(576px,100%);padding:0;box-shadow:-18px 0 48px rgba(19,43,24,.18);transition:transform .3s cubic-bezier(.16,1,.3,1)}.quote-list-head{display:flex;justify-content:space-between;gap:24px;padding:28px 32px 24px;border-bottom:1px solid var(--bok-slate-100)}.quote-list-head h2{margin:0;color:var(--bok-primary-950);font-size:28px;line-height:1.15}.quote-list-head p{margin:8px 0 0;color:var(--bok-slate-500);font-size:15px}.dialog-close{flex:0 0 40px;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--bok-slate-500);font-size:32px;line-height:1;cursor:pointer}.quote-list-body{height:calc(100vh - 119px);overflow:auto;padding:24px 32px}.quote-empty{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quote-empty-icon{display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:var(--bok-primary-50);color:var(--bok-primary-700)}.quote-empty-icon svg{width:34px;height:34px}.quote-empty h3{margin:28px 0 12px;font-size:22px}.quote-empty p{margin:0 0 28px;color:var(--bok-slate-500);line-height:1.65}.quote-empty .button{min-height:48px}.quote-items{display:grid}.quote-item{grid-template-columns:88px 1fr auto;gap:16px;padding:18px 0}.quote-item img{width:88px;height:88px;border-radius:12px}.quote-item-copy{display:grid;gap:5px}.quote-item-copy small{color:var(--bok-slate-500)}.quote-item-copy label{color:var(--bok-slate-500);font-size:12px}.quantity-control{display:flex;width:max-content;margin-top:4px;border:1px solid var(--bok-slate-200);border-radius:8px;overflow:hidden}.quantity-control button{width:30px;border:0;background:var(--bok-primary-50);color:var(--bok-primary-800)}.quantity-control input{width:54px;height:30px;padding:0;border:0;text-align:center}.quote-remove{width:36px;height:36px;border:0;background:transparent;color:var(--bok-slate-500);font-size:24px}.quote-list-footer{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-top:1px solid var(--bok-slate-100);background:#fff}.quote-list-footer[hidden]{display:none}.quote-clear{border:0;background:transparent;color:var(--bok-primary-700);font-weight:700}.quote-request{min-height:44px}.quote-list-footer~*{display:none}body.quote-open,body.dialog-open{overflow:hidden}
.modal{z-index:1300;padding:16px;background:rgba(19,43,24,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-panel{width:min(672px,calc(100vw - 32px));max-height:92vh;padding:0;border-radius:24px;overflow:auto;box-shadow:0 24px 80px rgba(19,43,24,.26)}.rfq-modal-head{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 32px 18px;border-bottom:1px solid var(--bok-slate-100);background:#fff}.rfq-modal-head h2{margin:0;color:var(--bok-primary-950);font-size:24px;line-height:1.2}.rfq-modal-head p{margin:5px 0 0;color:var(--bok-slate-500);font-size:15px}.rfq-modal-body{padding:24px 32px}.rfq-grid{gap:18px 16px}.rfq-market{padding:0;border:0;margin:0}.rfq-market legend,.field>span{margin-bottom:7px;color:var(--bok-primary-950);font-size:14px;font-weight:700}.rfq-market b,.field b{color:#2081c3}.market-switch{display:grid;grid-template-columns:1fr 1fr;padding:6px;border-radius:14px;background:var(--bok-slate-100)}.market-switch label{position:relative;cursor:pointer}.market-switch input{position:absolute;opacity:0}.market-switch span{display:grid;min-height:62px;align-content:center;padding:8px 14px;border:1px solid transparent;border-radius:11px;color:var(--bok-slate-500)}.market-switch strong{font-size:15px}.market-switch small{font-size:12px}.market-switch input:checked+span{border-color:var(--bok-primary-200);background:#fff;color:var(--bok-primary-950);box-shadow:0 2px 7px rgba(19,43,24,.05)}.field input,.field select,.field textarea{min-height:48px;padding:11px 14px;border-color:var(--bok-slate-200);border-radius:12px;box-shadow:0 2px 4px rgba(19,43,24,.08);color:var(--bok-primary-950)}.field input::placeholder,.field textarea::placeholder{color:var(--bok-slate-400)}.field textarea{min-height:88px}.attachment-field{position:relative}.file-control{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border:1px solid var(--bok-slate-200);border-radius:12px;box-shadow:0 2px 4px rgba(19,43,24,.08);color:var(--bok-slate-500);font-weight:400}.file-control svg{width:20px}.file-control b{padding:5px 9px;border-radius:7px;background:var(--bok-slate-100);color:var(--bok-primary-700)}.file-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.rfq-submit{width:100%;min-height:50px;margin-top:22px}.rfq-confidential{margin:18px 0 0;text-align:center;color:var(--bok-slate-400);font-size:12px}.form-status{margin:18px 0 0}.modal-panel--compact{padding:32px}
@media(min-width:1280px){.mega-inner{grid-template-columns:250px minmax(0,1fr) 380px}}
@media(max-width:1199px) and (min-width:1024px){.header-inner{width:100%;max-width:1180px;padding-inline:20px;grid-template-columns:150px minmax(0,1fr) auto;gap:10px}.brand,.brand img{width:150px}.desktop-nav-link{font-size:13px;padding-inline:9px}.header-quote{padding-inline:14px}.mega-inner{grid-template-columns:205px minmax(0,1fr) 300px}}
@media(max-width:1023px){.site-header.force-solid{position:fixed}.header-inner{width:100%;max-width:none;padding-inline:18px}.brand,.brand img{width:144px}.header-quote{min-height:40px}.site-header.force-solid+.site-main{padding-top:var(--header-height)}}
@media(max-width:600px){.header-inner{width:100%;padding-inline:12px}.brand,.brand img{width:138px}.header-quote{min-width:108px;min-height:40px}.modal{padding:8px}.modal-panel{width:calc(100vw - 16px);border-radius:18px}.rfq-modal-head{padding:17px 18px 14px}.rfq-modal-head h2{font-size:20px}.rfq-modal-body{padding:20px 18px}.rfq-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.market-switch span{padding-inline:9px}.quote-list-head,.quote-list-body,.quote-list-footer{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.quote-list,.quote-list-overlay{transition:none!important}}
h1,h2,h3,h4,h5,h6{font-family:Sora,Inter,Arial,sans-serif}.quote-list-body{padding-bottom:112px}.quote-empty{margin-bottom:-88px}

/* Final live parity overrides: intentionally last so legacy theme rules cannot win. */
.list-glyph{width:17px;height:17px;transform:none!important}
.header-quote:hover,.header-quote:focus-visible,.header-quote:active{border-color:#146daa!important;background:#146daa!important;color:#fff!important;box-shadow:0 4px 12px rgba(20,109,170,.24)!important;outline:0!important}
.mega-section-tab{background:transparent!important;color:#285e2d!important;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:650}
.mega-section-tab:hover,.mega-section-tab:focus-visible{background:#fff!important}
.mega-section-tab.is-active:not(:hover):not(:focus-visible){background:transparent!important;box-shadow:none!important}
.mega-heading{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em}
.mega-link{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:400;color:#60737f}
.mega-media-cta{transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease}
.mega-media-cta span:last-child{display:inline-block;transition:transform .22s ease}
.mega-media-cta:hover,.mega-media-cta:focus-visible{background:#8bd36f;transform:translateY(-2px);box-shadow:0 10px 22px rgba(19,43,24,.2)}
.mega-media-cta:hover span:last-child,.mega-media-cta:focus-visible span:last-child{transform:translateX(6px)}
.mega-media-copy b{transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease}
.mega-media-copy b i{display:inline-block;transition:transform .22s ease}
.mega-media:hover .mega-media-copy b,.mega-media:focus-visible .mega-media-copy b{background:#8bd36f;transform:translateY(-2px);box-shadow:0 10px 22px rgba(19,43,24,.2)}
.mega-media:hover .mega-media-copy b i,.mega-media:focus-visible .mega-media-copy b i{transform:translateX(6px)}
.hero{height:85vh;min-height:560px;aspect-ratio:auto}
.slide--generic .slide-scrim{display:block;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.24) 48%,rgba(0,0,0,.04) 76%)}
.slide--generic .slide-copy{left:6%;right:auto;top:auto;bottom:16%;width:min(88%,768px);transform:none;text-align:left;color:#fff}
.slide--generic .slide-copy :is(h1,h2){margin:0;font-family:Sora,Inter,Arial,sans-serif;font-size:clamp(2.25rem,4.3vw,3.75rem);font-weight:600;line-height:1.1;color:#fff}
.slide--generic .slide-copy p{max-width:none;margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.55;color:#fff}
.slide--generic .hero-cta{display:inline-flex;margin-top:28px;background:#fff;color:#14301b}
.slide--oem,.slide--experience,.slide--partner{background:#fff}
.slide--oem .slide-scrim,.slide--experience .slide-scrim,.slide--partner .slide-scrim{display:none}
.slide--oem .slide-copy{left:50%;right:auto;top:14%;bottom:auto;width:min(92%,1380px);transform:translateX(-50%);text-align:center}
.slide--oem .slide-copy h1{font-size:clamp(1.65rem,4vw,4.2rem);font-weight:700;line-height:1.02;color:#fff}
.slide--oem .slide-copy p{max-width:none;margin-top:12px;font-size:clamp(.58rem,1.35vw,1.55rem);font-weight:500;line-height:1.3;color:#fff}
.slide--experience .slide-copy{left:5%;right:auto;top:12%;bottom:auto;width:52%;transform:none;text-align:left}
.slide--experience .slide-copy :is(h1,h2){font-size:clamp(1.1rem,2.35vw,3rem);font-weight:700;line-height:1.02;color:#73dc83}
.slide--experience .slide-copy :is(h1,h2) span{display:block;white-space:nowrap;text-transform:uppercase}
.experience-intro,.experience-list,.experience-service{color:#fff}
.slide--partner .slide-copy{left:5%;right:auto;top:27%;bottom:auto;width:72%;transform:none;text-align:left;color:#fff}
.slide--partner .slide-copy :is(h1,h2){white-space:nowrap;font-size:clamp(1.05rem,3vw,3.7rem);font-weight:700;line-height:1.08;color:#fff}
.slide--partner .slide-copy p{max-width:760px;color:#fff}
.hero[data-variant="oem"] .hero-dot,.hero[data-variant="experience"] .hero-dot,.hero[data-variant="partner"] .hero-dot{background:#7f8b80}
.hero[data-variant="oem"] .hero-dot.active,.hero[data-variant="experience"] .hero-dot.active,.hero[data-variant="partner"] .hero-dot.active{background:#0e3520}
.hero[data-variant="oem"] .hero-arrow,.hero[data-variant="experience"] .hero-arrow,.hero[data-variant="partner"] .hero-arrow{color:#163d25;background:rgba(20,48,27,.09)}
.hero[data-variant="generic"] .hero-dot{background:rgba(255,255,255,.58)}
.hero[data-variant="generic"] .hero-dot.active{background:#fff}
.hero[data-variant="generic"] .hero-arrow{color:#fff;background:rgba(255,255,255,.15)}
.floating-tools{position:fixed;z-index:40;right:12px;top:50%;bottom:auto;display:flex;gap:6px;transform:translateY(-50%)}
.floating-tool{position:relative;display:grid;width:56px;height:56px;place-items:center;padding:0;border:0;border-radius:12px;background:#397b25;color:#fff;box-shadow:0 8px 18px rgba(19,43,24,.2);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.floating-tool:hover,.floating-tool:focus-visible{background:#306124;transform:translateY(-2px);box-shadow:0 12px 24px rgba(19,43,24,.28)}
.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{content:"";position:absolute;z-index:-1;inset:4px;border:2px solid rgba(57,123,37,.42);border-radius:14px;animation:contactPulse 2s ease-out infinite}
.floating-tool.whatsapp:after{animation-delay:1s}
@keyframes contactPulse{0%{opacity:.75;transform:scale(.84)}80%,100%{opacity:0;transform:scale(1.34)}}
@media(min-width:640px){.slide--oem .slide-copy{top:16%;width:82%}.slide--experience .slide-copy{left:10%;top:14%;width:45%}.slide--partner .slide-copy{left:11%;top:30%;width:62%}.floating-tools{right:16px}}
@media(min-width:1024px){.hero{height:92vh}.slide--oem .slide-copy{width:72%}.slide--experience .slide-copy{left:15.5%;width:39%}.slide--partner .slide-copy{left:16%;width:54%}.slide--generic .slide-copy{left:8%;bottom:24%}}
@media(max-width:767px){.hero{height:auto;min-height:520px;aspect-ratio:auto}.slide--oem img,.slide--experience img,.slide--partner img{object-fit:contain}.slide--oem .slide-copy{left:50%;top:16%;width:92%;transform:translateX(-50%)}.slide--oem .slide-copy :is(h1,h2){font-size:clamp(1.35rem,6vw,2.7rem)}.slide--oem .slide-copy p{font-size:clamp(.5rem,2.6vw,.92rem)}.slide--experience .slide-copy{left:6%;top:12%;width:56%}.slide--partner .slide-copy{left:6%;top:29%;width:76%}.slide--partner .slide-copy :is(h1,h2){white-space:normal}.slide--generic .slide-copy{left:5%;bottom:13%;width:86%}.slide--generic .slide-copy :is(h1,h2){font-size:clamp(2rem,9vw,3.25rem)}.slide--generic .slide-copy p{margin-top:18px}.floating-tools{right:10px}.floating-tool{width:52px;height:52px}}

/* Homepage parity: reference navigation, catalog, customization and footer */
@media(min-width:1024px){
  .header-inner{width:min(calc(100% - 64px),1920px);max-width:1920px;grid-template-columns:250px minmax(0,1fr) auto;padding-inline:0}
  .brand,.brand img{width:240px}.brand img{height:60px;object-fit:contain}
  .experience-service{display:inline-grid;justify-self:start;width:fit-content;max-width:min(100%,430px);margin-top:22px;padding:15px 20px}
}
.floating-tools{right:24px!important;top:71%!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;transform:translateY(-50%)!important}
.floating-tool{width:58px;height:58px;border-radius:14px}.floating-tool svg{width:27px;height:27px}.floating-top{gap:1px}.floating-top span{font-size:10px}.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{border-radius:14px;animation-duration:2.2s}

.home-catalog{padding:clamp(34px,4.5vw,76px) 0;background:#fff}
.home-wide{width:min(calc(100% - 64px),1440px);margin-inline:auto}
.catalog-heading{margin-bottom:30px}.catalog-heading .eyebrow{margin:0 0 8px;color:#3f9f2d;font-size:.76rem;font-weight:800;letter-spacing:.18em}.catalog-heading h2{margin:0;color:#0a2e1b;font-size:clamp(2rem,4vw,4rem);line-height:1.02}
.dosage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dosage-card{position:relative;display:block;min-height:0;aspect-ratio:1/1;overflow:hidden;border:1px solid #e6ebe7;border-radius:20px;background:#f7f9f7;box-shadow:0 15px 36px rgba(12,45,27,.07)}
.dosage-card picture,.dosage-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dosage-card img{transition:transform .55s ease}.dosage-card:hover img,.dosage-card:focus-visible img{transform:scale(1.045)}
.dosage-card-copy{position:absolute;z-index:2;top:26px;left:28px;display:grid;gap:9px;color:#0a2e1b;text-shadow:0 1px 1px rgba(255,255,255,.75)}.dosage-card-copy strong{font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:1}.dosage-card-copy em{color:#318523;font-size:1.03rem;font-style:normal;font-weight:650}

/* Homepage high-intent service pathways */
.home-service-pathways{padding:clamp(52px,6vw,92px) 0;background:linear-gradient(180deg,#fff 0,#f6faf5 100%);color:#0a2e1b}
.service-pathways-heading{display:block;max-width:1060px;margin-bottom:clamp(30px,4vw,52px)}
.service-pathways-heading .eyebrow{margin:0 0 16px;color:#55b83f;font-size:.78rem;font-weight:850;letter-spacing:.19em;line-height:1.4}
.service-pathways-heading h2{max-width:840px;margin:0;color:#082f1e;font-size:clamp(2.25rem,4.5vw,4.75rem);letter-spacing:-.045em;line-height:.98}
.service-pathways-heading>div>p{max-width:610px;margin:20px 0 0;color:#536b61;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.65}
.service-pathways-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(14px,1.45vw,22px)}
.service-pathway-card{position:relative;display:block;grid-column:span 4;min-height:clamp(260px,21vw,330px);overflow:hidden;border:1px solid rgba(31,91,56,.13);border-radius:24px;background:#0a3b28;color:#fff;box-shadow:0 16px 38px rgba(7,48,30,.1);isolation:isolate;transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .42s ease}
.service-pathway-card--private-label{grid-column:span 5}.service-pathway-card--pet-supplements{grid-column:span 4}.service-pathway-card--factory-tour{grid-column:span 3}
.service-pathway-media,.service-pathway-media picture,.service-pathway-media img{position:absolute;inset:0;width:100%;height:100%}.service-pathway-media img{display:block;object-fit:cover;transition:transform .62s cubic-bezier(.2,.7,.2,1),filter .42s ease}
.service-pathway-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,32,20,.05) 17%,rgba(2,32,20,.42) 56%,rgba(2,32,20,.93) 100%);transition:background .42s ease}
.service-pathway-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;min-height:56%;flex-direction:column;justify-content:flex-end;padding:clamp(22px,2vw,30px)}
.service-pathway-copy strong{max-width:94%;font-size:clamp(1.55rem,2vw,2.2rem);font-weight:820;letter-spacing:-.025em;line-height:1.03;text-shadow:0 2px 15px rgba(0,0,0,.38)}
.service-pathway-description{max-width:570px;margin-top:10px;color:#d9e7df;font-size:.91rem;line-height:1.45}
.service-pathway-copy em{display:flex;align-items:center;gap:10px;width:max-content;margin-top:15px;color:#a6e887;font-size:.92rem;font-style:normal;font-weight:800;letter-spacing:.02em}.service-pathway-copy em span{font-size:1.25rem;transition:transform .3s ease}
.service-pathway-play{display:grid;width:46px;height:46px;margin-bottom:14px;place-items:center;border:1px solid rgba(166,232,135,.7);border-radius:50%;background:rgba(4,50,31,.62);color:#a6e887;backdrop-filter:blur(5px)}.service-pathway-play svg{width:23px;height:23px;fill:currentColor}
.service-pathway-card:hover,.service-pathway-card:focus-visible{z-index:3;border-color:rgba(135,214,97,.7);box-shadow:0 24px 54px rgba(7,48,30,.2);transform:translateY(-6px) scale(1.018);outline:none}
.service-pathway-card:hover .service-pathway-media img,.service-pathway-card:focus-visible .service-pathway-media img{filter:saturate(1.06);transform:scale(1.075)}
.service-pathway-card:hover .service-pathway-shade,.service-pathway-card:focus-visible .service-pathway-shade{background:linear-gradient(180deg,rgba(2,32,20,.02) 12%,rgba(2,32,20,.3) 52%,rgba(2,32,20,.94) 100%)}
.service-pathway-card:hover .service-pathway-copy em span,.service-pathway-card:focus-visible .service-pathway-copy em span{transform:translateX(5px)}
@media(max-width:1100px){.service-pathways-heading>div>p{max-width:760px}.service-pathways-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-pathway-card,.service-pathway-card--private-label,.service-pathway-card--pet-supplements,.service-pathway-card--factory-tour{grid-column:auto;min-height:300px}}
@media(max-width:620px){.home-service-pathways{padding-block:44px}.service-pathways-heading{gap:18px}.service-pathways-heading h2{font-size:clamp(2.05rem,11vw,3rem)}.service-pathways-grid{grid-template-columns:1fr;gap:14px}.service-pathway-card,.service-pathway-card--private-label,.service-pathway-card--pet-supplements,.service-pathway-card--factory-tour{min-height:255px;border-radius:19px}.service-pathway-copy{padding:21px}.service-pathway-copy strong{font-size:1.65rem}.service-pathway-description{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.service-pathway-card,.service-pathway-media img,.service-pathway-copy em span{transition:none}.service-pathway-card:hover,.service-pathway-card:focus-visible{transform:none}}

/* Homepage B2B service pathway wheel */
.service-pathways-wheel{position:relative;width:min(880px,78vw);aspect-ratio:1;margin:0 auto;filter:drop-shadow(0 24px 34px rgba(7,48,30,.14));isolation:isolate}
.service-pathways-wheel .service-pathway-card{position:absolute;inset:0;display:block;min-height:0;border:0;border-radius:50%;clip-path:polygon(50% 50%,100% 29.25%,100% 70.75%);background:#073b27;box-shadow:none;transform:rotate(var(--segment-angle));transform-origin:50% 50%;transition:transform .38s cubic-bezier(.2,.75,.2,1),filter .38s ease;isolation:isolate}
.service-pathways-wheel .service-pathway-card::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px rgba(255,255,255,.92);pointer-events:none;z-index:4}
.service-pathways-wheel .service-pathway-media{position:absolute;inset:-9%;transform:rotate(var(--counter-angle));transition:transform .5s cubic-bezier(.2,.75,.2,1)}
.service-pathways-wheel .service-pathway-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.13);filter:saturate(.9) contrast(1.03);transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .4s ease}
.service-pathways-wheel .service-pathway-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,35,21,.15) 22%,rgba(2,38,23,.88) 68%,rgba(2,38,23,.96) 100%);z-index:1}
.service-pathways-wheel .service-pathway-copy{position:absolute;left:67%;top:50%;width:26%;padding:0;transform:translate(-2%,-50%) rotate(var(--counter-angle));transform-origin:0 50%;z-index:3}
.service-pathways-wheel .service-pathway-copy strong{display:block;color:#fff;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.04;text-shadow:0 2px 12px rgba(0,0,0,.34)}
.service-pathways-wheel .service-pathway-description{display:none}
.service-pathways-wheel .service-pathway-copy em{display:flex;margin-top:8px;color:#a9e68c;font-size:clamp(.7rem,.84vw,.84rem);font-weight:800;letter-spacing:.02em}
.service-pathways-wheel .service-pathway-play{width:32px;height:32px;margin:0 0 8px;background:rgba(157,218,135,.94)}
.service-pathways-wheel .service-pathway-card:hover,.service-pathways-wheel .service-pathway-card:focus-visible{z-index:5;transform:rotate(var(--segment-angle)) scale(1.055);filter:brightness(1.08)}
.service-pathways-wheel .service-pathway-card:hover .service-pathway-media,.service-pathways-wheel .service-pathway-card:focus-visible .service-pathway-media{transform:rotate(var(--counter-angle)) scale(1.06)}
.service-pathways-wheel .service-pathway-card:hover .service-pathway-media img,.service-pathways-wheel .service-pathway-card:focus-visible .service-pathway-media img{transform:scale(1.19);filter:saturate(1.04) contrast(1.04)}
.service-pathways-wheel .service-pathway-card:focus-visible{outline:4px solid #83d66b;outline-offset:5px}
.service-pathways-hub{position:absolute;left:50%;top:50%;z-index:9;display:flex;width:35%;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;transform:translate(-50%,-50%);border:10px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1f7646 0,#0b4c30 48%,#052e1d 100%);color:#fff;text-align:center;box-shadow:0 14px 34px rgba(4,38,23,.28);pointer-events:none}
.service-pathways-hub span{color:#a9e68c;font-size:clamp(.68rem,1vw,.92rem);font-weight:850;letter-spacing:.18em}
.service-pathways-hub strong{margin-top:6px;font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1}
.service-pathways-hub small{margin-top:9px;color:rgba(255,255,255,.74);font-size:clamp(.62rem,.86vw,.82rem)}
@media(max-width:900px){.service-pathways-wheel{display:grid;width:100%;aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;filter:none}.service-pathways-wheel .service-pathway-card,.service-pathways-wheel .service-pathway-card--private-label,.service-pathways-wheel .service-pathway-card--pet-supplements,.service-pathways-wheel .service-pathway-card--factory-tour{position:relative;inset:auto;min-height:270px;border:1px solid rgba(31,91,56,.13);border-radius:20px;clip-path:none;box-shadow:0 14px 30px rgba(7,48,30,.1);transform:none}.service-pathways-wheel .service-pathway-card::after{display:none}.service-pathways-wheel .service-pathway-media{inset:0;transform:none}.service-pathways-wheel .service-pathway-media img{transform:scale(1.01)}.service-pathways-wheel .service-pathway-shade{background:linear-gradient(180deg,rgba(3,31,19,.02) 30%,rgba(3,35,21,.9) 100%)}.service-pathways-wheel .service-pathway-copy{left:0;right:0;top:auto;bottom:0;width:auto;padding:22px;transform:none}.service-pathways-wheel .service-pathway-copy strong{font-size:clamp(1.35rem,4vw,1.8rem)}.service-pathways-wheel .service-pathway-copy em{font-size:.84rem}.service-pathways-wheel .service-pathway-card:hover,.service-pathways-wheel .service-pathway-card:focus-visible{transform:translateY(-5px) scale(1.018)}.service-pathways-wheel .service-pathway-card:hover .service-pathway-media,.service-pathways-wheel .service-pathway-card:focus-visible .service-pathway-media{transform:scale(1.045)}.service-pathways-hub{display:none}}
@media(max-width:620px){.service-pathways-wheel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-pathways-wheel .service-pathway-card,.service-pathways-wheel .service-pathway-card--private-label,.service-pathways-wheel .service-pathway-card--pet-supplements,.service-pathways-wheel .service-pathway-card--factory-tour{min-height:205px;border-radius:17px}.service-pathways-wheel .service-pathway-copy{padding:16px 14px}.service-pathways-wheel .service-pathway-copy strong{font-size:clamp(1.05rem,5.1vw,1.35rem)}.service-pathways-wheel .service-pathway-copy em{margin-top:6px;font-size:.71rem}.service-pathways-wheel .service-pathway-play{width:26px;height:26px;margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.service-pathways-wheel .service-pathway-card,.service-pathways-wheel .service-pathway-media,.service-pathways-wheel .service-pathway-media img{transition:none}.service-pathways-wheel .service-pathway-card:hover,.service-pathways-wheel .service-pathway-card:focus-visible{transform:rotate(var(--segment-angle))}.service-pathways-wheel .service-pathway-card:hover .service-pathway-media,.service-pathways-wheel .service-pathway-card:focus-visible .service-pathway-media{transform:rotate(var(--counter-angle))}}

.custom-section{box-sizing:border-box;width:100%;margin:0;padding:clamp(54px,6vw,100px) max(24px,calc((100% - 1440px)/2));background:#fff;color:#132a20}
.custom-heading{text-align:center}.custom-heading h2,.label-content h2,.formula-section>h2{margin:0;color:#3e9e2a;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:800;letter-spacing:.035em;line-height:1}.custom-heading h3{margin:14px 0;color:#53b941;font-size:clamp(1.35rem,3vw,2.5rem);letter-spacing:.09em}.custom-heading p{margin:20px 0 0;font-size:clamp(.78rem,1.4vw,1.15rem);letter-spacing:.13em}.custom-heading>span{display:block;width:65px;height:4px;margin:25px auto;background:#89d932}
.packaging-stage{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:28px;margin:48px auto 28px;max-width:1320px}.packaging-window{overflow:hidden}.packaging-track{display:flex;align-items:center;width:max-content;will-change:transform}.packaging-track img{display:block;width:min(940px,70vw);height:230px;object-fit:contain;flex:none}.packaging-arrow{display:grid;width:56px;height:56px;place-items:center;border:0;border-radius:3px;background:#8edd2f;color:#fff;font-size:3rem;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease}.packaging-arrow:hover{background:#65bd24;transform:scale(1.07)}.packaging-caption{max-width:1040px;margin:32px auto 0;text-align:center;color:#465550;font-size:clamp(1rem,1.7vw,1.35rem);letter-spacing:.1em;line-height:1.6}
.custom-two-column,.formula-layout,.flavor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(38px,6vw,90px);max-width:1440px;margin:auto}.custom-product-art picture,.custom-product-art img,.formula-art picture,.formula-art img{display:block;width:100%;height:auto;object-fit:contain}.label-content h2{margin-bottom:38px;text-decoration:underline;text-decoration-color:#d8f0c8;text-decoration-thickness:8px;text-underline-offset:-3px}.label-features{display:grid;gap:25px;margin:0;padding:0;list-style:none}.label-features li{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start}.label-features li>b{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#d71f25;color:#fff;font-size:1.2rem}.label-features strong{font-size:clamp(1.1rem,1.55vw,1.55rem)}.label-features p{margin:6px 0 0;color:#53675f;line-height:1.5}
.formula-section>h2{max-width:1440px;margin:0 auto 42px;text-decoration:underline;text-decoration-color:#d8f0c8;text-decoration-thickness:8px;text-underline-offset:-3px}.formula-layout{grid-template-columns:1.25fr .75fr}.formula-steps{display:grid;gap:13px;margin:0;padding:28px 34px;border:2px solid #ef7d12;list-style:none}.formula-steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:#172d25;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:700;line-height:1.25}.formula-steps li:not(:last-child):after{content:'\2193';grid-column:1/-1;color:#ef7d12;font-size:1.75rem;line-height:.8}
.flavor-layout{grid-template-columns:1.08fr .92fr}.flavor-copy .eyebrow{color:#398b2a;font-size:.75rem;font-weight:800;letter-spacing:.18em}.flavor-copy h2{margin:14px 0 22px;color:#073d28;font-size:clamp(2.25rem,4vw,4.2rem);line-height:1}.flavor-intro{color:#526861;line-height:1.55}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.flavor-card{overflow:hidden;padding:0;border:1px solid #dce8e0;border-radius:14px;background:#fff;color:#0a3b27;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(12,45,27,.06)}.flavor-card.active{border-color:#5cab42}.flavor-photo,.selected-flavor-photo{display:block;background-image:var(--flavor-sprite);background-size:300% 300%}.flavor-photo{height:112px}.flavor-card>span:last-child{display:flex;justify-content:space-between;padding:13px;font-weight:750}.flavor-card i{width:18px;height:18px;border-radius:50%;background:#edf6e9}.flavor-card.active i{background:#318b29}.flavor-benefits{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:22px;border-top:1px solid #dbe8df;color:#4f6a60}
.flavor-preview{--flavor-color:#d58a0a;--flavor-accent:#f2c44f;position:relative;display:grid;min-height:610px;place-items:center;border-radius:28px;background:linear-gradient(145deg,#dfe8f1,#c8d5e3)}.flavor-bottle{position:relative;width:260px;height:470px;border-radius:40px 40px 55px 55px;background:linear-gradient(90deg,#e9edf0,#fff 48%,#dfe4e8);box-shadow:0 30px 45px rgba(31,59,76,.2)}.flavor-bottle-cap{height:90px;margin-top:-22px;border-radius:28px;background:repeating-linear-gradient(90deg,#f5f6f7 0 3px,#dfe2e5 3px 5px)}.flavor-label{display:grid;height:210px;margin-top:45px;place-content:center;text-align:center;background:linear-gradient(135deg,var(--flavor-color),var(--flavor-accent));color:#fff}.flavor-label small{letter-spacing:.14em}.flavor-label strong{font-size:1.75rem}.selected-flavor{position:absolute;right:7%;bottom:13%;display:flex;gap:13px;align-items:center;padding:14px;border-radius:14px;background:#fff;box-shadow:0 14px 28px rgba(22,45,57,.2)}.selected-flavor-photo{width:72px;height:72px;border-radius:9px}.selected-flavor div{display:grid}.selected-flavor small{color:#5f8d6d}.flavor-preview>p{position:absolute;bottom:-58px;text-align:center;color:#61736c;font-size:.75rem}

.site-footer{background:#062d20;color:#fff}.footer-shell{width:min(calc(100% - 64px),1440px);margin:auto}.footer-cta{padding:58px 0;border-bottom:1px solid rgba(255,255,255,.15)}.footer-main{padding:58px 0}.footer-main h3{color:#fff}.footer-main a,.footer-main p{color:#9fb3bb}.footer-bottom{border-top:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.dosage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-two-column,.formula-layout,.flavor-layout{grid-template-columns:1fr}.flavor-preview{min-height:520px;margin-top:55px}.floating-tools{right:10px!important;top:70%!important}.packaging-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.packaging-arrow{width:42px;height:48px}.home-wide,.footer-shell{width:min(calc(100% - 28px),1440px)}}
@media(max-width:600px){.dosage-grid{grid-template-columns:1fr 1fr}.dosage-card-copy{top:16px;left:16px}.dosage-card-copy strong{font-size:1.05rem}.dosage-card-copy em{font-size:.8rem}.flavor-grid{grid-template-columns:repeat(2,1fr)}.flavor-benefits{display:grid}.custom-section{padding-inline:18px}.packaging-track img{width:760px;height:180px}.floating-tool{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.mega-media-cta,.mega-media-cta span:last-child,.floating-tool{transition:none!important}.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{animation:none!important}}

/* Final reference-site parity pass: compact responsive customization blocks. */
.floating-tools{right:16px!important;top:50%!important;gap:6px!important}
.floating-tool{width:56px;height:56px;border-radius:12px;background:#2f7d24;box-shadow:0 10px 28px rgba(31,109,42,.22)}
.floating-tool:hover,.floating-tool:focus-visible{background:#286b20}.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{z-index:-1;inset:3px;border:2px solid rgba(90,185,53,.5);border-radius:12px;animation:contactPulse 2.1s ease-out infinite}.floating-tool.whatsapp:after{animation-delay:1.05s}
.custom-section{padding-block:clamp(44px,5vw,80px)}
.custom-heading h2{white-space:nowrap;font-size:clamp(1.8rem,4.15vw,3.75rem);letter-spacing:.035em}.custom-heading h3{font-size:clamp(1.05rem,2vw,1.9rem)}.custom-heading p{font-size:clamp(.72rem,1.05vw,1rem)}
.label-content h2,.formula-section>h2{position:relative;width:max-content;max-width:100%;white-space:nowrap;text-decoration:none;font-size:clamp(1.75rem,3.05vw,2.75rem);letter-spacing:.02em}
.label-content h2:after,.formula-section>h2:after{content:"";position:absolute;z-index:-1;right:0;bottom:3px;left:0;height:8px;background:#d8f0c8}
.label-content,.formula-section>h2{isolation:isolate}.custom-two-column,.formula-layout,.flavor-layout{gap:clamp(32px,4vw,64px)}
.flavor-copy h2{font-size:clamp(2rem,3.35vw,3.25rem);line-height:1.08}.flavor-intro{font-size:1rem}.flavor-photo{height:auto;aspect-ratio:4/3}.flavor-preview{min-height:0;aspect-ratio:1/1;overflow:visible;background:linear-gradient(145deg,#dfe8f1,#c8d5e3)}
.flavor-bottle{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background-image:var(--flavor-sprite);background-repeat:no-repeat;background-position:0 0;background-size:300% 300%;box-shadow:none}
.flavor-label{position:absolute;left:29.2%;top:37.5%;display:grid;width:41.6%;height:31%;margin:0;place-content:center;border:1px solid rgba(255,255,255,.3);border-radius:6px;text-align:center;background:linear-gradient(135deg,var(--flavor-color),var(--flavor-accent));color:#fff}.flavor-label small{font-size:10px}.flavor-label strong{font-size:clamp(1rem,1.6vw,1.45rem)}
.selected-flavor{right:7%;bottom:8%;padding:12px 16px}.flavor-preview>p{bottom:-54px;width:100%;margin:0}
.modal-panel.rfq-panel{width:min(1008px,calc(100vw - 32px));max-height:94vh}.rfq-modal-head{padding:24px 48px 20px}.rfq-modal-body{padding:28px 48px 36px}.rfq-grid{gap:20px 24px}.rfq-modal-head h2{font-size:27px}.rfq-modal-head p{font-size:16px}.field input,.field select{min-height:52px}.field textarea{min-height:102px}
.contact-rfq{position:relative;overflow:hidden;padding:clamp(52px,5vw,84px) 0;background:#0c321e;color:#fff}.contact-rfq:before,.contact-rfq:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(71,155,42,.22);filter:blur(70px)}.contact-rfq:before{left:-180px;top:-130px}.contact-rfq:after{right:-170px;bottom:-170px}.contact-rfq-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(560px,1.05fr);gap:clamp(48px,7vw,100px);width:min(calc(100% - 64px),1440px);margin:auto;align-items:start}.contact-rfq-copy{padding-top:14px}.contact-rfq-copy .eyebrow{margin:0;color:#65c3f4;font-size:.76rem;font-weight:800;letter-spacing:.2em}.contact-rfq-copy h1{margin:24px 0 0;color:#fff;font-size:clamp(2.55rem,4.2vw,4.5rem);line-height:1.05;letter-spacing:-.04em}.contact-rfq-copy h1 span{color:#33a7f0}.contact-rfq-intro{max-width:600px;margin:34px 0 0;color:#c8d4db;font-size:1.15rem;line-height:1.75}.contact-benefits{display:grid;gap:18px;margin:42px 0 0;padding:0;list-style:none}.contact-benefits li{position:relative;padding-left:36px;color:#edf3f5;font-size:1rem}.contact-benefits li:before{content:'\2713';position:absolute;left:0;top:-2px;display:grid;width:22px;height:22px;place-items:center;border:2px solid #68c348;border-radius:50%;color:#68c348;font-size:12px;font-weight:900}.contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}.contact-methods a{display:grid;gap:6px;min-width:0;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);color:#fff}.contact-methods svg{width:25px;height:25px;stroke-width:1.8;color:#43b8ef}.contact-methods a:nth-child(2) svg{color:#68c348}.contact-methods small{color:#8fa8b3}.contact-methods strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.contact-rfq-card{padding:40px 44px 36px;border-radius:28px;background:#fff;color:#132b18;box-shadow:0 24px 70px rgba(0,0,0,.2)}.contact-rfq-card>h2{margin:0;color:#132b18;font-size:1.55rem}.contact-rfq-card>p{margin:7px 0 32px;color:#60737f}.contact-rfq-card .rfq-confidential{display:none}
.site-footer{padding:0;background:#082d1e}.footer-shell{width:min(calc(100% - 64px),1440px)}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 0}.footer-cta h2{margin:0;color:#fff;font-size:1.55rem}.footer-cta p{margin:8px 0 0;color:#9fb3bb}.footer-cta-actions{display:flex;gap:14px}.footer-cta-actions .button{min-height:52px;padding-inline:30px}.footer-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1fr) minmax(170px,1fr);gap:64px;padding:54px 0}.footer-brand img{width:230px;filter:brightness(0) invert(1)}.footer-brand p{max-width:470px;margin:28px 0 0;line-height:1.7}.footer-main h3{margin:0 0 22px;font-size:.8rem;letter-spacing:.16em}.footer-main a{display:block;padding:7px 0}.footer-social{display:flex;gap:12px;margin-top:26px}.footer-social a{display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.05)}.footer-social svg{width:20px;height:20px;stroke-width:1.8}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin:0;padding:24px 0;color:#758d96}.footer-bottom>span:last-child{display:flex;gap:28px}.footer-bottom a{color:inherit}
@media(max-width:1023px){.contact-rfq-shell{grid-template-columns:1fr}.contact-rfq-copy{max-width:760px}.contact-rfq-card{max-width:760px;width:100%;margin:auto}.footer-main{grid-template-columns:2fr 1fr 1fr;gap:34px}}
@media(max-width:700px){.floating-tools{right:10px!important}.custom-heading h2,.label-content h2,.formula-section>h2{font-size:clamp(1.45rem,7.5vw,2rem);letter-spacing:.01em}.flavor-copy h2 br{display:none}.flavor-preview{margin-top:32px}.selected-flavor{right:4%;bottom:5%;padding:9px}.selected-flavor-photo{width:56px;height:56px}.contact-rfq-shell,.footer-shell{width:min(calc(100% - 32px),1440px)}.contact-rfq-card{padding:28px 20px}.contact-methods{grid-template-columns:1fr}.rfq-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.market-switch span{padding-inline:8px}.footer-cta{align-items:flex-start;flex-direction:column}.footer-cta-actions{width:100%;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom,.footer-bottom>span:last-child{align-items:flex-start;flex-direction:column;gap:12px}}

/* 2026-08-25 reference interaction alignment. */
.modal-panel.rfq-panel{width:min(1008px,calc(100vw - 32px));max-height:96vh;border-radius:30px;scrollbar-color:#c8ebb9 #eef1f3;scrollbar-width:auto}
.modal-panel.rfq-panel::-webkit-scrollbar{width:14px}
.modal-panel.rfq-panel::-webkit-scrollbar-track{background:#eef1f3;border-radius:0 30px 30px 0}
.modal-panel.rfq-panel::-webkit-scrollbar-thumb{border:3px solid #eef1f3;border-radius:999px;background:#c8ebb9}
.modal-panel.rfq-panel::-webkit-scrollbar-thumb:hover{background:#a5dc8f}

.hero-arrow{z-index:30;display:grid!important;place-items:center;top:50%;transform:translateY(-50%)}
.hero-arrow:hover{transform:translateY(-50%) scale(1.04)}
.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}

.floating-tools{z-index:50;right:16px!important;top:68%!important;bottom:auto!important;gap:8px!important;transform:translateY(-50%)!important}
.floating-tool{width:56px;height:56px;border-radius:12px;background:#2f7d24;color:#fff}
.floating-tool.whatsapp{isolation:isolate;overflow:visible}
.floating-tool.whatsapp>i:first-of-type{position:absolute;z-index:0;inset:8px;border:2px solid rgba(255,255,255,.2);border-radius:10px;pointer-events:none}
.floating-tool.whatsapp>i:nth-of-type(2){display:none}
.floating-tool.whatsapp svg{position:relative;z-index:2;width:28px;height:28px}
.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{content:"";position:absolute;z-index:-1;inset:3px;border:2px solid rgba(82,174,49,.55);border-radius:13px;pointer-events:none;animation:contactPulseReference 2.1s ease-out infinite}
.floating-tool.whatsapp:after{animation-delay:1.05s}
@keyframes contactPulseReference{0%{opacity:.78;transform:scale(.82)}82%,100%{opacity:0;transform:scale(1.5)}}

.packaging-window{display:flex;height:230px;align-items:center;overflow:hidden}
.packaging-track{height:100%;align-items:center}
.packaging-track img{height:230px;object-position:center center;transform:translateY(-7px)}
@media(max-width:900px){.floating-tools{right:10px!important;top:70%!important}.hero-arrow.prev{left:12px}.hero-arrow.next{right:12px}}
@media(max-width:600px){.modal-panel.rfq-panel{width:calc(100vw - 20px);max-height:96vh;border-radius:22px}.rfq-modal-head{padding:22px 22px 18px}.rfq-modal-body{padding:22px}.packaging-window{height:180px}.packaging-track img{height:180px;transform:translateY(-6px)}.hero-arrow{width:44px;height:44px}.hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}.floating-tools{top:72%!important}}
@media(prefers-reduced-motion:reduce){.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{animation:contactPulseReference 2.1s ease-out infinite!important}}

/* 2026-08-26 responsive mega menu, catalog, RFQ and contact rail alignment. */
@media(min-width:901px){
  .mega-menu{left:0!important;right:0!important;width:100%;max-width:100%;overflow-x:clip}
  .mega-inner{box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;grid-template-columns:clamp(205px,13vw,250px) minmax(0,1fr) clamp(300px,20vw,380px);overflow:hidden}
  .mega-side,.mega-links,.mega-media{min-width:0}
  .mega-media{width:100%;max-width:100%;justify-self:stretch}
  .mega-media picture{display:block;width:100%;height:100%}
  .mega-media-image{display:block;width:100%!important;max-width:100%;height:100%!important;object-fit:cover}
}
@media(min-width:901px) and (max-width:1199px){
  .mega-inner{grid-template-columns:205px minmax(0,1fr) 300px}
  .mega-links{gap:18px;padding:28px 24px}
  .mega-links--three{gap:14px}
}

.category-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(2,24,14,.78));pointer-events:none}
.category-card-content{z-index:2;color:#fff!important}
.category-card-content h2,.category-card-content h2 a,.category-card-content p{color:#fff!important}
.category-card-content p{font-size:.78rem;line-height:1.5}

.filter-drawer-toggle{display:none!important}
.filters-inner{display:block}

.modal-panel.rfq-panel{width:min(672px,calc(100vw - 32px))!important;max-height:92vh!important;border-radius:24px}
.rfq-modal-head{padding:20px 32px 18px}
.rfq-modal-body{padding:24px 32px}
.rfq-modal-head h2{font-size:24px}.rfq-modal-head p{font-size:15px}
.rfq-grid{gap:18px 16px}
.rfq-market.full{grid-column:1/-1;width:100%}
.market-switch{width:100%}

.floating-tool.whatsapp>i{display:none!important}
.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{inset:0;border:2px solid rgba(99,190,65,.7);border-radius:12px;animation:contactPulseExact 2.1s ease-out infinite}
.floating-tool.whatsapp:after{border-color:rgba(145,219,119,.55);animation-delay:1.05s}
@keyframes contactPulseExact{0%{opacity:.8;transform:scale(.45)}75%,100%{opacity:0;transform:scale(1.55)}}

@media(max-width:900px){
  .filters-inner{display:block!important}
  .modal-panel.rfq-panel{width:min(672px,calc(100vw - 24px))!important}
}
@media(max-width:600px){
  .modal-panel.rfq-panel{width:calc(100vw - 16px)!important;border-radius:18px}
  .rfq-modal-head{padding:17px 18px 14px}.rfq-modal-body{padding:20px 18px}
}
@media(prefers-reduced-motion:reduce){.floating-tool.whatsapp:before,.floating-tool.whatsapp:after{animation:contactPulseExact 2.1s ease-out infinite!important}}

/* Our History: evidence-led B2B company story. */
.history-page{background:#fff;color:#163226}.history-hero{position:relative;display:grid;min-height:700px;align-items:end;overflow:hidden;background:#082d1e;color:#fff}.history-hero-media,.history-hero-shade{position:absolute;inset:0}.history-hero-image{display:block;width:100%;height:100%;object-fit:cover}.history-hero-shade{background:linear-gradient(90deg,rgba(3,29,18,.92) 0%,rgba(3,29,18,.72) 46%,rgba(3,29,18,.3) 75%,rgba(3,29,18,.18) 100%)}.history-hero-content{position:relative;z-index:2;padding-top:calc(var(--header-height) + 92px);padding-bottom:76px}.history-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:44px;color:rgba(255,255,255,.76);font-size:.82rem}.history-breadcrumbs a{color:#fff}.history-breadcrumbs a:hover,.history-breadcrumbs a:focus-visible{text-decoration:underline}.history-hero .eyebrow{color:#9dda87}.history-hero h1{max-width:1040px;margin:18px 0 0;color:#fff;font-size:clamp(2.75rem,5.2vw,5.6rem);line-height:.98;letter-spacing:-.048em}.history-hero-lede{max-width:850px;margin:30px 0 0;color:#e4ece7;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.7}.history-section{padding:clamp(72px,8vw,120px) 0}.history-narrow{max-width:920px}.history-intro h2,.history-heading h2,.history-split h2,.history-buyer-section h2{margin:14px 0 26px;color:#0a3524;font-size:clamp(2.15rem,4vw,4.2rem);line-height:1.04;letter-spacing:-.04em}.history-intro p,.history-split p,.history-buyer-section>div>p{color:#4d645a;font-size:1.05rem;line-height:1.82}.history-intro .history-lead{color:#183f30;font-size:clamp(1.18rem,1.7vw,1.42rem);line-height:1.65}.history-heading{max-width:820px;margin-bottom:54px}.history-heading>p:last-child{color:#61756c;font-size:1.05rem;line-height:1.65}.history-timeline-section{background:#f4f8f2}.history-timeline{position:relative;display:grid;gap:0;max-width:1120px;margin:0 auto;padding:0;list-style:none}.history-timeline:before{content:"";position:absolute;top:12px;bottom:12px;left:103px;width:2px;background:#b8dbaa}.history-timeline li{position:relative;display:grid;grid-template-columns:80px 1fr;gap:52px;padding:0 0 48px}.history-timeline li:last-child{padding-bottom:0}.history-timeline li:before{content:"";position:absolute;top:8px;left:96px;width:16px;height:16px;border:4px solid #f4f8f2;border-radius:50%;background:#398b2a;box-shadow:0 0 0 2px #7abb61}.history-timeline time{color:#2f7d24;font-size:1.32rem;font-weight:850;letter-spacing:.02em}.history-timeline h3{margin:0 0 10px;color:#103928;font-size:1.5rem}.history-timeline p{max-width:860px;margin:0;color:#566c62;line-height:1.75}.history-scale-section{background:#082d1e;color:#fff}.history-heading-light h2{color:#fff}.history-heading-light>p:last-child{color:#b8c9c1}.history-scale-section .eyebrow{color:#9dda87}.history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-stats>div{display:grid;gap:9px;min-height:170px;align-content:center;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.055)}.history-stats strong{color:#8ed46e;font-size:clamp(2.3rem,4vw,4rem);line-height:1}.history-stats span{color:#dbe6e0;line-height:1.4}.history-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(44px,7vw,105px)}.history-split-reverse>div{order:2}.history-split-reverse>figure{order:1}.history-figure{margin:0}.history-figure-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px rgba(10,53,36,.14)}.history-figure figcaption{margin:14px 12px 0;color:#687d73;font-size:.78rem;line-height:1.55}.history-quality-section{background:#f4f8f2}.history-certifications-section{border-top:1px solid #e3ebe6}.history-cert-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.history-cert-groups section{padding:30px;border:1px solid #dbe8df;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(10,53,36,.06)}.history-cert-groups h3{margin:0 0 20px;color:#0b3826;font-size:1.18rem}.history-cert-groups ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}.history-cert-groups li{padding:8px 11px;border-radius:999px;background:#edf6e9;color:#2f6d27;font-size:.76rem;font-weight:750}.history-scope-note{max-width:920px;margin:26px 0 0;color:#6b7c74;font-size:.78rem;line-height:1.65}.history-buyer-section{background:#eef5ea}.history-buyer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0}.history-buyer-grid>div{display:grid;gap:8px;padding:24px;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(10,53,36,.06)}.history-buyer-grid strong{color:#123d2c}.history-buyer-grid span{color:#61756c;line-height:1.55}.history-authorship{padding:28px 0;border-top:1px solid #dfe8e2;background:#fff}.history-authorship p{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;color:#61756c;font-size:.82rem}.history-authorship strong{color:#163d2b}.history-cta{padding:60px 0;background:#0b3322;color:#fff}.history-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:36px}.history-cta .eyebrow{color:#8ed46e}.history-cta h2{max-width:820px;margin:10px 0;color:#fff;font-size:clamp(2rem,3vw,3.3rem);line-height:1.05}.history-cta p{margin:0;color:#b9cbc2}.history-cta .button{flex:none;min-width:220px}
@media(max-width:900px){.history-hero{min-height:640px}.history-hero-content{padding-bottom:58px}.history-split{grid-template-columns:1fr}.history-split-reverse>div,.history-split-reverse>figure{order:initial}.history-stats,.history-cert-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.history-cta>.container{align-items:flex-start;flex-direction:column}.history-cta .button{width:100%}}

/* OEM/ODM format directory: matches the reference implementation at every breakpoint. */
.oem-formats-section{padding:64px 0;background:#fff;scroll-margin-top:96px}
.oem-formats-shell{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}
.oem-formats-heading{max-width:672px}
.oem-formats-heading h2{margin:0;color:#0a2e1b;font-size:clamp(1.875rem,4vw,3rem);font-weight:650;line-height:1.08;letter-spacing:-.035em}
.oem-formats-heading p{max-width:576px;margin:16px 0 0;color:#52675f;font-size:1rem;line-height:1.65}
.oem-formats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px}
.oem-format-card{min-width:0;scroll-margin-top:96px}
.oem-format-card>a{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:24px;background:transparent;box-shadow:0 12px 34px rgba(18,72,42,.1);isolation:isolate}
.oem-format-card>a:focus-visible{outline:2px solid #3f9f2d;outline-offset:3px}
.oem-format-card picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important}
.oem-format-card .oem-format-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:inherit;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.oem-format-card>a:after{content:"";position:absolute;z-index:1;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(2,28,17,.62));pointer-events:none}
.oem-format-copy{position:absolute;z-index:2;inset:auto 0 0;display:block;padding:20px;background:none!important;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.9),0 1px 16px rgba(0,0,0,.7);pointer-events:none}
.oem-format-copy strong{display:block;font-size:1.25rem;font-weight:650;line-height:1.2}
.oem-format-copy>span{display:grid;max-height:0;margin-top:0;overflow:hidden;color:#fff;font-size:.875rem;line-height:1.4;opacity:0;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease}
.oem-format-card:hover .oem-format-image,.oem-format-card:focus-within .oem-format-image{transform:scale(1.055)}
.oem-format-card:hover .oem-format-copy>span,.oem-format-card:focus-within .oem-format-copy>span{max-height:90px;margin-top:6px;opacity:1}
@media(max-width:639px){.oem-format-card>a{border-radius:16px}.oem-format-copy{padding:12px}.oem-format-copy strong{font-size:clamp(.82rem,4vw,1.05rem)}.oem-format-copy>span{display:none}}
@media(min-width:640px){.oem-formats-shell{padding-inline:32px}.oem-formats-heading h2{font-size:2.25rem}.oem-formats-heading p{font-size:1.125rem}.oem-formats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oem-format-copy{padding:24px}}
@media(min-width:1024px){.oem-formats-section{padding:96px 0}.oem-formats-shell{padding-inline:40px}.oem-formats-heading h2{font-size:3rem}.oem-formats-grid{gap:20px}.oem-format-copy{padding:20px}}
@media(min-width:1280px){.oem-formats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.oem-format-image,.oem-format-copy>span{transition:none}.oem-format-card:hover .oem-format-image,.oem-format-card:focus-within .oem-format-image{transform:none}}
@media(max-width:600px){.history-hero{min-height:680px}.history-hero-shade{background:linear-gradient(180deg,rgba(3,29,18,.43) 0%,rgba(3,29,18,.92) 50%,rgba(3,29,18,.93) 100%)}.history-hero-content{padding-top:calc(var(--header-height) + 46px);padding-bottom:42px;text-shadow:0 2px 12px rgba(0,20,12,.42)}.history-breadcrumbs{margin-bottom:30px}.history-hero h1{font-size:clamp(2.35rem,11vw,3.35rem)}.history-hero-lede{font-size:1rem}.history-section{padding:64px 0}.history-timeline:before{left:20px}.history-timeline li{grid-template-columns:1fr;gap:12px;padding:0 0 42px 52px}.history-timeline li:before{left:13px}.history-timeline time{font-size:1.08rem}.history-timeline h3{font-size:1.28rem}.history-stats,.history-cert-groups,.history-buyer-grid{grid-template-columns:1fr}.history-stats>div{min-height:140px}.history-authorship p{display:grid;gap:8px}.history-figure-image{border-radius:20px}}

/* Home — About BOKNUTRA factory panorama */
.home-about{position:relative;display:grid;min-height:clamp(760px,55.3vw,1062px);align-items:end;overflow:hidden;background:#062e20;color:#fff;isolation:isolate}
.home-about-media,.home-about-shade{position:absolute;inset:0}.home-about-media{z-index:-2}.home-about-media picture{display:block;width:100%;height:100%}.home-about-image{width:100%;height:100%;object-fit:cover;object-position:center}
.home-about-shade{z-index:-1;background:linear-gradient(90deg,rgba(2,31,20,.94) 0%,rgba(2,31,20,.77) 39%,rgba(2,31,20,.25) 70%,rgba(2,31,20,.12) 100%),linear-gradient(180deg,rgba(0,30,19,.14) 0%,rgba(0,30,19,.04) 35%,rgba(0,24,15,.86) 100%)}
.home-about-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(152,218,119,.12),transparent 30%);mix-blend-mode:screen}
.home-about-shell{width:min(calc(100% - 64px),1440px);margin-inline:auto;padding:clamp(86px,9vw,150px) 0 0}
.home-about-copy{max-width:1100px}.home-about-eyebrow{display:flex;gap:12px;align-items:center;margin:0;color:#a3dd8b;font-size:.78rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.home-about-eyebrow span{width:38px;height:1px;background:#8dd76d}
.home-about-copy h2{max-width:1100px;margin:22px 0 26px;color:#fff;font-size:clamp(3rem,5.4vw,5.65rem);line-height:.94;letter-spacing:-.052em;text-wrap:balance}.home-about-copy>p:not(.home-about-eyebrow){max-width:760px;margin:0;color:rgba(244,250,246,.84);font-size:clamp(1.02rem,1.35vw,1.22rem);line-height:1.75}
.home-about-link{display:inline-flex;gap:14px;align-items:center;margin-top:30px;padding-bottom:7px;border-bottom:1px solid rgba(176,229,151,.62);color:#fff;font-weight:800}.home-about-link span{color:#a8e28d;font-size:1.25rem;transition:transform .25s ease}.home-about-link:hover span,.home-about-link:focus-visible span{transform:translateX(6px)}
.home-about-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:clamp(58px,7vw,104px)}
.home-about-stat{position:relative;min-width:0;min-height:218px;padding:24px 22px 22px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(11,78,52,.73),rgba(5,43,29,.64));box-shadow:0 20px 48px rgba(0,24,15,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transform:none;transition:opacity .62s ease var(--stat-delay),transform .62s cubic-bezier(.2,.75,.2,1) var(--stat-delay)}
.home-about.is-observed .home-about-stat{opacity:0;transform:translateY(22px)}.home-about-stat:after{content:"";position:absolute;right:-38px;bottom:-52px;width:128px;height:128px;border-radius:50%;background:rgba(115,193,79,.15)}.home-about.is-observed.is-visible .home-about-stat{opacity:1;transform:none}
.home-about-stat svg{width:34px;height:34px;margin-bottom:24px;fill:none;stroke:#aee793;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.home-about-stat-label{display:block;min-height:2.3em;color:rgba(234,245,238,.72);font-size:.72rem;font-weight:800;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}
.home-about-stat strong{position:relative;z-index:1;display:flex;align-items:flex-start;margin-top:9px;color:#fff;font-size:clamp(2.05rem,2.55vw,3.25rem);font-variant-numeric:tabular-nums;line-height:.94;letter-spacing:-.045em}.home-about-stat strong b{margin:1px 0 0 3px;color:#9cdd7e;font-size:.55em}.home-about-stat small{position:relative;z-index:1;display:block;margin-top:11px;color:rgba(239,248,242,.78);font-size:.78rem;line-height:1.35}
@media(max-width:1199px){.home-about{min-height:940px}.home-about-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.home-about-stat{min-height:190px}}
@media(max-width:700px){.home-about{min-height:1120px;align-items:stretch}.home-about-image{object-position:58% center}.home-about-shade{background:linear-gradient(180deg,rgba(2,31,20,.68) 0%,rgba(2,31,20,.5) 24%,rgba(2,31,20,.92) 58%,rgba(2,31,20,.98) 100%)}.home-about-shell{width:min(calc(100% - 32px),540px);padding:70px 0 0}.home-about-copy h2{font-size:clamp(2.45rem,12vw,3.7rem)}.home-about-copy>p:not(.home-about-eyebrow){font-size:.98rem;line-height:1.66}.home-about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:48px}.home-about-stat{min-height:174px;padding:18px 15px}.home-about-stat svg{width:29px;height:29px;margin-bottom:18px}.home-about-stat-label{font-size:.62rem}.home-about-stat strong{font-size:clamp(1.8rem,9vw,2.45rem)}.home-about-stat small{font-size:.68rem}.home-about-link{margin-top:24px}}
@media(max-width:380px){.home-about{min-height:1220px}.home-about-stats{grid-template-columns:1fr 1fr}.home-about-stat{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.home-about-stat{opacity:1;transform:none;transition:none}.home-about-link span{transition:none}}

/* Homepage factory tour */
.home-factory-tour{position:relative;padding:clamp(52px,5vw,78px) 0 clamp(72px,7vw,112px);background:linear-gradient(180deg,#021f15 0,#082d1e clamp(64px,8vw,120px),#082d1e 100%);color:#fff}.home-factory-tour:after{content:"";position:absolute;inset:auto 0 0;height:54%;background:radial-gradient(circle at 52% 100%,rgba(42,127,41,.24),transparent 42%);pointer-events:none}.home-factory-tour-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(42px,5vw,80px);align-items:center;width:min(calc(100% - 64px),1440px);margin-inline:auto}.home-factory-tour-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#9cdd7e;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-factory-tour-eyebrow span{width:30px;height:1px;background:currentColor}.home-factory-tour-copy h2{max-width:690px;margin:0 0 26px;font-size:clamp(2.4rem,4.2vw,4.7rem);line-height:.98;letter-spacing:-.05em}.home-factory-tour-copy>p:not(.home-factory-tour-eyebrow){max-width:720px;margin:0 0 16px;color:#b8c9c4;font-size:clamp(.96rem,1.05vw,1.08rem);line-height:1.72}.home-factory-tour-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.home-factory-tour-points span{position:relative;padding:15px 18px 15px 39px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);color:#e5eee9;font-weight:700}.home-factory-tour-points span:before{content:"";position:absolute;left:18px;top:50%;width:8px;height:8px;border-radius:50%;background:#9cdd7e;transform:translateY(-50%);box-shadow:0 0 0 5px rgba(156,221,126,.12)}
.home-factory-video{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#031c12;box-shadow:0 28px 70px rgba(0,0,0,.3)}.home-factory-video-poster,.home-factory-video-image,.home-factory-video iframe{width:100%;height:100%}.home-factory-video-poster{position:relative}.home-factory-video-image{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.home-factory-video:hover .home-factory-video-image{transform:scale(1.035)}.home-factory-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,18,.04),rgba(3,28,18,.56))}.home-factory-video-play{position:absolute;left:50%;top:50%;display:grid;width:92px;height:92px;padding:0;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#0a3a27;cursor:pointer;transform:translate(-50%,-50%);transition:transform .25s ease,background .25s ease}.home-factory-video-play:hover,.home-factory-video-play:focus-visible{background:#fff;transform:translate(-50%,-50%) scale(1.07)}.home-factory-video-play svg{width:39px;height:39px;fill:currentColor}.home-factory-video-label{position:absolute;left:24px;bottom:22px;display:grid;gap:2px;padding:10px 15px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(3,28,18,.68);backdrop-filter:blur(8px)}.home-factory-video-label b{font-size:.88rem}.home-factory-video-label small{color:#b8c9c4}.home-factory-video iframe{display:block;border:0}

/* Homepage OEM/ODM workflow */
.home-oem-workflow{padding:clamp(74px,8vw,124px) 0;background:#fff}.home-oem-workflow-shell{width:min(calc(100% - 64px),1440px);margin-inline:auto}.home-oem-workflow-heading{max-width:930px;margin:0 auto clamp(42px,5vw,72px);text-align:center}.home-oem-workflow-heading>p{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px;color:var(--bok-accent);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-oem-workflow-heading>p span{width:34px;height:1px;background:currentColor}.home-oem-workflow-heading h2{margin:0;color:#0b3423;font-size:clamp(2.35rem,4.7vw,4.8rem);line-height:1;letter-spacing:-.055em}.home-oem-workflow-heading>div{max-width:790px;margin:24px auto 0;color:#566c64;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.home-oem-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.home-oem-workflow-grid article{position:relative;min-height:250px;padding:42px 34px 34px;overflow:hidden;border:1px solid #d6e1dc;border-radius:28px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.home-oem-workflow-grid article:hover{border-color:#a7ceb7;box-shadow:0 18px 44px rgba(7,51,33,.09);transform:translateY(-5px)}.home-oem-workflow-grid article>span{display:block;margin:0 0 25px;color:#e9efec;font-size:3rem;font-weight:900;line-height:.8;letter-spacing:-.06em}.home-oem-workflow-grid article em{position:absolute;right:28px;top:30px;padding:7px 12px;border:1px solid #b8dbaa;border-radius:999px;background:#edf6e9;color:#2f7d24;font-size:.72rem;font-style:normal;font-weight:800;text-transform:uppercase}.home-oem-workflow-grid h3{margin:0 0 14px;color:#092f20;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.2}.home-oem-workflow-grid p{margin:0;color:#526961;line-height:1.65}.home-oem-workflow-link{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;margin:52px auto 0;color:#17692c;font-weight:850}.home-oem-workflow-link span{font-size:1.4em;transition:transform .2s}.home-oem-workflow-link:hover span{transform:translateX(5px)}

.footer-social a{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}.footer-social a:hover,.footer-social a:focus-visible{border-color:rgba(163,221,139,.52);background:rgba(163,221,139,.14);color:#a3dd8b;transform:translateY(-3px) scale(1.04)}.floating-email svg{width:27px;height:27px}.floating-email{transition:transform .2s ease,background-color .2s ease}.floating-email:hover,.floating-email:focus-visible{background:#17692c;transform:translateY(-2px)}.button--outline:hover,.button--outline:focus-visible,.add-to-quote:hover,.add-to-quote:focus-visible{color:#fff!important}
@media(max-width:1100px){.home-factory-tour-shell{grid-template-columns:1fr;gap:48px}.home-factory-video{width:min(100%,900px)}.home-oem-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-factory-tour-shell,.home-oem-workflow-shell{width:min(calc(100% - 32px),1440px)}.home-factory-tour-copy h2{font-size:clamp(2.2rem,11vw,3.35rem)}.home-factory-tour-points{grid-template-columns:1fr}.home-factory-video{border-radius:20px}.home-factory-video-play{width:70px;height:70px}.home-factory-video-label{left:14px;bottom:14px}.home-oem-workflow-grid{grid-template-columns:1fr}.home-oem-workflow-grid article{min-height:0;padding:32px 24px}.home-oem-workflow-grid article em{right:20px;top:24px}.home-oem-workflow-heading h2{font-size:clamp(2.1rem,10.5vw,3.2rem)}}
@media(prefers-reduced-motion:reduce){.home-factory-video-image,.home-factory-video-play,.home-oem-workflow-grid article,.home-oem-workflow-link span,.footer-social a,.floating-email{transition:none!important}.home-factory-video:hover .home-factory-video-image,.home-oem-workflow-grid article:hover,.footer-social a:hover,.floating-email:hover{transform:none!important}}

/* Factory Tour compact heading and aligned widescreen video */
.home-factory-tour-shell{align-items:start}.home-factory-tour-copy h2{display:none}.home-factory-video{align-self:start;margin-top:42px}.history-hero-image{object-position:center 56%}

/* Pale green homepage viewport scrollbar */
html:has(body.home){scrollbar-color:#b9e8aa #edf5ef;scrollbar-width:thin}html:has(body.home)::-webkit-scrollbar{width:12px}html:has(body.home)::-webkit-scrollbar-track{background:#edf5ef}html:has(body.home)::-webkit-scrollbar-thumb{border:3px solid #edf5ef;border-radius:999px;background:#b9e8aa}html:has(body.home)::-webkit-scrollbar-thumb:hover{background:#98d586}
@media(max-width:1100px){.home-factory-video{margin-top:0}}

/* Transparent Factory Tour play control with an outward green pulse. */
.home-factory-video-play{isolation:isolate;width:80px;height:80px;border-radius:0;background:transparent;color:#b7ee98;filter:drop-shadow(0 3px 9px rgba(0,0,0,.45))}.home-factory-video-play:before,.home-factory-video-play:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:54px;height:54px;border:2px solid rgba(156,221,126,.88);border-radius:50%;transform:translate(-50%,-50%) scale(.55);animation:bokFactoryPulse 2.15s cubic-bezier(.16,.75,.4,1) infinite;pointer-events:none}.home-factory-video-play:after{animation-delay:1.075s}.home-factory-video-play:hover,.home-factory-video-play:focus-visible{background:transparent;color:#d8ffc5;transform:translate(-50%,-50%) scale(1.1)}.home-factory-video-play svg{width:48px;height:48px;filter:drop-shadow(0 0 9px rgba(156,221,126,.52))}@keyframes bokFactoryPulse{0%{opacity:.95;transform:translate(-50%,-50%) scale(.55)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.15)}}

/* Quote List products remain visible in the RFQ and are mirrored into the email payload. */
.rfq-selected-products{margin:0 0 26px;padding:18px 20px;border:1px solid #cfe3d4;border-radius:18px;background:#f4faf3}.rfq-selected-products[hidden]{display:none}.rfq-selected-products-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.rfq-selected-products-head span{display:block;margin-bottom:3px;color:#2a7f29;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.rfq-selected-products-head h3{margin:0;color:#092f20;font-size:1rem}.rfq-selected-products-head>strong{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#dff1d9;color:#17692c;font-size:.72rem}.rfq-selected-products-list{display:grid;gap:8px}.rfq-selected-products-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px;border-radius:12px;background:#fff}.rfq-selected-products-list img{width:48px;height:48px;object-fit:cover;border-radius:9px}.rfq-selected-products-list a{display:block;color:#0b3423;font-weight:800;line-height:1.25}.rfq-selected-products-list small{display:block;margin-top:3px;color:#70837c;font-size:.72rem}.rfq-selected-products-list article>b{color:#17692c;font-size:.78rem}.rfq-selected-products>p{margin:11px 0 0;color:#687c74;font-size:.75rem;line-height:1.45}
.rfq-origin-badge{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#dff1d9;color:#17692c;font-size:.64rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:600px){.home-factory-video-play{width:64px;height:64px}.home-factory-video-play svg{width:42px;height:42px}.rfq-selected-products{padding:15px}.rfq-selected-products-list article{grid-template-columns:42px minmax(0,1fr) auto}.rfq-selected-products-list img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.home-factory-video-play:before,.home-factory-video-play:after{animation:none;opacity:.72;transform:translate(-50%,-50%) scale(1.05)}}

/* 2026-08-29 inquiry confirmation, Locations and sitewide green scrollbar alignment. */
.home-factory-video-play{width:90px;height:90px;overflow:visible;color:#a8ea82}
.home-factory-video-play svg{width:34px;height:34px;overflow:visible;fill:currentColor;filter:drop-shadow(0 0 8px rgba(156,221,126,.68))}
.home-factory-video-play:before,.home-factory-video-play:after{width:52px;height:52px;animation-name:bokFactoryPulseCompact}
@keyframes bokFactoryPulseCompact{0%{opacity:.92;transform:translate(-50%,-50%) scale(.55)}76%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.06)}}

.rfq-success[hidden]{display:none!important}.rfq-form.is-success>:not(.rfq-success){display:none!important}
.rfq-form.is-success{display:block}.rfq-success{display:grid;min-height:430px;padding:clamp(34px,6vw,64px);place-items:center;align-content:center;border:1px solid #bfe5ae;border-radius:22px;background:#f2faee;text-align:center;color:#102f20;outline:0}
.rfq-success-icon{display:grid;width:72px;height:72px;margin-bottom:22px;place-items:center;border-radius:50%;background:#3c9f2e;color:#fff;box-shadow:0 12px 30px rgba(60,159,46,.22)}.rfq-success-icon svg{width:40px;height:40px}
.rfq-success h3{margin:0;color:#102f20;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.025em}.rfq-success>p{max-width:600px;margin:20px auto 0;color:#536b61;font-size:1rem;line-height:1.65}.rfq-success .rfq-success-reference{margin-top:10px;color:#2e7826;font-size:.8rem;font-weight:750;overflow-wrap:anywhere}
.rfq-success-reset{margin-top:26px;border:1px solid #9ed98a!important;background:#fff!important;color:#17692c!important;box-shadow:none}.rfq-success-reset:hover,.rfq-success-reset:focus-visible{background:#2f8726!important;color:#fff!important}
.contact-rfq-card .rfq-form.is-success{margin-top:28px}.contact-rfq-card .rfq-success{min-height:500px}

.locations-page{background:#fff;color:#163226}.locations-hero{padding:calc(var(--header-height) + clamp(56px,7vw,104px)) 0 clamp(76px,8vw,128px)}.locations-shell{width:min(calc(100% - 64px),1440px);margin-inline:auto}.locations-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:46px;color:#698078;font-size:.82rem}.locations-breadcrumbs a{color:#2c6d2a}.locations-breadcrumbs a:hover,.locations-breadcrumbs a:focus-visible{text-decoration:underline}
.locations-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(48px,7vw,108px);align-items:center}.locations-eyebrow{display:flex;gap:13px;align-items:center;margin:0 0 22px;color:#65c84a;font-size:.78rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.locations-eyebrow span{width:38px;height:1px;background:currentColor}.locations-copy h1{max-width:720px;margin:0;color:#0a3524;font-size:clamp(2.7rem,4.7vw,5rem);line-height:1.02;letter-spacing:-.05em}.locations-lede{max-width:720px;margin:28px 0 0;color:#536a61;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.72}
.locations-address-card{max-width:720px;margin-top:34px;padding:26px 28px;border:1px solid #d7e7d6;border-radius:20px;background:#f5faf2;box-shadow:0 16px 38px rgba(11,53,36,.06)}.locations-address-label{margin:0 0 9px;color:#3b8e2c;font-size:.73rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.locations-address-card address{color:#163b2b;font-size:1.05rem;font-style:normal;font-weight:700;line-height:1.62}.locations-address-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 0;padding-top:20px;border-top:1px solid #d8e6d7}.locations-address-card dl div{min-width:0}.locations-address-card dt{color:#71847b;font-size:.72rem;font-weight:750;text-transform:uppercase}.locations-address-card dd{margin:6px 0 0;color:#214535;line-height:1.45}.locations-address-card a{color:#2f7d24;font-weight:750}.locations-visit-note{max-width:700px;margin:24px 0 0;color:#667a71;font-size:.88rem;line-height:1.65}.locations-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}.locations-actions .button{min-width:178px}.locations-map-link{display:inline-flex;gap:8px;align-items:center;color:#2f7d24;font-weight:800}.locations-map-link:hover,.locations-map-link:focus-visible{text-decoration:underline}
.locations-map-wrap{position:relative;min-height:610px;padding:12px;border:1px solid #cee7c6;border-radius:30px;background:#f2faee;box-shadow:0 24px 65px rgba(10,53,36,.12)}.locations-map-wrap iframe{display:block;width:100%;height:100%;min-height:584px;border:0;border-radius:22px;background:#edf1ed}

html{scrollbar-color:#bcebad #edf5ef;scrollbar-width:thin}.modal-panel,.quote-list-body,.filter-options{scrollbar-color:#bcebad #edf5ef;scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#edf5ef}::-webkit-scrollbar-thumb{border:3px solid #edf5ef;border-radius:999px;background:#bcebad}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active,.modal-panel.rfq-panel::-webkit-scrollbar-thumb:hover{background:#65c84a}

@media(max-width:1023px){.locations-grid{grid-template-columns:1fr}.locations-copy{max-width:820px}.locations-map-wrap{min-height:500px}.locations-map-wrap iframe{min-height:474px}}
@media(max-width:700px){.home-factory-video-play{width:76px;height:76px}.home-factory-video-play svg{width:30px;height:30px}.home-factory-video-play:before,.home-factory-video-play:after{width:46px;height:46px}.rfq-success{min-height:390px;padding:34px 20px}.contact-rfq-card .rfq-success{min-height:440px}.locations-shell{width:min(calc(100% - 32px),560px)}.locations-hero{padding-top:calc(var(--header-height) + 36px)}.locations-breadcrumbs{margin-bottom:34px}.locations-copy h1{font-size:clamp(2.35rem,11vw,3.55rem)}.locations-address-card{padding:22px 20px}.locations-address-card dl{grid-template-columns:1fr}.locations-actions{align-items:stretch;flex-direction:column}.locations-actions .button,.locations-map-link{width:100%;justify-content:center}.locations-map-wrap{min-height:420px;padding:8px;border-radius:22px}.locations-map-wrap iframe{min-height:402px;border-radius:16px}}

/* Fast, touch-first product gallery and zoomable image viewer. */
.product-main-stage{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:24px;background:#f5f7f3;box-shadow:0 18px 55px rgba(10,48,27,.09);cursor:zoom-in;touch-action:pan-y pinch-zoom;outline-offset:4px}.product-main-stage .product-main-image{display:block;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit;background:transparent;object-fit:cover;box-shadow:none;transition:opacity .16s ease}.product-main-stage .product-main-image.is-loading{opacity:.78}.product-main-loading{position:absolute;z-index:2;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgba(47,135,38,.18);border-top-color:#2f8726;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .12s}.product-main-loading.is-visible{opacity:1;animation:bokGallerySpin .7s linear infinite}@keyframes bokGallerySpin{to{transform:rotate(360deg)}}
.product-zoom-hint{position:absolute;z-index:2;right:16px;bottom:16px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(6,45,29,.68);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.16);pointer-events:none;backdrop-filter:blur(6px)}.product-zoom-hint svg{width:22px;height:22px}.product-gallery-nav{position:absolute;z-index:3;top:50%;display:grid;width:42px;height:54px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:14px;background:rgba(255,255,255,.8);color:#155b2a;font-size:2rem;line-height:1;opacity:0;cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background .2s,transform .2s;backdrop-filter:blur(5px)}.product-gallery-prev{left:14px}.product-gallery-next{right:14px}.product-main-stage:hover .product-gallery-nav,.product-main-stage:focus-within .product-gallery-nav{opacity:1}.product-gallery-nav:hover,.product-gallery-nav:focus-visible{background:#fff;transform:translateY(-50%) scale(1.05)}
.product-gallery .thumbs{display:flex;gap:10px;max-width:100%;margin-top:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-gallery .thumbs::-webkit-scrollbar{display:none}.product-gallery .thumb{flex:0 0 calc((100% - 40px)/5);min-width:0;scroll-snap-align:start;cursor:pointer;transition:border-color .16s,transform .16s}.product-gallery .thumb:hover{transform:translateY(-2px)}.product-gallery .thumb img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.product-lightbox{position:fixed;z-index:1600;inset:0;display:none;padding:76px 72px 34px;background:rgba(1,14,9,.94);color:#fff;overscroll-behavior:contain}.product-lightbox.is-open{display:block}.product-lightbox-open{overflow:hidden;touch-action:none}.product-lightbox-viewport{display:grid;width:100%;height:100%;overflow:hidden;place-items:center;touch-action:none;cursor:zoom-in}.product-lightbox-viewport img{max-width:100%;max-height:100%;object-fit:contain;cursor:inherit;-webkit-user-drag:none;user-select:none;will-change:transform;transform-origin:center;transition:transform .12s ease}.product-lightbox-viewport.is-pinching img,.product-lightbox-viewport.is-dragging img{transition:none}.product-lightbox-viewport.is-zoomed{cursor:grab}.product-lightbox-viewport.is-zoomed.is-dragging{cursor:grabbing}.product-lightbox-close{position:absolute;z-index:4;right:20px;top:16px;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:2rem;cursor:pointer}.product-lightbox-toolbar{position:absolute;z-index:4;left:50%;top:18px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,35,22,.76);transform:translateX(-50%);backdrop-filter:blur(8px)}.product-lightbox-toolbar button{min-width:38px;height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#fff;font-weight:800;cursor:pointer}.product-lightbox-toolbar button:hover,.product-lightbox-toolbar button:focus-visible{background:rgba(156,221,126,.22)}.product-lightbox-toolbar span{min-width:56px;text-align:center;font-size:.78rem;font-variant-numeric:tabular-nums}.product-lightbox-nav{position:absolute;z-index:4;top:50%;width:52px;height:68px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(2,35,22,.62);color:#fff;font-size:2.5rem;cursor:pointer;transform:translateY(-50%)}.product-lightbox-prev{left:14px}.product-lightbox-next{right:14px}
@media(max-width:900px){.product-gallery .thumb{flex-basis:calc((100% - 30px)/4)}.product-gallery-nav{opacity:.86}.product-main-stage{border-radius:20px}.product-zoom-hint{right:12px;bottom:12px}.product-lightbox{padding:68px 14px 18px}.product-lightbox-nav{top:auto;bottom:18px;width:48px;height:48px;border-radius:50%;font-size:2rem;transform:none}.product-lightbox-prev{left:18px}.product-lightbox-next{right:18px}body.single-bok_product .floating-tools{right:8px!important;top:84%!important}}
@media(max-width:600px){.product-gallery .thumbs{gap:8px}.product-gallery .thumb{flex-basis:calc((100% - 24px)/4)}.product-gallery-nav{width:38px;height:48px}.product-gallery-prev{left:8px}.product-gallery-next{right:8px}.product-zoom-hint{width:38px;height:38px}.product-lightbox-toolbar{left:12px;transform:none}.product-lightbox-close{right:12px}body.single-bok_product .floating-tools{top:86%!important}.single-bok_product .floating-tool{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.product-main-stage .product-main-image,.product-gallery-nav,.product-gallery .thumb,.product-lightbox-viewport img{transition:none}.product-main-loading.is-visible{animation:none}}

/* Portrait-first homepage carousel: desktop keeps the original art; phones receive dedicated 9:16 compositions. */
.slide-media{position:absolute;z-index:1;inset:0;display:block;overflow:hidden}
.slide-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.slide--full-frame>.slide-media{z-index:1}
.slide--full-frame>.slide-media img{object-fit:contain;object-position:center;background:rgba(219,229,225,.24)}

@media(max-width:767px){
  .hero{height:max(680px,calc(100svh - var(--header-height)));min-height:680px;max-height:920px;aspect-ratio:auto;background:#092f20}
  .slide-media,.slide--full-frame>.slide-media{inset:0}
  .slide-media img,.slide--full-frame>.slide-media img,.slide--oem .slide-media img,.slide--experience .slide-media img,.slide--partner .slide-media img{object-fit:cover!important;object-position:center center!important;background:transparent!important}
  .slide--full-frame:before{display:none!important}
  .slide--oem,.slide--experience,.slide--partner{background:#092f20}
  .slide--oem .slide-copy{left:50%;right:auto;top:13%;bottom:auto;width:88%;transform:translateX(-50%);text-align:center}
  .slide--oem .slide-copy h1{font-size:clamp(1.5rem,7vw,2.25rem);line-height:1.02;white-space:normal;text-shadow:0 2px 12px rgba(0,0,0,.34)}
  .slide--oem .slide-copy p{margin-top:10px;font-size:clamp(.66rem,2.85vw,.9rem);line-height:1.35;white-space:normal;text-shadow:0 2px 10px rgba(0,0,0,.38)}
  .slide--experience .slide-copy{left:7%;right:auto;top:13%;bottom:auto;width:86%;transform:none;text-align:left}
  .slide--experience .slide-copy h2{width:auto;font-size:clamp(1.65rem,8.2vw,2.65rem);line-height:1.02;text-shadow:0 2px 12px rgba(0,0,0,.42)}
  .slide--experience .slide-copy h2 span:last-child{white-space:normal}
  .experience-intro,.experience-list,.experience-service{display:none}
  .slide--partner .slide-copy{left:7%;right:auto;top:13%;bottom:auto;width:86%;transform:none;text-align:left}
  .slide--partner .slide-copy h2{font-size:clamp(1.75rem,8.5vw,2.8rem);line-height:1.03;white-space:normal}
  .slide--partner .slide-copy p{max-width:88%;margin-top:12px;font-size:clamp(.76rem,3.1vw,.98rem);line-height:1.42}
  .slide--generic .slide-scrim{display:block;z-index:2;background:linear-gradient(180deg,rgba(2,27,17,.78) 0%,rgba(2,27,17,.62) 31%,rgba(2,27,17,.2) 56%,rgba(2,27,17,.04) 76%)}
  .slide--generic .slide-copy{z-index:3;left:7%;right:auto;top:12%;bottom:auto;width:86%;transform:none;text-align:left}
  .slide--generic .slide-copy :is(h1,h2){font-size:clamp(1.85rem,8vw,2.6rem);line-height:1.04;text-wrap:balance}
  .slide--generic .slide-copy p{max-width:94%;margin-top:14px;font-size:clamp(.8rem,3.1vw,1rem);line-height:1.45}
  .slide--generic .hero-cta{min-height:42px;margin-top:18px;padding:0 18px;font-size:.82rem}
  .hero-controls{bottom:22px}
  .hero-arrow{top:54%;width:48px;height:48px;background:rgba(255,255,255,.78);color:#14552b;box-shadow:0 8px 22px rgba(5,35,21,.14);backdrop-filter:blur(5px)}
  .hero-arrow.prev{left:12px}.hero-arrow.next{right:12px}
}
@media(max-width:420px) and (max-height:720px){.hero{height:680px;min-height:680px}.slide--generic .slide-copy :is(h1,h2){font-size:1.75rem}.slide--generic .slide-copy p{font-size:.78rem}}

/* Mobile hero transition: remove the dark pagination band and flow directly into the white section below. */
@media(max-width:767px){
  .hero,
  .hero .slides,
  .hero .slide,
  .hero .slide--oem,
  .hero .slide--experience,
  .hero .slide--partner{background:#fff}
  .hero-controls{padding:0;background:transparent}
  .hero-dot{background:#a7b1aa}
  .hero-dot.active{background:#0b3b25}
}

/* Homepage service-pathway bento mosaic: bright imagery, no image mask, one clear click target. */
.service-pathways-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"gummies powders powders pet" "liquids capsules superfoods pet" "private private factory factory";grid-auto-rows:clamp(220px,19vw,310px);gap:clamp(12px,1.25vw,20px)}
.service-pathways-mosaic .service-pathway-card{position:relative;display:block;min-height:0;overflow:hidden;border:0;border-radius:clamp(18px,1.5vw,26px);background:#edf3ea;color:#fff;box-shadow:0 14px 34px rgba(7,48,30,.1);isolation:isolate;transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease;outline-offset:4px}
.service-pathways-mosaic .service-pathway-card--gummies{grid-area:gummies}.service-pathways-mosaic .service-pathway-card--protein-powders{grid-area:powders}.service-pathways-mosaic .service-pathway-card--pet-supplements{grid-area:pet}.service-pathways-mosaic .service-pathway-card--liquids{grid-area:liquids}.service-pathways-mosaic .service-pathway-card--capsules-tablets{grid-area:capsules}.service-pathways-mosaic .service-pathway-card--superfoods{grid-area:superfoods}.service-pathways-mosaic .service-pathway-card--private-label{grid-area:private}.service-pathways-mosaic .service-pathway-card--factory-tour{grid-area:factory}
.service-pathways-mosaic .service-pathway-media,.service-pathways-mosaic .service-pathway-media picture,.service-pathways-mosaic .service-pathway-media img{position:absolute;inset:0;display:block;width:100%;height:100%}
.service-pathways-mosaic .service-pathway-media img{object-fit:cover;filter:saturate(1.08) contrast(1.025);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s ease}
.service-pathways-mosaic .service-pathway-copy{position:absolute;z-index:2;right:auto;bottom:0;left:0;display:block;width:auto;min-height:0;padding:clamp(18px,2vw,28px);pointer-events:none}
.service-pathways-mosaic .service-pathway-copy strong{display:block;max-width:min(90%,520px);color:#fff;font-size:clamp(1.35rem,2vw,2.25rem);font-weight:850;letter-spacing:-.035em;line-height:1.02;text-shadow:0 2px 5px rgba(0,0,0,.82),0 8px 24px rgba(0,0,0,.48)}
.service-pathways-mosaic .service-pathway-card:hover,.service-pathways-mosaic .service-pathway-card:focus-visible{z-index:3;border:0;box-shadow:0 24px 52px rgba(7,48,30,.2);transform:translateY(-5px) scale(1.018);outline:3px solid #8bd66d}
.service-pathways-mosaic .service-pathway-card:hover .service-pathway-media img,.service-pathways-mosaic .service-pathway-card:focus-visible .service-pathway-media img{filter:saturate(1.16) contrast(1.035);transform:scale(1.07)}
.service-pathways-mosaic .service-pathway-card--protein-powders .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--private-label .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--factory-tour .service-pathway-copy strong{font-size:clamp(1.65rem,2.6vw,2.75rem)}
@media(max-width:900px){.service-pathways-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;grid-auto-rows:auto;gap:12px}.service-pathways-mosaic .service-pathway-card,.service-pathways-mosaic .service-pathway-card--gummies,.service-pathways-mosaic .service-pathway-card--protein-powders,.service-pathways-mosaic .service-pathway-card--pet-supplements,.service-pathways-mosaic .service-pathway-card--liquids,.service-pathways-mosaic .service-pathway-card--capsules-tablets,.service-pathways-mosaic .service-pathway-card--superfoods,.service-pathways-mosaic .service-pathway-card--private-label,.service-pathways-mosaic .service-pathway-card--factory-tour{grid-area:auto;min-height:clamp(210px,44vw,340px)}.service-pathways-mosaic .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--protein-powders .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--private-label .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--factory-tour .service-pathway-copy strong{font-size:clamp(1.2rem,4.8vw,1.9rem)}}
@media(max-width:520px){.service-pathways-mosaic{gap:9px}.service-pathways-mosaic .service-pathway-card,.service-pathways-mosaic .service-pathway-card--gummies,.service-pathways-mosaic .service-pathway-card--protein-powders,.service-pathways-mosaic .service-pathway-card--pet-supplements,.service-pathways-mosaic .service-pathway-card--liquids,.service-pathways-mosaic .service-pathway-card--capsules-tablets,.service-pathways-mosaic .service-pathway-card--superfoods,.service-pathways-mosaic .service-pathway-card--private-label,.service-pathways-mosaic .service-pathway-card--factory-tour{min-height:47vw;border-radius:15px}.service-pathways-mosaic .service-pathway-copy{padding:13px 12px}.service-pathways-mosaic .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--protein-powders .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--private-label .service-pathway-copy strong,.service-pathways-mosaic .service-pathway-card--factory-tour .service-pathway-copy strong{font-size:clamp(.98rem,4.6vw,1.25rem);line-height:1.05}}
@media(prefers-reduced-motion:reduce){.service-pathways-mosaic .service-pathway-card,.service-pathways-mosaic .service-pathway-media img{transition:none}.service-pathways-mosaic .service-pathway-card:hover,.service-pathways-mosaic .service-pathway-card:focus-visible{transform:none}.service-pathways-mosaic .service-pathway-card:hover .service-pathway-media img,.service-pathways-mosaic .service-pathway-card:focus-visible .service-pathway-media img{transform:none}}

/* Mobile-specific About BOKNUTRA campus artwork. */
.home-about-image--mobile{display:none}
@media(max-width:700px){
  .home-about{margin-top:-1px}
  .home-about:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:104px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 18%,rgba(255,255,255,.58) 50%,rgba(255,255,255,0) 100%);pointer-events:none}
  .home-about-shell{position:relative;z-index:1;padding-top:104px}
  .home-about-media picture,.home-about-image--desktop{display:none}
  .home-about-image--mobile{display:block;object-position:center top}
  .home-about-shade{background:linear-gradient(180deg,rgba(2,31,20,.18) 0%,rgba(2,31,20,.42) 31%,rgba(2,31,20,.9) 62%,rgba(2,31,20,.98) 100%)}
}

/* Mobile sensory customizer: preview first, then eight direct-select flavor tiles. */
@media(max-width:700px){
  .flavor-section{padding-top:54px;padding-bottom:64px}
  .flavor-layout{display:grid;gap:0}
  .flavor-copy{display:contents}
  .flavor-copy .eyebrow{order:1;margin:0 0 10px}
  .flavor-copy h2{order:2;margin:0 0 14px;font-size:clamp(1.9rem,8.8vw,2.55rem);line-height:1.05}
  .flavor-intro{order:3;margin:0 0 24px;font-size:.94rem;line-height:1.55}
  .flavor-intro br,.flavor-preview>p br{display:none}
  .flavor-preview{order:4;width:100%;margin:0 0 62px;border-radius:20px;overflow:visible;box-shadow:0 14px 34px rgba(18,55,37,.1)}
  .selected-flavor{right:4%;bottom:4%;max-width:92%;padding:8px 10px;border-radius:12px}
  .selected-flavor-photo{width:52px;height:52px;flex:0 0 52px}
  .selected-flavor small{font-size:.62rem}.selected-flavor strong{font-size:.9rem}.selected-flavor div>span{font-size:.78rem}
  .flavor-preview>p{bottom:-48px;padding:0 5px;font-size:.68rem;line-height:1.45}
  .flavor-grid{order:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
  .flavor-card{min-width:0;border-radius:11px;box-shadow:0 6px 16px rgba(12,45,27,.07);touch-action:manipulation}
  .flavor-card.active{border-color:#398b2a;box-shadow:0 0 0 1px #398b2a,0 7px 18px rgba(34,107,39,.12)}
  .flavor-photo{aspect-ratio:1/1}
  .flavor-card>span:last-child{min-height:36px;align-items:center;justify-content:center;padding:6px 3px;text-align:center;font-size:clamp(.56rem,2.45vw,.68rem);line-height:1.08;white-space:nowrap}
  .flavor-card i{display:none}
  .flavor-benefits{order:6;grid-template-columns:1fr;gap:9px;margin-top:24px;padding-top:18px;font-size:.8rem}
}

/* Selected-product removal inside every RFQ form, including mobile. */
.rfq-selected-products-list article{grid-template-columns:48px minmax(0,1fr) auto 34px}
.rfq-selected-remove{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #b8d9b2;border-radius:50%;background:#fff;color:#17692c;font:800 1.25rem/1 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.rfq-selected-remove:hover,.rfq-selected-remove:focus-visible{background:#2f8427;border-color:#2f8427;color:#fff;transform:scale(1.06)}
@media(max-width:600px){.rfq-selected-products-list article{grid-template-columns:42px minmax(0,1fr) auto 32px}.rfq-selected-remove{width:30px;height:30px}}

/* Customer portal, account access and reviewed-language navigation. */
.account-button{position:relative;display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid rgba(37,113,45,.28);border-radius:50%;background:#fff;color:var(--bok-green);transition:.2s}.account-button:hover,.account-button:focus-visible{background:#f1f8ee;transform:translateY(-1px)}.account-button svg{width:23px;height:23px}.account-status-dot{position:absolute;right:1px;bottom:2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#aebbb3}.account-button.is-authenticated .account-status-dot{background:var(--bok-lime)}
.language-switcher{position:relative}.language-current{display:flex;width:42px;height:42px;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid rgba(37,113,45,.22);border-radius:50%;background:#fff;color:var(--bok-green);cursor:pointer}.language-flag{width:21px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.language-flag--ar{display:grid;height:18px;place-items:center;background:var(--bok-green);color:#fff;font-size:.56rem;font-weight:900}.language-chevron{width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-1px)}.language-menu{position:absolute;z-index:1010;top:calc(100% + 10px);right:0;width:220px;padding:8px;border:1px solid var(--bok-line);border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(5,38,21,.16)}.language-menu a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px}.language-menu a:hover,.language-menu a:focus-visible,.language-menu a[aria-current=page]{background:var(--bok-soft)}.language-menu a>span:not(.language-flag){display:flex;flex:1;align-items:center;justify-content:space-between}.language-menu strong{font-size:.88rem}.language-menu small{color:var(--bok-muted);font-size:.66rem}.mobile-language-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px;color:var(--bok-green);font-weight:800}.mobile-language-row .language-menu{right:0;bottom:calc(100% + 8px);top:auto}
.bok-gtranslate-widget{position:relative;width:41px;height:44px;flex:0 0 41px;line-height:1}.bok-gtranslate-widget .gt_switcher{position:relative;width:41px!important;overflow:visible!important;font-family:inherit!important;line-height:1!important}.bok-gtranslate-widget .gt_switcher .gt_selected{border-radius:0!important;background:transparent!important;box-shadow:none!important}.bok-gtranslate-widget .gt_switcher .gt_selected a{display:flex!important;width:41px!important;height:44px!important;box-sizing:border-box!important;align-items:center!important;padding:0 13px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;transition:opacity .2s,transform .2s}.bok-gtranslate-widget .gt_switcher .gt_selected a:hover,.bok-gtranslate-widget .gt_switcher .gt_selected a:focus-visible{background:transparent!important;opacity:.82;transform:translateY(-1px)}.bok-gtranslate-widget .gt_switcher .gt_selected a:after{right:0!important;width:9px!important;height:44px!important;background-size:7px!important}.bok-gtranslate-widget .gt_switcher .gt_selected a img{width:25px!important;height:18px!important;object-fit:cover;border:0!important;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);opacity:1!important}.bok-gtranslate-widget .gt_switcher .gt_option{position:absolute!important;z-index:1020!important;top:calc(100% + 9px);right:0;width:202px!important;height:auto;max-height:286px!important;padding:7px!important;border:1px solid var(--bok-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 18px 48px rgba(5,38,21,.16)!important;overflow-y:auto!important;line-height:1.2!important}.bok-gtranslate-widget .gt_switcher .gt_option a{display:flex!important;min-height:38px;box-sizing:border-box!important;align-items:center;gap:10px;padding:7px 9px!important;border-radius:9px;color:var(--bok-green)!important;font-family:inherit!important;font-size:.86rem!important;font-weight:750;line-height:1.2!important}.bok-gtranslate-widget .gt_switcher .gt_option a:hover,.bok-gtranslate-widget .gt_switcher .gt_option a:focus-visible{background:var(--bok-soft)!important}.bok-gtranslate-widget .gt_switcher .gt_option a img{width:23px!important;height:17px!important;flex:0 0 23px;object-fit:cover;border-radius:2px;opacity:1!important}.mobile-language-row .bok-gtranslate-widget .gt_switcher .gt_option{top:auto;right:0;bottom:calc(100% + 9px)}
.account-modal-panel{display:grid;grid-template-columns:1fr;gap:0;width:min(680px,100%);padding:42px 48px 46px;border:1px solid rgba(17,78,43,.08);background:#fff;box-shadow:0 28px 90px rgba(7,38,23,.24)}.account-modal-brand{padding:0 52px 0 0;background:transparent;color:var(--bok-green)}.account-modal-brand .eyebrow{margin:0 0 9px;color:var(--bok-accent);font-size:.7rem;letter-spacing:.16em}.account-modal-brand h2{margin:0 0 10px;font-size:2.15rem;line-height:1.05;letter-spacing:-.035em}.account-modal-brand p:last-child{max-width:560px;margin:0;color:var(--bok-muted);font-size:.96rem;line-height:1.55}.account-auth-tabs{grid-column:1;display:flex;gap:7px;margin:26px 0 24px;padding:0;background:transparent}.account-auth-tabs button{min-width:104px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--bok-muted);font-weight:800;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.account-auth-tabs button:hover,.account-auth-tabs button:focus-visible{background:#f5faf3;color:var(--bok-green)}.account-auth-tabs button.active{border-color:#d7e8d5;background:var(--bok-soft);color:var(--bok-green);box-shadow:none}.account-auth-form{grid-column:1;display:grid;gap:16px}.account-auth-form[hidden]{display:none}.account-auth-form .field input{background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}.account-auth-form .field input:focus{border-color:#4c9d45;outline:0;box-shadow:0 0 0 3px rgba(76,157,69,.12)}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px}.account-check{display:flex;align-items:flex-start;gap:9px;color:var(--bok-muted);font-size:.86rem}.account-check input{margin-top:3px;accent-color:var(--bok-accent)}.account-auth-form>.button{width:100%;min-height:50px}.account-text-button{justify-self:center;padding:3px;border:0;background:none;color:var(--bok-accent);font-weight:750;cursor:pointer}.account-text-button:hover,.account-text-button:focus-visible{color:var(--bok-green);text-decoration:underline;text-underline-offset:3px}.account-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.account-close{position:absolute;top:18px;right:18px}
.password-field{position:relative;display:block}.password-field input{padding-right:54px!important}.password-toggle{position:absolute;top:50%;right:7px;display:grid;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#557064;cursor:pointer;place-items:center;transform:translateY(-50%);transition:background-color .2s,color .2s}.password-toggle:hover,.password-toggle:focus-visible{background:var(--bok-soft);color:var(--bok-accent)}.password-toggle:focus-visible{outline:2px solid #72b966;outline-offset:1px}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye-slash{opacity:0;transition:opacity .16s}.password-toggle.is-visible .password-eye-slash{opacity:1}
.account-hero{min-height:75vh;padding:calc(var(--header-height) + 52px) 0 90px;background:#f5f8f4}.account-shell{width:min(1240px,calc(100% - 48px));margin:auto}.account-eyebrow,.account-section-head p{color:var(--bok-accent);font-size:.75rem;font-weight:900;letter-spacing:.16em}.account-welcome>div:first-child{max-width:850px}.account-welcome h1,.account-heading h1{margin:12px 0;font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.05em}.account-welcome>div:first-child p,.account-heading p{color:var(--bok-muted);font-size:1.08rem}.account-welcome-actions{display:flex;gap:12px;margin:28px 0 42px}.account-alert{max-width:760px;margin:20px 0;padding:15px 18px;border-radius:12px}.account-alert--success{background:#e8f7e1;color:#195d27}.account-alert--error{background:#fff0ee;color:#8d2922}.account-trust-grid,.account-metric-grid,.account-document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-trust-grid article,.account-metric,.account-document-grid a,.account-empty,.account-list article,.account-profile-form,.account-ledger,.account-progress{border:1px solid var(--bok-line);border-radius:20px;background:#fff}.account-trust-grid article{display:grid;gap:8px;padding:25px}.account-trust-grid span,.account-metric small{color:var(--bok-muted);line-height:1.5}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.account-heading h1{font-size:clamp(2.3rem,4vw,4rem)}.account-logout{padding:11px 17px;border:1px solid var(--bok-line);border-radius:999px;background:#fff;color:var(--bok-green);font-weight:800;cursor:pointer}.account-tabs{display:flex;gap:5px;margin:32px 0 20px;padding:6px;overflow-x:auto;border:1px solid var(--bok-line);border-radius:16px;background:#fff}.account-tabs button{min-height:44px;padding:0 18px;border:0;border-radius:11px;background:transparent;color:var(--bok-muted);font-weight:800;white-space:nowrap;cursor:pointer}.account-tabs button.active{background:var(--bok-green);color:#fff}.account-panel{display:none}.account-panel.active{display:block}.account-metric-grid{grid-template-columns:repeat(4,1fr)}.account-metric{display:grid;gap:10px;padding:25px}.account-metric>span{color:var(--bok-muted);font-weight:750}.account-metric strong{font-size:2.2rem}.account-metric--primary{border-color:transparent;background:var(--bok-green);color:#fff}.account-metric--primary small,.account-metric--primary>span{color:#c9ded1}.account-progress{margin:18px 0;padding:22px}.account-progress>div{display:flex;justify-content:space-between}.account-progress i{display:block;height:9px;margin-top:14px;overflow:hidden;border-radius:99px;background:#e5ece7}.account-progress i span{display:block;height:100%;border-radius:inherit;background:var(--bok-lime)}.account-referral{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:20px;background:#e6f2df}.account-referral span{color:var(--bok-accent);font-size:.72rem;font-weight:900;letter-spacing:.14em}.account-referral strong{display:block;margin-top:7px;font-size:1.8rem}.account-referral p{margin-bottom:0;color:var(--bok-muted)}.account-referral button{padding:13px 18px;border:0;border-radius:999px;background:var(--bok-green);color:#fff;font-weight:800;cursor:pointer}
.account-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 18px}.account-section-head h2{margin:5px 0 0;font-size:2rem}.account-list{display:grid;gap:12px}.account-list article{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:25px;padding:22px}.account-list article span,.account-document-grid a>span{color:var(--bok-accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}.account-list h3{margin:7px 0;font-size:1rem}.account-list p,.account-list li,.account-document-grid p{color:var(--bok-muted)}.account-document-grid a{padding:24px;transition:.2s}.account-document-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,48,27,.08)}.account-document-grid h3{margin:10px 0}.account-document-grid b{color:var(--bok-accent)}.account-empty{padding:50px;text-align:center}.account-rules{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.account-rules span{padding:9px 13px;border-radius:999px;background:#e7f2e1;color:var(--bok-green);font-size:.82rem;font-weight:800}.account-points-balance{font-size:1.5rem}.account-ledger{overflow:hidden}.account-ledger article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--bok-line)}.account-ledger article:last-child{border:0}.account-ledger article div{display:grid;gap:4px}.account-ledger article span{color:var(--bok-muted);font-size:.82rem}.account-ledger b{font-size:1.15rem}.account-ledger .positive{color:var(--bok-accent)}.account-ledger .negative{color:#9c3530}.account-profile-form{padding:26px}.account-profile-form label{display:grid;gap:7px;font-weight:750}.account-profile-form input{width:100%;min-height:50px;padding:10px 13px;border:1px solid #cbd8d0;border-radius:11px}.account-form-status{padding:12px;border-radius:10px;background:var(--bok-soft)}.account-password-link{display:inline-block;margin-left:16px;color:var(--bok-accent);font-weight:800}
.bok-rtl{direction:rtl}.bok-rtl input[type=email],.bok-rtl input[type=url],.bok-rtl .account-document-grid p{direction:ltr;text-align:left}.bok-rtl .language-menu{right:auto;left:0}
@media(max-width:1279px) and (min-width:1024px){.header-inner{width:calc(100% - 24px);grid-template-columns:138px minmax(0,1fr) auto;gap:8px}.brand,.brand img{width:136px}.desktop-nav-link{padding-inline:7px;font-size:.82rem}.header-actions{gap:6px}.header-quote{padding-inline:13px;font-size:.84rem}.account-button,.language-current,.header-list-button{width:40px;height:40px;flex-basis:40px}}
@media(max-width:1023px){.desktop-language{display:none}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}.account-button{width:42px;height:42px;flex-basis:42px}.header-actions{display:flex;flex-wrap:nowrap;gap:5px}.mobile-language-row .language-current{border-radius:12px}.account-modal-panel{grid-template-columns:1fr;width:min(680px,100%)}.account-modal-brand,.account-auth-tabs,.account-auth-form{grid-column:1}.account-modal-brand{padding:0 52px 0 0}.account-modal-brand h2{font-size:2rem}.account-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.header-inner{gap:6px}.brand,.brand img{width:118px}.header-quote{min-width:98px;padding-inline:10px;font-size:.76rem}.account-button{width:40px;height:40px;flex-basis:40px}.header-actions{gap:4px}.account-modal{padding:10px}.account-modal-panel{gap:0;padding:28px 20px 26px;border-radius:20px}.account-modal-brand{padding:0 34px 0 0}.account-modal-brand h2{font-size:1.72rem}.account-modal-brand p:last-child{font-size:.88rem}.account-auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:21px 0 20px}.account-auth-tabs button{min-width:0;padding-inline:10px}.account-form-grid{grid-template-columns:1fr}.account-shell{width:calc(100% - 24px)}.account-hero{padding-top:calc(var(--header-height) + 32px)}.account-heading{display:block}.account-heading h1{font-size:2.45rem}.account-logout{margin-top:10px}.account-trust-grid,.account-metric-grid,.account-document-grid{grid-template-columns:1fr}.account-tabs{margin-inline:-4px}.account-referral,.account-section-head{align-items:flex-start;flex-direction:column}.account-list article{grid-template-columns:1fr}.account-welcome-actions{flex-wrap:wrap}.account-password-link{display:block;margin:16px 0 0}}