.category-page.svelte-11kz12o.svelte-11kz12o{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.hero.svelte-11kz12o.svelte-11kz12o{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,#6366f10d,#ec48990d);border-radius:var(--radius-lg)}.hero-header.svelte-11kz12o.svelte-11kz12o{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.hero-icon.svelte-11kz12o.svelte-11kz12o{font-size:64px;line-height:1}.hero-title.svelte-11kz12o.svelte-11kz12o{font-size:clamp(32px,5vw,48px);font-weight:800;margin:0;color:var(--text-color)}.hero-subtitle.svelte-11kz12o.svelte-11kz12o{font-size:clamp(16px,3vw,20px);color:var(--text-muted);margin:0 auto var(--spacing-sm);max-width:600px;line-height:1.6}.hero-count.svelte-11kz12o.svelte-11kz12o{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;margin:0}.search-container.svelte-11kz12o.svelte-11kz12o{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-wrapper.svelte-11kz12o.svelte-11kz12o{position:relative;display:flex;align-items:center;max-width:600px;margin:0 auto;width:100%}.search-input-wrapper.svelte-11kz12o .search-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.search-input.svelte-11kz12o.svelte-11kz12o{width:100%;padding:var(--spacing-md) var(--spacing-3xl) var(--spacing-md) 3rem;font-size:var(--font-size-base);border:2px solid var(--border-color);border-radius:var(--radius-md);background:#fff;transition:all .2s ease}.search-input.svelte-11kz12o.svelte-11kz12o:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.clear-search.svelte-11kz12o.svelte-11kz12o{position:absolute;right:var(--spacing-md);background:none;border:none;padding:var(--spacing-xs);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.clear-search.svelte-11kz12o.svelte-11kz12o:hover{background:var(--bg-secondary);color:var(--text-color)}.results-count.svelte-11kz12o.svelte-11kz12o{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.results-count.svelte-11kz12o strong.svelte-11kz12o{color:var(--text-color);font-weight:700}.wheels-grid.svelte-11kz12o.svelte-11kz12o{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.wheel-card.svelte-11kz12o.svelte-11kz12o{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm)}.wheel-card.svelte-11kz12o.svelte-11kz12o:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.wheel-name.svelte-11kz12o.svelte-11kz12o{font-size:var(--font-size-lg);font-weight:700;margin:0;color:var(--text-color)}.wheel-description.svelte-11kz12o.svelte-11kz12o{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;flex:1;line-height:1.5}.wheel-action.svelte-11kz12o.svelte-11kz12o{color:var(--primary-color);font-weight:700;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.no-results.svelte-11kz12o.svelte-11kz12o{text-align:center;padding:var(--spacing-3xl);background:#fff;border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.no-results-icon.svelte-11kz12o.svelte-11kz12o{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.no-results.svelte-11kz12o h3.svelte-11kz12o{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-sm);color:var(--text-color)}.no-results.svelte-11kz12o p.svelte-11kz12o{font-size:var(--font-size-base);color:var(--text-muted);margin:0 0 var(--spacing-lg)}.clear-btn.svelte-11kz12o.svelte-11kz12o{padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .2s ease}.clear-btn.svelte-11kz12o.svelte-11kz12o:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.pagination.svelte-11kz12o.svelte-11kz12o{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0}.pagination-btn.svelte-11kz12o.svelte-11kz12o{padding:var(--spacing-sm) var(--spacing-lg);background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn.svelte-11kz12o.svelte-11kz12o:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-lighter)}.pagination-btn.svelte-11kz12o.svelte-11kz12o:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers.svelte-11kz12o.svelte-11kz12o{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-number.svelte-11kz12o.svelte-11kz12o{min-width:40px;height:40px;padding:0 var(--spacing-sm);background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-number.svelte-11kz12o.svelte-11kz12o:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-lighter)}.pagination-number.active.svelte-11kz12o.svelte-11kz12o{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-ellipsis.svelte-11kz12o.svelte-11kz12o{padding:0 var(--spacing-xs);color:var(--text-muted);font-weight:600}.back-link.svelte-11kz12o.svelte-11kz12o{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.back-link.svelte-11kz12o a.svelte-11kz12o{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .2s ease}.back-link.svelte-11kz12o a.svelte-11kz12o:hover{color:var(--primary-color)}@media (max-width: 768px){.hero.svelte-11kz12o.svelte-11kz12o{padding:var(--spacing-xl) var(--spacing-md)}.wheels-grid.svelte-11kz12o.svelte-11kz12o{grid-template-columns:1fr}.pagination.svelte-11kz12o.svelte-11kz12o{flex-wrap:wrap;gap:var(--spacing-xs)}.pagination-btn.svelte-11kz12o.svelte-11kz12o{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.pagination-number.svelte-11kz12o.svelte-11kz12o{min-width:36px;height:36px;font-size:var(--font-size-xs)}}