@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--kgf-bg:#070707;--kgf-panel:#0d0d0d;--kgf-panel2:#131313;--kgf-gold:#e8b84b;--kgf-gold2:#ff9a1f;--kgf-text:#f8f7f3;--kgf-muted:#9b9b9b;--kgf-line:rgba(232,184,75,.24);--kgf-shadow:0 24px 80px rgba(0,0,0,.45);--kgf-head:'Barlow Condensed',Impact,sans-serif;--kgf-body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body.kgf-theme{margin:0;background:var(--kgf-bg);color:var(--kgf-text);font-family:var(--kgf-body);line-height:1.6;padding-bottom:82px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.kgf-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.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}
main [id],section[id]{scroll-margin-top:140px}.kgf-smooth-scroll-ready{scroll-behavior:auto}
.kgf-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(4,4,4,.96),rgba(4,4,4,.72));backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,184,75,.12)}.kgf-header-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:32px}.kgf-brand{display:flex;align-items:center;z-index:3}.kgf-brand img,.custom-logo{display:block;width:168px;height:112px;max-height:none;object-fit:contain;object-position:left center}.kgf-nav-list{display:flex;list-style:none;gap:34px;margin:0;padding:0;align-items:center}.kgf-nav-list a{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ddd;position:relative}.kgf-nav-list a:after{content:'';position:absolute;left:0;right:100%;height:2px;bottom:-8px;background:linear-gradient(90deg,var(--kgf-gold),var(--kgf-gold2));transition:.25s}.kgf-nav-list a:hover{color:#fff}.kgf-nav-list a:hover:after{right:0}.kgf-menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:8px}.kgf-menu-toggle span:not(.screen-reader-text){display:block;height:2px;background:#fff;margin:6px 0}
.kgf-hero{position:relative;min-height:900px;padding:180px 0 70px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(232,184,75,.13),transparent 30%),linear-gradient(180deg,#060606 0%,#0b0906 60%,#070707 100%)}.kgf-hero:before{content:'';position:absolute;inset:0;opacity:.14;background-image:linear-gradient(30deg,transparent 24%,rgba(232,184,75,.12) 25%,rgba(232,184,75,.12) 26%,transparent 27%,transparent 74%,rgba(232,184,75,.12) 75%,rgba(232,184,75,.12) 76%,transparent 77%),linear-gradient(150deg,transparent 24%,rgba(232,184,75,.08) 25%,rgba(232,184,75,.08) 26%,transparent 27%,transparent 74%,rgba(232,184,75,.08) 75%,rgba(232,184,75,.08) 76%,transparent 77%);background-size:72px 126px;mask-image:linear-gradient(90deg,#000,transparent 45%,transparent 70%,#000)}#kgf-three-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.kgf-hero-glow{position:absolute;width:760px;height:760px;border-radius:50%;right:-180px;top:120px;background:radial-gradient(circle,rgba(232,184,75,.14),rgba(255,138,31,.06) 34%,transparent 68%);filter:blur(12px)}.kgf-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.28fr;gap:52px;align-items:center}.kgf-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--kgf-gold);font-size:12px;letter-spacing:.28em;font-weight:800;text-transform:uppercase}.kgf-eyebrow:before{content:'';width:38px;height:1px;background:var(--kgf-gold)}.kgf-hero h1,.kgf-section-head h2,.kgf-about h2,.kgf-cta h2,.kgf-page-hero h1,.kgf-single-copy h1{font-family:var(--kgf-head);text-transform:uppercase;line-height:.92;letter-spacing:.01em}.kgf-hero h1{font-size:clamp(64px,8vw,118px);max-width:650px;margin:24px 0 25px;background:linear-gradient(180deg,#fff 5%,#ddd 50%,#9e9e9e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 55px rgba(0,0,0,.35)}.kgf-hero h1::first-line{color:#fff}.kgf-hero-copy>p{font-size:17px;color:#bbb;max-width:590px}.kgf-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.kgf-hero-points span{border:1px solid var(--kgf-line);padding:8px 12px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#d7d7d7;background:rgba(255,255,255,.025)}.kgf-ghost-link{display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:var(--kgf-gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.kgf-product-stage{position:relative;perspective:1200px;filter:drop-shadow(0 40px 70px rgba(0,0,0,.7))}.kgf-product-stage img{width:100%;display:block;border-radius:24px;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);transform:rotateY(-4deg) rotateX(1deg);animation:kgfFloat 6s ease-in-out infinite}.kgf-stage-ring{position:absolute;border:1px solid rgba(232,184,75,.35);border-radius:50%;pointer-events:none}.ring-one{width:74%;height:74%;right:-8%;top:8%;transform:rotateX(67deg) rotateZ(18deg);box-shadow:0 0 50px rgba(232,184,75,.08)}.ring-two{width:54%;height:54%;right:8%;top:21%;transform:rotateX(70deg) rotateZ(-20deg);border-style:dashed;animation:kgfSpin 18s linear infinite}.kgf-trust-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--kgf-line);border-bottom:1px solid var(--kgf-line);background:rgba(0,0,0,.3);backdrop-filter:blur(12px)}.kgf-trust-strip>div{display:flex;align-items:center;gap:15px;padding:18px 22px;border-right:1px solid var(--kgf-line)}.kgf-trust-strip>div:last-child{border-right:0}.kgf-trust-strip b{font:800 30px/1 var(--kgf-head);color:var(--kgf-gold)}.kgf-trust-strip span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c7c7c7;line-height:1.35}
.kgf-section{padding:108px 0}.kgf-products-section{background:linear-gradient(180deg,#080808,#0d0a06 55%,#080808);position:relative}.kgf-products-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(232,184,75,.12),transparent 28%);pointer-events:none}.kgf-section-head{text-align:center;max-width:760px;margin:0 auto 52px;position:relative}.kgf-section-head .kgf-eyebrow:before{display:none}.kgf-section-head h2{font-size:clamp(48px,6vw,78px);margin:14px 0 12px}.kgf-section-head h2 em,.kgf-cta h2 em{font-style:normal;color:var(--kgf-gold)}.kgf-section-head p{color:var(--kgf-muted);font-size:15px}.kgf-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;perspective:1200px}.kgf-product-card{--rx:0deg;--ry:0deg;background:linear-gradient(180deg,#14120e,#0a0a0a);border:1px solid rgba(232,184,75,.22);border-radius:18px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.3);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .15s ease,border-color .25s,box-shadow .25s}.kgf-product-card:hover{border-color:rgba(232,184,75,.62);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 28px rgba(232,184,75,.08)}.kgf-product-image{display:block;aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,rgba(232,184,75,.13),transparent 56%);overflow:hidden}.kgf-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.kgf-product-card:hover .kgf-product-image img{transform:scale(1.035)}.kgf-product-body{padding:20px 20px 22px;transform:translateZ(10px)}.kgf-product-badge{display:inline-block;color:var(--kgf-gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px}.kgf-product-card h3,.kgf-product-card h2{font:800 27px/1 var(--kgf-head);text-transform:uppercase;margin:0 0 9px}.kgf-product-card h3 a,.kgf-product-card h2 a{color:#fff}.kgf-product-card p{color:#999;font-size:13px;min-height:42px;margin:0 0 12px}.kgf-specs{font-size:11px;color:#c5c5c5;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;margin-top:10px;text-transform:uppercase;letter-spacing:.06em}.kgf-view-link{display:inline-block;margin-top:14px;color:var(--kgf-gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.kgf-view-link.muted{color:#777}.kgf-quality{padding:26px 0 86px;background:#080808}.kgf-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kgf-quality-card{background:#0e0e0e;border:1px solid rgba(232,184,75,.16);padding:30px 24px;border-radius:14px}.kgf-quality-card>span{font-size:34px;color:var(--kgf-gold)}.kgf-quality-card h3{font:700 24px/1 var(--kgf-head);text-transform:uppercase;margin:14px 0 7px}.kgf-quality-card p{font-size:12px;color:#888;margin:0}
.kgf-about{background:linear-gradient(100deg,#0b0b0b,#080705);overflow:hidden}.kgf-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.kgf-about-media{position:relative}.kgf-about-media img{width:100%;border-radius:26px;display:block;box-shadow:var(--kgf-shadow);position:relative;z-index:2}.kgf-about-orbit{position:absolute;inset:8% -10%;border:1px solid rgba(232,184,75,.28);border-radius:50%;transform:rotate(-18deg);z-index:1}.kgf-about h2{font-size:clamp(48px,6vw,82px);margin:18px 0}.kgf-about-copy>p{color:#aaa}.kgf-about-list{margin-top:28px;display:grid;gap:1px;background:rgba(232,184,75,.14);border:1px solid rgba(232,184,75,.14)}.kgf-about-list>div{display:grid;grid-template-columns:120px 1fr;gap:20px;background:#0b0b0b;padding:16px}.kgf-about-list b{color:var(--kgf-gold);text-transform:uppercase;font:700 19px/1.2 var(--kgf-head)}.kgf-about-list span{color:#999;font-size:12px}.kgf-cta{padding:130px 0;background:radial-gradient(circle at center,rgba(232,184,75,.14),transparent 40%),#070707;text-align:center}.kgf-cta-inner{max-width:820px}.kgf-cta .kgf-eyebrow:before{display:none}.kgf-cta h2{font-size:clamp(55px,7vw,92px);margin:18px 0}.kgf-cta p{color:#888}
.kgf-site-footer{background:#050505;border-top:1px solid rgba(232,184,75,.18);padding:72px 0 0}.kgf-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px}.kgf-footer-logo{width:220px;height:auto;object-fit:contain}.kgf-footer-grid p{color:#777;font-size:13px}.kgf-footer-grid h3{font:700 20px/1 var(--kgf-head);text-transform:uppercase;color:var(--kgf-gold)}.kgf-footer-grid a{display:block;color:#8d8d8d;font-size:13px;margin:9px 0}.kgf-footer-grid a:hover{color:#fff}.kgf-footer-bottom{border-top:1px solid #151515;padding:20px 0;color:#555;font-size:11px}.kgf-shop-dock{position:fixed;left:0;right:0;bottom:0;z-index:1200;background:rgba(6,6,6,.92);border-top:1px solid rgba(232,184,75,.38);backdrop-filter:blur(18px);box-shadow:0 -16px 60px rgba(0,0,0,.4)}.kgf-shop-dock-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.kgf-shop-dock-brand{display:flex;align-items:center;gap:13px;color:#cfcfcf;font-size:12px}.kgf-shop-dock-brand strong{font:700 20px/1 var(--kgf-head);color:#fff;letter-spacing:.04em}.kgf-shop-dock-brand span:last-child{color:#777}.kgf-shop-dot{width:9px;height:9px;background:var(--kgf-gold);border-radius:50%;box-shadow:0 0 20px var(--kgf-gold)}.kgf-shop-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:230px;padding:16px 28px;border-radius:999px;color:#111;background:linear-gradient(135deg,#fff2b0 0%,#e8b84b 42%,#ff9a1f 100%);font:900 24px/1 var(--kgf-head);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 34px rgba(232,184,75,.24);transition:.25s}.kgf-shop-button:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(232,184,75,.36)}
.kgf-page-hero{padding:205px 0 80px;background:radial-gradient(circle at 70% 40%,rgba(232,184,75,.13),transparent 30%),#090909;border-bottom:1px solid rgba(232,184,75,.15)}.kgf-page-hero h1{font-size:clamp(64px,9vw,120px);margin:12px 0}.kgf-page-hero p{color:#999}.kgf-single-product{padding:195px 0 110px;background:radial-gradient(circle at 20% 20%,rgba(232,184,75,.09),transparent 35%),#090909;min-height:100vh}.kgf-single-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.kgf-single-media img{display:block;width:100%;border-radius:24px;box-shadow:var(--kgf-shadow)}.kgf-single-copy h1{font-size:clamp(58px,7vw,96px);margin:18px 0}.kgf-single-subtitle{font-size:19px;color:#bbb}.kgf-entry-content{color:#b0b0b0}.kgf-entry-content h2,.kgf-entry-content h3{color:#fff;font-family:var(--kgf-head);text-transform:uppercase}.kgf-single-note{margin-top:28px;padding:14px 16px;border-left:2px solid var(--kgf-gold);background:#101010;color:#888;font-size:12px}.kgf-post-list{display:grid;gap:20px}.kgf-post-card{border:1px solid var(--kgf-line);background:#0d0d0d;padding:28px;border-radius:16px}.kgf-post-card h2{font-family:var(--kgf-head);text-transform:uppercase}.kgf-post-card p{color:#888}
.kgf-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.kgf-reveal.is-visible{opacity:1;transform:none}@keyframes kgfFloat{0%,100%{transform:translateZ(38px) rotateY(-4deg) rotateX(1deg) translateY(0)}50%{transform:translateZ(48px) rotateY(-1deg) rotateX(1deg) translateY(-16px)}}@keyframes kgfSpin{to{transform:translateZ(-8px) rotateX(70deg) rotateZ(340deg)}}

/* Desktop/laptop 3D enhancement */
.kgf-hero-visual{perspective:1500px;transform-style:preserve-3d}
.kgf-product-stage{--stage-rx:0deg;--stage-ry:0deg;--stage-x:0px;--stage-y:0px;--stage-glow-x:50%;--stage-glow-y:50%;--scroll-y:0px;transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--stage-x),calc(var(--stage-y) + var(--scroll-y)),0) rotateX(var(--stage-rx)) rotateY(var(--stage-ry));transition:transform .16s ease-out}
.kgf-product-stage:before{content:'';position:absolute;inset:5% 2% 4%;border-radius:26px;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--stage-glow-x) var(--stage-glow-y),rgba(255,196,83,.25),rgba(232,184,75,.08) 28%,transparent 62%);filter:blur(24px);transform:translateZ(-45px) scale(.96)}
.kgf-product-stage img{transform:translateZ(38px) rotateY(-4deg) rotateX(1deg);will-change:transform;backface-visibility:hidden}
.kgf-stage-ring{transform-style:preserve-3d;will-change:transform}
.ring-one{transform:translateZ(8px) rotateX(67deg) rotateZ(18deg)}
.ring-two{transform:translateZ(-8px) rotateX(70deg) rotateZ(-20deg)}
.kgf-hero-copy{--copy-depth-y:0px;transform:translate3d(0,var(--copy-depth-y),28px);transform-style:preserve-3d;will-change:transform}
.kgf-product-card{--gx:50%;--gy:50%;--tz:0px;will-change:transform;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz))}
.kgf-product-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,227,150,.22),rgba(232,184,75,.08) 20%,transparent 52%);mix-blend-mode:screen;transition:opacity .2s ease;z-index:3}
.kgf-product-card.kgf-desktop-3d:hover:after{opacity:.8}
.kgf-product-image,.kgf-product-body{position:relative;z-index:2;transform-style:preserve-3d}
.kgf-product-card.kgf-desktop-3d .kgf-product-image{transform:translateZ(22px)}
.kgf-product-card.kgf-desktop-3d .kgf-product-body{transform:translateZ(34px)}
#kgf-three-canvas{display:block;opacity:1;transform:translateZ(0);will-change:transform}
@media(min-width:1025px){
  .kgf-webgl-active #kgf-three-canvas{opacity:1}
  .kgf-product-stage{min-height:480px;display:flex;align-items:center;justify-content:center}
  .kgf-product-stage img{max-height:640px;object-fit:contain}
  .kgf-hero-grid{perspective:1600px}
  .kgf-product-card:hover{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(16px) scale(1.018)}
}
@media(max-width:1024px){.kgf-product-stage{--stage-rx:0deg;--stage-ry:0deg}.kgf-hero{min-height:auto}.kgf-hero-grid{grid-template-columns:1fr;gap:24px}.kgf-hero-copy{text-align:center}.kgf-hero-copy>p{margin-inline:auto}.kgf-hero h1{margin-inline:auto}.kgf-hero-points{justify-content:center}.kgf-product-stage{max-width:760px;margin:auto}.kgf-product-grid{grid-template-columns:repeat(2,1fr)}.kgf-quality-grid{grid-template-columns:repeat(2,1fr)}.kgf-about-grid{grid-template-columns:1fr;gap:45px}.kgf-about-media{max-width:650px;margin:auto}.kgf-single-grid{grid-template-columns:1fr}.kgf-footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:760px){html{scroll-padding-top:100px}main [id],section[id]{scroll-margin-top:100px}body.kgf-theme{padding-bottom:70px}.kgf-wrap{width:min(100% - 28px,1180px)}.kgf-header-inner{min-height:86px}.kgf-brand img,.custom-logo{width:108px;height:72px;max-height:none;object-fit:contain}.kgf-menu-toggle{display:block;position:relative;z-index:4}.kgf-nav{position:fixed;inset:86px 0 auto 0;background:rgba(7,7,7,.98);border-bottom:1px solid var(--kgf-line);padding:22px;transform:translateY(-130%);opacity:0;transition:.28s;pointer-events:none}.kgf-nav.is-open{transform:none;opacity:1;pointer-events:auto}.kgf-nav-list{display:grid;gap:6px}.kgf-nav-list a{display:block;padding:13px}.kgf-hero{padding:132px 0 38px}.kgf-hero h1{font-size:clamp(52px,16vw,78px)}.kgf-hero-copy>p{font-size:14px}.kgf-product-stage img{border-radius:16px}.kgf-trust-strip{grid-template-columns:1fr 1fr;margin-top:25px}.kgf-trust-strip>div{padding:13px;border-bottom:1px solid var(--kgf-line)}.kgf-trust-strip b{font-size:22px}.kgf-section{padding:74px 0}.kgf-product-grid{grid-template-columns:1fr 1fr;gap:12px}.kgf-product-body{padding:15px}.kgf-product-card h3,.kgf-product-card h2{font-size:21px}.kgf-product-card p{font-size:11px}.kgf-quality-grid{grid-template-columns:1fr}.kgf-footer-grid{grid-template-columns:1fr;gap:20px}.kgf-shop-dock-inner{height:70px}.kgf-shop-dock-brand span:last-child{display:none}.kgf-shop-dock-brand strong{font-size:16px}.kgf-shop-button{min-width:170px;padding:14px 20px;font-size:20px}.kgf-single-product{padding-top:145px}.kgf-page-hero{padding-top:155px}}
@media(max-width:520px){.kgf-product-grid{grid-template-columns:1fr}.kgf-shop-dock-brand{display:none}.kgf-shop-button{width:100%;min-width:0}.kgf-section-head h2{font-size:52px}.kgf-quality{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kgf-product-stage img,.ring-two{animation:none}.kgf-reveal{opacity:1;transform:none;transition:none}.kgf-product-card{transform:none!important}}

/* ============================================================
   KGF NUTRA 1.3 — Whole-site Three.js atmosphere
   One fixed WebGL scene now remains active across the entire
   WordPress website (home, pages, archive, product details).
   ============================================================ */
.kgf-global-webgl{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(232,184,75,.07),transparent 30%),radial-gradient(circle at 14% 76%,rgba(255,138,31,.04),transparent 28%),#060606}
#kgf-global-three-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.78;filter:saturate(1.08) contrast(1.04)}
.kgf-global-webgl-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 20%,transparent 74%,rgba(0,0,0,.32)),radial-gradient(circle at center,transparent 18%,rgba(0,0,0,.22) 76%,rgba(0,0,0,.56) 100%)}
body.kgf-theme{background:#060606}
body.kgf-theme #main-content,body.kgf-theme .kgf-site-footer{position:relative;z-index:2}
body.kgf-theme .kgf-header,body.kgf-theme .kgf-shop-dock{isolation:isolate}

/* Transparent layered section backgrounds let the 3D scene remain visible. */
.kgf-hero{background:radial-gradient(circle at 72% 35%,rgba(232,184,75,.13),transparent 30%),linear-gradient(180deg,rgba(6,6,6,.72) 0%,rgba(11,9,6,.72) 60%,rgba(7,7,7,.76) 100%)}
.kgf-products-section{background:linear-gradient(180deg,rgba(7,7,7,.80),rgba(10,9,7,.72))}
.kgf-quality{background:linear-gradient(180deg,rgba(7,7,7,.72),rgba(8,7,6,.78))}
.kgf-about{background:linear-gradient(100deg,rgba(11,11,11,.76),rgba(8,7,5,.70))}
.kgf-cta{background:radial-gradient(circle at center,rgba(232,184,75,.14),transparent 40%),rgba(7,7,7,.70)}
.kgf-page-hero{background:radial-gradient(circle at 70% 40%,rgba(232,184,75,.13),transparent 30%),rgba(9,9,9,.72)}
.kgf-single-product{background:radial-gradient(circle at 20% 20%,rgba(232,184,75,.09),transparent 35%),rgba(9,9,9,.72)}
.kgf-site-footer{background:rgba(5,5,5,.88);backdrop-filter:blur(8px)}

/* Every main section is now part of the 3D composition. */
.kgf-3d-section{--sec-glow-x:50%;--sec-glow-y:50%;--sec-scroll:0;position:relative;isolation:isolate;perspective:1800px;transform-style:preserve-3d}
.kgf-3d-section:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--sec-glow-x) var(--sec-glow-y),rgba(232,184,75,.055),transparent 36%);opacity:.85;transition:opacity .25s ease}
.kgf-3d-inner{--sec-rx:0deg;--sec-ry:0deg;--sec-x:0px;--sec-y:0px;--sec-scroll-y:0px;transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--sec-x),calc(var(--sec-y) + var(--sec-scroll-y)),0) rotateX(var(--sec-rx)) rotateY(var(--sec-ry));transition:transform .16s ease-out}

