.key-ingredients{background:var(--ki-bg, #FFFFFF);padding:var(--ki-section-padding-y, 24px) 0}.key-ingredients__container{max-width:var(--ki-max-width, 1200px);margin:0 auto;padding:0 var(--ki-section-padding-x, 16px)}.key-ingredients__header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:1.5rem;gap:1.25rem}.key-ingredients__title-block{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:100%}.key-ingredients__headline{font-size:var(--ki-headline-size, 24px);font-weight:600;line-height:1.2;color:var(--ki-text-primary, #1A1A1A);margin:0;text-align:center;width:100%}.key-ingredients__headline-em{font-style:italic}.key-ingredients__nav{display:none;flex-direction:row;gap:.5rem}.key-ingredients__nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ki-nav-btn-border, #22C55E);background:var(--ki-nav-btn-bg, #F3F4F6);color:var(--ki-nav-btn-text, #22C55E);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.key-ingredients__nav-btn:hover:not(:disabled){background:var(--ki-nav-btn-border, #22C55E);color:#fff}.key-ingredients__nav-btn:disabled{background:var(--ki-nav-btn-disabled-bg, #F3F4F6);color:var(--ki-nav-btn-disabled-text, #9CA3AF);border-color:transparent;cursor:not-allowed}.key-ingredients__nav-btn svg{width:16px;height:16px}.key-ingredients__carousel-wrapper{width:100%;overflow:hidden}.key-ingredients__carousel{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.key-ingredients__carousel::-webkit-scrollbar{display:none}.key-ingredients__slides{display:flex;flex-direction:row;align-items:stretch;transform:translateZ(0)}.key-ingredients__slide{flex:none;width:var(--ki-slide-mobile, calc(83.333% - 13.33px) );min-width:0;margin-right:var(--ki-gap, 16px)}.key-ingredients__slide:last-child{margin-right:2rem}.key-ingredients__card{position:relative;aspect-ratio:var(--ki-card-aspect, 4/5);width:100%;height:100%;overflow:hidden;border-radius:var(--ki-card-radius, 16px);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.key-ingredients__card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.key-ingredients__card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.key-ingredients__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#f3f4f6}.key-ingredients__card-placeholder svg{width:100%;height:100%;opacity:.3}.key-ingredients__card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--ki-overlay-bg, rgba(0,0,0,.6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--ki-card-radius, 16px);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.key-ingredients__card-backdrop.is-visible{opacity:1}@supports (-webkit-backdrop-filter: blur(12px)){.key-ingredients__card-backdrop{-webkit-backdrop-filter:blur(12px)}}.key-ingredients__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;overflow:hidden;background-color:#0000008f}.key-ingredients__card-overlay.is-visible{opacity:1;pointer-events:auto}.key-ingredients__card-overlay-inner{position:relative;height:100%;padding:1rem;color:var(--ki-text-overlay, #FFFFFF);overflow-y:auto;-webkit-overflow-scrolling:touch}.key-ingredients__card-overlay-title{font-size:20px;font-weight:600;line-height:1.3;margin:0 0 .5rem;color:var(--ki-text-overlay, #FFFFFF)}.key-ingredients__card-overlay-body{font-size:14px;line-height:1.6;margin-top:.5rem}.key-ingredients__card-overlay-body p{margin:0 0 1rem}.key-ingredients__card-overlay-body ul{margin:0;padding-left:1.25rem}.key-ingredients__card-overlay-body li{margin-bottom:.5rem}.key-ingredients__card-overlay-body li:last-child{margin-bottom:0}.key-ingredients__card-default{position:absolute;top:0;left:0;right:0;z-index:10;padding:1rem;color:var(--ki-text-primary, #1A1A1A);transition:opacity .3s ease-in-out}.key-ingredients__card-default.is-hidden{opacity:0;pointer-events:none}.key-ingredients__card-default-title{font-size:20px;font-weight:600;line-height:1.3;margin:0}.key-ingredients__card-expand-btn{position:absolute;bottom:1rem;right:1rem;z-index:20;width:40px;height:40px;border-radius:50%;border:none;background:var(--ki-btn-bg, #22C55E);color:var(--ki-btn-text, #FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .4s ease;padding:0}.key-ingredients__card-expand-btn:hover{background:var(--ki-btn-hover, #16A34A)}.key-ingredients__card-expand-btn:active{background:var(--ki-btn-active, #15803D)}.key-ingredients__card-expand-icon{width:16px;height:16px;transition:transform .4s ease-in-out}.key-ingredients__cta{padding-top:1.5rem;width:100%;display:flex;justify-content:center}.key-ingredients__cta-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:1rem 1.5rem;min-width:120px;font-size:16px;font-weight:600;line-height:1.2;border-radius:9999px;border:1px solid var(--ki-btn-bg, #22C55E);background:var(--ki-nav-btn-bg, #F3F4F6);color:var(--ki-btn-bg, #22C55E);text-decoration:none;cursor:pointer;transition:background-color .2s ease;width:100%}.key-ingredients__cta-btn:hover{background:#e5e7eb}.key-ingredients__cta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:1px}@media screen and (min-width:768px){.key-ingredients__title-block{align-items:flex-start;justify-content:flex-start;margin:0;max-width:648px}.key-ingredients__headline{font-size:var(--ki-headline-size-desktop, 40px);text-align:left}.key-ingredients__nav{display:flex}.key-ingredients__slide{width:var(--ki-slide-tablet, calc(50% - 8px) );margin-right:var(--ki-gap, 16px)}.key-ingredients__slide:last-child{margin-right:0}.key-ingredients__card-expand-btn{display:none}.key-ingredients__card-overlay-inner{padding:1.5rem}.key-ingredients__card-overlay-title{font-size:24px}.key-ingredients__card-overlay-body{font-size:16px}.key-ingredients__card-default{padding:1.5rem}.key-ingredients__card-default-title{font-size:24px}.key-ingredients__cta{padding-top:2rem}.key-ingredients__cta-btn{width:auto}}@media screen and (min-width:1024px){.key-ingredients__slide{width:var(--ki-slide-desktop, calc(33.333% - 10.667px) )}.key-ingredients__header{padding-bottom:2rem}.key-ingredients__cta{padding-top:2rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.key-ingredients__card:focus-visible{outline:3px solid var(--ki-btn-bg, #22C55E);outline-offset:2px}.key-ingredients__card-expand-btn:focus-visible{outline:2px solid var(--ki-text-overlay, #FFFFFF);outline-offset:2px}.key-ingredients__nav-btn:focus-visible{outline:2px solid var(--ki-nav-btn-border, #22C55E);outline-offset:2px}@media(prefers-reduced-motion:reduce){.key-ingredients__card-backdrop,.key-ingredients__card-overlay,.key-ingredients__card-default,.key-ingredients__card-expand-icon{transition:none}.key-ingredients__carousel{scroll-behavior:auto}}@media(hover:none){.key-ingredients__card{cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-key-ingredients.css.map */