/**
 * V1.9.15: PC前台主题
 * 导航栏+商品卡片+购物流程品牌化
 */
/* ===== 导航栏 ===== */
.site-header {
    background: var(--color-bg-card); border-bottom: 1px solid var(--color-border);
    position: sticky; top: 0; z-index: 1020;
}
.site-header .navbar-brand { color: var(--brand-primary); font-weight: 700; font-size: var(--font-size-xl); }
.site-header .nav-link { color: var(--color-text-secondary); font-weight: 500; }
.site-header .nav-link:hover { color: var(--brand-primary); }
.site-header .search-form .form-control {
    border-radius: var(--radius-full); border: 1.5px solid var(--color-border);
    padding: 8px 16px; font-size: var(--font-size-base);
}
.site-header .search-form .form-control:focus { border-color: var(--brand-primary); }
.site-header .search-form .btn {
    background: var(--brand-primary); color: #fff; border-radius: var(--radius-full);
    padding: 8px 20px;
}

/* ===== 商品卡片（通用） ===== */
.goods-card {
    border: 1px solid var(--color-border); border-radius: var(--radius-lg);
    overflow: hidden; transition: all 0.2s; background: var(--color-bg-card);
}
.goods-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--brand-primary); }

/* ===== 商品详情 ===== */
.goods-detail .price-current { color: var(--color-danger); font-size: var(--font-size-3xl); font-weight: 700; }
.goods-detail .price-original { color: var(--color-text-muted); text-decoration: line-through; font-size: var(--font-size-lg); }
.goods-detail .btn-add-cart {
    background: var(--brand-gradient); color: #fff; border: none;
    border-radius: var(--radius-md); padding: 12px 40px; font-size: var(--font-size-lg); font-weight: 600;
}
.goods-detail .btn-buy-now {
    background: var(--color-danger); color: #fff; border: none;
    border-radius: var(--radius-md); padding: 12px 40px; font-size: var(--font-size-lg); font-weight: 600;
}

/* ===== 步骤指示器 ===== */
.step-indicator {
    display: flex; align-items: center; gap: 0; margin-bottom: 24px;
}
.step-item {
    display: flex; align-items: center; gap: 8px; padding: 8px 16px;
    font-size: var(--font-size-base); color: var(--color-text-muted);
}
.step-item.active { color: var(--brand-primary); font-weight: 600; }
.step-item .step-num {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--font-size-sm); font-weight: 600;
    background: var(--color-border-light); color: var(--color-text-muted);
}
.step-item.active .step-num { background: var(--brand-primary); color: #fff; }
.step-line { flex: 1; height: 2px; background: var(--color-border); }

/* ===== 价格标签 ===== */
.price { color: var(--color-danger); font-weight: 700; }
.price-lg { font-size: var(--font-size-2xl); }
.badge-promo { background: var(--color-danger); color: #fff; font-size: 11px; padding: 2px 6px; border-radius: var(--radius-sm); }