/* One material system across SportNutrition: graphite, satin silver, lime. */
:root{--sn-metal-lime:linear-gradient(115deg,#e3ffc0 0%,#c1ff72 32%,#a5d85f 61%,#d7ffa4 100%);--sn-metal-silver:linear-gradient(120deg,#eff1eb 0%,#b8bdb3 32%,#e5e8df 58%,#92998b 100%);--sn-metal-edge:linear-gradient(120deg,#aeb4a5,#40463c 35%,#92998a 65%,#33392f);--sn-metal-dark:linear-gradient(145deg,#21261f 0%,#10140f 45%,#171c15 72%,#0b0e0a 100%);--sn-brush:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px);--sn-metal-shadow:inset 0 1px 0 #ffffff75,inset 0 -1px 0 #52712f70;--mt-l:var(--sn-metal-lime);--mt-lm:var(--sn-metal-lime);--lime-m:var(--sn-metal-lime);--mt-s:var(--sn-metal-silver);--mt-w:var(--sn-metal-edge);--mt-k:var(--sn-metal-dark);--brush:var(--sn-brush)}
header.hd{background:var(--sn-brush),var(--sn-metal-dark)!important;border-bottom:1px solid #89937b55;box-shadow:inset 0 1px 0 #edf6dc1c,0 8px 24px #0004}
header.hd .hd-lk,header.hd .hd-wa{background:var(--sn-metal-lime)!important;border:1px solid #e5ffc1!important;box-shadow:var(--sn-metal-shadow)!important;border-radius:10px!important}
header.hd .hd-lk:hover,header.hd .hd-wa:hover{box-shadow:var(--sn-metal-shadow),0 5px 18px #c1ff7217!important}
header.hd .search{background:var(--sn-brush),var(--sn-metal-dark)!important;border:1px solid #89937b70!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #ffffff0d!important}
header.hd .mmb,.rubs-p,.rubs-n{background:var(--sn-brush),var(--sn-metal-dark)!important;border:1px solid #89937b70!important;box-shadow:inset 0 1px 0 #ffffff22!important}
.rubs{background:#0b0e0a!important;border-top:1px solid #ffffff0c!important;box-shadow:none!important}
.rubs a.hot{border-radius:8px!important;box-shadow:inset 0 0 0 1px #b4d99070!important}
.bar{background:#10140f!important;box-shadow:inset 0 -1px 0 #828d7440!important;color:#e0e7d8}
.bar a{font-family:var(--txt);font-weight:650;letter-spacing:.04em;text-decoration:none}
.btn,.idx-g span,.mbar a,.tb,.vpl{font-family:var(--txt)!important;font-weight:650!important;letter-spacing:.035em!important}
.btn{border-radius:10px!important;min-height:48px}
.btn:not(.btn-ghost):not(.btn-ghost-d):not(.btn-dark):not(.btn-wa){background:var(--sn-metal-lime)!important;border:1px solid #e5ffc1!important;box-shadow:var(--sn-metal-shadow)!important;color:#11190b!important}
.btn.btn-ghost,.btn.btn-dark,.btn.btn-ghost-d,.ft .btn.btn-ghost{background:var(--sn-brush),var(--sn-metal-dark) padding-box,var(--sn-metal-edge) border-box!important;border:1px solid transparent!important;box-shadow:inset 0 1px 0 #ffffff0e!important;color:#eaf0e3!important}
.idx-g a,.idx-g a:hover{background:var(--sn-metal-lime)!important;border-radius:10px!important;box-shadow:var(--sn-metal-shadow)!important}
.tabs-r{background:var(--sn-brush),var(--sn-metal-dark)!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #929c8166!important;padding:4px!important}
.tabs-r .tb{border-radius:8px!important}
.tabs-r .tb.on{background:var(--sn-metal-silver)!important;color:#10150d!important;box-shadow:inset 0 1px 0 #fff9!important}
.ebk.ebk-band,.trio .panel,.faq details,.med{background:var(--sn-brush),var(--sn-metal-dark)!important;border:1px solid #78856855!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff12!important}
.ebk-band h2{font-family:var(--txt)!important;font-weight:650!important;letter-spacing:.015em!important}
.card{border-radius:12px!important;border-color:#7e896855!important;box-shadow:inset 0 1px 0 #ffffff0c!important}
.card .tile{border-radius:9px!important}
.card .tile,.pd .photo,.pd .tile,.ci .tile,.brow .tile{background:repeating-linear-gradient(112deg,#ffffff03 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 25%,#424a43,#1b211d 58%,#0d120f)!important;border:1px solid #abb4aa35;box-shadow:inset 0 1px 0 #ffffff18}
.card .tile img,.pd .photo img,.pd .tile img,.ci .tile img,.brow .tile img{mix-blend-mode:normal!important;filter:drop-shadow(0 12px 12px #0007)}
.card h3,.card:visited h3,.card:hover h3{color:#eff3ec!important;-webkit-text-fill-color:#eff3ec!important;background:none!important}
.card:focus-visible{outline:2px solid #c1ff72;outline-offset:4px}
.price-from{font:500 .72em/1.4 "Hanken",Arial,sans-serif;color:#bec6b8;text-transform:none}
.bank-panel{background:var(--sn-metal-dark);border:1px solid #b0bfa461;border-radius:16px;padding:24px;margin-top:24px;scroll-margin:170px}
.bank-panel[hidden]{display:none}.bank-panel dl>div{padding:12px 0;border-bottom:1px solid #ffffff15}.bank-panel dt{color:#adb8a6;font-size:12px}.bank-panel dd{margin:5px 0 0;overflow-wrap:anywhere;color:#f3f6ee}.copy-bank{padding:6px 12px;margin-left:6px;border:1px solid #b3c5a470;border-radius:8px;color:#c1ff72;background:#121910;font:inherit;cursor:pointer}.bank-panel p{line-height:1.6}.bank-panel .btn{white-space:normal;line-height:1.4}.ordact{flex-wrap:wrap}
@media(max-width:700px){.bank-panel{padding:18px}.ordact>.btn{width:100%}.bank-panel .btn{width:100%;font-size:13px}}
/* Depth uses CSS transforms: no WebGL download or motion on reduced-motion devices. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card{perspective:1000px}.card .tile img{transition:transform .6s ease}.card:hover .tile img{transform:rotateY(-7deg) rotateX(3deg) translateZ(18px)}.sn-hero-visual{perspective:1200px}}
@media(prefers-reduced-motion:reduce){.card .tile img{transition:none!important;transform:none!important}}
.bd,.chip{border-radius:7px!important;box-shadow:var(--sn-metal-shadow)!important}
.faq summary::after{background:linear-gradient(#11190b,#11190b) center/12px 2px no-repeat,linear-gradient(#11190b,#11190b) center/2px 12px no-repeat,var(--sn-metal-lime)!important;box-shadow:var(--sn-metal-shadow)!important}
.faq details[open] summary::after{background:linear-gradient(#11190b,#11190b) center/12px 2px no-repeat,var(--sn-metal-lime)!important}
section.wrap:has(.bgrid){background:var(--sn-brush),var(--sn-metal-dark)!important;border:1px solid #78856866!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff22!important}
section.wrap:has(.bgrid) h2{background:var(--sn-metal-silver)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#eaf0e3!important}
section.wrap:has(.bgrid) .muted{color:#bbc6b0!important}
.bgrid .bchip{border-radius:10px!important;border-color:#8c987640!important}
.bgrid .bchip.tx{background:var(--sn-brush),var(--sn-metal-dark)!important;color:transparent!important;-webkit-text-fill-color:transparent!important;box-shadow:inset 0 0 0 1px #8c987655!important}
.bgrid .bchip.tx::before{color:#eaf0e3!important;-webkit-text-fill-color:#eaf0e3!important;background:none!important}
.med{color:#eaf0e3!important}.med-t>p{color:#bbc6b0!important}.med h2{background:var(--sn-metal-silver)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#eaf0e3!important}
body footer.ft{background:var(--sn-brush),var(--sn-metal-dark)!important;border-top:1px solid #8c987677;box-shadow:inset 0 1px 0 #ffffff1a!important}
.ft .ft-cta h2{font-family:var(--txt)!important;font-weight:750!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.14;letter-spacing:-.025em;background:linear-gradient(120deg,#f1f4eb,#bec7b4 45%,#e9eee1 75%,#b2bda6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#e8eedd;text-shadow:none;filter:none}
.ft .ft-cta{border-bottom-color:#8c987640!important}
.ft-cols b{background:var(--sn-metal-silver);background-clip:text;-webkit-background-clip:text;color:#e8eedd;-webkit-text-fill-color:transparent}
.ft-cta>p,.vb-h p,.med-t>p,.shop-t>p,.rail-h p,.revs-h p,.rv blockquote{font-family:var(--txt)!important}
.mbar{background:var(--sn-brush),var(--sn-metal-dark)!important;border:1px solid #89937b70!important;border-radius:12px!important;box-shadow:0 6px 24px #0008!important;padding:5px!important}
.mbar a{border-radius:8px!important;background:var(--sn-brush),var(--sn-metal-dark) padding-box,var(--sn-metal-edge) border-box!important;border:1px solid transparent!important;box-shadow:inset 0 1px 0 #ffffff14!important;color:#eaf0e3!important}
.mbar a:last-child{background:var(--sn-metal-lime)!important;box-shadow:var(--sn-metal-shadow)!important;color:#11190b!important}
.wafab{background:var(--sn-metal-lime)!important;border:1px solid #e5ffc1!important;box-shadow:var(--sn-metal-shadow),0 5px 20px #0007!important;color:#11190b!important}
.wafab .ic{fill:currentColor!important;color:#11190b!important}
@media(max-width:700px){.hd-in{padding-top:7px!important;padding-bottom:9px!important;gap:6px 8px!important}.bar a{font-size:10px!important;letter-spacing:.035em!important}.tabs{margin-top:8px!important}.tabs-r .tb{font-size:11px!important;letter-spacing:0!important}.ebk-band .btn{min-height:42px!important;font-size:11px!important}.ft-cta h2{font-size:22px;line-height:1.2}.ft-cols>div{border-color:#8c987640!important}.idx-g span{font-size:13px!important}.wafab{width:46px!important;height:46px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;right:12px!important}}
@media(hover:hover){.btn:hover,.idx-g a:hover{filter:brightness(1.06)!important}.btn.btn-ghost:hover{border-color:#c1ff7270!important}.wafab:hover{transform:translateY(-2px)}}
@media(max-width:360px){header.hd .logo{gap:5px!important}header.hd .logo img{width:28px!important;height:auto!important}header.hd .logo span{font-size:12px!important;max-width:none!important;letter-spacing:0!important}}
@media(max-width:700px){.bgrid .bchip.tx{color:transparent!important;-webkit-text-fill-color:transparent!important}.bgrid .bchip.tx::before{color:#eaf0e3!important;-webkit-text-fill-color:#eaf0e3!important}}
@media(prefers-reduced-motion:reduce){.wafab,.btn,.idx-g a,.tb{transition:none!important;animation:none!important}.idx-g a::after{display:none!important}}

/* v3: matching premium chrome above and below the page. */
header.hd{background:var(--sn-brush),linear-gradient(115deg,#252c21 0%,#11170e 45%,#1b2217 72%,#0c1209 100%)!important;border-block:1px solid #b6c99550!important;box-shadow:inset 0 1px 0 #ffffff1f,0 8px 28px #0005!important}
header.hd .hd-lk,header.hd .hd-wa{font-family:var(--txt)!important;min-height:50px;padding:0 22px;font-size:15px!important;letter-spacing:.025em!important}
header.hd .hd-lk span,header.hd .hd-wa span{font-family:var(--txt)!important;font-weight:700!important;font-size:15px!important;letter-spacing:.025em!important}
header.hd .search{min-height:50px;border-color:#a9b88a73!important;box-shadow:inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important}
header.hd .search input{font-family:var(--txt)!important;text-transform:none!important;font-weight:500!important}
.rubs-in a{font-family:var(--txt)!important;font-weight:700!important;font-size:14px!important;letter-spacing:.05em!important;transition:color .2s ease,background .2s ease,transform .2s ease}
.rubs a.hot{border:1px solid #bdde925c!important;box-shadow:inset 0 1px 0 #ffffff12!important;color:#e3f4ce!important}
.rubs-p,.rubs-n{border-radius:10px!important}
body footer.ft{background:var(--sn-brush),linear-gradient(115deg,#252c21 0%,#11170e 45%,#1b2217 72%,#0c1209 100%)!important;border-top:1px solid #b6c99566!important}
.mbar{background:var(--sn-brush),linear-gradient(115deg,#252c21,#11170e 45%,#1b2217 72%,#0c1209)!important;border-color:#b6c99566!important;box-shadow:inset 0 1px 0 #ffffff1a,0 8px 28px #0009!important}
.mbar a{min-height:48px;font-size:14px!important;padding:0 20px!important;display:inline-flex;align-items:center;justify-content:center}
.btn,.sn-button,.hd-wa,.hd-lk,.card,.bchip{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,border-color .25s ease}
.sn-reveal-in{animation:sn-section-enter .65s cubic-bezier(.2,.7,.25,1) both}
@keyframes sn-section-enter{from{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover,.bchip:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #ffffff22,0 10px 26px #0006!important}.hd-wa:hover,.hd-lk:hover,.mbar a:hover{transform:translateY(-2px)}.btn:hover{transform:translateY(-2px)}}
@media(max-width:700px){header.hd .search{min-height:42px}.mbar a{min-height:44px;font-size:12px!important;padding:0 12px!important}.ft-cta .btn{min-height:58px!important;font-size:15px!important}.rubs-in a{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.sn-reveal-in{animation:none!important;transform:none!important}.btn,.sn-button,.hd-wa,.hd-lk,.card,.bchip,.mbar a{transition:none!important}.card:hover,.bchip:hover,.hd-wa:hover,.hd-lk:hover,.mbar a:hover,.btn:hover{transform:none!important}}
.ft .btn,.ft .btn:hover,.ft .btn:focus-visible{-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;-webkit-background-clip:border-box!important}

.sn-ena-table-wrap{overflow-x:auto}.sn-ena-table{width:100%;max-width:620px;border-collapse:collapse;font-size:14px}.sn-ena-table td,.sn-ena-table th{padding:9px;border-bottom:1px solid #414b39;text-align:left}.sn-ena-table th{color:#caff88}