.dlyv-stage,.dlyv-stage *{box-sizing:border-box}.dlyv-stage{position:relative;min-height:520px;width:100%;height:100%;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#ecf0f0e0),radial-gradient(circle at 74% 42%,rgba(223,104,72,.12),transparent 34%),linear-gradient(180deg,#f7f7f3,#e8ecec);color:#111417}.dlyv-stage:before{content:"";position:absolute;inset:auto -8% 0 -8%;height:34%;background:linear-gradient(180deg,#ffffff4d,#c7cecd7a);transform:skewY(-2deg);transform-origin:100% 0}.dlyv-kicker{position:absolute;left:clamp(18px,4vw,44px);top:clamp(18px,4vw,42px);z-index:4;color:#276b6f;font-size:clamp(10px,1.1vw,12px);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dlyv-shaker{position:absolute;left:15%;bottom:16%;z-index:2;width:min(24%,170px);height:48%;border:2px solid rgba(17,20,23,.16);border-radius:22px 22px 28px 28px;background:linear-gradient(90deg,#fffc,#ffffff29 42%,#ffffff9e),linear-gradient(180deg,#ffffff80 0 18%,#e7774a54 18% 100%);box-shadow:inset 12px 0 20px #ffffff57,0 20px 36px #1114171f}.dlyv-shaker:before{content:"";position:absolute;left:12%;right:12%;top:-9%;height:13%;border-radius:18px 18px 8px 8px;background:#111417;box-shadow:inset 0 1px #ffffff2e}.dlyv-shaker:after{content:"";position:absolute;left:18%;right:18%;top:30%;height:36%;border-radius:50%;border:2px solid rgba(17,20,23,.18);opacity:.52}.dlyv-bottle{position:absolute;right:6%;bottom:14%;width:min(15%,90px);height:54%;border-radius:18px 18px 12px 12px;background:linear-gradient(90deg,#0f1213,#2f3436 45%,#090b0c);box-shadow:0 20px 32px #1114172e}.dlyv-bottle:before{content:"";position:absolute;left:28%;right:28%;top:-10%;height:14%;border-radius:8px 8px 3px 3px;background:#161a1c}.dlyv-scoop{position:absolute;left:39%;bottom:13%;z-index:5;width:min(22%,170px);height:9%;border-radius:999px;background:linear-gradient(90deg,#b9bec0,#f7f8f7 44%,#7c8387);transform:rotate(-8deg);box-shadow:0 12px 20px #11141729}.dlyv-scoop:before{content:"";position:absolute;left:-14%;top:-40%;width:42%;height:180%;border-radius:999px;background:linear-gradient(180deg,#fff,#d8dcdd);border:1px solid rgba(17,20,23,.12)}.dlyv-pack{position:absolute;right:14%;bottom:11%;z-index:4;width:min(38%,318px);aspect-ratio:.72;border-radius:20px 20px 12px 12px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 24% 75%,rgba(255,255,255,.08)),linear-gradient(180deg,#151819,#050606);color:#fff;box-shadow:0 26px 46px #11141747,inset 0 2px #ffffff1f;padding:13% 8% 8%;transform:perspective(900px) rotateY(-3deg)}.dlyv-pack:before{content:"";position:absolute;left:0;right:0;top:8%;height:7%;background:repeating-linear-gradient(180deg,#ffffff14 0 2px,#00000029 2px 5px);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(0,0,0,.4)}.dlyv-dot{position:absolute;right:10%;top:21%;width:4.5%;aspect-ratio:1;border-radius:50%;background:#df6848}.dlyv-brand{position:relative;z-index:1;display:block;max-width:88%;font-size:clamp(16px,1.6vw,24px);line-height:.9;font-weight:950;letter-spacing:-.01em;white-space:nowrap}.dlyv-sub{position:relative;z-index:1;display:block;margin-top:9%;color:#ffffffb8;font-size:clamp(7px,.7vw,10px);font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.dlyv-use{position:relative;z-index:1;display:block;margin-top:4%;color:#ffffffa8;font-size:clamp(6px,.62vw,9px);font-weight:850;text-transform:uppercase;white-space:nowrap}.dlyv-band{position:absolute;left:0;right:0;top:47%;z-index:1;padding:7% 8%;background:linear-gradient(90deg,#df6848,#c74e31)}.dlyv-band strong{display:block;font-size:clamp(16px,2vw,28px);line-height:.9;font-weight:950}.dlyv-band span{display:block;margin-top:5%;font-size:clamp(6px,.8vw,11px);font-weight:900;letter-spacing:.08em}.dlyv-icons{position:absolute;left:8%;right:8%;bottom:16%;display:grid;grid-template-columns:repeat(4,1fr);gap:5%}.dlyv-icon{min-width:0;border-radius:8px;background:linear-gradient(180deg,#fff,#dfe1e1);color:#111417;padding:12% 4%;text-align:center;box-shadow:inset 0 1px #fff}.dlyv-icon b{display:block;color:#df6848;font-size:clamp(10px,1.15vw,16px);line-height:.9}.dlyv-icon span{display:block;margin-top:8%;font-size:clamp(5px,.58vw,8px);font-weight:850;line-height:1}.dlyv-footer{position:absolute;left:8%;right:8%;bottom:7%;color:#ffffffb8;font-size:clamp(6px,.68vw,10px);font-weight:900;letter-spacing:.12em;text-align:center}.dlyv-formula{min-height:520px;display:grid;align-content:start;gap:14px;border-radius:8px;border:1px solid #dfe3df;background:linear-gradient(180deg,#fff,#f5f6f2);padding:clamp(18px,3vw,34px);color:#111417}.dlyv-formula-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #dfe3df}.dlyv-formula-head b{display:block;font-size:clamp(24px,3vw,42px);line-height:.92;font-weight:950}.dlyv-formula-head span{display:block;margin-top:8px;color:#5c6468;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dlyv-servings{flex:0 0 auto;border:1px solid #dfe3df;border-radius:8px;padding:10px 12px;background:#111417;color:#fff;text-align:center;font-weight:900}.dlyv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dfe3df;border-radius:8px;background:#fff;padding:13px 14px}.dlyv-row b{display:block;font-size:15px}.dlyv-row span{color:#5c6468;font-size:12px;line-height:1.35}.dlyv-dose{color:#276b6f;font-size:13px;font-weight:950;white-space:nowrap}.dlyv-footnote{color:#5c6468;font-size:12px;line-height:1.45}@media(max-width:720px){.dlyv-stage{min-height:280px}.dlyv-kicker{display:none}.dlyv-pack{right:7%;bottom:12%;width:39%}.dlyv-shaker{left:20%;bottom:16%;width:21%;height:50%}.dlyv-bottle{right:-6%;width:12%}.dlyv-scoop{left:43%;width:20%;height:8%}.dlyv-brand{font-size:clamp(14px,4vw,20px)}.dlyv-band strong{font-size:clamp(12px,3.4vw,17px)}.dlyv-icon span,.dlyv-sub,.dlyv-use,.dlyv-footer{display:none}.dlyv-icon{border-radius:5px}.dlyv-formula{min-height:auto;padding:16px}.dlyv-formula-head{display:block}.dlyv-servings{display:inline-block;margin-top:12px}.dly-mobile-hero-visual .dlyv-pack{right:13%;bottom:7%;width:30%}.dly-mobile-hero-visual .dlyv-brand{font-size:10px}.dly-mobile-hero-visual .dlyv-band strong{font-size:12px}.dly-mobile-hero-visual .dlyv-band span{font-size:5px}.dly-mobile-hero-visual .dlyv-shaker{left:13%;bottom:16%;width:18%;height:44%}.dly-mobile-hero-visual .dlyv-bottle{display:none}.dly-mobile-hero-visual .dlyv-scoop{left:37%;bottom:14%;width:17%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/dly-visual-system.css.map */