/* Add depth to repeated website components, not just product cards. */
.kgf-quality-card,.kgf-about-list>div,.kgf-post-card,.kgf-entry-content,.kgf-single-media,.kgf-single-copy{transform-style:preserve-3d;backface-visibility:hidden}
@media(min-width:1025px){
  .kgf-quality-card,.kgf-about-list>div,.kgf-post-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
  .kgf-quality-card:hover,.kgf-about-list>div:hover,.kgf-post-card:hover{transform:perspective(1000px) translateZ(16px) translateY(-4px);border-color:rgba(232,184,75,.42);box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 35px rgba(232,184,75,.08)}
  .kgf-single-media img{transition:transform .35s ease,filter .35s ease;transform:translateZ(20px)}
  .kgf-single-media:hover img{transform:translateZ(38px) rotateY(-2.2deg) rotateX(1.2deg);filter:brightness(1.04)}
}

/* The old hero-only canvas is retained in markup for backwards compatibility,
   but the global renderer now owns the animated WebGL atmosphere. */
#kgf-three-canvas{display:none!important}

@media(max-width:1024px){
  #kgf-global-three-canvas{opacity:.88;filter:saturate(1.16) contrast(1.08)}
  .kgf-3d-inner{transform:translate3d(0,var(--sec-scroll-y),0)}
}
@media(max-width:760px){
  #kgf-global-three-canvas{opacity:.94;filter:saturate(1.20) contrast(1.10);width:100vw;height:100dvh}
  .kgf-global-webgl-vignette{background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 70%,rgba(0,0,0,.38)),radial-gradient(circle at center,transparent 12%,rgba(0,0,0,.30) 80%,rgba(0,0,0,.58) 100%)}
}
@media(prefers-reduced-motion:reduce){
  #kgf-global-three-canvas{opacity:.45}
  .kgf-3d-inner{transform:none!important}
  .kgf-3d-section:after{opacity:.4}
}


