.section-ingredient-grid{z-index:3;position:relative}.section-ingredient-grid__header{z-index:2;position:relative}.section-ingredient-grid__header h2,.section-ingredient-grid__header h3,.section-ingredient-grid__header h4,.section-ingredient-grid__header h5{width:100%;max-width:11em}.section-ingredient-grid__header .subtitle{color:#8cb277;text-transform:uppercase;font-size:.875em}.section-ingredient-grid__header .text{max-width:30em;margin-bottom:0;font-size:1.25em;font-weight:300}@media (width<=1024px){.section-ingredient-grid__header .text{font-size:1em}}.section-ingredient-grid .container{z-index:2;border-radius:1em;padding:6em 5em;position:relative;overflow:hidden}@media (width<=1024px){.section-ingredient-grid .container{border-radius:0;padding:3em 1em}}.section-ingredient-grid .underlay{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-ingredient-grid__inner{z-index:2;gap:1em;margin-top:3em;display:grid;position:relative}@media (width<=1024px){.section-ingredient-grid__inner{margin-top:3em;grid-template-columns:repeat(2,1fr)!important}}.section-ingredient-grid__footer{z-index:2;border-top:1px solid #555e45;margin-top:2em;padding-top:2em;position:relative}.section-ingredient-grid__footer p{margin:0;font-size:.75em}.section-ingredient-grid .ingredient{color:#fff;cursor:pointer;background-color:#40443be6;border-radius:1em;flex-direction:column;align-items:flex-start;height:100%;padding:1.5em;transition:background-color .25s linear;display:flex}.section-ingredient-grid .ingredient img{border-radius:100%;width:3em;height:3em;margin-bottom:1em}.section-ingredient-grid .ingredient .ingredient-labels{align-items:center;gap:1em;display:flex;position:relative}.section-ingredient-grid .ingredient .ingredient-labels .amount{font-size:.875em;font-style:italic;display:block}.section-ingredient-grid .ingredient .ingredient-labels .badge{border:1px solid #fff;border-radius:3em;padding:.125em .625em;position:absolute;top:50%;left:calc(100% + .75em);transform:translateY(-50%)}.section-ingredient-grid .ingredient .ingredient-labels .badge span{font-size:.8125em}.section-ingredient-grid .ingredient .ingredient-name{margin-top:.5em}.section-ingredient-grid .ingredient .ingredient-name span{font-size:.875em}.section-ingredient-grid .ingredient:hover{background-color:#8cb277}.section-ingredient-grid .ingredient-detail{z-index:999;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.section-ingredient-grid .ingredient-detail.active{display:block}.section-ingredient-grid .ingredient-detail .ingredient-detail-content{z-index:2;background-color:#fff;border-radius:1em;width:calc(100dvw - 2em);max-width:768px;height:auto;max-height:calc(100dvh - 2em);padding:2em;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}@media (width<=1024px){.section-ingredient-grid .ingredient-detail .ingredient-detail-content{height:auto;max-height:calc(100dvh - 2em)}}@media (width>=768px){.section-ingredient-grid .ingredient-detail .ingredient-detail-content::-webkit-scrollbar{border-radius:.25em;width:3px}.section-ingredient-grid .ingredient-detail .ingredient-detail-content::-webkit-scrollbar-track{width:3px;box-shadow:none;background-color:#0000;border-radius:.25em}.section-ingredient-grid .ingredient-detail .ingredient-detail-content::-webkit-scrollbar-thumb{background-color:#555e45;border-radius:.25em;outline:none;width:3px}}.section-ingredient-grid .ingredient-detail .detail-inner{height:100%}.section-ingredient-grid .ingredient-detail .ingredient-detail-mask{z-index:1;background-color:rgba(var(--color-dark-rgb), .1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;position:absolute;top:0;left:0}.section-ingredient-grid .ingredient-detail img{border-radius:100%;width:4em;height:4em;margin:0 0 1.5em}.section-ingredient-grid .ingredient-detail .ingredient-labels{align-items:center;gap:.75em;display:flex}.section-ingredient-grid .ingredient-detail .ingredient-labels .amount{font-size:.875em;font-style:italic}.section-ingredient-grid .ingredient-detail .ingredient-labels .badge{border:1px solid #030200b3;border-radius:3em;padding:.125em .625em}.section-ingredient-grid .ingredient-detail .ingredient-labels .badge span{font-size:.8125em}.section-ingredient-grid .ingredient-detail .ingredient-name{margin:1.5em 0}.section-ingredient-grid .ingredient-detail .ingredient-name span{font-size:1.25em}.section-ingredient-grid .ingredient-detail .ingredient-source{margin:1.5em 0}.section-ingredient-grid .ingredient-detail .ingredient-source span{font-size:.875em}.section-ingredient-grid .ingredient-detail .ingredient-mechanism,.section-ingredient-grid .ingredient-detail .ingredient-benefit{border-top:1px solid #555e45;margin:1.5em 0;padding-top:1em}.section-ingredient-grid .ingredient-detail .ingredient-mechanism>span,.section-ingredient-grid .ingredient-detail .ingredient-benefit>span{font-size:.875em;font-weight:700}.section-ingredient-grid .ingredient-detail .ingredient-mechanism .text,.section-ingredient-grid .ingredient-detail .ingredient-benefit .text{margin-top:.75em;font-size:.875em}.section-ingredient-grid .close{cursor:pointer;appearance:none;z-index:3;background-color:#0000;border:none;justify-content:center;align-items:center;width:4em;min-width:4em;height:4em;min-height:4em;font:1em helvetica_new,sans-serif;display:flex;position:absolute;top:0;right:0}.section-ingredient-grid .close svg{width:1em;height:auto}.section-ingredient-grid .close svg path,.section-ingredient-grid .close svg line,.section-ingredient-grid .close svg polygon,.section-ingredient-grid .close svg circle{fill:none;stroke:#555e45;stroke-width:1.5px;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round;transition:all .15s linear}.section-ingredient-grid .close span{display:none}.section-ingredient-grid .close:hover svg path,.section-ingredient-grid .close:hover svg line,.section-ingredient-grid .close:hover svg polygon,.section-ingredient-grid .close:hover svg circle{stroke:#8cb277}