/* === AJAX Search Results === */
.mkd-ajax-results {
    position: absolute; top: calc(100% + 12px); left: 10px; width: calc(100% - 20px);
    background: #fff; border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15); z-index: 400;
    overflow: hidden; display: none; flex-direction: column;
    border: 1px solid #f0f0f0; padding: 8px 0;
}
.mkd-ajax-results.active { display: flex; animation: mkdSlideDown 0.2s ease-out; }

.mkd-popular-tags { padding: 15px 20px; }
.mkd-popular-label { font-size: 11px; color: #888; font-weight: 700; margin-bottom: 10px; }
.mkd-trending-tag {
    display: inline-block; padding: 6px 12px; background: #f0f0f0;
    border-radius: 20px; font-size: 12px; margin: 0 5px 5px 0;
    color: #555; text-decoration: none; transition: background 0.2s;
}
.mkd-trending-tag:hover { background: #e0e0e0; }

.mkd-search-item {
    padding: 10px 20px; display: flex; align-items: center; gap: 16px;
    cursor: pointer; transition: background 0.2s; text-decoration: none;
    position: relative; color: inherit;
}
.mkd-search-item::after {
    content: ''; position: absolute; bottom: 0; left: 20px; right: 20px;
    height: 1px; background: #f5f5f5;
}
.mkd-search-item:last-child::after { display: none; }
.mkd-search-item:hover { background: #fafafa; }
.mkd-search-item.mkd-active { background: #f5f5f5; }

.mkd-s-thumb {
    width: 48px; height: 48px; object-fit: contain; background: #fff;
    border-radius: 8px; padding: 4px; border: 1px solid #eee;
}
.mkd-s-info { display: flex; flex-direction: column; flex-grow: 1; }
.mkd-s-header { display: flex; justify-content: space-between; align-items: baseline; }
.mkd-s-title { font-size: 14px; font-weight: 600; color: #111; }
.mkd-s-price { font-size: 14px; font-weight: 700; color: #111; }
.mkd-s-meta { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.mkd-s-cat { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
.mkd-s-stock { font-size: 11px; font-weight: 500; display: flex; align-items: center; gap: 5px; }
.mkd-stock-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.mkd-stock-in { color: #27ae60; }
.mkd-stock-in .mkd-stock-dot { background: #27ae60; }
.mkd-stock-pre { color: #f39c12; }
.mkd-stock-pre .mkd-stock-dot { background: #f39c12; }
.mkd-s-match { color: #000; background: rgba(235,247,40,0.4); padding: 0 2px; border-radius: 2px; }

.mkd-view-all {
    display: block; text-align: center; padding: 12px 20px;
    font-size: 13px; font-weight: 600; color: #111;
    text-decoration: none; border-top: 1px solid #eee; transition: background 0.2s;
}
.mkd-view-all:hover { background: #fafafa; }

.mkd-no-results { padding: 20px; text-align: center; color: #888; font-size: 13px; }
.mkd-search-spinner {
    position: absolute; right: 60px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; border: 2px solid #ddd;
    border-top-color: var(--mk-yellow, #EBF728); border-radius: 50%;
    animation: mkdSpin 0.6s linear infinite; display: none;
}
.mkd-search-spinner.active { display: block; }

/* Mobile search results */
.mkm-results-list .mkd-search-item { padding: 10px 0; }

@keyframes mkdSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mkdSpin { to { transform: translateY(-50%) rotate(360deg); } }