.article-card{position:relative}@keyframes badge-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.selection-badge{animation:badge-pop .3s ease-out}@keyframes border-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e1a}}.card-selected{animation:border-pulse 2s ease-in-out infinite}.card-selected-overlay{position:relative}.card-selected-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hover-float:hover{animation:float .3s ease-in-out}.gradient-hover{background-size:200% 200%;transition:background-position .3s ease}.gradient-hover:hover{background-position:right center}.category-tag{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-image-container{position:relative;overflow:hidden}.product-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.product-image-container:hover:before{transform:translate(100%)}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-button{position:relative;overflow:hidden}.filter-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#6366f11a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.filter-button:hover:after{width:200%;height:200%}.filter-panel::-webkit-scrollbar{width:6px}.filter-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.filter-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.filter-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.filter-badge-active{animation:pulse-badge 2s ease-in-out infinite}.suggestion-item{transition:all .15s ease-in-out}.suggestion-item:hover{padding-left:1rem}.focus-visible:focus{outline:2px solid #6366f1;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-slideOut{animation:slideOut .3s ease-in forwards}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .4s ease-out}