.ingredient-card-enhanced{position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.ingredient-card-enhanced:hover{transform:translateY(-8px) scale(1.02);z-index:10}.ingredient-card-enhanced:hover .ingredient-image{transform:scale(1.1) rotate(5deg)}.ingredient-card-enhanced:hover .ingredient-title{color:var(--neumorphic-primary);transform:translateY(-2px)}.ingredient-card-enhanced:hover .ingredient-description{opacity:1;transform:translateY(0)}.ingredient-description{opacity:.8;transform:translateY(10px);transition:all .3s ease;transition-delay:.1s}.ingredient-title{transition:all .3s ease;position:relative}.ingredient-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--neumorphic-primary),var(--neumorphic-secondary));transition:width .3s ease}.ingredient-card-enhanced:hover .ingredient-title:after{width:100%}.ingredient-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0%,transparent 70%);transform:scale(0);transition:transform .5s ease;z-index:-1;border-radius:inherit}.ingredient-card-enhanced:hover:before{transform:scale(1.5)}.benefit-icon{font-size:2em;margin-bottom:16px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.ingredient-card-enhanced:hover .benefit-icon{transform:translateY(-10px) rotate(360deg);filter:drop-shadow(0 10px 20px rgba(102,126,234,.3))}.ingredient-card-enhanced{position:relative;overflow:hidden}.ingredient-card-enhanced:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%;pointer-events:none}.ingredient-card-enhanced:hover:after{width:300px;height:300px}.ingredient-card-enhanced:nth-child(1){transition-delay:0s}.ingredient-card-enhanced:nth-child(2){transition-delay:.1s}.ingredient-card-enhanced:nth-child(3){transition-delay:.2s}.ingredient-card-enhanced:nth-child(4){transition-delay:.3s}.ingredient-card-enhanced:nth-child(5){transition-delay:.4s}.ingredient-card-enhanced:nth-child(6){transition-delay:.5s}.ingredient-image{transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;border-radius:50%}.ingredient-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;border-radius:inherit}.ingredient-card-enhanced:hover .ingredient-image:before{opacity:1}.ingredient-card-enhanced{will-change:transform}.ingredient-enhanced-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:#000000e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:.85em;line-height:1.4;max-width:200px;text-align:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.ingredient-enhanced-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#000000e6}.ingredient-card-enhanced:hover .ingredient-enhanced-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-10px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}.ingredient-card-enhanced.featured:hover{animation:pulse-glow 2s infinite}.ingredient-shape-morph{transition:clip-path .5s ease}.ingredient-card-enhanced:hover .ingredient-shape-morph.organic-shape-1{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.ingredient-card-enhanced:hover .ingredient-shape-morph.organic-shape-2{clip-path:ellipse(45% 35% at 50% 50%)}.ingredient-card-enhanced:hover .ingredient-shape-morph.organic-shape-3{border-radius:45% 55% 62% 38%/63% 42% 58% 37%}.enhanced-button{position:relative;overflow:hidden;transform:perspective(1px) translateZ(0);transition:all .3s ease}.enhanced-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.enhanced-button:hover:before{left:100%}.enhanced-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.enhanced-button:active{transform:translateY(0);transition:transform .1s ease}.ingredient-card-enhanced:focus-within{outline:3px solid var(--neumorphic-primary);outline-offset:4px;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.ingredient-card-enhanced,.ingredient-image,.ingredient-title,.ingredient-description,.benefit-icon,.enhanced-button{transition:none!important;animation:none!important;transform:none!important}.ingredient-card-enhanced:hover{transform:none!important}}@media (max-width: 768px){.ingredient-card-enhanced:hover{transform:translateY(-4px) scale(1.01)}.ingredient-enhanced-tooltip{display:none}.ingredient-card-enhanced:active{transform:scale(.98);transition:transform .1s ease}}.ingredient-card-enhanced{contain:layout style paint;backface-visibility:hidden;perspective:1000px}.ingredient-card-enhanced.ashwagandha:hover{--accent-color: #ff6b35}.ingredient-card-enhanced.passionflower:hover{--accent-color: #9b59b6}.ingredient-card-enhanced.chamomile:hover{--accent-color: #f1c40f}.ingredient-card-enhanced.lavender:hover{--accent-color: #8e44ad}.ingredient-card-enhanced.lemon-balm:hover{--accent-color: #2ecc71}.ingredient-card-enhanced.hops:hover{--accent-color: #27ae60}
/*# sourceMappingURL=/cdn/shop/t/90/assets/micro-interactions.css.map */