.s10-pdp .s10-buybox{isolation:isolate;background:radial-gradient(70% 58% at 90% -8%,rgba(239,78,166,.1),transparent 62%),radial-gradient(58% 52% at -8% 10%,rgba(155,92,255,.1),transparent 64%),linear-gradient(158deg,#131318,#0c0c10 54%,#08080b);border-color:#ffffff24;box-shadow:0 34px 84px #00000075,0 12px 30px #4a236729,inset 0 1px #ffffff16,inset 0 -1px #0000006b;transform:translateZ(0)}.s10-pdp .s10-price-row{position:relative;align-items:center;margin:14px 0;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(180deg,#ffffff0d,#ffffff04),#04040757;box-shadow:0 13px 28px #00000038,inset 0 1px #ffffff0e,inset 0 -1px #00000047}.s10-pdp .s10-price{font-size:clamp(34px,3vw,42px);line-height:.95;text-shadow:0 7px 24px rgba(0,0,0,.28)}.s10-pdp .s10-price-note{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0b;color:#b7b7c1;font-size:11px;line-height:1;white-space:nowrap}.s10-pdp .s10-add{position:relative;isolation:isolate;overflow:hidden;min-height:64px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 34%),linear-gradient(112deg,#9253fb,#b452ed 48%,#ef4ea6);box-shadow:0 7px #511e6fe0,0 18px 40px #9b5cff45,inset 0 1px #ffffff5e,inset 0 -1px #4a195454;transform:translateY(-2px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.s10-pdp .s10-add:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(90% 78% at 50% -20%,rgba(255,255,255,.22),transparent 56%)}.s10-pdp .s10-add:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-24%;width:18%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent);transform:skew(-18deg) translate(-280%);transition:transform .58s cubic-bezier(.22,.61,.36,1)}.s10-pdp .s10-add:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:4px}.s10-pdp .s10-buybox__micro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.s10-pdp .s10-buybox__micro span{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:0 8px 18px #00000026,inset 0 1px #ffffff0b;color:#b6b6c0;font-size:10.5px;line-height:1.2;text-align:center}.s10-pdp .s10-buybox__micro span:before{content:"\2713";width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid rgba(121,240,193,.38);border-radius:999px;background:linear-gradient(180deg,#50d3a33d,#50d3a31a);box-shadow:0 4px 12px #50d3a31a,inset 0 1px #ffffff21;color:#79e7bd;font-size:11px;font-weight:900}.s10-pdp .s10-proof-note{position:relative;overflow:hidden;margin-top:12px;padding:16px 17px 16px 48px;border-color:#50d3a34d;border-radius:15px;background:radial-gradient(70% 120% at 0 50%,rgba(80,211,163,.13),transparent 58%),linear-gradient(180deg,#50d3a313,#50d3a309);box-shadow:0 13px 30px #0000002e,inset 0 1px #c0ffe713,inset 0 -1px #0000002e;color:#d4e9e2;font-size:11.5px;line-height:1.45}.s10-pdp .s10-proof-note:before{content:"\2713";position:absolute;left:17px;top:50%;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(120,240,192,.45);border-radius:999px;background:linear-gradient(180deg,#50d3a34d,#50d3a324);box-shadow:0 0 0 5px #50d3a30e,0 6px 14px #0003;color:#8aefc8;font-size:11px;font-weight:900;transform:translateY(-50%)}.s10-pdp .s10-proof-note strong{color:#e5f4ef;font-weight:900}@media(hover:hover)and (pointer:fine){.s10-pdp .s10-add:hover{transform:translateY(-4px);filter:saturate(1.03) brightness(1.025);box-shadow:0 9px #511e6fd6,0 22px 48px #9b5cff57,inset 0 1px #fff6,inset 0 -1px #4a19544d}.s10-pdp .s10-add:hover:after{transform:skew(-18deg) translate(780%)}}.s10-pdp .s10-add:active{transform:translateY(4px);box-shadow:0 2px #511e6fe6,0 9px 22px #9b5cff33,inset 0 2px 5px #48165733}@media(min-width:681px)and (max-width:990px){.s10-pdp .s10-buybox{width:min(100%,760px);margin-inline:auto;box-shadow:0 28px 68px #0006,0 10px 26px #4a236721,inset 0 1px #ffffff14}.s10-pdp .s10-price-row{padding:14px 15px}.s10-pdp .s10-buybox__micro span{font-size:10.5px}}@media(max-width:680px){.s10-pdp .s10-buybox{padding:20px;border-radius:20px;box-shadow:0 22px 52px #0000005e,0 8px 22px #4a23671c,inset 0 1px #ffffff13}.s10-pdp .s10-price-row{gap:10px;margin:12px 0 13px;padding:12px 13px;border-radius:15px}.s10-pdp .s10-price{font-size:32px}.s10-pdp .s10-price-note{padding:6px 8px;font-size:10px}.s10-pdp .s10-add{min-height:58px;font-size:12px;box-shadow:0 5px #511e6fe0,0 14px 30px #9b5cff3d,inset 0 1px #ffffff57,inset 0 -1px #4a19544d;transform:translateY(-1px)}.s10-pdp .s10-buybox__micro{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}.s10-pdp .s10-buybox__micro span{min-height:39px;padding:7px 8px;border-radius:11px;font-size:10px}.s10-pdp .s10-buybox__micro span:last-child{grid-column:1/-1}.s10-pdp .s10-proof-note{margin-top:10px;padding:14px 13px 14px 43px;border-radius:13px;font-size:10.5px}.s10-pdp .s10-proof-note:before{left:14px;width:18px;height:18px}.s10-pdp .s10-mobile-buy{background:linear-gradient(180deg,#121217f5,#050507fa);border-top-color:#ffffff1c;box-shadow:0 -18px 42px #00000057,inset 0 1px #ffffff0b}.s10-pdp .s10-mobile-buy .s10-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 35%),linear-gradient(112deg,#9253fb,#b452ed 48%,#ef4ea6);box-shadow:0 4px #511e6fe0,0 10px 24px #9b5cff3d,inset 0 1px #ffffff52;transform:translateY(-1px)}.s10-pdp .s10-mobile-buy .s10-button:active{transform:translateY(2px);box-shadow:0 1px #511e6fe0,0 6px 15px #9b5cff2b}}@media(max-width:390px){.s10-pdp .s10-price-row{align-items:flex-end}.s10-pdp .s10-price{font-size:30px}.s10-pdp .s10-price-note{font-size:9.5px}.s10-pdp .s10-buybox__micro{grid-template-columns:1fr}.s10-pdp .s10-buybox__micro span:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.s10-pdp .s10-add,.s10-pdp .s10-add:after,.s10-pdp .s10-mobile-buy .s10-button{transition:none!important}.s10-pdp .s10-add:after{display:none}}.s10-pdp[data-page-kind=creatine] .s10-choice-grid{gap:10px}.s10-pdp[data-page-kind=creatine] .s10-choice label{min-height:78px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-content:stretch;place-items:initial;column-gap:12px;row-gap:4px;padding:11px 13px;border-color:#ffffff1a;border-radius:14px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff09;color:#f7f7f8;font-size:13px;line-height:1.15;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.s10-pdp[data-page-kind=creatine] .s10-choice label:before{content:"";grid-column:1;grid-row:1 / 3;align-self:center;justify-self:start;width:17px;height:13px;margin-left:3px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#9b5cff;box-shadow:20px -5px 0 -1px #b267ff,2px 18px 0 -1px #8c4fe8,22px 16px 0 -1px #a855f7,0 8px 18px #00000042;transform:rotate(-6deg);filter:saturate(1.04)}.s10-pdp[data-page-kind=creatine] .s10-choice input[data-s10-flavour*=blue]+label:before{background:#4f8cff;box-shadow:20px -5px 0 -1px #70a5ff,2px 18px 0 -1px #3573e8,22px 16px 0 -1px #5d92f5,0 8px 18px #00000042}.s10-pdp[data-page-kind=creatine] .s10-choice input[data-s10-flavour*=rasp]+label:before{background:#ef5cad;box-shadow:20px -5px 0 -1px #f57cbd,2px 18px 0 -1px #d93c93,22px 16px 0 -1px #e94fa5,0 8px 18px #00000042}.s10-pdp[data-page-kind=creatine] .s10-choice input:not(:disabled)+label:after{content:"\25cf   In stock";grid-column:2;grid-row:2;color:#7ee8b7;font-size:9px;font-weight:800;line-height:1;letter-spacing:.075em;text-transform:uppercase}.s10-pdp[data-page-kind=creatine] .s10-choice input:disabled+label{opacity:.48;cursor:not-allowed}.s10-pdp[data-page-kind=creatine] .s10-choice input:checked+label{border-color:#ffffffe0;background:radial-gradient(100% 120% at 0 0,rgba(155,92,255,.16),transparent 62%),linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff57,inset 0 1px #ffffff14,0 10px 24px #0000002e}.s10-pdp[data-page-kind=creatine] .s10-choice input:focus-visible+label{outline:2px solid #fff;outline-offset:3px}@media(hover:hover)and (pointer:fine){.s10-pdp[data-page-kind=creatine] .s10-choice input:not(:disabled)+label:hover{border-color:#b267ffb3;background:linear-gradient(145deg,#9b5cff17,#ffffff05);transform:translateY(-1px)}}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro:before,.s10-pdp[data-page-kind=creatine] .s10-buybox__micro span{min-width:0;min-height:56px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);box-shadow:0 8px 18px #00000021,inset 0 1px #ffffff0b;color:#c6c6ce;font-size:10px;font-weight:700;line-height:1.25;text-align:left}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro:before{content:"\2713   RSSL analysis\a    Raspberry report available";white-space:pre-line;border-color:#79f0c12b;color:#dceee7}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro span:before{width:19px;height:19px;flex-basis:19px}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro span:last-child{grid-column:auto}@media(max-width:520px){.s10-pdp[data-page-kind=creatine] .s10-choice label{min-height:70px;grid-template-columns:41px minmax(0,1fr);column-gap:9px;padding:9px 10px;font-size:11px}.s10-pdp[data-page-kind=creatine] .s10-choice label:before{transform:rotate(-6deg) scale(.86);transform-origin:left center}.s10-pdp[data-page-kind=creatine] .s10-buybox__micro:before,.s10-pdp[data-page-kind=creatine] .s10-buybox__micro span{min-height:52px;padding:9px;font-size:9.5px}}@media(max-width:350px){.s10-pdp[data-page-kind=creatine] .s10-buybox__micro{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/supify-pdp-buybox-v8.css.map */