.product-efficacy__scroll-container{height:260vh;position:relative}.product-efficacy__sticky{position:sticky;top:0;height:100vh;width:100%;margin:0 auto;padding:0 40px;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header ." "content image" "footer footer";align-content:center}.product-efficacy__sticky:has(.product-efficacy__image){column-gap:24px}.product-efficacy__pin-scope,.product-efficacy__pinned{display:contents}.product-efficacy__header{grid-area:header;width:100%;padding:24px 0}.product-efficacy__title-row{display:flex;align-items:center;gap:14px}.product-efficacy__title-bar{width:5px;height:44px;border-radius:3px;background:linear-gradient(180deg,var(--color-last),var(--color-mid));flex-shrink:0}.product-efficacy__title{font-family:Poppins,sans-serif;font-size:clamp(28px,5vw,46px);font-weight:600;color:#333;line-height:1;letter-spacing:-.02em;margin:0}.product-efficacy__subtitle{font-size:14px;color:#666;margin-top:5px}.product-efficacy__content{grid-area:content;min-width:0;width:100%;display:flex;align-items:stretch;gap:24px}.product-efficacy__nav{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}@keyframes product-efficacy-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color) 45%,transparent)}70%{box-shadow:0 0 0 12px color-mix(in srgb,var(--color) 0,transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color) 0,transparent)}}.product-efficacy__dot{width:76px;height:76px;flex-shrink:0;border-radius:50%;border:2.5px solid var(--color);background:color-mix(in srgb,var(--color) 15%,#fff);color:color-mix(in srgb,var(--color) 70%,#333);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .25s,box-shadow .25s,transform .25s,color .25s;animation:product-efficacy-pulse 2.4s ease-out infinite}.product-efficacy__dot-index{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;line-height:1}.product-efficacy__dot:hover{background:color-mix(in srgb,var(--color) 45%,#fff);transform:scale(1.08);animation:none;box-shadow:0 0 0 8px color-mix(in srgb,var(--color) 18%,transparent)}.product-efficacy__dot:focus-visible{outline:2px solid var(--color);outline-offset:4px}.product-efficacy__dot.is-active{background:var(--color);color:#fff;transform:scale(1.1);animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--color) 28%,transparent)}.product-efficacy__card-area{flex:1;min-width:0}.product-efficacy__grid{display:grid;grid-template-columns:1fr;height:100%}.product-efficacy__card{grid-area:1/1;background:color-mix(in srgb,var(--color) 12%,#fff);border:2px solid transparent;border-radius:28px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);opacity:0;translate:0 20px;pointer-events:none;visibility:hidden;transition:opacity .5s,translate .5s,border-color .3s,box-shadow .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s}.product-efficacy__card.is-active{opacity:1;translate:0 0;pointer-events:auto;visibility:visible;transition-delay:0s;border-color:var(--color);box-shadow:0 16px 48px color-mix(in srgb,var(--color) 25%,transparent),0 4px 16px color-mix(in srgb,var(--color) 15%,transparent)}.product-efficacy__card:focus-visible{outline:2px solid var(--color);outline-offset:3px}.product-efficacy__card::after{content:"";position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--color) 18%,transparent);transition:transform .4s ease}.product-efficacy__card.is-active::after{transform:scale(1.8)}.product-efficacy__image{grid-area:image;flex-shrink:0;width:280px;align-self:stretch}.product-efficacy__image .image-before-after{width:100%;border-radius:16px;overflow:hidden;line-height:0;position:relative;isolation:isolate;z-index:0}.product-efficacy__image .image-before-after__media{position:relative;width:100%;aspect-ratio:var(--ratio,3/4);overflow:hidden;touch-action:pan-y}.product-efficacy__image .image-before-after__img{width:100%;height:100%;object-fit:cover;display:block}.product-efficacy__image .image-before-after--single .image-before-after__img{height:auto}.product-efficacy__image .image-before-after__media .image-before-after__img{position:absolute;inset:0}.product-efficacy__image .image-before-after__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos,50%))}.product-efficacy__image .image-before-after__label{position:absolute;top:12px;z-index:2;padding:4px 10px;border-radius:20px;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#fff;background:rgba(0,0,0,.65);backdrop-filter:blur(2px);pointer-events:none}.product-efficacy__image .image-before-after__label--before{left:12px}.product-efficacy__image .image-before-after__label--after{right:12px}.product-efficacy__image .image-before-after__divider{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;z-index:3;background:rgba(255,255,255,.9);transform:translateX(-1px);pointer-events:none}.product-efficacy__image .image-before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25)}.product-efficacy__image .image-before-after__handle svg{display:block}.product-efficacy__image .image-before-after__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,0);cursor:ew-resize}.product-efficacy__image .image-before-after__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:100%;cursor:ew-resize}.product-efficacy__image .image-before-after__range::-moz-range-thumb{width:44px;height:100%;border:0;border-radius:0;cursor:ew-resize}.product-efficacy__image .image-before-after__range:focus+.image-before-after__divider .image-before-after__handle,.product-efficacy__image .image-before-after__range:focus-visible+.image-before-after__divider .image-before-after__handle{box-shadow:0 0 0 3px rgba(112,69,245,.6),0 2px 10px rgba(0,0,0,.25)}.product-efficacy__image .image-before-after{height:100%}.product-efficacy__image .image-before-after__media{height:100%;aspect-ratio:auto}.product-efficacy__image .image-before-after--single .image-before-after__img{height:100%;object-fit:cover}.product-efficacy__badge{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:6px 14px;margin-bottom:20px;position:relative;z-index:1;background:color-mix(in srgb,var(--color) 30%,#fff)}.product-efficacy__badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color);box-shadow:0 0 0 3px color-mix(in srgb,var(--color) 30%,transparent)}.product-efficacy__badge-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--color) 60%,#333);letter-spacing:.02em;line-height:1.3}.product-efficacy__results{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.product-efficacy__result-item{display:flex;flex-direction:column;gap:3px}.product-efficacy__result-text{font-size:14px;color:#333;line-height:1.4}.product-efficacy__bar-row{display:flex;align-items:center;gap:8px}.product-efficacy__bar-track{flex:1;height:6px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--color) 20%,#f0f0f0)}.product-efficacy__bar-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--color) 55%,#fff),var(--color));transition:width .8s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--row,0)*100ms)}.product-efficacy__card.is-active .product-efficacy__bar-fill{width:var(--pct);display:block}.product-efficacy__bar-pct{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;min-width:40px;text-align:right;color:color-mix(in srgb,var(--color) 70%,#333)}.product-efficacy__footer-note{grid-area:footer;margin:20px 0 0;display:flex;align-items:flex-start;gap:10px;width:100%}.product-efficacy__footer-bar{width:3px;min-height:40px;border-radius:2px;background:linear-gradient(180deg,var(--color-mid),transparent);margin-top:2px;flex-shrink:0}.product-efficacy__footer-text{font-size:12px;color:#666;line-height:1.7}.product-efficacy__footer-text strong{color:#333;font-weight:600}@media(prefers-reduced-motion:reduce){.product-efficacy__bar-fill,.product-efficacy__card,.product-efficacy__card::after,.product-efficacy__dot{transition:none;animation:none}}@media(max-width:1024px){.product-efficacy__image{width:220px}.product-efficacy__dot{width:64px;height:64px}}@media(max-width:768px){.product-efficacy__scroll-container{height:auto}.product-efficacy__sticky{position:static;height:auto;max-width:none;padding:0 20px 32px;display:block}.product-efficacy__pin-scope{display:block;height:200vh}.product-efficacy__pinned{position:sticky;top:0;z-index:1;height:80vh;display:flex;flex-direction:column;justify-content:center;background:#fff}.product-efficacy__header{padding:16px 0 12px}.product-efficacy__title{font-size:clamp(22px,5vw,28px)}.product-efficacy__subtitle{font-size:12px}.product-efficacy__content{gap:16px;flex-wrap:wrap}.product-efficacy__nav{flex:0 0 100%;flex-direction:row;justify-content:space-between;width:100%;gap:12px}.product-efficacy__dot{width:48px;height:48px}.product-efficacy__dot-index{font-size:15px}.product-efficacy__card-area{flex:0 0 100%;width:100%}.product-efficacy__card{border-radius:20px;padding:24px 20px}.product-efficacy__image{width:100%;margin-top:24px}.product-efficacy__image .image-before-after{height:auto}.product-efficacy__image .image-before-after__media{height:auto;aspect-ratio:3/4;max-height:none}.product-efficacy__image .image-before-after--single .image-before-after__img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}}