@media screen and (min-width: 990px){.header{padding-top:11px;padding-bottom:11px}}.ingredients-grid{padding:100px 0;background:#f7f4f0}.ingredients-grid .section-header{text-align:center}.ingredients-grid .section-heading{color:#231f20;text-align:center;font-size:40px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-.8px;text-transform:uppercase;margin:-14px 0 18px}.ingredients-grid .section-subheading{color:gray;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.36px;margin:0 0 32px}.ingredients-grid .grid-i{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px}@media (max-width: 1100px){.ingredients-grid .grid-i{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width: 900px){.ingredients-grid .grid-i{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 700px){.ingredients-grid .grid-i{grid-template-columns:1fr 1fr}}.ingredients-grid .grid-i .ingredient-card{cursor:pointer}.ingredients-grid .grid-i .ingredient-card .image{width:100%;position:relative;padding-top:100%;border-radius:16px;overflow:hidden}.ingredients-grid .grid-i .ingredient-card img{position:absolute;width:100%;left:0;top:0;aspect-ratio:1/1;object-fit:cover;border-radius:16px;transition:.3s ease-in-out}@media (min-width: 1100px){.ingredients-grid .grid-i .ingredient-card:hover .image img{transform:scale(1.05)}}.ingredients-grid .grid-i .ingredient-card p{margin:17px 10px 9px;height:50px;color:#231f20;font-size:18px;font-style:normal;font-weight:800;line-height:24px;letter-spacing:-.36px}@media (max-width: 700px){.ingredients-grid .grid-i .ingredient-card p{font-size:13px;font-style:normal;font-weight:800;line-height:24px;letter-spacing:-.26px;margin:18px 0 0;height:auto}}.ingredients-grid .ingredient-popup{position:fixed;width:100%;left:0;background:#0000;justify-content:center;align-items:center;transition:.3s;display:flex;z-index:-100;overflow:hidden;height:100%;top:0}.ingredients-grid .ingredient-popup .popup-content{background:#fff;padding:16px;max-width:500px;width:100%;text-align:center;position:absolute;right:0;top:0;bottom:0;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;overflow:auto;transform:translate(100%);display:flex;overflow:hidden;flex-direction:column;justify-content:space-between}.ingredients-grid .ingredient-popup .popup-content .popup-content__top{display:flex;align-items:center;justify-content:flex-end;padding-bottom:16px}.ingredients-grid .ingredient-popup .popup-content .popup-content__content{flex:1 1 auto;overflow:auto}.ingredients-grid .ingredient-popup .popup-content .popup-content__scroll{overflow:auto}.ingredients-grid .ingredient-popup .popup-content .popup-content__scroll .popup-title{color:#181818;font-size:16px;font-style:normal;font-weight:700;line-height:140%;margin:0 0 12px;text-align:left}.ingredients-grid .ingredient-popup .popup-content .popup-content__scroll .popup-subtitle{color:#181818;font-size:15px;font-style:italic;font-weight:500;line-height:140%;margin:0 0 18px;text-align:left}.ingredients-grid .ingredient-popup .popup-content .popup-content__scroll .popup-desc{color:#7a7a7a;font-size:14px;font-style:normal;font-weight:500;line-height:140%;margin:0 0 15px;text-align:left}.ingredients-grid .ingredient-popup .popup-content .popup-nav{padding-top:16px}.ingredients-grid .ingredient-popup .popup-content .close{display:flex;align-items:center;cursor:pointer}.ingredients-grid .ingredient-popup .popup-content .popup-img{width:100%;padding-top:100%;position:relative;margin-bottom:24px}.ingredients-grid .ingredient-popup .popup-content img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;aspect-ratio:1/1;max-width:100%;border-radius:16px}.ingredients-grid .ingredient-popup .popup-content .popup-nav{display:flex;justify-content:space-between;align-items:center;gap:24px}.ingredients-grid .ingredient-popup .popup-content .popup-nav button{border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}.ingredients-grid .ingredient-popup .popup-content .popup-nav .counter{margin-left:auto;color:#181818;font-size:14px;font-style:normal;font-weight:600;line-height:140%}.ingredients-grid .ingredient-popup.active{z-index:111111;background:#0000004d}.ingredients-grid .ingredient-popup.active .popup-content{transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ingredients-section.css.map */