/* Rotating 3D product mockups across the website */
.kgf-rotating-mockup{position:relative;perspective:1400px;transform-style:preserve-3d;--product-rx:0deg;--product-ry:0deg;--product-rz:0deg;--product-z:0px;--product-y:0px;--product-scale:1;--product-glow-x:50%;--product-glow-y:40%}.kgf-rotating-mockup:before{content:"";position:absolute;left:10%;right:10%;bottom:8%;height:26%;background:radial-gradient(circle at var(--product-glow-x) var(--product-glow-y),rgba(232,184,75,.22),rgba(232,184,75,.10) 24%,transparent 70%);filter:blur(22px);opacity:.95;pointer-events:none;z-index:1;transition:opacity .25s ease}.kgf-rotating-mockup img{position:relative;z-index:2;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:50% 52%;transform:translate3d(0,var(--product-y),var(--product-z)) rotateX(var(--product-rx)) rotateY(var(--product-ry)) rotateZ(var(--product-rz)) scale(var(--product-scale));filter:drop-shadow(0 26px 34px rgba(0,0,0,.44)) drop-shadow(0 0 20px rgba(232,184,75,.08));transition:transform .18s ease-out,filter .28s ease-out}.kgf-product-card .kgf-product-image.kgf-rotating-mockup{overflow:visible}.kgf-product-card .kgf-product-image.kgf-rotating-mockup img{object-fit:contain;padding:14px 12px 0}.kgf-product-card:hover .kgf-rotating-mockup:before,.kgf-single-media:hover.kgf-rotating-mockup:before,.kgf-about-media:hover.kgf-rotating-mockup:before{opacity:1}.kgf-product-card:hover .kgf-rotating-mockup img,.kgf-single-media:hover.kgf-rotating-mockup img,.kgf-about-media:hover.kgf-rotating-mockup img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.52)) drop-shadow(0 0 26px rgba(232,184,75,.18))}.kgf-product-stage.kgf-rotating-mockup img{object-fit:contain}.kgf-product-stage.kgf-rotating-mockup:before{bottom:16%;left:18%;right:18%;height:34%;opacity:.72}.kgf-single-media.kgf-rotating-mockup,.kgf-about-media.kgf-rotating-mockup{isolation:isolate}.kgf-single-media.kgf-rotating-mockup img,.kgf-about-media.kgf-rotating-mockup img{object-fit:contain}.kgf-single-media.kgf-rotating-mockup:before,.kgf-about-media.kgf-rotating-mockup:before{left:16%;right:16%;bottom:9%;height:30%}@media(max-width:767px){.kgf-rotating-mockup img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(232,184,75,.08))}.kgf-product-card .kgf-product-image.kgf-rotating-mockup img{padding:10px 10px 0}}


