.ingredient-showcase{background-color:var(--showcase-bg, #FFFFFF);color:var(--showcase-text, #1A1A1A)}.ingredient-showcase__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.ingredient-showcase__header{text-align:center;margin-bottom:1.5rem}@media screen and (min-width:768px){.ingredient-showcase__header{margin-bottom:2.5rem}}.ingredient-showcase__subheading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--showcase-accent, #2E5D4B);margin:0 0 .5rem}.ingredient-showcase__heading{font-family:domaine-display,serif;font-size:1.75rem;font-weight:500;margin:0;line-height:1.2}@media screen and (min-width:750px){.ingredient-showcase__heading{font-size:2.25rem}}@media screen and (min-width:990px){.ingredient-showcase__heading{font-size:2.75rem}}.ingredient-showcase__body{max-width:720px;margin:1rem auto 0;font-size:15px!important;line-height:1.45!important;color:var(--showcase-text, #1A1A1A)}.ingredient-showcase__body p{font-size:15px!important;line-height:1.45!important;margin:0}@media screen and (min-width:750px){.ingredient-showcase__body,.ingredient-showcase__body p{font-size:1.125rem!important;line-height:1.6!important}.ingredient-showcase__body{margin-top:1.25rem}}.d-none{display:none!important}.d-block{display:block!important}@media screen and (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}}.ingredient-showcase__interactive{max-width:900px;margin:0 auto}.ingredient-showcase__image-container{position:relative;display:inline-block;width:100%}.ingredient-showcase__image{width:100%;height:auto;display:block;border-radius:12px}.ingredient-showcase__image--placeholder{background-color:#f5f5f5;border-radius:12px}.ingredient-hotspot{position:absolute;left:var(--hotspot-x, 50%);top:var(--hotspot-y, 50%);transform:translate(-50%,-50%);z-index:10}.ingredient-hotspot--active{z-index:30}.ingredient-hotspot__trigger{position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--showcase-hotspot-bg, #2E5D4B);border:3px solid #FFFFFF;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ingredient-hotspot__trigger:hover,.ingredient-hotspot--active .ingredient-hotspot__trigger{transform:scale(1.1)}.ingredient-hotspot__icon{color:#fff;width:18px;height:18px}.ingredient-hotspot__icon path{stroke:currentColor;stroke-width:3;stroke-linecap:round}.ingredient-hotspot__pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background-color:var(--showcase-hotspot-bg, #2E5D4B);opacity:.3;animation:hotspotPulse 2s ease-out infinite}@keyframes hotspotPulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.8);opacity:0}}.ingredient-hotspot__tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%) translateY(8px);width:260px;padding:1.25rem;background-color:var(--showcase-tooltip-bg, #FFFFFF);border-radius:12px;box-shadow:0 8px 32px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20}.ingredient-hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--showcase-tooltip-bg, #FFFFFF)}.ingredient-hotspot--active .ingredient-hotspot__tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.ingredient-hotspot[style*="--hotspot-x: 0"] .ingredient-hotspot__tooltip,.ingredient-hotspot[style*="--hotspot-x: 5"] .ingredient-hotspot__tooltip,.ingredient-hotspot[style*="--hotspot-x: 10"] .ingredient-hotspot__tooltip,.ingredient-hotspot[style*="--hotspot-x: 15"] .ingredient-hotspot__tooltip{left:0;transform:translate(0) translateY(8px)}.ingredient-hotspot--active[style*="--hotspot-x: 0"] .ingredient-hotspot__tooltip,.ingredient-hotspot--active[style*="--hotspot-x: 5"] .ingredient-hotspot__tooltip,.ingredient-hotspot--active[style*="--hotspot-x: 10"] .ingredient-hotspot__tooltip,.ingredient-hotspot--active[style*="--hotspot-x: 15"] .ingredient-hotspot__tooltip{transform:translate(0) translateY(0)}.ingredient-hotspot__tooltip-icon{display:none}.ingredient-hotspot__tooltip-icon img{width:100%;height:100%;object-fit:contain}.ingredient-hotspot__tooltip-title{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--showcase-text, #1A1A1A);text-align:center}.ingredient-hotspot__tooltip-desc{font-size:.875rem;line-height:1.5;margin:0;color:var(--showcase-text, #1A1A1A);opacity:.8;text-align:center}.ingredient-showcase__mobile-image{display:none}.ingredient-showcase__mobile-img{width:100%;height:auto;display:block}.ingredient-showcase__carousel{margin:0 -.5rem}.ingredient-showcase__carousel:empty,.ingredient-showcase__carousel .splide__list:empty{display:none}.ingredient-card{background-color:var(--showcase-card-bg, #F8F7F5);border-radius:12px;padding:1rem 1rem 1.25rem;text-align:center}.ingredient-card__icon{width:110px;height:110px;margin:0 auto .75rem}.ingredient-card__icon img{width:100%;height:100%;object-fit:contain}.ingredient-card__title{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--showcase-text, #1A1A1A)}.ingredient-card__desc{font-size:.875rem;line-height:1.4;margin:0;color:var(--showcase-text, #1A1A1A);opacity:.8}.ingredient-showcase__carousel .splide__pagination{position:relative;bottom:auto;margin-top:1rem;margin-bottom:1rem}.ingredient-showcase__carousel .splide__pagination__page{background-color:var(--showcase-accent, #2E5D4B);opacity:.3}.ingredient-showcase__carousel .splide__pagination__page.is-active{opacity:1;transform:scale(1.2)}.ingredient-showcase__cta-wrapper{text-align:center;margin-top:1.5rem}@media screen and (min-width:768px){.ingredient-showcase__cta-wrapper{margin-top:2.5rem}}.ingredient-showcase__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 25px;font-family:Avenir-Black,Avenir,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#fff;background-color:var(--showcase-accent, #2E5D4B);border-radius:25px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.ingredient-showcase__cta:hover{background-color:#fff;color:var(--showcase-accent, #2E5D4B)}
/*# sourceMappingURL=/cdn/shop/t/278/assets/component-ingredient-showcase.css.map */