.hero[data-v-6b465d1c]{background-color:#fff;padding:4rem 1rem;text-align:center}.hero-title[data-v-6b465d1c]{color:var(--color-text-main);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.search-wrapper[data-v-6b465d1c]{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;margin:0 auto;max-width:600px;padding:.5rem;position:relative;transition:box-shadow .2s}.search-wrapper[data-v-6b465d1c]:focus-within{border-color:#d1d5db;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-icon[data-v-6b465d1c]{align-items:center;color:#9ca3af;display:flex;margin-left:.75rem}.search-input[data-v-6b465d1c]{flex:1;font-size:1rem;min-width:0;outline:none;padding:.75rem}.search-input[data-v-6b465d1c]::-moz-placeholder{color:#9ca3af}.search-input[data-v-6b465d1c]::placeholder{color:#9ca3af}.search-btn[data-v-6b465d1c]{background-color:var(--color-primary);border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.search-btn[data-v-6b465d1c]:hover{background-color:var(--color-primary-hover)}@media(min-width:640px){.hero[data-v-6b465d1c]{padding:6rem 1rem}.hero-title[data-v-6b465d1c]{font-size:2.5rem}}.search-results[data-v-6b465d1c]{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.5rem;max-height:400px;overflow:hidden;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:50}.search-result-item[data-v-6b465d1c]{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s}.search-result-item[data-v-6b465d1c]:last-child{border-bottom:none}.search-result-item[data-v-6b465d1c]:hover{background-color:#f9fafb}.result-thumb[data-v-6b465d1c]{background-color:#f3f4f6;border-radius:6px;flex-shrink:0;height:48px;margin-right:1rem;overflow:hidden;width:48px}.result-thumb img[data-v-6b465d1c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.result-info[data-v-6b465d1c]{flex:1;min-width:0}.result-title[data-v-6b465d1c]{color:#111827;font-size:.875rem;font-weight:500;margin-bottom:.125rem}.result-category[data-v-6b465d1c]{color:#6b7280;font-size:.75rem}