/* Mobile WebGL visibility and performance fixes */
#kgf-global-three-canvas{touch-action:pan-y;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.kgf-global-webgl{transform:translateZ(0);will-change:transform;contain:strict}
.kgf-webgl-context-lost #kgf-global-three-canvas{opacity:.25}
@media(max-width:900px){
  .kgf-global-webgl{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100vh;background:radial-gradient(circle at 72% 18%,rgba(232,184,75,.10),transparent 34%),radial-gradient(circle at 20% 74%,rgba(255,138,31,.07),transparent 30%),#060606}
  .kgf-hero{background:radial-gradient(circle at 72% 35%,rgba(232,184,75,.10),transparent 34%),linear-gradient(180deg,rgba(6,6,6,.60) 0%,rgba(11,9,6,.61) 60%,rgba(7,7,7,.66) 100%)}
  .kgf-products-section{background:linear-gradient(180deg,rgba(7,7,7,.67),rgba(10,9,7,.62))}
  .kgf-quality{background:linear-gradient(180deg,rgba(7,7,7,.62),rgba(8,7,6,.67))}
  .kgf-about{background:linear-gradient(100deg,rgba(11,11,11,.66),rgba(8,7,5,.60))}
  .kgf-cta{background:radial-gradient(circle at center,rgba(232,184,75,.13),transparent 46%),rgba(7,7,7,.60)}
  .kgf-page-hero,.kgf-single-product{background-color:rgba(9,9,9,.62)}
}


/* KGF 1.6 - guaranteed 3D box rotation */
.kgf-css-cube-layer{position:absolute;inset:0;overflow:hidden;perspective:1000px;z-index:1;pointer-events:none}.kgf-css-cube{--cube-size:86px;position:absolute;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;will-change:transform;animation:kgfCubeRotateA 12s linear infinite;opacity:.55;filter:drop-shadow(0 0 18px rgba(232,184,75,.25))}.kgf-css-cube i{position:absolute;inset:0;display:block;border:1px solid rgba(232,184,75,.55);background:linear-gradient(135deg,rgba(232,184,75,.045),rgba(255,138,31,.015));box-shadow:inset 0 0 24px rgba(232,184,75,.035);backface-visibility:visible}.kgf-css-cube i:nth-child(1){transform:rotateY(0deg) translateZ(calc(var(--cube-size)/2))}.kgf-css-cube i:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}.kgf-css-cube i:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}.kgf-css-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2))}.kgf-css-cube i:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}.kgf-css-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2))}.kgf-cube-a{left:8%;top:20%;--cube-size:92px;animation-duration:11s}.kgf-cube-b{right:9%;top:43%;--cube-size:124px;animation-name:kgfCubeRotateB;animation-duration:16s;opacity:.38}.kgf-cube-c{left:17%;bottom:11%;--cube-size:62px;animation-duration:9s;animation-direction:reverse;opacity:.42}@keyframes kgfCubeRotateA{0%{transform:rotateX(-18deg) rotateY(0deg) rotateZ(8deg)}50%{transform:rotateX(162deg) rotateY(180deg) rotateZ(98deg)}100%{transform:rotateX(342deg) rotateY(360deg) rotateZ(188deg)}}@keyframes kgfCubeRotateB{0%{transform:rotateX(30deg) rotateY(0deg) rotateZ(-15deg)}50%{transform:rotateX(210deg) rotateY(-180deg) rotateZ(75deg)}100%{transform:rotateX(390deg) rotateY(-360deg) rotateZ(165deg)}}
body.kgf-webgl-ready .kgf-css-cube-layer{opacity:.68}
@media(max-width:900px){.kgf-css-cube-layer{perspective:760px}.kgf-cube-a{left:5%;top:18%;--cube-size:68px;opacity:.62}.kgf-cube-b{right:4%;top:48%;--cube-size:92px;opacity:.46}.kgf-cube-c{left:13%;bottom:14%;--cube-size:54px;opacity:.48}}
@media(max-width:520px){.kgf-cube-a{--cube-size:58px;left:3%;top:16%}.kgf-cube-b{--cube-size:76px;right:2%;top:50%}.kgf-cube-c{--cube-size:46px;left:10%;bottom:15%}}

/* ============================================================
   KGF NUTRA 2.0 — performance + true Three.js products
   - Native scrolling: no wheel/touch hijacking
   - Whole-site lightweight WebGL atmosphere
   - Real rotating 3D cylinders for product packaging
   - No CSS cube / fake 2D product rotation
   ============================================================ */

/* Never show the old decorative box fallback. */
.kgf-css-cube-layer,.kgf-css-cube{display:none!important}

/* Native smooth scrolling remains browser-controlled. */
html{scroll-behavior:smooth!important}
html.kgf-smooth-scroll-ready{scroll-behavior:smooth!important}
body.kgf-theme{overscroll-behavior-y:auto;touch-action:auto}

/* Remove old page/card perspective transforms that could make scrolling feel stuck. */
.kgf-product-card,.kgf-product-card:hover,.kgf-product-card.kgf-desktop-3d:hover{transform:none!important;will-change:auto!important}
.kgf-product-card:after{display:none!important}
.kgf-product-image,.kgf-product-body{transform:none!important}
.kgf-3d-inner{transform:none!important;will-change:auto!important}
.kgf-3d-section:after{display:none!important}
.kgf-single-media:hover img,.kgf-single-media img{transform:none!important}

/* Hero image can float, but it no longer fakes a flat 3D card rotation. */
.kgf-product-stage,.kgf-product-stage img{transform:none!important;will-change:auto!important}
.kgf-product-stage img{animation:kgfHeroFloat2 7s ease-in-out infinite!important}
@keyframes kgfHeroFloat2{0%,100%{transform:translateY(0)!important}50%{transform:translateY(-10px)!important}}

/* Disable the former CSS image rotation implementation. */
.kgf-rotating-mockup img{transform:none!important;transition:opacity .32s ease,filter .32s ease!important;will-change:auto!important}
.kgf-rotating-mockup:before{display:none!important}

/* The real product WebGL canvas is shared by all visible products. */
#kgf-product-three-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:30;pointer-events:none;background:transparent;transform:translateZ(0)}
.kgf-three-product-host{position:relative!important;isolation:isolate}
.kgf-product-three{position:absolute;inset:0;z-index:4;display:block;pointer-events:none}
.kgf-product-fallback{position:relative;z-index:2;transition:opacity .32s ease,filter .32s ease!important}
.kgf-three-product-host.is-three-ready .kgf-product-fallback{opacity:0!important;filter:none!important}
.kgf-three-product-host.is-three-error .kgf-product-fallback{opacity:1!important}

/* Give the real 3D container a clean stage without changing card geometry. */
.kgf-product-image.kgf-three-product-host{background:radial-gradient(circle at 50% 52%,rgba(232,184,75,.16),rgba(232,184,75,.045) 34%,transparent 68%);overflow:hidden}
.kgf-product-image.kgf-three-product-host:before{content:"";position:absolute;left:18%;right:18%;bottom:8%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(232,184,75,.16),rgba(0,0,0,.22) 42%,transparent 72%);filter:blur(10px);z-index:1;pointer-events:none}
.kgf-single-media.kgf-three-product-host{min-height:520px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(232,184,75,.14),rgba(0,0,0,.12) 44%,transparent 74%)}
.kgf-single-media.kgf-three-product-host .kgf-product-three{inset:2%}

/* Keep the whole-site WebGL background visible, but inexpensive. */
.kgf-global-webgl{will-change:auto!important;contain:layout paint style}
#kgf-global-three-canvas{filter:none!important;opacity:.72!important;will-change:auto!important}

/* Reduce costly blur/compositing during phone scrolling. */
@media(max-width:900px){
  .kgf-header,.kgf-shop-dock,.kgf-trust-strip,.kgf-site-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #kgf-global-three-canvas{opacity:.68!important}
  .kgf-global-webgl-vignette{opacity:.82}
  .kgf-single-media.kgf-three-product-host{min-height:430px}
}
@media(max-width:600px){
  #kgf-product-three-canvas{height:100dvh}
  .kgf-product-image.kgf-three-product-host{min-height:300px}
  .kgf-single-media.kgf-three-product-host{min-height:390px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .kgf-product-stage img{animation:none!important}
}
.kgf-three-product-host .kgf-product-fallback,.kgf-product-card:hover .kgf-three-product-host .kgf-product-fallback{transform:none!important}

/* ============================================================
   KGF NUTRA TRUE 3D V3
   - Product CARDS remain flat.
   - Only the real Three.js bottle/tub rotates.
   - Native browser scrolling; no wheel hijacking.
   - One lightweight global WebGL background for the whole site.
   ============================================================ */
html{scroll-behavior:smooth!important;scroll-padding-top:130px!important}
body.kgf-theme{touch-action:auto!important;overscroll-behavior-y:auto!important}
body.kgf-theme main [id],body.kgf-theme section[id]{scroll-margin-top:130px!important}

/* Disable every old fake 2D / CSS 3D card or section transform. */
.kgf-product-card,.kgf-product-card:hover,.kgf-product-card.kgf-desktop-3d,
.kgf-product-card.kgf-desktop-3d:hover,.kgf-product-image,.kgf-product-body,
.kgf-3d-inner,.kgf-3d-section,.kgf-quality-card,.kgf-about-list>div,.kgf-post-card,
.kgf-single-media,.kgf-single-copy{transform:none!important;transform-style:flat!important;will-change:auto!important}
.kgf-3d-section:after,.kgf-css-cube-layer,.kgf-css-cube{display:none!important}
.kgf-product-card{perspective:none!important;transition:border-color .22s ease,box-shadow .22s ease!important}
.kgf-product-card:hover{box-shadow:0 22px 64px rgba(0,0,0,.44),0 0 24px rgba(232,184,75,.08)!important}
.kgf-product-card:hover .kgf-product-fallback{transform:none!important}

/* Real product viewer stage. */
.kgf-three-product-host{position:relative!important;isolation:isolate;overflow:hidden!important;touch-action:pan-y!important;-webkit-user-select:none;user-select:none}
.kgf-product-image.kgf-three-product-host{aspect-ratio:1/1;min-height:260px;background:radial-gradient(circle at 50% 48%,rgba(232,184,75,.17),rgba(232,184,75,.055) 32%,rgba(0,0,0,.08) 62%,transparent 76%)!important}
.kgf-product-three{position:absolute!important;inset:0!important;z-index:5!important;display:block!important;pointer-events:none!important}
.kgf-product-local-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:6;pointer-events:none;background:transparent}
.kgf-product-fallback{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;opacity:1;transition:opacity .28s ease!important;transform:none!important;filter:none!important}
.kgf-three-product-host.is-three-ready .kgf-product-fallback{opacity:0!important}
.kgf-three-product-host.is-three-error .kgf-product-fallback,.kgf-three-unavailable .kgf-product-fallback{opacity:1!important}
.kgf-three-product-host:after{content:"";position:absolute;left:19%;right:19%;bottom:7%;height:16%;z-index:3;border-radius:50%;background:radial-gradient(ellipse,rgba(232,184,75,.20),rgba(0,0,0,.25) 44%,transparent 72%);filter:blur(10px);pointer-events:none}

