.pdp-ingredients-section{position:relative}.ingredients-wrapper{position:relative;display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.ingredients-left{display:flex;flex-direction:column;gap:1rem}.ingredients-text-content{display:flex;flex-direction:column}.ingredients-visual-area{position:relative}.ingredients-visual-container{position:relative;width:100%;height:100%}.ingredients-main-image{position:absolute;z-index:0}.ingredients-main-image img{width:100%;height:auto;display:block}.ingredients-main-image--placeholder img{opacity:0}.ingredient-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;position:absolute;z-index:1}.ingredient-image{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.ingredient-image-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;z-index:0;width:100%}.ingredient-image img{object-fit:contain;border-radius:50%;position:relative;z-index:1}.ingredient-name{margin:0;font-family:var(--font-heading-family);font-weight:400;white-space:nowrap}.ingredient-arrow{position:absolute;transform-origin:center center;z-index:0}.ingredient-arrow svg{width:100%;height:100%;display:block}.ingredient-content-inner{display:none}.ingredient-text{color:rgba(var(--color-foreground),.7)}.ingredient-text p{margin:0}@media screen and (max-width:749px){.ingredient-name.ingredient-name--mobile-text-sm{font-size:.875rem}.ingredient-name.ingredient-name--mobile-h6{font-size:calc(var(--font-heading-scale) * var(--font-h6-size))}.ingredient-name.ingredient-name--mobile-h5{font-size:calc(var(--font-heading-scale) * var(--font-h5-size))}.ingredient-name.ingredient-name--mobile-h4{font-size:var(--font-h4-size)}.ingredient-name.ingredient-name--mobile-h3{font-size:var(--font-h3-size)}.ingredient-name.ingredient-name--mobile-h2{font-size:var(--font-h2-size)}}@media screen and (min-width:750px){.ingredient-name.ingredient-name--desktop-h6{font-size:calc(var(--font-heading-scale) * var(--font-h6-size))}.ingredient-name.ingredient-name--desktop-h5{font-size:calc(var(--font-heading-scale) * var(--font-h5-size))}.ingredient-name.ingredient-name--desktop-h4{font-size:var(--font-h4-size)}.ingredient-name.ingredient-name--desktop-h3{font-size:var(--font-h3-size)}.ingredient-name.ingredient-name--desktop-h2{font-size:var(--font-h2-size)}}@media screen and (max-width:749px){.ingredient--desktop-only{display:none!important}}@media screen and (min-width:750px){.ingredient--mobile-only{display:none!important}}.debug-borders{outline:2px dashed rgba(255,0,0,.4);outline-offset:-2px}.debug-borders .ingredients-main-image{outline:2px dashed rgba(0,100,255,.4);outline-offset:-2px}.debug-borders .ingredient-item{outline:1px dashed rgba(0,180,0,.4);outline-offset:-1px}@media screen and (max-width:749px){.ingredients-visual-container{aspect-ratio:100 / var(--va-ratio-m, 100)}.ingredients-main-image{width:var(--mi-w-m, 80%);left:var(--mi-x-m, 10%);top:var(--mi-y-m, 40%)}.ingredient-item{left:var(--pos-x-m);top:var(--pos-y-m)}.ingredient-image img{width:var(--ing-s-m, 100px);height:var(--ing-s-m, 100px)}.ingredient-arrow{width:var(--arr-s-m, 60px);height:calc(var(--arr-s-m, 60px) * .5);left:var(--arr-x-m, 0%);top:var(--arr-y-m, -20%);transform:rotate(var(--arr-rot-m, 0deg)) scaleY(var(--arr-flip, 1))}}@media screen and (min-width:750px)and (max-width:1399px){.ingredients-visual-container{aspect-ratio:100 / var(--va-ratio-t, 120)}.ingredients-main-image{width:var(--mi-w-t, 70%);left:var(--mi-x-t, 5%);top:var(--mi-y-t, 40%)}.ingredient-item{left:var(--pos-x-t);top:var(--pos-y-t)}.ingredient-image img{width:var(--ing-s-t, 150px);height:var(--ing-s-t, 150px)}.ingredient-arrow{width:var(--arr-s-t, 100px);height:calc(var(--arr-s-t, 100px) * .5);left:var(--arr-x-t, 0%);top:var(--arr-y-t, -30%);transform:rotate(var(--arr-rot-t, 0deg)) scaleY(var(--arr-flip, 1))}}@media screen and (min-width:1400px){.ingredients-wrapper{grid-template-columns:minmax(250px,450px) 1fr;gap:3rem}.ingredients-visual-container{aspect-ratio:100 / var(--va-ratio-d, 130)}.ingredients-main-image{width:var(--mi-w-d, 80%);left:var(--mi-x-d, 0%);top:var(--mi-y-d, 50%)}.ingredient-item{left:var(--pos-x-d);top:var(--pos-y-d)}.ingredient-image img{width:var(--ing-s-d, 200px);height:var(--ing-s-d, 200px)}.ingredient-arrow{width:var(--arr-s-d, 160px);height:calc(var(--arr-s-d, 160px) * .5);left:var(--arr-x-d, 0%);top:var(--arr-y-d, -30%);transform:rotate(var(--arr-rot-d, 0deg)) scaleY(var(--arr-flip, 1))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-pdp-metaobject-ingredients.css.map */