:root{--timer-animate: 500ms}body{position:relative}.pdp__popup.is-hide-popup{display:none}.pdp__popup{display:flex;justify-content:center;position:absolute;left:0;top:0;height:100%;width:100%;z-index:1000;background-color:rgba(38,38,38,.5)}.popup-wrapper{background:#fff;padding:32px;height:80vh;margin-top:5%;position:fixed;width:984px;border-radius:24px;max-width:644px}.popup-wrapper h3{margin:0 0 24px;font-size:20px;line-height:130%;font-weight:400;color:#131211}.popup-wrapper .wrapper__content{overflow-y:auto;height:calc(100% - 48px)}.popup-wrapper .wrapper__content::-webkit-scrollbar{width:3px;height:3px}.popup-wrapper .wrapper__content::-webkit-scrollbar-track{background:#f1f1f1}.popup-wrapper .wrapper__content::-webkit-scrollbar-thumb{background:#888}.popup-wrapper .wrapper__content::-webkit-scrollbar-thumb:hover{background:#555}.popup-wrapper .wrapper__content h2{margin:0 0 16px;font-size:28px;line-height:120%;font-weight:400;color:#131211}.popup-wrapper .wrapper__content .pdp__flavor-color--wrapp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.popup-wrapper .wrapper__content .pdp__flavor-color--wrapp .pdp__flavor-label{border:1px solid #ecebde;padding:8px;border-radius:4px;font-size:14px;line-height:150%;font-weight:400;color:#131211;cursor:pointer}.popup-wrapper .wrapper__content .supplement-facts{font-size:14px;line-height:150%;font-weight:400;color:#2d2c29;padding-right:6px}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section:nth-child(1) p{font-size:14px;line-height:150%;font-weight:400;color:#131211}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section:nth-child(1) p strong{font-size:12px;font-weight:600}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section .metafield-rich_text_field:has(h5){display:flex;align-items:center;gap:6px;justify-content:space-between;padding:12px 0;margin-top:20px;border-bottom:3px solid #131211}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section .metafield-rich_text_field:has(h5) *{font-size:12px;line-height:150%;font-weight:600;color:#131211;font-family:var(--font-body-family);margin:0}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section h4{font-family:var(--font-body-family);color:#131211;font-weight:600;padding:12px 0;border-bottom:1px solid #727270;margin:0}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section ul{list-style-type:none;padding-left:0;margin:0}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section ul li{padding:12px 0;border-bottom:1px solid #ecebde;display:flex}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section ul li em{margin-left:auto;font-style:normal}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section p{font-size:12px;line-height:150%;font-weight:400;color:#727270;margin-top:24px}.popup-wrapper .wrapper__content .supplement-facts .supplement-facts__section p:last-child{margin-bottom:0}@media(max-width: 1024px){.popup-wrapper{width:90%;margin-top:15%}}@media(max-width: 768px){.popup-wrapper{flex-direction:column;padding:40px 16px 16px 16px}.popup-wrapper button{margin:0 auto}}.popup-wrapper .icon-close-wrapper{position:absolute;right:32px;top:32px;cursor:pointer;transition-duration:var(--timer-animate);width:32px;height:32px}.popup-wrapper .icon-close-wrapper:hover svg{stroke:var(--color-background-header)}.pdp__flavor-color--wrapp .pdp__flavor-label.is-active{background-color:#40543e;color:#fff !important;border-color:#40543e}