/* Single product page: larger true 3D viewer. */
.kgf-single-media.kgf-three-product-host{min-height:620px!important;display:block!important;background:radial-gradient(circle at 50% 50%,rgba(232,184,75,.14),rgba(8,8,8,.18) 45%,transparent 75%)!important;border:1px solid rgba(232,184,75,.14);border-radius:24px;overflow:hidden!important}
.kgf-single-media.kgf-three-product-host .kgf-product-three{inset:2%!important}
.kgf-single-media.kgf-three-product-host .kgf-product-fallback{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;padding:4%!important}
.kgf-single-media:hover img,.kgf-single-media img{transform:none!important}

/* Whole-site Three.js stays behind the content and remains lightweight. */
.kgf-global-webgl{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;z-index:0!important;pointer-events:none!important;contain:strict!important;will-change:auto!important}
#kgf-global-three-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.72!important;filter:none!important;display:block!important}
body.kgf-theme #main-content,body.kgf-theme .kgf-site-footer{position:relative;z-index:2}
body.kgf-theme .kgf-header,body.kgf-theme .kgf-shop-dock{z-index:1000}

/* Keep compositing cheap while scrolling. */
.kgf-header,.kgf-shop-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.kgf-product-stage img{animation:kgfHeroFloatV3 7s ease-in-out infinite!important;transform:none!important;will-change:transform}
@keyframes kgfHeroFloatV3{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:1024px){
  html{scroll-padding-top:108px!important}
  body.kgf-theme main [id],body.kgf-theme section[id]{scroll-margin-top:108px!important}
  .kgf-product-image.kgf-three-product-host{min-height:290px}
  .kgf-single-media.kgf-three-product-host{min-height:520px!important}
  #kgf-global-three-canvas{opacity:.68!important}
}
@media(max-width:600px){
  .kgf-product-image.kgf-three-product-host{min-height:320px}
  .kgf-single-media.kgf-three-product-host{min-height:440px!important}
  .kgf-product-fallback{padding:6px!important}
  #kgf-global-three-canvas{opacity:.62!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .kgf-product-stage img{animation:none!important}
}


/* ==========================================================
   V4 — clearly visible TRUE Three.js geometric background
   ========================================================== */
body.kgf-theme.kgf-true3d-v4{background:#050505!important}
body.kgf-theme.kgf-true3d-v4 .kgf-global-webgl{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;background:radial-gradient(circle at 76% 16%,rgba(240,196,93,.12),transparent 33%),radial-gradient(circle at 15% 76%,rgba(255,155,47,.08),transparent 30%),#050505!important;contain:layout paint style!important}
body.kgf-theme.kgf-true3d-v4 #kgf-global-three-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:1!important;filter:none!important;transform:translateZ(0)!important;pointer-events:none!important}
body.kgf-theme.kgf-true3d-v4 .kgf-global-webgl-vignette{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;opacity:.42!important;background:linear-gradient(180deg,rgba(0,0,0,.10),transparent 20%,transparent 76%,rgba(0,0,0,.22)),radial-gradient(circle at center,transparent 28%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.36) 100%)!important}
body.kgf-theme.kgf-true3d-v4 #main-content,body.kgf-theme.kgf-true3d-v4 .kgf-site-footer{position:relative!important;z-index:2!important;background:transparent!important}
body.kgf-theme.kgf-true3d-v4 .kgf-header,body.kgf-theme.kgf-true3d-v4 .kgf-shop-dock{z-index:1000!important}

/* Section surfaces stay translucent so the fixed WebGL geometry remains visible everywhere. */
body.kgf-theme.kgf-true3d-v4 .kgf-hero{background:radial-gradient(circle at 72% 35%,rgba(232,184,75,.10),transparent 32%),linear-gradient(180deg,rgba(5,5,5,.42),rgba(8,7,5,.48))!important}
body.kgf-theme.kgf-true3d-v4 .kgf-products-section{background:linear-gradient(180deg,rgba(6,6,6,.52),rgba(9,8,6,.46))!important}
body.kgf-theme.kgf-true3d-v4 .kgf-quality{background:linear-gradient(180deg,rgba(6,6,6,.45),rgba(8,7,6,.50))!important}
body.kgf-theme.kgf-true3d-v4 .kgf-about{background:linear-gradient(100deg,rgba(8,8,8,.49),rgba(7,6,5,.43))!important}
body.kgf-theme.kgf-true3d-v4 .kgf-cta{background:radial-gradient(circle at center,rgba(232,184,75,.10),transparent 44%),rgba(6,6,6,.43)!important}
body.kgf-theme.kgf-true3d-v4 .kgf-page-hero{background:radial-gradient(circle at 70% 40%,rgba(232,184,75,.10),transparent 34%),rgba(7,7,7,.46)!important}
body.kgf-theme.kgf-true3d-v4 .kgf-single-product{background:radial-gradient(circle at 20% 20%,rgba(232,184,75,.08),transparent 38%),rgba(7,7,7,.46)!important}
body.kgf-theme.kgf-true3d-v4 .kgf-section:not(.kgf-products-section):not(.kgf-about):not(.kgf-cta){background-color:transparent!important}

/* Old non-WebGL decorative cube fallback must never appear. */
body.kgf-theme.kgf-true3d-v4 .kgf-css-cube-layer,body.kgf-theme.kgf-true3d-v4 .kgf-css-cube{display:none!important}

@media(max-width:900px){
  body.kgf-theme.kgf-true3d-v4 .kgf-global-webgl{height:100svh!important;min-height:100svh!important;background:radial-gradient(circle at 70% 14%,rgba(240,196,93,.15),transparent 35%),radial-gradient(circle at 18% 75%,rgba(255,155,47,.10),transparent 32%),#050505!important}
  body.kgf-theme.kgf-true3d-v4 #kgf-global-three-canvas{opacity:1!important}
  body.kgf-theme.kgf-true3d-v4 .kgf-global-webgl-vignette{opacity:.32!important;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 22%,transparent 76%,rgba(0,0,0,.18)),radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.10) 82%,rgba(0,0,0,.28) 100%)!important}
  body.kgf-theme.kgf-true3d-v4 .kgf-hero,body.kgf-theme.kgf-true3d-v4 .kgf-products-section,body.kgf-theme.kgf-true3d-v4 .kgf-quality,body.kgf-theme.kgf-true3d-v4 .kgf-about,body.kgf-theme.kgf-true3d-v4 .kgf-cta,body.kgf-theme.kgf-true3d-v4 .kgf-page-hero,body.kgf-theme.kgf-true3d-v4 .kgf-single-product{background-color:rgba(6,6,6,.40)!important}
}

/* If WebGL fails entirely, retain only a subtle geometric pattern — no fake rotating box. */
body.kgf-theme.kgf-true3d-v4.kgf-three-unavailable .kgf-global-webgl:after,body.kgf-theme.kgf-true3d-v4.kgf-webgl-failed .kgf-global-webgl:after{content:"";position:absolute;inset:0;z-index:1;opacity:.28;background-image:linear-gradient(30deg,transparent 24%,rgba(232,184,75,.16) 25%,rgba(232,184,75,.16) 26%,transparent 27%,transparent 74%,rgba(232,184,75,.16) 75%,rgba(232,184,75,.16) 76%,transparent 77%),linear-gradient(150deg,transparent 24%,rgba(255,155,47,.10) 25%,rgba(255,155,47,.10) 26%,transparent 27%,transparent 74%,rgba(255,155,47,.10) 75%,rgba(255,155,47,.10) 76%,transparent 77%);background-size:70px 122px}


