.search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 60px; /* เว้นด้านขวาให้ปุ่มค้นหา */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1050;
    display: none; /* เริ่มต้นซ่อน */
}

.search-dropdown .item {
    padding: 0.6rem 0.8rem;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    transition: background 0.2s;
}

.search-dropdown .item:last-child {
    border-bottom: none;
}

.search-dropdown .item:hover {
    background: #e9f7ef; /* เขียวอ่อน */
}

.search-dropdown .no-result {
    padding: 0.6rem 0.8rem;
    color: #888;
    font-style: italic;
}