.section-product-ingredients{background-color:#fff;padding:77px 0 148px}.prodcut-ingredient-main{display:flex;align-items:center;gap:26px;margin-top:40px}.prodcut-ingredient-main .prodcut-ingredient-wrapper,.product-ingredient-media .hover-wrapper{display:inline-block;width:100%}.prodcut-ingredient-wrapper .hover-wrapper{opacity:0;transition:.5s all;top:0;right:0;bottom:0;left:0;position:absolute}.product-ingredient-media{display:inline-block;width:100%;position:relative;cursor:pointer;border-radius:50px;overflow:hidden}.product-ingredient-media .hover-wrapper video,.prodcut-ingredient-wrapper img{aspect-ratio:580 / 580;object-fit:cover;object-position:center center;width:100%;height:100%;vertical-align:top}.product-ingredient-media .ingredient-wrapper{display:flex;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;flex-direction:column;justify-content:center;padding:38px;opacity:0;visibility:hidden;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;background:var(--bg_colors);color:#fff}.product-ingredient-media .wrapper-action-button>span{position:absolute;right:40px;top:25px;display:flex;background:#f8f5f3;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50px;transition:opacity .5s ease-out;opacity:0;visibility:hidden}.product-ingredient-media:not(.active) .wrapper-action-button .cross-arrow,.product-ingredient-media.active .wrapper-action-button .close-icon{opacity:1;visibility:visible}.product-ingredient-media.active .ingredient-wrapper{display:flex;background:var(--bg_colors);color:#fff;opacity:1;visibility:visible;transition:opacity .5s ease-out}.product-ingredient-media .ingredient-wrapper.no-title{justify-content:center}.product-ingredient-media .ingredient-wrapper .product--wrapper_title{font-family:var(--theme_body_font_regular);font-size:36px;font-weight:500;line-height:36px;text-align:left;text-transform:uppercase;margin:0 0 20px}.product-ingredient-media .product--wrapper_content{font-family:var(--theme_body_font_regular);font-size:24px;font-weight:400;line-height:28.8px;text-align:left;max-width:80%}.prodcut-ingredient-wrapper .prodcut-ingredient--title{font-size:22px;line-height:22px;text-transform:uppercase;text-align:left;font-family:var(--theme_body_font_medium);color:var(--theme_brown_color)}@media screen and (min-width: 769px){.product-ingredient-media.not_content:hover .ingredient-wrapper,.product-ingredient-media.not_content:hover .wrapper-action-button>span.close-icon{opacity:1;visibility:visible}.product-ingredient-media.not_content:hover .wrapper-action-button>span{opacity:0;visibility:hidden}}@media (min-width: 769px) and (max-width: 1200px){.section-product-ingredients .collection__description{align-items:center}.product-ingredient-media .wrapper-action-button>span{width:30px;height:30px;right:10px;top:10px}.product-ingredient-media .wrapper-action-button>span svg{width:13px;height:auto}.product-ingredient-media{border-radius:20px}.product-ingredient-media.active .ingredient-wrapper{padding:10px 20px;justify-content:flex-start;overflow:auto}.product-ingredient-media .ingredient-wrapper .product--wrapper_title{font-size:20px;margin-bottom:0}.product-ingredient-media .product--wrapper_content{font-size:18px;line-height:1.2}.product-ingredient-media .product--wrapper_content p{margin:10px 0 0}.section-product-ingredients{padding-block:50px}.prodcut-ingredient-wrapper .prodcut-ingredient--title{font-size:18px;line-height:1;margin:10px 0 0}.prodcut-ingredient-main{margin-top:20px}}@media (max-width: 1536px){.section-product-ingredients{padding:50px 0 60px}.section-product-ingredients .page-width{max-width:85%}.product-ingredient-media .wrapper-action-button>span{right:25px;width:40px;height:40px}.product-ingredient-media .wrapper-action-button>span svg{height:17px;width:17px}.product-ingredient-media .ingredient-wrapper{padding:30px;justify-content:space-between}.product-ingredient-media .ingredient-wrapper .product--wrapper_title{font-size:28px}.product-ingredient-media .product--wrapper_content{max-width:100%;font-size:20px}}.product-ingredient-media:hover .hover-wrapper{opacity:1}@media (max-width: 1366px){.product-ingredient-media .product--wrapper_content{max-width:100%}}@media (max-width: 768px){.section-product-ingredients{padding-block:60px}.prodcut-ingredient-main{display:grid;grid-template-columns:repeat(12,1fr);margin-top:20px;gap:12px;align-items:unset}.prodcut-ingredient-main .prodcut-ingredient-wrapper{grid-column:span 6;position:relative;line-height:0}.product-ingredient-media .wrapper-action-button>span{width:30px;height:30px;right:20px;top:20px}.product-ingredient-media .wrapper-action-button>span svg{width:13px;height:auto}.prodcut-ingredient-wrapper .prodcut-ingredient--content{position:absolute;bottom:30px;left:0;padding:0 20px}.prodcut-ingredient-wrapper .prodcut-ingredient--title{margin:0;color:#fff;font-size:12px;line-height:1}.product-ingredient-media{border-radius:20px}.product-ingredient-media .ingredient-wrapper{padding:30px 20px;overflow:auto;line-height:1;justify-content:center}.product-ingredient-media .ingredient-wrapper .product--wrapper_title{font-size:22px;margin-bottom:15px}.product-ingredient-media .product--wrapper_content{font-size:16px;line-height:1.2}.product-ingredient-media .product--wrapper_content p{margin:10px 0 0}.prodcut-ingredient-main .prodcut-ingredient-wrapper.first{grid-column:span 12;order:-1}.prodcut-ingredient-wrapper.first .prodcut-ingredient--title{font-family:var(--theme_body_font_medium);font-size:22px;line-height:22px;letter-spacing:.05em;text-align:left}.prodcut-ingredient-wrapper .prodcut-ingredient--content{bottom:20px}.prodcut-ingredient-main .prodcut-ingredient-wrapper.first .cross-arrow{right:20px!important;bottom:20px!important}.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .product-ingredient-media img,.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .product-ingredient-media video{aspect-ratio:172/122}.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .prodcut-ingredient--content{padding-inline:10px;bottom:16px}.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .product-ingredient-media{border-radius:15px}.prodcut-ingredient-main .prodcut-ingredient-wrapper .wrapper-action-button>span.cross-arrow{right:10px;top:auto;bottom:10px}.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .wrapper-action-button>span{width:18px;height:18px;pointer-events:none}.prodcut-ingredient-main .prodcut-ingredient-wrapper:not(.first) .wrapper-action-button>span svg{width:8px}.prodcut-ingredient-main .prodcut-ingredient-wrapper .product-ingredient-media.active+.prodcut-ingredient--content{opacity:0}.prodcut-ingredient-main .prodcut-ingredient-wrapper:after{background:linear-gradient(180deg,#0000,#080808cc);content:"";position:absolute;bottom:0;left:0;right:0;opacity:.6;height:15%;width:100%}.product-ingredient-media .wrapper-action-button>span,.prodcut-ingredient-wrapper .prodcut-ingredient--content,.product-ingredient-media.active .ingredient-wrapper{z-index:1}.prodcut-ingredient-main .prodcut-ingredient-wrapper.first{border-radius:25px}.prodcut-ingredient-main .prodcut-ingredient-wrapper{border-radius:15px;overflow:hidden}.section-product-ingredients .page-width{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/product-ingredients.css.map */