.pp-why-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:#0f0f128c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .28s ease}.pp-why-overlay.is-open{opacity:1;pointer-events:auto}.pp-why-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:440px;height:85vh;max-height:720px;background:#fff;border-radius:28px;box-shadow:0 30px 80px #00000059,0 10px 30px #00000026;z-index:10001;overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.25,.46,.45,.94),transform .28s cubic-bezier(.25,.46,.45,.94);font-family:inherit;color:#1a1a1a}.pp-why-modal.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.pp-why-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;background:#0000000a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .15s ease;color:#1a1a1a}.pp-why-modal__close:hover{background:#00000014}.pp-why-modal__close svg{width:16px;height:16px}.pp-why-modal__banner{flex-shrink:0;height:220px;background:#fafaf8;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ECEAE5}.pp-why-modal__banner img{max-width:75%;max-height:80%;object-fit:contain}.pp-why-modal__tabs{flex-shrink:0;display:flex;gap:6px;padding:14px 20px 12px;background:#fff;border-bottom:1px solid #ECEAE5;position:sticky;top:0;z-index:1}.pp-why-tab{flex:1 1 auto;padding:8px 10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;border:1px solid #3D6B50;border-radius:100px;background:transparent;color:#3d6b50;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:center}.pp-why-tab.is-active{background:#3d6b50;color:#fff}.pp-why-modal__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 40px}.pp-why-panel{display:none}.pp-why-panel.is-active{display:block}.pp-why-panel__heading{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 14px}.pp-why-panel__heading:not(:first-child){margin-top:28px}.pp-why-reason{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #F0EEE8}.pp-why-reason:last-child{border-bottom:none}.pp-why-reason__strength{flex-shrink:0;display:flex;gap:3px;margin-top:6px}.pp-why-reason__dot{width:6px;height:6px;border-radius:50%;background:#d7d4cd}.pp-why-reason__dot.is-filled{background:#3d6b50}.pp-why-reason__text{font-size:14.5px;line-height:1.55;color:#1a1a1a}.pp-why-purpose{font-size:14.5px;line-height:1.55;color:#1a1a1a;padding:16px 18px;background:#f5f3ef;border-radius:14px}.pp-why-nutrient{padding:16px 0;border-bottom:1px solid #F0EEE8}.pp-why-nutrient:last-child{border-bottom:none}.pp-why-nutrient__row{display:flex;align-items:center;gap:12px}.pp-why-nutrient__icon{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fafaf8;display:flex;align-items:center;justify-content:center}.pp-why-nutrient__icon img{width:100%;height:100%;object-fit:cover}.pp-why-nutrient__info{flex:1 1 auto}.pp-why-nutrient__name{font-size:14.5px;font-weight:500;color:#1a1a1a}.pp-why-nutrient__sub{font-size:12px;color:#5c5c5c;margin-top:1px}.pp-why-nutrient__values{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12.5px;color:#5c5c5c}.pp-why-nutrient__qty{font-weight:500;color:#1a1a1a}.pp-why-nutrient__reason{margin-top:10px;font-size:13px;line-height:1.55;color:#5c5c5c}.pp-why-nutrient__tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.pp-why-nutrient__tag{display:inline-block;padding:3px 10px;font-size:11.5px;color:#3d6b50;background:#f0f4ee;border-radius:100px}.pp-why-research-empty{padding:40px 16px;text-align:center;font-size:14.5px;line-height:1.6;color:#5c5c5c}.pp-why-research-empty strong{display:block;color:#1a1a1a;font-size:15.5px;margin-bottom:6px;font-weight:600}.pp-why-panel .ppm__faq-container{padding:0}@media(max-width:768px){.pp-why-modal{top:auto;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .18s ease}.pp-why-modal.is-open{transform:translateY(0);opacity:1}.pp-why-modal__banner{height:160px}.pp-why-modal__body{padding:24px 20px 32px}}.pp-why-modal *:focus-visible{outline:2px solid #3D6B50;outline-offset:2px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/pp-why-modal.css.map */