/* SEARCH MODAL POPUP */
.search-modal {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1000;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; visibility: hidden;
    transition: all 0.3s ease;
}
.search-modal.active {
    opacity: 1; visibility: visible;
}
.search-overlay {
    position: absolute; width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
}
.search-modal-content {
    position: relative; z-index: 2;
    background: var(--bg-main);
    padding: 40px; border-radius: 8px;
    width: 90%; max-width: 600px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.search-close-btn {
    position: absolute; top: 10px; right: 15px;
    background: none; border: none; font-size: 2rem;
    color: var(--text-main); cursor: pointer;
}
.search-form { display: flex; gap: 10px; margin-top: 15px;}
.search-field {
    flex-grow: 1; padding: 12px;
    border: 1px solid var(--border-color);
    background: var(--bg-surface); color: var(--text-main);
    border-radius: 4px;
}