.sg-pea-dissolve{--sg-pea-green: #7faf72;--sg-pea-green-deep: #3f6f38;--sg-pea-tint: rgba(151, 196, 138, .55);--sg-pea-glass: rgba(255, 255, 255, .45);padding:clamp(48px,7vw,88px) clamp(16px,4vw,40px);background:radial-gradient(ellipse 70% 55% at 30% 40%,rgba(232,245,233,.9) 0%,transparent 70%),linear-gradient(180deg,#f7fbf6,#fff);overflow:hidden}.sg-pea-dissolve__inner{max-width:1120px;margin:0 auto;display:grid;gap:clamp(28px,4vw,48px)}.sg-pea-dissolve__visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3vw,36px);align-items:center}.sg-pea-dissolve__stage{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:4 / 5;isolation:isolate;display:flex;align-items:center;justify-content:center}.sg-pea-dissolve--static .sg-pea-dissolve__stage{aspect-ratio:auto;min-height:0}.sg-pea-dissolve__product-photo{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;background:transparent}.sg-pea-dissolve__sachet{position:absolute;left:50%;top:6%;width:42%;max-width:160px;transform:translate(-50%) translateY(12px) scale(.92);opacity:0;z-index:3;transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.sg-pea-dissolve__sachet-img--closed{position:relative;z-index:1;transition:opacity .45s ease}.sg-pea-dissolve.is-sachet-in .sg-pea-dissolve__sachet{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.sg-pea-dissolve.is-sachet-open .sg-pea-dissolve__sachet{transform:translate(-50%) translateY(-4px) scale(1.02) rotate(-2deg)}.sg-pea-dissolve__sachet-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(40,70,35,.18))}.sg-pea-dissolve__sachet-img--open{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.sg-pea-dissolve.is-sachet-open .sg-pea-dissolve__sachet-img--closed{opacity:0}.sg-pea-dissolve.is-sachet-open .sg-pea-dissolve__sachet-img--open{opacity:1}.sg-pea-dissolve__powder{position:absolute;left:50%;top:28%;width:28%;height:38%;transform:translate(-50%);pointer-events:none;z-index:2;overflow:visible}.sg-pea-dissolve__grain{position:absolute;left:calc(18% + (var(--i) * 4.8%));top:0;width:calc(3px + (var(--i) * .35px));height:calc(3px + (var(--i) * .35px));border-radius:50%;background:#c9b27a;opacity:0;transform:translateZ(0) scale(.6);will-change:transform,opacity}.sg-pea-dissolve.is-powder-fall .sg-pea-dissolve__grain{animation:sg-pea-grain-fall 1.15s cubic-bezier(.33,.1,.25,1) forwards;animation-delay:calc(var(--i) * 45ms)}@keyframes sg-pea-grain-fall{0%{opacity:0;transform:translateZ(0) scale(.5)}12%{opacity:.95}70%{opacity:.85}to{opacity:0;transform:translate3d(calc((var(--i) - 7) * 2px),150px,0) scale(.35)}}.sg-pea-dissolve__glass{position:absolute;left:50%;bottom:4%;width:46%;max-width:180px;transform:translate(-50%);z-index:1}.sg-pea-dissolve__glass-rim{height:10px;margin:0 auto;width:92%;border:2px solid rgba(120,150,130,.45);border-bottom:none;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#ffffffa6,#ffffff26)}.sg-pea-dissolve__glass-body{position:relative;height:120px;margin:0 auto;width:86%;border:2px solid rgba(120,150,130,.4);border-top:none;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#fff3,#ffffff0d);overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sg-pea-dissolve__water{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(180deg,#bedceb59,#a0c8dc8c);transform-origin:bottom center;transition:background 1.1s ease,filter 1.1s ease}.sg-pea-dissolve.is-water-tint .sg-pea-dissolve__water{background:linear-gradient(180deg,rgba(190,220,170,.45),var(--sg-pea-tint));filter:saturate(1.15)}.sg-pea-dissolve.is-water-tint .sg-pea-dissolve__water:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.35) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(127,175,114,.25) 0%,transparent 45%);animation:sg-pea-ripple 1.4s ease-out both}@keyframes sg-pea-ripple{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sg-pea-dissolve__glass-base{width:70%;height:8px;margin:4px auto 0;border-radius:999px;background:#3c5a371f;filter:blur(1px)}.sg-pea-dissolve__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.sg-pea-dissolve__benefit{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#ffffffd1;border:1px solid rgba(127,175,114,.28);box-shadow:0 8px 24px #3f6f380f;opacity:0;transform:translate3d(18px,10px,0);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc((var(--b, 1) - 1) * .12s);will-change:transform,opacity}.sg-pea-dissolve.is-benefits-in .sg-pea-dissolve__benefit{opacity:1;transform:translateZ(0)}.sg-pea-dissolve__benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#7faf7224;font-size:1.25rem;line-height:1}.sg-pea-dissolve__benefit-text{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.4;font-weight:600;color:#1a1a1a}.sg-pea-dissolve__copy{max-width:720px;margin:0 auto;text-align:center}.sg-pea-dissolve__heading{margin:0 0 12px;font-family:var(--font-heading--family),Georgia,serif;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:500;line-height:1.2;color:var(--sg-pea-green-deep)}.sg-pea-dissolve__description{margin:0;font-size:clamp(.975rem,1.8vw,1.1rem);line-height:1.65;color:#4a5568}.sg-pea-dissolve__description p{margin:0}@media(max-width:849px){.sg-pea-dissolve__inner{display:flex;flex-direction:column}.sg-pea-dissolve__copy{order:1;text-align:left;width:100%;max-width:none;margin:0}.sg-pea-dissolve__visual{order:2;grid-template-columns:1fr}.sg-pea-dissolve__benefits{order:1}.sg-pea-dissolve__stage{order:2;max-width:340px;aspect-ratio:3 / 4}.sg-pea-dissolve--static .sg-pea-dissolve__stage{aspect-ratio:auto}.sg-pea-dissolve__benefit{transform:translate3d(0,14px,0)}.sg-pea-dissolve.is-benefits-in .sg-pea-dissolve__benefit{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.sg-pea-dissolve__sachet,.sg-pea-dissolve__sachet-img--open,.sg-pea-dissolve__sachet-img--closed,.sg-pea-dissolve__benefit,.sg-pea-dissolve__water{transition:none!important;animation:none!important}.sg-pea-dissolve__grain{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/sg-pea-dissolve.css.map */