/* CSS for search bar styling */
    .search-result-item {
        display: flex;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    .search-result-image {
        width: 60px;
        height: 60px;
        object-fit: cover;
        margin-right: 10px;
    }
    .search-result-info {
        flex: 1;
    }
    .search-result-meta {
        display: flex;
        justify-content: space-between;
        font-size: 0.9em;
        color: #555;
    }
    #search-bar.active {
        display: block;
    }
    #search-bar {
        margin-top: 10px;
    }
    .search-results {
        max-height: 300px;
        overflow-y: auto;
        margin-top: 10px;
    }
    .header__icon--search {
        cursor: pointer;
        padding: 10px;
        border: 1px solid #ccc;
        display: inline-block;
        margin-top: 20px;
    }