:root{--section-bg-color: #E0EFFF}.accordion-header.active{background:rgba(var(--color-primary));color:rgba(var(--color-white))}.accordion-title{flex:1;text-align:left}.accordion-icon{transition:transform .3s ease}.accordion-header .icon-plus,.accordion-header .icon-minus{color:rgba(var(--color-black))}.accordion-header.active .icon-plus,.accordion-header.active .icon-minus{color:rgba(var(--color-white))}.accordion-header .icon-plus{display:block!important}.accordion-header .icon-minus,.accordion-header.active .icon-plus{display:none!important}.accordion-header.active .icon-minus{display:block!important}.accordion-inner{padding:1.5rem 0 .5rem;background:var(--section-bg-color, #E0EFFF)}.modular-tab-button:hover,.modular-tab-button.active{background:rgba(var(--color-primary));color:rgba(var(--color-white))}.modular-tab-button:focus{outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.modular-panel-title{font-size:1.5rem;font-weight:500;font-family:var(--font-display-family);font-style:var(--font-display-style);color:rgba(var(--color-primary));text-align:center;margin-bottom:1.5rem}.how-it-works-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:0 auto}.how-works-item{text-align:left}.how-works-icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.how-works-headline{font-size:1.5rem;font-weight:500;font-family:var(--font-display-family);font-style:var(--font-display-style);font-weight:var(--font-display-weight);color:rgba(var(--color-primary));margin-bottom:1rem;line-height:100%}.how-works-text{font-size:1rem;font-family:var(--font-accent-family);font-weight:400;line-height:125%;color:rgba(var(--color-black))}.ingredients-scroll-wrapper{overflow-x:hidden;position:relative}.ingredients-container.mobile-ingredients .ingredients-scroll-wrapper{overflow-x:auto;width:100%}.ingredients-container.mobile-ingredients .ingredients-grid{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ingredients-container.mobile-ingredients .ingredients-grid::-webkit-scrollbar{display:none}.ingredient-image{margin-bottom:.5rem;aspect-ratio:1/1;display:flex;gap:1rem;justify-content:center;align-items:center;width:100%;height:fit-content}.ingredient-image img{width:100%;height:100%!important;object-fit:cover;border-radius:2rem}.ingredient-name{font-size:1rem;font-weight:400;color:rgba(var(--color-black));margin-top:1rem;line-height:100%;text-align:center;margin-bottom:0}.ingredient-benefit{font-size:.75rem;line-height:1.3;color:rgba(var(--color-black));margin:.5rem 0;text-align:center;max-width:100%}.ingredient-cta{display:inline-block;color:rgba(var(--color-white))!important;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:400;font-family:var(--font-display-family);font-style:var(--font-display-style);background:rgba(var(--color-primary));cursor:pointer;transition:all .3s ease;position:relative;width:fit-content;margin-top:.5rem}.ingredient-cta:hover{color:rgba(var(--color-primary));text-decoration:underline;background:rgba(var(--color-primary),.2)}.ingredients-nav{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:transparent;border:1px solid rgba(var(--color-primary));color:rgba(var(--color-primary));cursor:pointer;transition:all .2s ease;position:relative;border-radius:.5rem}.ingredients-nav:disabled{opacity:1;cursor:not-allowed;pointer-events:none}.ingredients-nav svg{width:.75rem;height:.75rem;flex-shrink:0}.ingredients-nav--next{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.ingredients-nav--prev{border-top-right-radius:0;border-right:none;border-bottom-right-radius:0}.ingredients-nav:hover:not(:disabled){background-color:rgba(var(--color-primary))}.ingredients-nav:hover:not(:disabled) svg{width:.75rem;height:.75rem}.ingredients-nav:hover:not(:disabled) svg path{stroke:rgba(var(--color-white))}.additional-ingredients-text{width:100%;max-width:100%;margin-top:1.5rem;margin-bottom:0;padding:0;font-size:1rem;line-height:1.5;color:rgba(var(--color-black));text-align:center;font-family:var(--font-accent-family);font-weight:400}.additional-ingredients-text p{margin:0}.additional-ingredients-text p:not(:last-child){margin-bottom:.5rem}.ingredients-nav-wrapper{display:flex;justify-content:center;margin-top:1.5rem;gap:0}.ingredients-nav-wrapper.mobile-nav{margin-top:1rem}.how-to-use-content{margin:0 auto}.how-to-use-media{position:relative;width:100%;margin-left:auto;margin-right:auto}.how-to-use-media .video-wrapper{margin-bottom:2rem}.how-to-use-media .video-wrapper,.how-to-use-media .hero-image-wrapper{position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:16/9;width:100%;max-height:600px}.how-to-use-media .video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;border-radius:.75rem;background:transparent}.how-to-use-media .video-wrapper video:not([poster]){background:#f0f0f0}.how-to-use-media .hero-image-wrapper img{width:100%;height:100%!important;object-fit:cover;display:block}.how-to-use-content.has-image-layout{display:flex;flex-direction:column;gap:1.5rem}.how-to-use-content.has-image-layout .how-to-use-media{width:100%}.how-to-use-content.has-image-layout .hero-image-wrapper{aspect-ratio:1/1;width:100%;margin:0 auto;max-height:none}.how-to-use-content.has-image-layout .how-to-use-instructions{width:100%}@media (min-width: 992px){.how-to-use-content.has-image-layout{flex-direction:row;align-items:flex-start;gap:2rem}.how-to-use-content.has-image-layout .how-to-use-media{flex:0 0 auto;width:auto;margin:0}.how-to-use-content.has-image-layout .hero-image-wrapper{margin:0;max-width:33vw}.how-to-use-content.has-image-layout .how-to-use-instructions{flex:1 1 auto}}.how-to-use-instructions h3{font-size:1.5rem;font-weight:500;color:rgba(var(--color-primary));margin-bottom:1rem;text-align:center;font-family:var(--font-display-family)}.instructions-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.instruction-item{display:flex;align-items:flex-start;gap:1.25rem;background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(var(--color-primary),.1);transition:transform .3s ease,box-shadow .3s ease}.instruction-number{flex-shrink:0;width:2.5rem;height:2.5rem;background:rgba(var(--color-primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;font-family:var(--font-display-family)}.instruction-content h4{font-size:1.125rem;font-weight:600;color:rgba(var(--color-primary));margin-bottom:.75rem;font-family:var(--font-display-family)}.instruction-content p{font-size:1rem;line-height:1.6;color:rgba(var(--color-black));margin:0}.play-icon-overlay:hover{background:#00000080}.custom-play-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.custom-play-button:hover{transform:scale(1.1)}.custom-play-button:active{transform:scale(.95)}.custom-play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.how-to-use-media .video-wrapper.playing .play-icon-overlay{display:none}.clinically-proven-content{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.clinical-stats{display:flex;flex-direction:column;gap:1rem;height:100%}.stat-block{background:rgba(var(--color-white));display:flex;border-radius:2rem;padding:1.25rem;flex:1;align-items:center;text-align:left;gap:.75rem;transition:transform .3s ease}.stat-number{font-size:2rem;font-weight:500;color:rgba(var(--color-block));font-family:var(--font-display-family);line-height:1}.stat-description{font-size:1rem;font-family:var(--font-accent-family);line-height:1.5;color:rgba(var(--color-black))}.stat-description b{text-decoration:underline}.visual-asset{position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:4/5;width:100%}.visual-asset img{width:100%;height:100%!important;display:block}.lazy-image{background:#f0f0f0;opacity:.7;transition:opacity .3s ease}.lazy-image.loaded{opacity:1}.how-to-use-media[data-lazy-load]{min-height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.how-to-use-media[data-lazy-load]:before{content:"Loading...";color:#666;font-size:.875rem}.ingredients-container.grid-layout .ingredients-grid.grid-display{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:1rem;overflow:visible;padding:1.25rem 0}.ingredients-container.grid-layout .ingredients-grid.grid-display .ingredient-card{width:auto;min-width:auto;max-width:none;flex-shrink:1}.modular-tab-button:focus-visible,.accordion-header:focus-visible,.ingredients-nav:focus-visible{outline:.1875rem solid rgba(var(--color-primary));outline-offset:.125rem}@media (prefers-reduced-motion: reduce){.modular-tab-button,.accordion-header,.ingredient-card,.stat-block,.modular-tab-panel{animation:none}.accordion-content{transition:none}}@media (prefers-contrast: high){.modular-tab-button,.accordion-header,.ingredient-card,.stat-block{border:.125rem solid rgba(var(--color-primary))}}@media print{.modular-product-overview{background:#fff!important;color:#000!important}.modular-tabs-header,.accordion-header{display:none}.modular-tab-panel,.accordion-content{display:block!important;max-height:none!important}.ingredients-nav{display:none}}@media (min-width: 768px){.how-to-use-media{width:95%}.how-it-works-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem}.how-works-item{text-align:left}.how-works-icon{justify-content:center}.ingredients-grid{gap:1.5rem}.ingredients-grid:not(.grid-display) .ingredient-card{width:calc((100% - 4.5rem)/4)!important;min-width:calc((100% - 4.5rem)/4)!important}.ingredient-image{min-height:10rem}.ingredient-cta{font-size:1rem;padding:.5rem 1rem}.instructions-list{grid-template-columns:repeat(2,1fr);gap:2rem}.instruction-item{gap:1.5rem}.instruction-number{width:3rem;height:3rem;font-size:1.25rem}.instruction-content h4{font-size:1.25rem}.instruction-content p{font-size:1.125rem}.ingredients-container.grid-layout .ingredients-grid.grid-display{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:1.5rem}}@media (min-width: 992px){.instructions-list{grid-template-columns:unset}.modular-overview-desktop{display:block}.modular-overview-mobile{display:none}.how-to-use-media{width:90%}.visual-asset{max-height:32vw}.ingredients-scroll-wrapper{overflow:hidden;max-width:100%}.ingredients-grid{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:calc(1*(100% - 6rem) + 6rem)}.ingredients-grid::-webkit-scrollbar{display:none}.ingredients-grid:not(.grid-display) .ingredient-card{width:calc((100% - 6rem)/5 + .25rem)!important;min-width:calc((100% - 6rem)/5 + .25rem)!important}.additional-ingredients-text{font-size:1rem;margin-top:2rem}.ingredient-image{width:100%;height:fit-content}.ingredient-name{font-size:.875rem;font-weight:500;margin-top:.5rem;line-height:1.2}.ingredient-benefit{font-size:.75rem;margin:.25rem 0}.ingredient-cta{font-size:.875rem;padding:.25rem .5rem}.ingredients-nav{display:flex!important;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:transparent;border:1px solid rgba(var(--color-primary));color:rgba(var(--color-primary));cursor:pointer;transition:all .2s ease;position:relative}.ingredients-nav--next{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.ingredients-nav--prev{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.ingredients-nav:hover:not(:disabled){background-color:rgba(var(--color-primary))}.ingredients-nav:hover:not(:disabled) svg{width:.75rem;height:.75rem}.additional-ingredients-text{margin-top:1rem}.ingredients-nav-wrapper{display:flex;justify-content:center;margin-top:2rem;gap:0}.clinically-proven-content{grid-template-columns:1fr 1fr 1fr;gap:1rem}.ingredients-container.grid-layout .ingredients-grid.grid-display{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:1.5rem}}@media screen and (min-width: 1300px){.modular-tab-button{min-width:16rem}}@media screen and (min-width: 1700px){.how-to-use-media .video-wrapper,.how-to-use-media .hero-image-wrapper{max-height:900px}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/section-modular-product-overview.css.map */