.products-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.product-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.dark .product-item{background:#1f2937;border-color:#374151}.product-item:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001a}.dark .product-item:hover{box-shadow:0 12px 24px #0006}.product-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.product-item h3{color:#1f2937;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.dark .product-item h3{color:#f3f4f6}.product-category-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#eff6ff;border-radius:9999px;flex-shrink:0;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.dark .product-category-badge{color:#60a5fa;background:#1e3a5f}.product-item p{color:#6b7280;margin:.35rem 0;font-size:.875rem;line-height:1.6}.dark .product-item p{color:#d1d5db}.product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden;margin-bottom:.75rem!important}.product-price{color:#059669;font-size:1.5rem;font-weight:800;margin:.75rem 0!important}.dark .product-price{color:#34d399}.product-meta{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.dark .product-meta{border-top-color:#374151}.product-stock{align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.product-stock:before{content:"";border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.in-stock{color:#059669}.in-stock:before{background:#059669}.dark .in-stock{color:#34d399}.dark .in-stock:before{background:#34d399}.out-of-stock{color:#dc2626}.out-of-stock:before{background:#dc2626}.dark .out-of-stock{color:#f87171}.dark .out-of-stock:before{background:#f87171}.product-date{color:#9ca3af;font-size:.75rem}.dark .product-date{color:#6b7280}.filter-bar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.dark .filter-bar{background:#111827;border-color:#374151}.filter-categories{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.dark .filter-btn{color:#9ca3af;background:#1f2937;border-color:#374151}.filter-btn:hover{color:#2563eb;border-color:#2563eb}.dark .filter-btn:hover{color:#60a5fa;border-color:#60a5fa}.filter-btn-active{color:#fff;background:#2563eb;border-color:#2563eb}.dark .filter-btn-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.filter-btn-active:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.dark .filter-btn-active:hover{color:#fff;background:#2563eb;border-color:#2563eb}.filter-sort{align-items:center;display:flex}.sort-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.dark .sort-btn{color:#9ca3af;background:#1f2937;border-color:#374151}.sort-btn:hover{color:#059669;border-color:#059669}.dark .sort-btn:hover{color:#34d399;border-color:#34d399}.sort-icon{flex-shrink:0}.filter-count{text-align:center;color:#9ca3af;margin-top:1.5rem;font-size:.8rem}.dark .filter-count{color:#6b7280}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.dark .skeleton-card{background:#1f2937;border-color:#374151}.skeleton-line{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:.375rem;height:1rem;margin-bottom:.75rem;animation:1.5s ease-in-out infinite shimmer}.dark .skeleton-line{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%) 0 0/200% 100%}.skeleton-line.title{width:70%;height:1.25rem;margin-bottom:1rem}.skeleton-line.price{width:40%;height:1.75rem;margin-bottom:.75rem}.skeleton-line.body{width:100%;height:.825rem}.skeleton-line.body-short{width:75%;height:.825rem}.skeleton-line.meta{width:50%;height:.75rem;margin-top:1rem;margin-bottom:0}@keyframes fadeInUp{0%{transform:translateY(30px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes fadeInDown{0%{transform:translateY(-30px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes fadeInScale{0%{transform:scale(.92)}to{transform:scale(1)}}.product-card.animate-in-up{animation:.5s ease-out fadeInUp}.product-card.animate-in-down{animation:.5s ease-out fadeInDown}.product-card.animate-in-scale{animation:.5s ease-out fadeInScale}@media (prefers-reduced-motion:reduce){.product-card.animate-in-up,.product-card.animate-in-down,.product-card.animate-in-scale{animation:none}}@media (max-width:768px){.products-list,.skeleton-grid{grid-template-columns:1fr;gap:1rem}.product-item,.skeleton-card{padding:1.25rem}}