.filter-pending{position:relative;opacity:.8}.filter-pending:after{content:"";position:absolute;top:50%;right:-20px;transform:translateY(-50%);width:12px;height:12px;border:2px solid #ddd;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.product-grid-transition{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.product-grid-updating{opacity:.7;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card-enter{animation:fadeIn .4s ease-out}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#3b82f6 20%,#3b82f6 80%,transparent 100%);animation:loading-slide 1.5s ease-in-out infinite;z-index:9999}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.filter-checkbox{transition:all .2s ease-in-out}.filter-checkbox:hover{transform:scale(1.05)}.filter-checkbox.pending{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.filter-section{transition:max-height .3s ease-in-out;overflow:hidden}.filter-section.collapsed{max-height:0}.filter-section.expanded{max-height:2000px}.filter-button{transition:all .2s ease-in-out}.filter-button:hover:not(:disabled){background-color:#2a2a3f0d;transform:translateY(-1px)}.filter-button:active:not(:disabled){transform:translateY(0)}.filter-button:disabled{opacity:.6;cursor:not-allowed}.overlay-fade{transition:opacity .3s ease-in-out}.overlay-fade-enter{opacity:0}.overlay-fade-active,.overlay-fade-exit{opacity:1}.overlay-fade-exit-active{opacity:0}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}