.hpn-premium-ingredients,.hpn-premium-ingredients *{box-sizing:border-box}.hpn-premium-ingredients{background:var(--hpn-premium-ingredients-bg);color:var(--hpn-premium-ingredients-text);overflow:hidden;padding:56px 24px 64px}.hpn-premium-ingredients__inner{width:100%;max-width:1120px;margin:0 auto}.hpn-premium-ingredients__top{display:grid;justify-items:center;gap:28px;margin-bottom:36px}.hpn-premium-ingredients__heading{margin:0;color:var(--hpn-premium-ingredients-text);text-align:center;line-height:1.1;letter-spacing:0}.hpn-premium-ingredients__heading-line{display:block;font-size:var(--hpn-premium-ingredients-heading-size-mobile)}.hpn-premium-ingredients__heading-line--one{font-weight:800}.hpn-premium-ingredients__heading-line--two{font-weight:400}.hpn-premium-ingredients__arrows{display:flex;align-items:center;justify-content:center;gap:34px}.hpn-premium-ingredients__arrows[hidden]{display:none}.hpn-premium-ingredients__arrow{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:var(--hpn-premium-ingredients-arrow-bg);color:var(--hpn-premium-ingredients-arrow-color);cursor:pointer}.hpn-premium-ingredients__arrow span{display:block;width:18px;height:18px;border-bottom:5px solid currentColor;border-left:5px solid currentColor;transform:translate(4px) rotate(45deg)}.hpn-premium-ingredients__arrow--next span{transform:translate(-4px) rotate(225deg)}.hpn-premium-ingredients__viewport{width:100%;overflow:visible}.hpn-premium-ingredients__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.hpn-premium-ingredients__track::-webkit-scrollbar{display:none}.hpn-premium-ingredients__ingredient{min-width:0;color:var(--hpn-premium-ingredients-text);scroll-snap-align:center;text-align:center}.hpn-premium-ingredients__ingredient-trigger,.hpn-premium-ingredients__ingredient-static{display:block;width:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:inherit}.hpn-premium-ingredients__ingredient-trigger{cursor:pointer}.hpn-premium-ingredients__ingredient-trigger:focus-visible{outline:3px solid var(--hpn-premium-ingredients-arrow-bg);outline-offset:8px;border-radius:20px}.hpn-premium-ingredients__image-wrap{width:100%;aspect-ratio:1.15 / 1;overflow:hidden;border-radius:20px}.hpn-premium-ingredients__image{display:block;width:100%;height:100%;object-fit:cover}.hpn-premium-ingredients__ingredient-title{margin:30px 0 18px;color:var(--hpn-premium-ingredients-text);font-size:var(--hpn-premium-ingredients-title-size-mobile);font-weight:800;line-height:1.1;letter-spacing:0;text-transform:uppercase}.hpn-premium-ingredients__dosage{display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;padding:10px 20px;border-radius:14px;color:var(--hpn-premium-ingredients-dosage-text);background:var(--hpn-premium-ingredients-dosage-bg);font-size:var(--hpn-premium-ingredients-dosage-size-mobile);font-weight:400;line-height:1}.hpn-premium-ingredients__description{color:var(--hpn-premium-ingredients-text);font-size:var(--hpn-premium-ingredients-description-size-mobile);font-weight:400;line-height:1.42;letter-spacing:0}.hpn-premium-ingredients__description p{margin:0;color:inherit;font:inherit;line-height:inherit}.hpn-premium-ingredients__cta{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:center;gap:24px;width:100%;max-width:578px;margin:12px auto 0;padding:28px 28px 28px 54px;border:0;border-radius:14px;color:var(--hpn-premium-ingredients-cta-text);background:var(--hpn-premium-ingredients-cta-bg);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.hpn-premium-ingredients__cta-text{font-size:var(--hpn-premium-ingredients-cta-size-mobile);font-weight:800;line-height:1.35}.hpn-premium-ingredients__cta-image{display:block;width:72px;height:auto}.hpn-premium-ingredients__dialog[hidden]{display:none}.hpn-premium-ingredients__dialog{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;width:100%;min-width:0;min-height:100%;background:#0000009e;opacity:0;pointer-events:none;transition:opacity .18s ease}.hpn-premium-ingredients__dialog--is-open{opacity:1;pointer-events:auto}.hpn-premium-ingredients__dialog--is-closing{opacity:0;pointer-events:none}.hpn-premium-ingredients__dialog-panel{position:relative;display:grid;width:min(100%,430px);max-height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--hpn-premium-ingredients-bg);color:var(--hpn-premium-ingredients-text);transform:translateY(8px) scale(.985);transition:transform .18s ease;-webkit-overflow-scrolling:touch}.hpn-premium-ingredients__dialog--is-open .hpn-premium-ingredients__dialog-panel{transform:translateY(0) scale(1)}.hpn-premium-ingredients__dialog-close{position:fixed;z-index:3;top:17px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid rgba(8,41,68,.2);border-radius:50%;color:#08294438;background:transparent;font:inherit;cursor:pointer}.hpn-premium-ingredients__dialog-close:before,.hpn-premium-ingredients__dialog-close:after{position:absolute;top:50%;left:50%;width:12px;height:2px;border-radius:999px;background:currentColor;content:"";transform-origin:center}.hpn-premium-ingredients__dialog-close:before{transform:translate(-50%,-50%) rotate(45deg)}.hpn-premium-ingredients__dialog-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.hpn-premium-ingredients__dialog-close span,.hpn-premium-ingredients__dialog-side{display:none}.hpn-premium-ingredients__dialog-content{width:100%;min-width:0;padding:64px 42px 52px}.hpn-premium-ingredients__dialog-title{margin:0 0 18px;color:var(--hpn-premium-ingredients-text);font-size:clamp(34px,8vw,36px);font-weight:400;line-height:1.12;text-align:center;letter-spacing:0}.hpn-premium-ingredients__dialog-title strong{font-weight:800}.hpn-premium-ingredients__dialog-body{display:grid;justify-items:center;gap:38px}.hpn-premium-ingredients__dialog-facts{width:100%;max-width:292px}.hpn-premium-ingredients__dialog-facts-image,.hpn-premium-ingredients__dialog-pill-image,.hpn-premium-ingredients__dialog-side-image{display:block;width:100%;height:auto}.hpn-premium-ingredients__dialog-pill{display:grid;justify-items:center;width:100%}.hpn-premium-ingredients__dialog-pill-image{max-width:220px}.hpn-premium-ingredients__dialog-caption{max-width:260px;margin:18px 0 0;color:var(--hpn-premium-ingredients-text);font-size:17px;font-weight:400;line-height:1.3;text-align:center}@media screen and (min-width:750px){.hpn-premium-ingredients{padding:70px 34px 78px}.hpn-premium-ingredients__top{gap:28px;margin-bottom:28px}.hpn-premium-ingredients__heading-line{font-size:var(--hpn-premium-ingredients-heading-size-tablet)}.hpn-premium-ingredients__arrows{gap:26px}.hpn-premium-ingredients__arrow{width:42px;height:42px}.hpn-premium-ingredients__arrow span{width:14px;height:14px;border-width:4px}.hpn-premium-ingredients__track{grid-auto-columns:calc((100% - 64px) / 3);gap:32px;scroll-snap-type:x proximity}.hpn-premium-ingredients__ingredient{text-align:left;scroll-snap-align:start}.hpn-premium-ingredients__ingredient-trigger:focus-visible{border-radius:18px}.hpn-premium-ingredients__image-wrap{aspect-ratio:1.18 / 1;border-radius:18px}.hpn-premium-ingredients__ingredient-title{margin:22px 0 12px;font-size:var(--hpn-premium-ingredients-title-size-tablet)}.hpn-premium-ingredients__dosage{margin-bottom:18px;padding:9px 14px;border-radius:12px;font-size:var(--hpn-premium-ingredients-dosage-size-tablet)}.hpn-premium-ingredients__description{font-size:var(--hpn-premium-ingredients-description-size-tablet);line-height:1.42}.hpn-premium-ingredients__cta{width:auto;max-width:652px;margin-top:42px;padding:22px 30px}.hpn-premium-ingredients__cta-text{font-size:var(--hpn-premium-ingredients-cta-size-tablet);line-height:1.25}.hpn-premium-ingredients__cta-image{width:56px}.hpn-premium-ingredients__dialog-panel{width:min(100%,760px)}.hpn-premium-ingredients__dialog-content{padding:66px 56px 58px}.hpn-premium-ingredients__dialog-facts{max-width:430px}.hpn-premium-ingredients__dialog-pill-image{max-width:260px}}@media screen and (min-width:990px){.hpn-premium-ingredients{padding:72px 40px 80px}.hpn-premium-ingredients__inner{position:relative}.hpn-premium-ingredients__top{justify-items:start;margin-bottom:48px;padding-right:350px}.hpn-premium-ingredients__heading{text-align:left}.hpn-premium-ingredients__heading-line{font-size:var(--hpn-premium-ingredients-heading-size-desktop)}.hpn-premium-ingredients__arrows{position:absolute;z-index:2;left:max(18px,calc((100vw - 1220px)/2 - 54px));right:max(18px,calc((100vw - 1220px)/2 - 54px));top:50%;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.hpn-premium-ingredients__arrow{pointer-events:auto}.hpn-premium-ingredients__viewport{position:relative}.hpn-premium-ingredients__track{grid-auto-columns:calc((100% - 72px) / 3);gap:36px}.hpn-premium-ingredients__ingredient-title{font-size:var(--hpn-premium-ingredients-title-size-desktop)}.hpn-premium-ingredients__dosage{font-size:var(--hpn-premium-ingredients-dosage-size-desktop)}.hpn-premium-ingredients__description{font-size:var(--hpn-premium-ingredients-description-size-desktop);line-height:1.42}.hpn-premium-ingredients__cta{position:absolute;top:0;right:0;align-self:start;width:349px;margin:0;padding:28px 22px}.hpn-premium-ingredients__cta-text{font-size:var(--hpn-premium-ingredients-cta-size-desktop)}.hpn-premium-ingredients__cta-image{width:64px}.hpn-premium-ingredients__dialog-panel{grid-template-columns:minmax(0,39%) minmax(0,61%);width:min(100%,1284px);max-height:calc(100svh - 48px)}.hpn-premium-ingredients__dialog{align-items:center;padding:24px}.hpn-premium-ingredients__dialog-close{position:absolute;top:34px;right:36px;width:50px;height:50px}.hpn-premium-ingredients__dialog-close:before,.hpn-premium-ingredients__dialog-close:after{width:21px;height:3px}.hpn-premium-ingredients__dialog-side{display:block;min-height:min(720px,calc(100svh - 48px));overflow:hidden}.hpn-premium-ingredients__dialog-side-image{width:100%;height:100%;object-fit:cover}.hpn-premium-ingredients__dialog-content{padding:66px 74px 60px 62px}.hpn-premium-ingredients__dialog-title{margin-bottom:44px;font-size:clamp(54px,5.2vw,70px);line-height:1.1;text-align:left}.hpn-premium-ingredients__dialog-body{grid-template-columns:minmax(0,58%) minmax(180px,1fr);align-items:center;gap:42px}.hpn-premium-ingredients__dialog-facts{max-width:430px}.hpn-premium-ingredients__dialog-pill-image{max-width:220px}.hpn-premium-ingredients__dialog-caption{margin-top:18px;font-size:17px}}@media(prefers-reduced-motion:reduce){.hpn-premium-ingredients__dialog,.hpn-premium-ingredients__dialog-panel{transition-duration:1ms}.hpn-premium-ingredients__dialog-panel{transform:none}}@media screen and (min-width:1200px){.hpn-premium-ingredients__inner{max-width:1120px}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/section-hpn-premium-ingredients.css.map */