/* V5 clean hero: transparent so the whole-site Three.js geometry is fully visible. */
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero.kgf-hero-clean{min-height:760px;padding:185px 0 72px;background:transparent!important;display:flex;justify-content:center;overflow:visible}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero.kgf-hero-clean:before{display:none!important}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-inner{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;text-align:center}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line{width:100%;display:flex;align-items:baseline;justify-content:center;gap:clamp(8px,1.2vw,22px);white-space:nowrap;position:relative;z-index:4;transform-style:preserve-3d;text-shadow:0 14px 42px rgba(0,0,0,.76)}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-inline-kicker{flex:0 0 auto;color:var(--kgf-gold);font-size:clamp(7px,1vw,15px);font-weight:900;letter-spacing:clamp(.08em,.22vw,.26em);text-transform:uppercase;line-height:1}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-inline-separator{flex:0 0 auto;color:rgba(232,184,75,.78);font-size:clamp(12px,1.35vw,24px);line-height:1}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line h1{flex:0 1 auto;min-width:0;margin:0!important;max-width:none!important;white-space:nowrap;font-size:clamp(16px,4.15vw,72px)!important;line-height:.9!important;letter-spacing:.005em!important;background:linear-gradient(180deg,#fff 0%,#e8e8e8 55%,#a7a7a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-text{position:relative;z-index:4;max-width:700px;margin:30px auto 0;color:#bcbcbc;font-size:15px;line-height:1.7;text-shadow:0 4px 18px rgba(0,0,0,.9)}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-points-centered{position:relative;z-index:4;justify-content:center;margin:25px 0 8px}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-link{position:relative;z-index:4;margin-top:16px}
body.kgf-theme.kgf-hero-clean-v5 .kgf-hero.kgf-hero-clean .kgf-trust-strip{z-index:4;background:rgba(4,4,4,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(max-width:760px){body.kgf-theme.kgf-hero-clean-v5 .kgf-hero.kgf-hero-clean{min-height:590px;padding:128px 0 34px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-inner{min-height:335px;width:calc(100% - 18px)}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line{gap:6px;width:100%;padding:0 2px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-inline-kicker{font-size:clamp(6px,1.95vw,8px);letter-spacing:.06em}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-inline-separator{font-size:10px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line h1{font-size:clamp(14px,4.45vw,19px)!important;letter-spacing:-.01em!important}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-text{font-size:12px;max-width:92%;margin-top:22px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-points-centered{gap:6px;margin-top:18px}body.kgf-theme.kgf-hero-points-centered span{font-size:8px;padding:6px 8px}}
@media(max-width:390px){body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line{gap:4px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-inline-kicker{font-size:5.8px}body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line h1{font-size:13.5px!important}}


/* =========================================================
   V6 — Transparent navigation over the Three.js background
   ========================================================= */
body.kgf-theme.kgf-transparent-nav-v6 .kgf-header{
  background:transparent!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-header:before,
body.kgf-theme.kgf-transparent-nav-v6 .kgf-header:after{
  content:none!important;
  display:none!important;
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-header-inner{
  min-height:116px;
  position:relative;
  background:transparent!important;
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-brand,
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav,
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list{
  background:transparent;
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-brand img,
body.kgf-theme.kgf-transparent-nav-v6 .custom-logo{
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.52));
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list a{
  color:#f3f3f3;
  text-shadow:0 2px 10px rgba(0,0,0,.78);
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list a:hover,
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list .current-menu-item>a,
body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list .current_page_item>a{
  color:var(--kgf-gold);
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-menu-toggle{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.kgf-theme.kgf-transparent-nav-v6 .kgf-menu-toggle span:not(.screen-reader-text){
  box-shadow:0 1px 7px rgba(0,0,0,.65);
}

@media(max-width:760px){
  body.kgf-theme.kgf-transparent-nav-v6 .kgf-header-inner{min-height:86px}
  body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav{
    background:rgba(5,5,5,.38)!important;
    border-bottom:0!important;
    box-shadow:0 18px 32px rgba(0,0,0,.22);
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.kgf-theme.kgf-transparent-nav-v6 .kgf-nav-list{
    background:transparent!important;
  }
}

/* =========================================================
   V7 — Non-sticky transparent navigation
   Header lives at the top of the page and scrolls away normally.
   ========================================================= */
body.kgf-theme.kgf-nonsticky-nav-v7 .kgf-header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1000!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.kgf-theme.kgf-nonsticky-nav-v7 main{
  position:relative;
}
body.kgf-theme.kgf-nonsticky-nav-v7 html,
html:has(body.kgf-theme.kgf-nonsticky-nav-v7){
  scroll-padding-top:14px!important;
}
body.kgf-theme.kgf-nonsticky-nav-v7 main [id],
body.kgf-theme.kgf-nonsticky-nav-v7 section[id]{
  scroll-margin-top:14px!important;
}
@media(max-width:760px){
  body.kgf-theme.kgf-nonsticky-nav-v7 .kgf-header{
    position:absolute!important;
  }
  body.kgf-theme.kgf-nonsticky-nav-v7 .kgf-nav{
    position:absolute!important;
    top:86px!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    width:min(320px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 105px);
    overflow:auto;
    border:1px solid rgba(232,184,75,.18)!important;
    border-radius:14px;
    background:rgba(5,5,5,.72)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
}

/* V10 customization: hero messaging on right, with readable wrapping. */
@media (min-width: 761px) {
 body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-inner {align-items:flex-end;text-align:right;padding-left:32%;}
 body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line {width:100%;flex-wrap:wrap;justify-content:flex-end;white-space:normal;row-gap:14px;}
 body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-one-line h1 {flex-basis:100%;white-space:normal;text-align:right;font-size:clamp(36px,5vw,76px)!important;line-height:1.02!important;}
 body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-text {margin:25px 0 0;max-width:620px;}
 body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-points-centered {justify-content:flex-end;}
}

/* Metallic Three.js dumbbell hero; preserve black/gold brand and right-side text. */
.kgf-global-webgl-vignette{display:none!important}
body.kgf-theme .kgf-hero.kgf-hero-clean:before{display:none!important}
@media(min-width:761px){body.kgf-theme.kgf-hero-clean-v5 .kgf-hero-clean-inner{padding-left:38%}}

/* KGF Nutra photographic homepage: real gym photo, no synthetic Three.js gym scene */
body.home.kgf-theme #kgf-global-three-canvas,body.home.kgf-theme #kgf-three-canvas{display:none!important;visibility:hidden!important}
body.home.kgf-theme .kgf-hero{background:#080808 url("https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=2200&q=85") center center / cover no-repeat!important;isolation:isolate}
body.home.kgf-theme .kgf-hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;opacity:1!important;mask-image:none!important;background:linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.88) 100%)!important}
body.home.kgf-theme .kgf-hero-clean-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-left:auto;padding-left:min(40%,450px)}
body.home.kgf-theme .kgf-hero-one-line{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:780px}
body.home.kgf-theme .kgf-hero-one-line h1{text-align:right;max-width:780px}
body.home.kgf-theme .kgf-hero-inline-separator{display:none}
body.home.kgf-theme .kgf-hero-clean-text{text-align:right;max-width:620px;margin-left:auto}
body.home.kgf-theme .kgf-hero-points-centered{justify-content:flex-end}
body.home.kgf-theme .kgf-trust-strip{z-index:3}
@media(max-width:760px){body.home.kgf-theme .kgf-hero{background-position:35% center!important}body.home.kgf-theme .kgf-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.85))!important}body.home.kgf-theme .kgf-hero-clean-inner{padding-left:0;align-items:center;text-align:center}body.home.kgf-theme .kgf-hero-one-line,body.home.kgf-theme .kgf-hero-one-line h1,body.home.kgf-theme .kgf-hero-clean-text{text-align:center;align-items:center}body.home.kgf-theme .kgf-hero-points-centered{justify-content:center}}

/* Four original user-supplied gym photos, animated as Three.js texture planes. */
body.home #kgf-global-three-canvas{display:none!important}
.kgf-photo-hero{isolation:isolate;background:#08090a!important;min-height:760px}
.kgf-photo-hero:before{display:none!important}
#kgf-photo-three,.kgf-photo-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#kgf-photo-three{z-index:0;display:block;opacity:0;transition:opacity .65s ease}
.kgf-photo-hero.kgf-photo-ready #kgf-photo-three{opacity:1}
.kgf-photo-fallback{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.65)),url("../images/gym-dumbbells.webp") center / cover no-repeat}
.kgf-photo-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.74) 62%,rgba(0,0,0,.86) 100%)}
.kgf-photo-hero .kgf-hero-clean-inner,.kgf-photo-hero .kgf-trust-strip{position:relative;z-index:3}
.kgf-photo-hero .kgf-hero-clean-inner{width:min(100% - 64px,1300px);margin-inline:auto;display:flex;align-items:flex-end;flex-direction:column;text-align:right;padding-top:60px;padding-bottom:55px}
.kgf-photo-hero .kgf-hero-one-line{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:680px}
.kgf-photo-hero .kgf-hero-one-line h1{font-size:clamp(44px,5.2vw,86px);line-height:1.03;max-width:670px;text-align:right}
.kgf-photo-hero .kgf-hero-inline-separator{display:none}
.kgf-photo-hero .kgf-hero-clean-text{max-width:570px;text-align:right}
.kgf-photo-hero .kgf-hero-points{justify-content:flex-end}
.kgf-photo-hero .kgf-trust-strip{background:rgba(0,0,0,.67)}
@media(max-width:760px){
 .kgf-photo-hero{min-height:700px}
 .kgf-photo-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.62) 38%,rgba(0,0,0,.87) 100%)}
 .kgf-photo-hero .kgf-hero-clean-inner{width:calc(100% - 36px);padding-top:170px;align-items:center;text-align:center}
 .kgf-photo-hero .kgf-hero-one-line{align-items:center;text-align:center}
 .kgf-photo-hero .kgf-hero-one-line h1{font-size:clamp(42px,12vw,66px);text-align:center}
 .kgf-photo-hero .kgf-hero-clean-text{text-align:center}
 .kgf-photo-hero .kgf-hero-points{justify-content:center}
}
@media(prefers-reduced-motion:reduce){#kgf-photo-three{transition:none}}

/* One real photograph per section or page (all four supplied photos used). */
.kgf-photo-hero .kgf-photo-fallback{z-index:0;background: url("../images/gym-dumbbells.webp") center / cover no-repeat}
.kgf-photo-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 43%,rgba(0,0,0,.80) 67%,rgba(0,0,0,.89) 100%)}
body.home #products{background:linear-gradient(90deg,rgba(5,6,8,.91),rgba(5,6,8,.78)),url("../images/gym-strength.webp") center / cover no-repeat;background-attachment:scroll}
body.home #quality{background:linear-gradient(90deg,rgba(5,6,8,.89),rgba(5,6,8,.76)),url("../images/gym-barbell.webp") center / cover no-repeat}
body.home #about{background:linear-gradient(90deg,rgba(5,6,8,.88),rgba(5,6,8,.77)),url("../images/gym-cardio.webp") center / cover no-repeat}
/* Assign each standalone WordPress page one image, never a four-panel collage. */
body:not(.home) .kgf-global-webgl{display:none!important}
body:not(.home){--kgf-page-photo:url("../images/gym-dumbbells.webp")}
body.post-type-archive-kgf_product,body.tax-kgf_product_category{--kgf-page-photo:url("../images/gym-strength.webp")}
body.page-about,body.page-about-us{--kgf-page-photo:url("../images/gym-cardio.webp")}
body.page-quality,body.page-our-quality{--kgf-page-photo:url("../images/gym-barbell.webp")}
body.page-contact,body.page-contact-us{--kgf-page-photo:url("../images/gym-dumbbells.webp")}
body.single-kgf_product{--kgf-page-photo:url("../images/gym-strength.webp")}
body:not(.home) #main-content{background:linear-gradient(90deg,rgba(5,6,8,.91),rgba(5,6,8,.81)),var(--kgf-page-photo) center top / cover fixed no-repeat}
body:not(.home) .kgf-page-hero{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.72)),var(--kgf-page-photo) center / cover no-repeat;min-height:280px;display:flex;align-items:center}
body:not(.home) .kgf-page-hero .kgf-wrap{width:100%}
@media(max-width:760px){body:not(.home) #main-content{background-attachment:scroll}.kgf-photo-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65) 38%,rgba(0,0,0,.89))}}

/* V2: force a visible gym photo on EVERY page, including WP pages, posts,
   product detail, archives, contact, search and 404. */
body.kgf-theme:not(.home){--kgf-page-photo:url("../images/gym-dumbbells.webp")}
body.kgf-theme.kgf-photo-strength:not(.home){--kgf-page-photo:url("../images/gym-strength.webp")}
body.kgf-theme.kgf-photo-cardio:not(.home){--kgf-page-photo:url("../images/gym-cardio.webp")}
body.kgf-theme.kgf-photo-barbell:not(.home){--kgf-page-photo:url("../images/gym-barbell.webp")}
body.kgf-theme:not(.home) .kgf-global-webgl{display:none!important}
body.kgf-theme:not(.home) #main-content{position:relative;isolation:isolate;min-height:85vh;background:transparent!important}
body.kgf-theme:not(.home) #main-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(3,4,5,.65),rgba(3,4,5,.79)),var(--kgf-page-photo);background-size:cover;background-position:center top;background-repeat:no-repeat}
body.kgf-theme:not(.home) #main-content>.kgf-page-hero{min-height:390px;background:transparent!important;position:relative;z-index:1}
body.kgf-theme:not(.home) #main-content>.kgf-section,
body.kgf-theme:not(.home) #main-content>.kgf-single-product,
body.kgf-theme:not(.home) #main-content>.kgf-products-section,
body.kgf-theme:not(.home) #main-content>.kgf-quality,
body.kgf-theme:not(.home) #main-content>.kgf-about,
body.kgf-theme:not(.home) #main-content>.kgf-cta{background:transparent!important;position:relative;z-index:1}
body.kgf-theme:not(.home) .kgf-entry-content{background:rgba(6,6,6,.36);border-radius:12px;padding:30px}
@media(max-width:760px){body.kgf-theme:not(.home) #main-content>.kgf-page-hero{min-height:290px}body.kgf-theme:not(.home) .kgf-entry-content{padding:18px}}


/* UNIVERSAL RESPONSIVE PATCH v11 — full-width layouts and four distinct photos */
html,body.kgf-theme{width:100%;max-width:100%;overflow-x:clip}
body.kgf-theme #main-content{width:100%;max-width:none;margin:0;padding:0}
body.kgf-theme .kgf-wrap{width:min(1200px,calc(100% - 48px));max-width:none;margin-inline:auto}
body.kgf-theme .kgf-header-inner{width:min(1320px,calc(100% - 48px));min-height:100px}
body.kgf-theme .kgf-brand img,body.kgf-theme .custom-logo{width:170px;height:auto;max-height:94px;object-fit:contain}
body.kgf-theme .kgf-nav-list a{font-size:15px}
/* The homepage uses all four user images: one unique photo per major section. */
body.home.kgf-theme .kgf-hero.kgf-photo-hero{min-height:680px;padding:145px 0 35px;background:#070707 url('../images/gym-dumbbells.webp') center/cover no-repeat!important}
body.home.kgf-theme .kgf-products-section{background:linear-gradient(90deg,rgba(4,4,4,.91),rgba(4,4,4,.85)),url('../images/gym-strength.webp') center/cover no-repeat!important}
body.home.kgf-theme .kgf-quality{background:linear-gradient(90deg,rgba(4,4,4,.84),rgba(4,4,4,.82)),url('../images/gym-barbell.webp') center/cover no-repeat!important}
body.home.kgf-theme .kgf-about{background:linear-gradient(90deg,rgba(4,4,4,.87),rgba(4,4,4,.78)),url('../images/gym-cardio.webp') center/cover no-repeat!important}
body.home.kgf-theme .kgf-cta{background:linear-gradient(90deg,rgba(4,4,4,.80),rgba(4,4,4,.86)),url('../images/gym-dumbbells.webp') center/cover no-repeat!important}
body.home.kgf-theme .kgf-products-section,body.home.kgf-theme .kgf-quality,body.home.kgf-theme .kgf-about,body.home.kgf-theme .kgf-cta{background-attachment:scroll!important;position:relative}
body.home.kgf-theme .kgf-hero.kgf-photo-hero .kgf-hero-clean-inner{width:min(1200px,calc(100% - 48px));min-height:390px;padding:0 0 0 36%;margin-inline:auto;align-items:flex-end;justify-content:center;text-align:right}
body.home.kgf-theme .kgf-hero-one-line{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:normal;width:100%;max-width:730px}
body.home.kgf-theme .kgf-hero-one-line h1{flex:none;white-space:normal!important;width:100%;font-size:clamp(46px,5.3vw,86px)!important;line-height:1.03!important;text-align:right}
body.home.kgf-theme .kgf-hero-inline-kicker{font-size:clamp(12px,1.1vw,16px)!important;line-height:1.3}
body.home.kgf-theme .kgf-hero-clean-text{font-size:clamp(15px,1.2vw,19px);max-width:620px;line-height:1.55;margin:20px 0 0;text-align:right}
body.home.kgf-theme .kgf-hero-points-centered{justify-content:flex-end}
body.home.kgf-theme .kgf-trust-strip{width:min(1200px,calc(100% - 48px));margin-inline:auto}
body.home.kgf-theme .kgf-section-head h2{font-size:clamp(38px,5vw,70px)}
body.home.kgf-theme .kgf-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.home.kgf-theme .kgf-product-card{min-width:0}
body.home.kgf-theme .kgf-product-card h3{font-size:clamp(21px,2vw,27px)}
body.kgf-theme:not(.home) #main-content{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.82)),var(--kgf-page-photo)!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important}
body.kgf-theme:not(.home) #main-content:before{display:none!important}
body.kgf-theme:not(.home) #main-content>.kgf-page-hero{min-height:360px;background:transparent!important}
body.kgf-theme:not(.home) #main-content>.kgf-section,body.kgf-theme:not(.home) #main-content>.kgf-single-product{background:transparent!important}
body.kgf-theme .kgf-site-footer{position:relative;z-index:2}
@media(max-width:1024px){
 body.kgf-theme .kgf-header-inner{min-height:88px}
 body.kgf-theme .kgf-brand img,body.kgf-theme .custom-logo{width:135px;max-height:76px}
 body.home.kgf-theme .kgf-hero.kgf-photo-hero .kgf-hero-clean-inner{padding-left:27%}
 body.home.kgf-theme .kgf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.kgf-theme .kgf-nav-list{gap:16px}
}
@media(max-width:760px){
 body.kgf-theme .kgf-wrap,body.kgf-theme .kgf-header-inner{width:calc(100% - 32px)}
 body.kgf-theme .kgf-header-inner{min-height:78px}
 body.kgf-theme .kgf-brand img,body.kgf-theme .custom-logo{width:112px;max-height:70px}
 body.kgf-theme .kgf-nav{top:78px!important;max-width:calc(100vw - 24px);z-index:1002}
 body.kgf-theme .kgf-menu-toggle{display:block;z-index:1003}
 body.home.kgf-theme .kgf-hero.kgf-photo-hero{min-height:650px;padding:105px 0 30px;background-position:35% center!important}
 body.home.kgf-theme .kgf-hero.kgf-photo-hero .kgf-hero-clean-inner{width:calc(100% - 32px);min-height:385px;padding:55px 0 0;align-items:center;justify-content:center;text-align:center}
 body.home.kgf-theme .kgf-hero-one-line{align-items:center;text-align:center;gap:12px}
 body.home.kgf-theme .kgf-hero-one-line h1{font-size:clamp(38px,10.3vw,62px)!important;line-height:1.02!important;text-align:center}
 body.home.kgf-theme .kgf-hero-inline-kicker{font-size:12px!important;letter-spacing:.1em}
 body.home.kgf-theme .kgf-hero-clean-text{font-size:15px;line-height:1.55;text-align:center;max-width:520px;margin:17px auto 0}
 body.home.kgf-theme .kgf-hero-points-centered{justify-content:center;gap:8px;margin:16px 0 5px}
 body.home.kgf-theme .kgf-hero-points-centered span{font-size:10px;padding:7px 10px}
 body.home.kgf-theme .kgf-trust-strip{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
 body.home.kgf-theme .kgf-trust-strip>div{padding:12px 8px;gap:8px}
 body.home.kgf-theme .kgf-trust-strip b{font-size:23px}
 body.home.kgf-theme .kgf-trust-strip span{font-size:10px}
 body.home.kgf-theme .kgf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.home.kgf-theme .kgf-product-body{padding:12px}
 body.home.kgf-theme .kgf-product-card h3{font-size:20px}
 body.home.kgf-theme .kgf-section-head h2{font-size:clamp(35px,9vw,52px)}
 body.kgf-theme .kgf-shop-dock-inner{width:calc(100% - 28px)}
 body.kgf-theme .kgf-shop-button{font-size:18px;min-width:0}
 body.kgf-theme:not(.home) #main-content>.kgf-page-hero{min-height:265px;padding:130px 0 45px}
 body.kgf-theme:not(.home) .kgf-page-hero h1{font-size:clamp(40px,10vw,65px);overflow-wrap:anywhere}
 body.kgf-theme:not(.home) .kgf-single-grid{grid-template-columns:1fr;gap:25px}
 body.kgf-theme:not(.home) .kgf-single-copy h1{font-size:clamp(40px,10vw,64px)}
}
@media(max-width:440px){
 body.home.kgf-theme .kgf-product-grid{grid-template-columns:1fr}
 body.home.kgf-theme .kgf-product-card h3{font-size:25px}
 body.kgf-theme .kgf-shop-button{width:100%;font-size:18px}
 body.kgf-theme .kgf-shop-dock-brand{display:none}
}
@media(prefers-reduced-motion:reduce){body.kgf-theme .kgf-reveal{opacity:1!important;transform:none!important}}

@media(max-width:760px){body.home.kgf-theme #kgf-photo-three{display:none!important}body.home.kgf-theme .kgf-photo-fallback{display:block!important;background:url('../images/gym-dumbbells.webp') 35% center/cover no-repeat!important}}
/* Six KGF NUTRA product posters: readable, responsive, and Three.js-enhanced. */
.kgf-poster-host{position:relative!important;overflow:hidden!important}
.kgf-poster-three{display:block;position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;isolation:isolate;background:#090909}
.kgf-poster-fallback{display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;opacity:1!important;transform:none!important;filter:none!important;z-index:1!important}
.kgf-poster-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.kgf-poster-ready>.kgf-poster-fallback{opacity:0!important}
.kgf-poster-host>.kgf-product-fallback{display:none!important}
.kgf-poster-host:has(.kgf-product-three)>.kgf-product-fallback{display:block!important}
.kgf-poster-gallery{background:#090909}
.kgf-poster-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1250px;margin:32px auto 0}
.kgf-poster-gallery-item{min-width:0;background:linear-gradient(145deg,#171717,#080808);border:1px solid rgba(231,180,60,.32);border-radius:14px;overflow:hidden;padding:12px;text-align:center}
.kgf-poster-gallery-image{height:clamp(270px,33vw,420px)}
.kgf-poster-gallery-item .kgf-poster-three{height:100%}
.kgf-poster-gallery-item h3{margin:12px 0 6px;font-size:clamp(17px,1.6vw,23px);color:#f1cf79}
.kgf-product-card .kgf-poster-three{height:100%;min-height:260px}
.kgf-single-media.kgf-poster-host .kgf-poster-three{min-height:520px;height:100%}
@media(max-width:900px){.kgf-poster-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.kgf-poster-gallery-grid{grid-template-columns:minmax(0,1fr);gap:18px}.kgf-poster-gallery-image{height:410px}.kgf-single-media.kgf-poster-host .kgf-poster-three{min-height:390px}.kgf-product-card .kgf-poster-three{min-height:290px}}
@media(prefers-reduced-motion:reduce){.kgf-poster-canvas{transition:none}}

/* V13: authentic four-angle Weight Gainer photographic spin */
.kgf-gainer-spin{display:block;position:relative;width:100%;height:100%;min-height:290px;overflow:hidden;background:#101010;border-radius:12px;touch-action:pan-y;cursor:ew-resize;isolation:isolate}
.kgf-gainer-spin>img,.kgf-gainer-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.kgf-gainer-canvas{z-index:1;pointer-events:none}
.kgf-gainer-spin.kgf-gainer-ready>img{opacity:0}
.kgf-spin-tag{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.76);color:#f1c45e;border:1px solid rgba(241,196,94,.5);padding:7px 12px;border-radius:50px;font:700 11px/1.2 system-ui,sans-serif;white-space:nowrap;pointer-events:none;letter-spacing:.08em}
.kgf-poster-gallery-image .kgf-gainer-spin{min-height:100%}
.kgf-single-media .kgf-gainer-spin{min-height:510px}
@media(max-width:600px){.kgf-single-media .kgf-gainer-spin{min-height:390px}.kgf-spin-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kgf-gainer-spin{cursor:default}}
/* V15: Weight Gainer rotates inside its own product slot, exactly like Collagen. */
.kgf-product-image:has(.kgf-product-three[data-title*="Gainer"]),
.kgf-poster-gallery-image:has(.kgf-product-three[data-title*="Gainer"]),
.kgf-single-media:has(.kgf-product-three[data-title*="Gainer"]){position:relative!important;isolation:isolate;overflow:hidden}
.kgf-poster-gallery-image:has(.kgf-product-three){position:relative;min-height:320px}
.kgf-poster-gallery-image .kgf-product-three{position:absolute!important;inset:0!important}
.kgf-product-three .kgf-product-local-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:6;pointer-events:none}
.kgf-poster-host.is-three-ready>.kgf-product-fallback{opacity:0!important;visibility:hidden!important}
.kgf-poster-host.is-three-error>.kgf-product-fallback{opacity:1!important;visibility:visible!important}
@media(max-width:600px){.kgf-poster-gallery-image:has(.kgf-product-three){min-height:360px}}

/* V25: consistent catalogue stage and full-height embedded product framing. */
.kgf-product-card .kgf-product-image{background:radial-gradient(ellipse at 50% 40%,#48443c 0%,#302e29 40%,#191917 75%,#111110 100%)!important}
.kgf-product-card .kgf-product-image:has(.kgf-uploaded-gainer-3d){position:relative;aspect-ratio:1/1;min-height:300px}
.kgf-product-card .kgf-uploaded-gainer-3d{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
.kgf-product-card .kgf-uploaded-gainer-3d iframe{width:100%;height:100%;background:transparent}