.ingredient-card{will-change:transform;backface-visibility:hidden;position:relative}.ingredient-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(198,168,103,.05),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px}.ingredient-card:hover:before{opacity:1}.ingredient-card:hover{box-shadow:0 25px 80px #c6a86726,0 10px 40px #0000001a}.ingredient-badge{transition:all .3s ease;animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ingredient-card:hover .ingredient-badge{background:#c6a867;transform:scale(1.05);animation:none}.texture-showcase{position:relative;overflow:hidden}.texture-showcase:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(198,168,103,.03) 0%,transparent 70%);animation:textureShimmer 8s linear infinite;pointer-events:none}@keyframes textureShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.texture-image-item{position:relative;overflow:hidden}.texture-image-item:after{content:"\1f50d";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#c6a867e6;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.texture-image-item:hover:after{transform:translate(-50%,-50%) scale(1)}.purity-number{background:linear-gradient(135deg,#c6a867e6,#c6a867b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.purity-stat:hover .purity-number{animation:pulseNumber .6s ease}@keyframes pulseNumber{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ingredient-showcase-headline{background:linear-gradient(135deg,rgb(var(--color-foreground)),#c6a867cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ingredient-benefit:before{transition:all .3s ease}.ingredient-card:hover .ingredient-benefit:before{background:#c6a8674d;transform:scale(1.1)}.ingredient-image,.texture-image-item img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ingredient-card:focus-visible{outline:3px solid rgba(198,168,103,.8);outline-offset:4px;border-radius:20px}.texture-image-item:focus-visible{outline:2px solid rgba(198,168,103,.8);outline-offset:2px;border-radius:16px}.ingredient-card.loading{background:linear-gradient(135deg,#f8f8f8 25%,#eee,#f8f8f8 75%);background-size:200% 200%;animation:ingredientLoading 2s infinite}@keyframes ingredientLoading{0%{background-position:200% 200%}to{background-position:-200% -200%}}.texture-label{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.2)}@media (min-width: 750px){.ingredient-image-container{perspective:1000px}.ingredient-card:hover .ingredient-image{transform:scale(1.05) rotateY(2deg)}}@media (prefers-contrast: high){.ingredient-card{border:2px solid}.ingredient-badge{border:1px solid white}.texture-label{background:#000000f2}}@media (prefers-reduced-motion: reduce){.ingredient-card,.ingredient-image,.ingredient-badge,.texture-image-item,.purity-number,.texture-showcase:before{transition:none!important;animation:none!important;transform:none!important}.ingredient-card:hover,.ingredient-card:hover .ingredient-image{transform:none!important}}@media (prefers-color-scheme: dark){.texture-showcase{background:linear-gradient(135deg,#c6a86714,#c6a8670a)}.purity-section{background:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media print{.ingredient-badge,.texture-label{position:static;background:#fff;color:#000;border:1px solid black}.ingredient-grid{display:block}.ingredient-card{break-inside:avoid;margin-bottom:2rem;border:1px solid black}.texture-images{display:block}.texture-image-item{margin-bottom:1rem;break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-ingredient-showcase.css.map */