.search-bar{position:relative}.search-form{display:flex;align-items:center}.search-input{padding:.6rem 1rem;border:1px solid var(--color-cream-dark);border-radius:var(--radius-full);font-size:var(--font-size-sm);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-marine);box-shadow:0 0 0 3px rgba(76,74,101,.1)}.search-button{position:absolute;right:.5rem;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-medium);transition:color var(--transition-fast)}.search-button:hover{color:var(--color-marine)}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-cream-dark);z-index:100;overflow:hidden}.search-results{list-style:none;margin:0;padding:0}.search-result{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--color-marine);transition:background var(--transition-fast)}.search-result:hover{background:var(--color-cream)}.search-result-title{font-weight:500;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--spacing-sm)}.search-result-category{font-size:var(--font-size-xs);color:var(--color-marine-light);text-transform:uppercase;flex-shrink:0}.search-loading,.search-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-text-medium);font-size:var(--font-size-sm)}.search-see-all{display:block;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;color:var(--color-marine);font-weight:500;border-top:1px solid var(--color-cream-dark);transition:background var(--transition-fast)}.search-see-all:hover{background:var(--color-cream)}.search-bar-header{width:250px}.search-bar-page{max-width:600px;margin:0 auto}.search-bar-page .search-input{padding:1rem 1.5rem;font-size:var(--font-size-base)}.search-bar-page .search-button{right:1rem}@media (max-width:768px){.search-bar-header{width:100%}}