:root{--card-bg: #f3ede4;--text-color: #1d1d1b;--subtext-color: #555;--button-bg: #f47b54;--search-button-bg: #87a691;--button-hover-bg: #f47b56;--button-text: #ffffff;--input-bg: #ffffff;--input-border: #d1c8be}.ingredients-list{display:flex;flex-direction:column}.upper-container{display:flex;margin:67px 0 40px;flex-direction:column;gap:60px}.upper-container .title-container{width:100%;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.upper-container .title-container p{font-weight:400;font-size:14px;margin:0;color:#555;padding:0;line-height:185%;letter-spacing:0px;width:525px}input#searchInput::placeholder{color:#9e9e9e}.search-wrapper-container{width:100%;display:flex;gap:20px;flex-direction:row;align-items:center}.search-wrapper{width:1190px;height:57px}.search-input{border:none;outline:none;width:100%;height:100%;font-weight:500;font-size:14px;margin:0;color:#9e9e9e;padding:16px 0 15px 28.98px;line-height:185%;letter-spacing:0px}.search-input:focus-visible{box-shadow:none}.search-btn{width:90px;font-size:14px;letter-spacing:0}.search-btn{padding:.5rem .75rem;background-color:var(--search-button-bg);color:var(--button-text);border:none;height:55px;cursor:pointer;transition:background-color .2s ease-in-out}.search-btn:hover{background-color:#87a692;box-shadow:none}.search-btn:after,.load-more-btn:after{box-shadow:none}.ingredients-list-container{margin:40px 0 0}.ingredients-title{font-weight:400;font-size:24px;margin:0;color:#1d1d1b;padding:0;line-height:40px;letter-spacing:-1px}.ingredients-list-container .title-container{align-items:center;justify-content:center;margin:0 0 40px}.select-ingredients{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px}.select-ingredients span{font-weight:500;font-size:16px;margin:0;color:#555;padding:0;line-height:20px;letter-spacing:0%}.sort-select{padding:9px 0 9px 17px;background-color:var(--input-bg);display:flex;flex-direction:row;align-items:center;font-weight:500;font-size:14px;margin:0;color:#5a6d60;line-height:185%;letter-spacing:0px;border:unset}select#sortSelect:focus-visible{outline:unset;outline-offset:unset;box-shadow:unset}.sort-select:focus{border-color:var(--input-focus-border)}.ingredients-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:60px}.ingredients-list-container .card{flex-basis:calc(33.33% - (20px * 2 / 3));display:flex;flex-direction:column;align-items:flex-start;gap:37px;text-decoration:none;color:inherit;background-color:var(--card-bg);border-radius:0;padding:52px 30px 55px;text-align:left}.ingredients-list-container .card{transition:transform .3s ease}.ingredients-list-container .card:hover{transform:translateY(-4px)}.ingredients-list-container .card .icon-wrapper{width:68px;height:68px;margin:0;padding:0}.ingredients-list-container .card .icon-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.ingredients-list-container .content-wrapper{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:center}.sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'><path d='M9.12891 1.00184L8.09368 0L4.73932 3.24629L1.38496 0L0.349739 1.00184L4.73932 5.25L9.12891 1.00184Z' fill='%23F47B54'/></svg>") no-repeat right 10px center;padding-right:30px;background-color:#fff}.ingredients-list-container .card .title{font-weight:400;font-size:24px;margin:0;color:#1d1d1b;padding:0;line-height:40px;letter-spacing:-1px}.ingredients-list-container .card .description{color:#555;margin:0;padding:0;line-height:185%;letter-spacing:0px;font-size:14px;font-weight:400}.ingredients-list-container .card .learn-more{color:#f47b54;text-decoration:none;transition:color .2s ease-in-out;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start;margin:0;padding:0;line-height:20px;letter-spacing:0px;font-size:14px}.ingredients-list-container .card .learn-more span{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.ingredients-list-container .card .learn-more:hover{text-decoration:underline}.ingredients-list-container .no-results{margin-bottom:2rem;padding:0;text-align:center;font-size:34px;line-height:20px;letter-spacing:0px;font-weight:400;color:#1d1d1b}.upper-container .title-container h1{font-weight:400;font-size:45px;line-height:64px;letter-spacing:-1px;color:#1d1d1b;margin:unset}.ingredients-list-container .load-more-btn{padding:14px 64px;background-color:var(--button-bg);color:var(--button-text);border:none;cursor:pointer;transition:background-color .2s ease-in-out;font-weight:400;font-size:14px;line-height:185%;letter-spacing:0px;text-align:center}.load-more-btn:hover,.search-btn:hover{opacity:.8}.load-more-btn:hover:after,.search-btn:hover:after{box-shadow:none!important}input#searchInput{font-family:Inter}@media (max-width: 768px){.upper-container .title-container p{max-width:100%;width:100%;font-size:12px;line-height:185%;letter-spacing:0px}.upper-container{margin:23px 0 34px;gap:17px}input#searchInput{padding:9px}button#searchBtn{min-height:44px;font-size:12px;line-height:185%;letter-spacing:0px;text-align:center;min-width:79px;height:44px;padding:unset}.search-wrapper-container{gap:12px}.search-wrapper{height:44px}.ingredients-list-container{margin-top:unset}h3.ingredients-title{font-weight:400;font-size:18px;line-height:32px;letter-spacing:0px}.select-ingredients span{font-weight:500;font-size:12px;line-height:20px;letter-spacing:unset;white-space:nowrap}.ingredients-list-container .card .learn-more{font-size:12px;margin-top:8px}.ingredients-list-container .card .learn-more{gap:8px}.ingredients-list-container .card .title{font-size:18px}select#sortSelect{font-size:11px;padding-left:5px}.select-ingredients{gap:5px}.upper-container .title-container h1{font-weight:400;font-size:30px;line-height:41px;letter-spacing:-1px}.upper-container .title-container{gap:21px}.search-wrapper{width:100%}.search-input{flex:1}.ingredients-list-container .card{flex-basis:100%}.sort-select{width:100%}.ingredients-list-container .card{padding:39px 40px 52px;gap:17px}.ingredients-list{margin-bottom:-10px}.ingredients-list-container .card .icon-wrapper{height:50px;width:50px}.ingredients-list-container .content-wrapper{gap:8px}.ingredients-list-container .content-wrapper{font-size:18px;line-height:40px;letter-spacing:0px}.ingredients-list-container .card .description{font-size:12px;line-height:185%;letter-spacing:0px}section#ingredientsGrid{margin-bottom:24px}button#loadMoreBtn{width:100%;padding:11px 0;font-size:12px;min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ingredients.css.map */