.site-header.svelte-1l3411r{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.main-nav.svelte-1l3411r{display:flex;align-items:center;padding:.5rem 1rem;max-width:1200px;margin:0 auto}.logo-container.svelte-1l3411r{display:flex;align-items:center;margin-right:1.2rem}.logo.svelte-1l3411r{display:flex;align-items:center;color:#f60;font-weight:700;text-decoration:none;font-size:1.1rem;white-space:nowrap}.logo-icon.svelte-1l3411r{margin-right:.5rem}.search-container.svelte-1l3411r{position:relative;flex-grow:1;max-width:500px;display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:50px;padding:.25rem 1rem;transition:all .2s ease}.search-container.focused.svelte-1l3411r{border-color:#f60;box-shadow:0 0 0 2px #f603}.search-icon.svelte-1l3411r{color:#666;margin-right:.5rem}.search-container.svelte-1l3411r input:where(.svelte-1l3411r){border:none;outline:none;width:100%;font-size:.9rem;background:transparent}.category-nav.svelte-1l3411r{background-color:#f5f5f5;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:0 .5rem;border-top:1px solid #eaeaea;scrollbar-width:none}.category-nav.svelte-1l3411r::-webkit-scrollbar{display:none}.category-list.svelte-1l3411r{display:flex;list-style:none;padding:0;max-width:1200px;margin:0 auto}.category-link.svelte-1l3411r{display:inline-block;padding:.5rem .75rem;color:#333;text-decoration:none;font-size:.85rem;transition:color .2s ease}.category-link.svelte-1l3411r:hover{color:#f60}@media (max-width: 768px){.logo-text.svelte-1l3411r{font-size:.9rem}.logo-container.svelte-1l3411r{margin-right:.8rem}.search-container.svelte-1l3411r{max-width:none;width:60%}.search-container.svelte-1l3411r input:where(.svelte-1l3411r){font-size:.85rem}.search-container.svelte-1l3411r input:where(.svelte-1l3411r)::-moz-placeholder{font-size:.8rem}.search-container.svelte-1l3411r input:where(.svelte-1l3411r)::placeholder{font-size:.8rem}.category-link.svelte-1l3411r{padding:.5rem;font-size:.8rem}}@media (max-width: 480px){.main-nav.svelte-1l3411r{padding:.4rem .6rem}.logo-container.svelte-1l3411r{margin-right:.6rem}.logo.svelte-1l3411r{font-size:.9rem}.logo-icon.svelte-1l3411r{margin-right:.25rem}.search-container.svelte-1l3411r{padding:.2rem .7rem;width:55%}}body{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif}main.svelte-4tyno2{flex:1}