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