.products-page.svelte-avztkz{min-height:calc(100vh - 80px);padding:2rem 0}.container.svelte-avztkz{max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-header.svelte-avztkz{margin-bottom:1rem;text-align:left}.page-title.svelte-avztkz{font-size:2rem;font-weight:700;margin-bottom:0;color:var(--color-text)}@media (max-width: 768px){.page-title.svelte-avztkz{font-size:1.75rem}}.filters-section.svelte-avztkz{margin-bottom:1rem;display:flex;justify-content:space-between}.filters-row.svelte-avztkz{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.filters-section.svelte-avztkz{flex-direction:column;align-items:stretch;gap:1rem}.filters-row.svelte-avztkz{flex-direction:column;align-items:stretch}}.search-box.svelte-avztkz{position:relative;flex:1;max-width:400px}@media (max-width: 768px){.search-box.svelte-avztkz{max-width:100%}}.search-icon.svelte-avztkz{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text);opacity:.5;pointer-events:none}.search-input.svelte-avztkz{width:100%;padding:.625rem 1rem .625rem 3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:.9375rem;transition:all .2s;height:2.5rem;box-sizing:border-box}.search-input.svelte-avztkz:focus{outline:none;border-color:var(--color-brand-main)}.search-input.svelte-avztkz::placeholder{color:var(--color-text);opacity:.5}.sort-dropdown.svelte-avztkz{min-width:200px}@media (max-width: 768px){.sort-dropdown.svelte-avztkz{min-width:100%}}.filters-row-secondary.svelte-avztkz{display:flex;justify-content:flex-end;align-items:center}.results-count.svelte-avztkz{font-size:.9375rem;color:var(--color-text);opacity:.7}.results-count.svelte-avztkz strong:where(.svelte-avztkz){font-weight:600;opacity:1}.products-grid.svelte-avztkz{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 640px){.products-grid.svelte-avztkz{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}.empty-state.svelte-avztkz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text);opacity:.6}.empty-state.svelte-avztkz svg:where(.svelte-avztkz){margin-bottom:1.5rem}.empty-state.svelte-avztkz h2:where(.svelte-avztkz){font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state.svelte-avztkz p:where(.svelte-avztkz){font-size:1rem}