.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-grid-item{animation:fadeInStagger .4s ease-in-out forwards;opacity:0}.product-grid-item:first-child{animation-delay:.1s}.product-grid-item:nth-child(2){animation-delay:.15s}.product-grid-item:nth-child(3){animation-delay:.2s}.product-grid-item:nth-child(4){animation-delay:.25s}.product-grid-item:nth-child(5){animation-delay:.3s}.product-grid-item:nth-child(6){animation-delay:.35s}.product-grid-item:nth-child(7){animation-delay:.4s}.product-grid-item:nth-child(8){animation-delay:.45s}.product-grid-item:nth-child(9){animation-delay:.5s}.product-grid-item:nth-child(10){animation-delay:.55s}.product-grid-item:nth-child(11){animation-delay:.6s}.product-grid-item:nth-child(12){animation-delay:.65s}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-primary{transition:all .2s ease-in-out;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:white}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-secondary{transition:all .2s ease-in-out;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;color:white}.btn-secondary:hover{background:linear-gradient(135deg,#ee82f0,#f34560);transform:translateY(-1px);box-shadow:0 4px 12px rgba(240,147,251,.3)}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;background:white}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#d1d5db}.filter-panel{transition:all .3s ease-in-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-panel.collapsed{transform:translateX(-100%)}.filter-panel.expanded{transform:translateX(0)}.price-slider{background:linear-gradient(90deg,#e5e7eb,#e5e7eb);height:6px;border-radius:3px}.price-slider-track{background:linear-gradient(90deg,#667eea,#764ba2);height:6px;border-radius:3px}.price-slider-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid white;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease-in-out}.price-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.3)}.search-bar{background:white;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .3s ease-in-out}.search-bar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease-in-out}.search-bar:focus-within:before{opacity:1}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge-bestseller{background:linear-gradient(135deg,#f093fb,#f5576c);color:white}.badge-trending{background:linear-gradient(135deg,#4facfe,#00f2fe);color:white}.badge-new{background:linear-gradient(135deg,#43e97b,#38f9d7);color:white}.dropdown-enter{opacity:0;transform:translateY(-10px)}.dropdown-enter-active{transition:all .2s ease-in-out}.dropdown-enter-active,.dropdown-exit{opacity:1;transform:translateY(0)}.dropdown-exit-active{opacity:0;transform:translateY(-10px);transition:all .2s ease-in-out}.products-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));transition:all .3s ease-in-out}@media (min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(3,1fr)}}.pagination-btn{transition:all .2s ease-in-out;border:1px solid #e5e7eb;background:white}.pagination-btn:hover{transform:translateY(-1px)}.pagination-btn.active,.pagination-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent}.sort-dropdown{background:white;border:1px solid #e5e7eb;transition:all .3s ease-in-out}.sort-dropdown:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}.filter-tag{transition:all .2s ease-in-out;background:linear-gradient(135deg,#667eea,#764ba2);color:white;transform:scale(1)}.filter-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(102,126,234,.3)}@media (max-width:768px){.mobile-filter-panel{background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out}}