.ingredient-glossary{background-color:#f5f3ee;color:var(--text-color, #1a1a2e)}.ingredient-glossary__header{text-align:center;margin-bottom:40px}.ingredient-glossary__title{font-size:calc(var(--heading-size, 100) / 100 * 2rem);font-weight:600;margin:0}.ingredient-glossary__alphabet{display:flex;flex-wrap:wrap;align-items:center;justify-content:left;gap:4px;padding:20px 0;margin-bottom:40px}.ingredient-glossary__letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1.6em;font-weight:500;letter-spacing:.05em;color:var(--text-color, #1a1a2e);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;font-family:var(--heading-font-family)}.ingredient-glossary__letter:hover{background-color:#1a1a2e0d}.ingredient-glossary__letter.is-active{background-color:#181b4b;color:#fff}.ingredient-glossary__letter.is-disabled{opacity:.3;cursor:not-allowed}.ingredient-glossary__search{display:flex;align-items:center;margin-left:20px;position:relative}.ingredient-glossary__search-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--heading-font-family);font-size:1em;font-weight:500;letter-spacing:.1em;color:var(--text-color, #1a1a2e);background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}.ingredient-glossary__search-toggle:hover{opacity:.7}.ingredient-glossary__search-toggle svg{width:16px;height:16px}.ingredient-glossary__search-input-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:4px 8px;z-index:10}.ingredient-glossary__search-input-wrapper[hidden]{display:none}.ingredient-glossary__search-input{width:200px;padding:8px;font-family:inherit;font-size:14px;border:none;outline:none;background:transparent}.ingredient-glossary__search-input::placeholder{color:#1a1a2e80}.ingredient-glossary__search-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;opacity:.5;transition:opacity .2s ease}.ingredient-glossary__search-close:hover{opacity:1}.ingredient-glossary__grid{display:grid;gap:40px 60px}.ingredient-glossary__grid[data-columns="1"]{grid-template-columns:1fr}.ingredient-glossary__grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.ingredient-glossary__grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.ingredient-glossary__item{padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,.1)}.ingredient-glossary__item[hidden]{display:none}.template-page .main-content .ingredient-glossary__item-title{font-size:1.5rem;font-weight:600;margin:0 0 12px;color:var(--text-color, #1a1a2e)}.ingredient-glossary__item-content{font-size:.9rem;line-height:1.6;margin-bottom:16px;color:var(--text-color, #1a1a2e)}.ingredient-glossary__item-content p{margin:0}.ingredient-glossary__item-included{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.85rem}.ingredient-glossary__item-label{font-weight:600;letter-spacing:.05em;color:var(--text-color, #1a1a2e)}.ingredient-glossary__item-link{color:var(--accent-color, #1a1a2e);text-decoration:underline;font-style:italic;transition:opacity .2s ease}.ingredient-glossary__item-link:hover{opacity:.7}.ingredient-glossary__no-results{text-align:center;padding:60px 20px;font-size:1rem;color:var(--text-color, #1a1a2e);opacity:.7}.ingredient-glossary__no-results[hidden]{display:none}#ingredient-glossary h2{font-size:2em}#ingredient-glossary p{font-size:1.2em;font-family:var(--heading-font-family)}@media screen and (max-width:989px){.ingredient-glossary__alphabet{gap:2px;padding:16px 0}.template-page .main-content .ingredient-glossary__item-title{font-size:1em}.ingredient-glossary__letter{width:32px;height:32px;font-size:12px}.ingredient-glossary__search{width:100%;justify-content:center;margin-left:0;margin-top:16px}.ingredient-glossary__grid[data-columns="2"],.ingredient-glossary__grid[data-columns="3"]{grid-template-columns:1fr}.ingredient-glossary__grid{gap:30px}}@media screen and (max-width:749px){.ingredient-glossary__header,.ingredient-glossary__alphabet{margin-bottom:24px}.ingredient-glossary__letter{width:28px;height:28px;font-size:11px}.ingredient-glossary__item{padding-bottom:24px}.ingredient-glossary__item-title{font-size:1.1rem}.ingredient-glossary__search-input-wrapper{position:fixed;top:auto;bottom:20px;left:20px;right:20px;transform:none;box-shadow:0 4px 20px #00000026}.ingredient-glossary__search-input{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/549/assets/section-ingredient-glossary.css.map */