.key-ingredients-section{padding:60px 0}.key-ingredients-section .page-width{padding-left:40px;padding-right:40px}.key-ingredients-header{text-align:center;margin-bottom:48px}.key-ingredients-title{margin:0}.key-ingredients-grid-mobile{display:none}.key-ingredients-grid-desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;margin:0 auto;max-width:100%}.ingredient-card{position:relative;overflow:hidden;border-radius:8px;background:#f5f5f5;transition:transform .3s ease}.ingredient-card:hover{transform:translateY(-4px)}@media screen and (max-width: 719px){.ingredient-card:hover{transform:none}}.ingredient-card-inner{position:relative;height:100%;display:flex;flex-direction:column}.ingredient-image-wrapper{position:relative;width:100%;padding-bottom:80%;overflow:hidden}.ingredient-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ingredient-card:hover .ingredient-image{transform:scale(1.05)}.ingredient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;transition:background .3s ease}.ingredient-card.is-expanded .ingredient-overlay{background:#0009}.ingredient-card.is-expanded,.ingredient-card.is-expanded .ingredient-image-wrapper{cursor:pointer}.ingredient-content{position:absolute;top:0;bottom:0;left:0;right:0;padding:24px;color:#fff;text-align:center;z-index:10;display:flex;align-items:center;justify-content:center}.ingredient-content-initial{display:block;width:100%}.ingredient-title{font-size:1.5rem;font-weight:400;margin:0 0 16px;letter-spacing:.05em;text-align:center}.ingredient-toggle-btn{background:transparent;border:2px solid #fff;color:#fff;padding:8px 24px;font-size:.75rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;border-radius:4px;text-transform:uppercase}.ingredient-toggle-btn:hover{background:#fff;color:#000}.ingredient-description{display:none;opacity:0;visibility:hidden;cursor:pointer}.ingredient-description p{font-size:.875rem;line-height:1.6;margin:0;text-align:center;color:#fff}.ingredient-card.is-expanded .ingredient-description{display:block;opacity:1;visibility:visible;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 989px){.key-ingredients-section .page-width{padding-left:30px;padding-right:30px}.key-ingredients-grid{grid-template-columns:repeat(2,1fr);gap:40px}.ingredient-content{padding:20px}.ingredient-title{font-size:1.25rem;margin-bottom:12px}.ingredient-description p{font-size:.8125rem}.ingredient-card.is-expanded .ingredient-content{padding:24px}}@media screen and (max-width: 719px){.key-ingredients-section{padding:40px 0}.key-ingredients-section .page-width{padding-left:20px;padding-right:0}.key-ingredients-header{margin-bottom:32px;padding-right:20px}.key-ingredients-grid-mobile{display:block}.key-ingredients-grid-desktop{display:none}.ingredient-content{padding:16px}.ingredient-title{font-size:1rem;margin-bottom:10px}.ingredient-toggle-btn{padding:6px 16px;font-size:.6875rem}.ingredient-description p{font-size:.75rem;line-height:1.5}.ingredient-card.is-expanded .ingredient-content{padding:20px 16px}}@media screen and (min-width: 720px){.key-ingredients-grid-mobile{display:none}.key-ingredients-grid-desktop{display:grid}.key-ingredients-section .page-width{padding-left:40px;padding-right:40px}}@media screen and (max-width: 480px){.ingredient-title{font-size:.875rem;margin-bottom:8px}.ingredient-toggle-btn{padding:5px 12px;font-size:.625rem}.ingredient-description p{font-size:.6875rem}.ingredient-card.is-expanded .ingredient-content{padding:16px 12px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-key-ingredients.css.map */