/* ============================================================
 * 实时搜索样式 — 404 页 + Header 搜索弹窗共用
 * ============================================================ */

/* 选项卡激活态 */
.search-tab.is-active {
    background: var(--brandmaincolor, #000) !important;
    color: #fff !important;
    border-color: var(--brandmaincolor, #000) !important;
}

/* ── 404 + 空购物车 搜索区域 ─────────────────── */

/* 产品/球员：永远 2 列 */
#search404 .search-tab-products [class*="grid-cols"],
#search404 .search-tab-players [class*="grid-cols"],
#searchCartEmpty .search-tab-products [class*="grid-cols"],
#searchCartEmpty .search-tab-players [class*="grid-cols"] {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* 球队：桌面 4 列，手机 2 列 */
#search404 .search-tab-teams [class*="grid-cols"],
#searchCartEmpty .search-tab-teams [class*="grid-cols"] {
    grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 767px) {
    #search404 .search-tab-teams [class*="grid-cols"],
    #searchCartEmpty .search-tab-teams [class*="grid-cols"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 搜索结果中的产品卡片微调 */
#search404 .yolo-quick-add-btn,
#searchCartEmpty .yolo-quick-add-btn {
    color: var(--brandmaincolor) !important;
}
#search404 .yolo-quick-add-btn:hover,
#searchCartEmpty .yolo-quick-add-btn:hover {
    background: var(--brandmaincolor) !important;
    color: #fff !important;
}

.js-search-results a.yolo-card-title {
    color: inherit;
    text-decoration: none;
}
.js-search-results .yolo-card-buy {
    color: #fff;
}

/* ── 球队 / 球员列表项 ──────────────────────── */
.js-search-results .search-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.js-search-results .search-result-item img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 6px;
    flex-shrink: 0;
}
.js-search-results .search-result-item .name {
    font-size: 14px;
    font-weight: 500;
}
.js-search-results .search-result-item .price {
    font-size: 14px;
    font-weight: 700;
    color: var(--brandmaincolor);
}