.ingredients-section__container{margin:var(--pd-l) 0;position:relative;padding:var(--pd-m) var(--pd-m) calc(var(--pd-m) + var(--extra-padding-bottom)) var(--pd-m)}@media screen and (min-width: 768px){.ingredients-section__container{padding-left:var(--pd-5xl);padding-right:var(--pd-5xl);margin:var(--pd-4xl) 0}}.ingredients-section__inner{border-radius:var(--bd-radius-l);display:flex;flex-direction:column;overflow:hidden;min-height:720px}@media screen and (min-width: 1052px){.ingredients-section__inner{flex-direction:row-reverse;min-height:min(40vw,700px);align-items:stretch}}.ingredients-section__infos{width:100%}@media screen and (min-width: 1052px){.ingredients-section__infos{width:50%;flex-shrink:0}}.ingredients-section__image{overflow:hidden;width:100%;height:300px;border-radius:var(--bd-radius-l);position:relative}@media screen and (min-width: 1052px){.ingredients-section__image{height:unset;position:relative;width:50%;flex-shrink:0}}.ingredients-section__image img{height:100%;object-fit:cover;position:absolute;top:0;left:0;width:100%}.ingredients-section__popup-container{border-radius:var(--bd-radius-l);background-color:var(--bgColor);position:absolute;right:0;bottom:-65px;margin:var(--pd-xs);overflow:hidden;transition:all 1s ease;max-width:calc(100% - 16px);display:flex;flex-direction:column;max-height:calc(100% - 16px);transform:translateY(100%)}.ingredients-section__outer{overflow:auto;-webkit-overflow-scrolling:touch;word-wrap:break-word;height:100%;width:100%}@media screen and (min-width: 1052px){.ingredients-section__popup-container{border-radius:16px;margin:var(--pd-l);max-width:calc(100% - 48px);max-height:calc(100% - 48px)}}.ingredients-section__popup-container.active-popup{transform:translateY(0);right:0;bottom:0}.ingredients-section__ingredient-wrapper,.ingredients-section__ingredient-wrapper>*,.ingredients-section__cta-button-back{opacity:1;transition:opacity .1s ease-in-out}.ingredients-section__ingredient-wrapper:not(.active-text),.ingredients-section__ingredient-wrapper:not(.active-text)>*,.ingredients-section__cta-button-back:not(.active-text){opacity:0;height:0;z-index:0;overflow:hidden}.ingredients-section__popup-container button{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}.ingredients-section__ingredient-wrapper{position:inherit;padding-right:var(--pd-m-s);z-index:1;opacity:1;transition:opacity .3s ease-in-out;position:relative}.ingredients-section__ingredient-wrapper.active-text{padding:var(--pd-m);padding-top:var(--pd-xl);margin-bottom:var(--pd-xs)}@media screen and (min-width: 1052px){.ingredients-section__ingredient-wrapper.active-text{padding:var(--pd-l);padding-top:var(--pd-4xl);margin-bottom:var(--pd-m)}}.ingredients-section__ingredient-wrapper span{text-decoration:underline solid var(--c-primary-font);transition:text-decoration .3s ease-in-out;-webkit-text-decoration-line:underline;display:inline;line-break:auto}@media screen and (min-width: 768px){.ingredients-section__ingredient-wrapper span{text-decoration:none}}@media screen and (min-width: 768px){.ingredients-section__ingredient-wrapper span:hover{cursor:pointer;text-decoration:underline solid var(--c-primary-font);transition:text-decoration .3s ease-in-out;-webkit-text-decoration-line:underline}}.ingredients-section__ingredient-wrapper h2{font-size:var(--fs-text-m);font-style:normal;font-weight:400;text-transform:uppercase;padding-bottom:var(--pd-xxs);display:block}.ingredients-section__ingredient-wrapper h3{text-transform:uppercase;font-size:var(--fs-text-m);margin-bottom:var(--pd-xxxs);display:block}.ingredients-section__ingredient-wrapper h3:not(:first-of-type){margin-top:var(--pd-m);padding-top:var(--pd-m);border-top:1px solid var(--c-secondary-accent)}.ingredients-section__ingredient-wrapper h4{margin-top:var(--pd-xs)}.ingredients-section__ingredient-wrapper.transparent{opacity:0;transition:opacity .3s ease-in-out}.ingredients-section__cta-button{position:absolute;right:0;bottom:0;margin:var(--pd-xs)}@media screen and (min-width: 1052px){.ingredients-section__cta-button{margin:var(--pd-l)}}.ingredients-section__tag-wrapper{padding:var(--pd-m) var(--pd-m) 0}@media screen and (min-width: 1052px){.ingredients-section__tag-wrapper{padding:var(--pd-l) var(--pd-l) 0 var(--pd-l)}}.ingredients-section__heading{font-size:var(--fs-text-m);padding:var(--pd-s) var(--pd-l);text-transform:uppercase;border-radius:500px;background:var(--c-primary-bg);color:var(--c-primary-font);font-weight:400;border:none;text-align:center}@media screen and (min-width: 1052px){.ingredients-section__heading{font-size:var(--fs-text-m)}}.ingredients-section__ingredients-wrapper{margin:var(--pd-m-l) 0;padding:0 var(--pd-m)}@media screen and (min-width: 1052px){.ingredients-section__ingredients-wrapper{margin:var(--pd-m-s) 0;padding:0 var(--pd-l)}}.ingredients-section__ingredients-wrapper ul{list-style-type:none;padding:0;font-size:var(--fs-text-m)}@media screen and (min-width: 1052px){.ingredients-section__ingredients-wrapper ul{font-size:var(--fs-text-s)}}.ingredients-section__ingredients-wrapper li{font-weight:400;padding:0 0 var(--pd-m-s) 0}@media screen and (min-width: 1052px){.ingredients-section__ingredients-wrapper li{display:flex;justify-content:space-between;border-bottom:1px solid var(--c-secondary-accent);padding:var(--pd-m-l) 0 var(--pd-m-s) 0}}.ingredients-section__ingredient-description{font-weight:400;border-bottom:1px solid var(--c-secondary-accent);padding:var(--pd-xxs) 0 var(--pd-xxs) 0}@media screen and (min-width: 1052px){.ingredients-section__ingredient-description{border-bottom:none;padding:0;text-align:right}}.ingredients-section__pair-products-outer-wrapper{font-size:var(--fs-text-m);padding:var(--pd-m)}@media screen and (min-width: 1052px){.ingredients-section__pair-products-outer-wrapper{padding:var(--pd-l)}}.ingredients-section__pair-products-headline{text-transform:uppercase;font-weight:400;padding:0 0 var(--pd-xs) 0}.ingredients-section__pair-products-inner-wrapper{display:flex;position:relative;gap:var(--pd-xs);width:100%;flex-direction:column}@media screen and (min-width: 1052px){.ingredients-section__pair-products-inner-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}}.ingredients-section__pair-products-inner-wrapper{display:flex;flex-direction:column;gap:var(--pd-s)}@media screen and (min-width: 768px){.ingredients-section__pair-products-inner-wrapper{flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1524px){.ingredients-section__pair-products-inner-wrapper{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width: 1902px){.ingredients-section__pair-products-inner-wrapper{display:flex;flex-direction:column;flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1052px){.ingredients-section__outer-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 2 * var(--pd-l) - 2 * var(--pd-m-s))}}.ingredients-section__cta-button-close,.ingredients-section__cta-button-back{position:absolute;padding:var(--pd-xxxs);z-index:3;top:calc(var(--pd-m) - var(--pd-xxxs));overflow:hidden;width:fit-content}.ingredients-section__cta-button-close{right:calc(var(--pd-m) - var(--pd-xxxs))}.ingredients-section__cta-button-back{left:calc(var(--pd-m) - var(--pd-xxxs))}.ingredients-section__cta-button-back svg{width:16px}@media screen and (min-width: 1052px){.ingredients-section__cta-button-close,.ingredients-section__cta-button-back{top:calc(var(--pd-l) - var(--pd-xxxs))}.ingredients-section__cta-button-close{right:calc(var(--pd-l) - var(--pd-xxxs))}.ingredients-section__cta-button-back{left:calc(var(--pd-l) - var(--pd-xxxs))}}.transparent{height:0;width:0;max-width:0;min-width:0}
/*# sourceMappingURL=/cdn/shop/t/154/assets/ingredients-section.css.map */