.ingredients-grid{margin:48px 0 0}.ingredients-grid .filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style-type:none;margin:0 0 48px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ingredients-grid .filters li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ingredients-grid .filters li button{color:#181818;font-family:Switzer;font-size:14px;font-style:normal;font-weight:400;line-height:140%;padding:5.21px 11.1px!important;border-radius:100px;border:1px solid #EBEBEB;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;white-space:nowrap}@media(max-width:700px){.ingredients-grid .filters li button{font-size:12px}}.ingredients-grid .filters li button.active{background:#181818;color:#fff;border-color:#181818}.ingredients-grid .filters li:hover button{border-color:#181818}.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;-webkit-transition:.3s;transition:.3s}.ingredients-grid .grid-i .ingredient-card .image{width:100%;position:relative;padding-top:100%}.ingredients-grid .grid-i .ingredient-card img{position:absolute;width:100%;left:0;top:0;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media(min-width:1100px){.ingredients-grid .grid-i .ingredient-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.ingredients-grid .grid-i .ingredient-card p{margin:24px 16px 2px;height:50px;overflow:hidden;color:#181818;font-family:Switzer;font-size:18px;font-style:normal;font-weight:500;line-height:140%}@media(max-width:700px){.ingredients-grid .grid-i .ingredient-card p{font-size:16px;margin:24px 0;height:auto}}.ingredients-grid .ingredient-popup{position:fixed;width:100%;height:100%;left:0;top:0;background:#0000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:-100;overflow:hidden}.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;-webkit-transform:translateX(100%);transform:translate(100%);display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ingredients-grid .ingredient-popup .popup-content .popup-content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:16px}.ingredients-grid .ingredient-popup .popup-content .popup-content__top .popup-category{margin:0;color:var(--Grey-grey-900, #181818);font-family:var(--fontFamily-Switzer, Switzer);font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--fontWeight-regular, 400);line-height:140%;border-radius:100px;border:1px solid var(--Grey-grey-50, #EBEBEB);background:var(--Base-White, #FFF);display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.ingredients-grid .ingredient-popup .popup-content .popup-content__content{-webkit-box-flex:1;-ms-flex:1 1 auto;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-family:Switzer;font-size:18px;font-style:normal;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-family:Switzer;font-size:14px;font-style:normal;font-weight:400;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;max-width:100%;margin-bottom:24px;border-radius:16px}.ingredients-grid .ingredient-popup .popup-content .popup-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.ingredients-grid .ingredient-popup .popup-content .popup-nav button{border:none;cursor:pointer;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ingredients-grid .ingredient-popup .popup-content .popup-nav .counter{margin-left:auto;color:var(--Grey-grey-900, #181818);font-family:var(--fontFamily-Switzer, Switzer);font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--fontWeight-medium, 500);line-height:140%}.ingredients-grid .ingredient-popup.active{z-index:111111;background:#00000026}.ingredients-grid .ingredient-popup.active .popup-content{-webkit-transform:translateX(0);transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ingredients-section.css.map */