.container.svelte-130ngoq{max-width:1200px;margin:0 auto}.header.svelte-130ngoq{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header.svelte-130ngoq h1:where(.svelte-130ngoq){margin:0;color:#2c3e50}.stats.svelte-130ngoq{color:#7f8c8d}.filters.svelte-130ngoq{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-box.svelte-130ngoq{display:flex;gap:.5rem;flex:1;min-width:300px}.search-box.svelte-130ngoq input:where(.svelte-130ngoq){flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.search-box.svelte-130ngoq button:where(.svelte-130ngoq),.clear-btn.svelte-130ngoq{padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.search-box.svelte-130ngoq button:where(.svelte-130ngoq):hover,.clear-btn.svelte-130ngoq:hover{background-color:#2980b9}.clear-btn.svelte-130ngoq{background-color:#95a5a6}.clear-btn.svelte-130ngoq:hover{background-color:#7f8c8d}.category-filter.svelte-130ngoq select:where(.svelte-130ngoq){padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:200px}.products-grid.svelte-130ngoq{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.product-card.svelte-130ngoq{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.product-card.svelte-130ngoq:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.product-images.svelte-130ngoq{width:100%;height:200px;background-color:#ecf0f1;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-images.svelte-130ngoq img:where(.svelte-130ngoq){width:100%;height:100%;object-fit:cover}.no-image.svelte-130ngoq{color:#95a5a6;font-size:.9rem}.product-info.svelte-130ngoq{padding:1rem}.product-info.svelte-130ngoq h3:where(.svelte-130ngoq){margin:0 0 .5rem;font-size:1.1rem}.product-info.svelte-130ngoq h3:where(.svelte-130ngoq) a:where(.svelte-130ngoq){color:#2c3e50;text-decoration:none}.product-info.svelte-130ngoq h3:where(.svelte-130ngoq) a:where(.svelte-130ngoq):hover{color:#3498db}.category-badge.svelte-130ngoq{display:inline-block;background-color:#ecf0f1;color:#7f8c8d;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;margin-bottom:.5rem}.price.svelte-130ngoq{font-size:1.2rem;font-weight:700;color:#27ae60;margin:.5rem 0}.description.svelte-130ngoq{color:#7f8c8d;font-size:.9rem;margin:.5rem 0 0;line-height:1.4}.no-products.svelte-130ngoq{text-align:center;padding:3rem;color:#7f8c8d}.pagination.svelte-130ngoq{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination.svelte-130ngoq a:where(.svelte-130ngoq){padding:.5rem 1rem;background-color:#3498db;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.pagination.svelte-130ngoq a:where(.svelte-130ngoq):hover{background-color:#2980b9}.pagination.svelte-130ngoq span:where(.svelte-130ngoq){color:#7f8c8d}
