.ingredients-section{padding:80px 10px 120px;background:#faf7f5;position:relative;overflow:hidden}.ingredients-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.ingredients-heading{font-size:36px;font-weight:700;text-align:center;margin:0 auto 60px;color:#9b3462;letter-spacing:2px;text-transform:uppercase;line-height:1.2;width:30%}.ingredients-tabs{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:80px;flex-wrap:wrap}.ingredient-tab{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;background:#fde8e6;border:3px solid transparent;position:relative;overflow:hidden}.ingredient-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:var(--tab-gradient);opacity:0;transition:opacity .4s ease;z-index:1}.ingredient-tab.active:before{opacity:1}.ingredient-tab .tab-image{width:50px;height:50px;object-fit:contain;transition:transform .3s ease;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ingredient-tab:hover .tab-image{transform:scale(1.1)}.ingredient-tab.active .tab-image{transform:scale(1.15)}.ingredients-content{position:relative;min-height:600px}.ingredient-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .6s ease;display:flex;flex-direction:column;align-items:center}.ingredient-panel.active{opacity:1;visibility:visible}.main-product-container{position:relative;text-align:center;z-index:10}.main-product-image{width:580px;height:512px;object-fit:contain;margin-bottom:30px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));transition:transform 1.2s cubic-bezier(.23,1,.32,1)}.big-product-title{font-size:48px;font-weight:800;color:#9b3462;letter-spacing:4px;text-transform:uppercase;margin:30px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ingredient-callouts{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ingredient-callout{position:absolute;opacity:1;pointer-events:auto}.ingredient-callout .ingredient-info{opacity:0}.ingredient-callout.animate{opacity:1}.ingredient-callout.top-left.animate .dotted-line{animation:extendLineLeft .6s ease-out 0s both}.ingredient-callout.top-right.animate .dotted-line{animation:extendLineRight .6s ease-out .2s both}.ingredient-callout.bottom-left.animate .dotted-line{animation:extendLineLeft .6s ease-out .4s both}.ingredient-callout.bottom-right.animate .dotted-line{animation:extendLineRight .6s ease-out .6s both}.ingredient-callout.bottom-center.animate .dotted-line{animation:extendLineRight .6s ease-out .8s both}.ingredient-callout.top-left.animate .ingredient-info{animation:showIngredient .5s ease-out .6s both}.ingredient-callout.top-right.animate .ingredient-info{animation:showIngredient .5s ease-out .8s both}.ingredient-callout.bottom-left.animate .ingredient-info{animation:showIngredient .5s ease-out 1s both}.ingredient-callout.bottom-right.animate .ingredient-info{animation:showIngredient .5s ease-out 1.2s both}.ingredient-callout.bottom-center.animate .ingredient-info{animation:showIngredient .5s ease-out 1.4s both}@keyframes extendLineLeft{0%{width:0}to{width:290px}}@keyframes extendLineRight{0%{width:0}to{width:290px}}@keyframes showIngredient{0%{opacity:0;transform:translateY(20px) scale(.8);border-bottom-color:transparent}to{opacity:1;transform:translateY(0) scale(1);border-bottom-color:#d4b5c8}}.ingredient-callout.top-left{top:50%;transform:translateY(-190px);left:50px}.ingredient-callout.top-right{top:50%;transform:translateY(-190px);right:50px}.ingredient-callout.bottom-left{top:50%;transform:translateY(-30px);left:50px}.ingredient-callout.bottom-right{top:50%;transform:translateY(-30px);right:50px}.ingredient-callout.bottom-center{top:50%;transform:translateY(110px);right:50px}.dotted-line{position:absolute;background:repeating-linear-gradient(to right,#d4b5c8,#d4b5c8 8px,transparent 8px,transparent 16px);height:2px;z-index:1;width:0;transition:width .6s ease-out}.top-left .dotted-line,.bottom-left .dotted-line{top:50%;transform:translateY(-50%);right:-20px;width:0;transform-origin:right center}.top-right .dotted-line,.bottom-right .dotted-line{top:50%;transform:translateY(-50%);left:-20px;width:0;transform-origin:left center}.ingredient-info{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;padding:15px 20px 5px;min-width:140px;z-index:2;position:relative;border-bottom:1px dashed transparent;transition:border-bottom-color .8s ease-in-out}.ingredient-callout.top-left .ingredient-info,.ingredient-callout.bottom-left .ingredient-info{align-items:flex-start;text-align:left}.ingredient-callout.top-right .ingredient-info,.ingredient-callout.bottom-right .ingredient-info,.ingredient-callout.bottom-center .ingredient-info{align-items:flex-end;text-align:right}@keyframes showBorder{0%{border-bottom-color:transparent}to{border-bottom-color:#d4b5c8}}.ingredient-image{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));border:2px solid #fcdcda!important;border-radius:50px;padding:15px;box-sizing:border-box;pointer-events:auto}.ingredient-image__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .26s ease;pointer-events:auto}.ingredient-image__img:hover{animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.ingredient-image__img,.ingredient-image__img:hover{transition:none!important;animation:none!important}}.ingredient-title{font-size:18px;font-weight:600;color:#9b3462;text-transform:uppercase;letter-spacing:1px;line-height:1.3;text-align:inherit;max-width:242px;font-family:TrueNorth-Black,sans-serif!important}@media (max-width: 1024px){.main-product-image{width:480px;height:520px}.ingredients-heading{font-size:32px;width:100%}.big-product-title{font-size:28px}.ingredient-callout.top-left,.ingredient-callout.bottom-left{left:40px}.ingredient-callout.top-right,.ingredient-callout.bottom-right{right:40px}.ingredient-callout.animate .dotted-line{width:240px}.ingredient-callout.animate .ingredient-info{border-bottom-color:#d4b5c8}}@media (max-width: 768px){.ingredients-section{padding:40px 10px 60px}.ingredients-heading{font-size:28px;width:100%}.main-product-image{width:90%;max-width:320px;height:auto;margin:0 auto 16px;transform:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.12))}.ingredients-tabs{margin-bottom:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;padding:6px 8px;gap:12px}.ingredients-tabs::-webkit-scrollbar{height:8px}.ingredients-tabs::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.ingredient-tab{flex:0 0 auto}.main-product-container{padding:0 12px}.ingredients-content{min-height:auto}.ingredient-panel{position:static!important;min-height:0;display:none;opacity:1!important;visibility:visible!important;width:100%;box-sizing:border-box;padding:8px 0 0}.ingredient-panel.active{display:block}.ingredient-callouts{position:static!important;width:100%;height:auto;pointer-events:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,auto) auto;gap:24px 20px;align-items:start;justify-items:center;margin-top:20px}.ingredient-callout{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;opacity:1!important;display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:120px}.ingredient-callout:nth-child(1){grid-column:1;grid-row:1;justify-self:stretch;align-self:stretch;width:100%}.ingredient-callout:nth-child(2){grid-column:2;grid-row:1;justify-self:stretch;align-self:stretch;width:100%}.ingredient-callout:nth-child(3){grid-column:1;grid-row:2;justify-self:stretch;align-self:stretch;width:100%}.ingredient-callout:nth-child(4){grid-column:2;grid-row:2;justify-self:stretch;align-self:stretch;width:100%}.ingredient-callout:nth-child(5){grid-column:1 / -1;grid-row:3;justify-self:stretch;align-self:stretch;min-height:auto;width:100%}.ingredient-callout .dotted-line{display:none!important}.ingredient-info{align-items:center!important;text-align:center!important;width:100%!important;min-width:0!important;padding:12px 8px 8px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:100px!important;border-bottom:none!important}.ingredient-callout:nth-child(1) .ingredient-info,.ingredient-callout:nth-child(3) .ingredient-info{align-items:flex-start!important;text-align:left!important}.ingredient-callout:nth-child(2) .ingredient-info,.ingredient-callout:nth-child(4) .ingredient-info{align-items:flex-end!important;text-align:right!important}.ingredient-callout:nth-child(5) .ingredient-info{align-items:center!important;text-align:center!important}.ingredient-image{margin:0 auto 10px!important;width:52px;height:52px;padding:8px}.ingredient-callout:nth-child(1) .ingredient-image,.ingredient-callout:nth-child(3) .ingredient-image{margin:0 auto 10px 0!important}.ingredient-callout:nth-child(2) .ingredient-image,.ingredient-callout:nth-child(4) .ingredient-image{margin:0 0 10px auto!important}.ingredient-callout:nth-child(5) .ingredient-image{margin:0 auto 10px!important}.ingredient-title{width:100%!important;text-align:inherit!important;font-size:12px!important;line-height:1.2!important}.ingredient-callout.animate .ingredient-info{border-bottom:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ingredients.css.map */